강의

N
챌린지

멘토링

N
클립

커뮤니티

Programming

/

Web Development

[C#/.NET 8.0] Welcome, new to Blazor Server?

★.NET 8.0★ This is a basic course on web development using Blazor Server. Learn how to easily do DB CRUD using EntityFrameworkCore. We will teach you the "basics" of Razor Page UI Design. We will also provide the source code used in the course :)

(4.2) 10 reviews

118 learners

  • RAZOR
c#
닷넷프레임워크
소스코드
C#
.NET
Blazor
PostgreSQL

Reviews from Early Learners

What you will learn!

  • Understanding Blazor Server

  • Understanding .NET8.0 Blazor

  • Understanding Razor Syntax

  • Understanding EntityFramework Core

  • Understanding Object-Oriented Design

  • Other UI Development Tips

blazor_server_intro

Blazor Server Basics for Beginners 📖

○ This course is a basic course on Blazor Server development for C#/.NET developers.

○ You can learn object-oriented programming techniques such as Interface, Service, and Dependency Injection.

○ You can learn the basics of UI by designing Razor Pages together.

After taking the lecture, you will be able to create results like this.

Development of data input function and UI implementation

Data input function development and UI implementation

  • Implementing UI and logic for DB CRUD functions

  • Utilizing PostgreSQL + EntityFramework Core

Dashboard development and UI implementation

Dashboard development and UI implementation

  • XAML Design and Other UI Development Tips

  • Interacting with View Model and Code-behind

[ Play the video! ]

[ Play the video! ]

  • You will have a clear understanding of .NET8.0 Blazor Server.

  • You can design core classes.

  • You will understand Interface, Service, and Dependency Injection for loose coupling.

  • You can use EntityFramework for DB CRUD.

  • You can get tips on Razor Page Design and other UI development.

Learning Content

Section (1) Understanding Blazor Server

Section (1) Understanding Blazor Server

  • Discover the new .NET 8.0

  • Learn the basic Blazor Server architecture

  • First, prepare the environment before developing Blazor Server.

Section (2) Database and Entity Framework Core

  • First, prepare to use the database.

  • Introducing a Framework for DB CRUD

  • After designing the class, try handling it yourself.

Section (2) Database and Entity Framework Core
Section (3) Razor Page Design (1)

Section (3) Razor Page Design (1)

  • Let's design a Razor Page for DB CRUD.

  • We actively utilize UI Framework.

  • Let's design a basic Datagrid UI.

Section (4) Razor Page Design (2)

  • Let's design a dashboard page.

  • Let's take advantage of UI Layout and various Controls.

  • Learn more about other UI development tips


Section (4) Razor Page Design (2)

Things to note before taking the course

Practice environment

  • Operating System and Version (OS): Windows 10

  • Tools used: VisualStudio2022, pgAdmin4

Learning Materials

  • Basically, it is provided as an audio within the lecture, and any necessary materials or sites are written in the lecture materials!

Player Knowledge and Precautions

  • Whether required prerequisite knowledge is required considering learning difficulty

    • You can take the course without any problems even if you only know the basic grammar of the C# language 👍

  • Content directly related to the course, such as lecture video quality (audio/video quality), and recommended learning methods

    • I tried to minimize noise as much as possible! Please excuse any slight noise 🙏

  • Questions/Answers and future updates

    • Please leave any questions you may have and we will respond as soon as possible.

    • We will update later. Please give us lots of F/B 😄

  • Notice regarding copyright of lectures and learning materials

    • You can freely use the source code provided in the lecture 🔥

Recommended for
these people

Who is this course right for?

  • People who know the basics of C#/.NET but have never done web development before

  • If you only have experience with WinForm or WPF development and don't know how to start web development,

  • Anyone who wants to understand Blazor and quickly use it through practice

Need to know before starting?

  • C#/.NET

  • PostgreSQL

Hello
This is

845

Learners

71

Reviews

41

Answers

4.5

Rating

5

Courses

안녕하세요. 개발자 RAZOR 입니다. Python, C#/.NET(Winform, WPF, Blazor) 개발하고 있습니다 :)

제 강의 들어주셔서 언제나 감사드리며, 거침없이 하이킥(?) 말고 F/B 부탁드립니다!🤟🤟🤟

 

★RAZOR가 제공하는 고품격(?) 강의 List

○ Python Fast API 강의 LINK : https://inf.run/h7eTV

○ Winform 강의 LINK : https://inf.run/iovRi

○ WPF 강의 LINK : https://inf.run/ptAYH

○ Blazor WASM 강의 LINK : https://inf.run/tptBE

○ Blazor Server 강의 LINK : https://inf.run/fKHBg

 

★RAZOR에게 멘토링 받고 싶다면?

○ 멘토링 LINK : https://inf.run/7u6fC

 

 ★RAZOR가 직접 작성한 온라인 강의 판매로 부수입 얻는 법 궁금하다면?

○ 219일만에 1300만원 부수입 얻는 방법 : PDF 전자책 형태로 판매합니다.

○ 구매 의향 있으시면 메일(resti52@naver.com)로 연락주세요 :)

Curriculum

All

14 lectures ∙ (4hr 9min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

10 reviews

4.2

10 reviews

  • godjiyoon2642님의 프로필 이미지
    godjiyoon2642

    Reviews 1

    ∙

    Average Rating 3.0

    3

    71% enrolled

    初級バージョンであっても、配布すること、他のサーバーで接続する方法程度はあると思ったが。ないですね。 そして最後の部分に使用されたRadzenStackedBarSeriesは比率で使用しないことをお勧めします。 お使いいただくとチャートが0人から出てこそ正確な割合が出ると思います。 系は男+女なのに、系部分がサイズが小さいじゃないですか。

    • resti52
      Instructor

      godjiyoonさんこんにちは！講義が足りなかったのは申し訳ありません。あたたかいF/Bありがとうございます。良い一日を過ごしてください！

  • nabzacko1606님의 프로필 이미지
    nabzacko1606

    Reviews 2

    ∙

    Average Rating 4.0

    3

    71% enrolled

    詳細が不足している

    • resti52
      Instructor

      DeungHeok Chung!大切な受講評 ありがとうございます..!私が準備した講義がたくさん足りなかったようです。 BLAZOR SERVERの基礎講義で、それに合わせて準備したと思いましたが、やっぱりみんなの満足を得るのは大変ですね…！それでも最後までよく受講していただきありがとうございました。今後さらに努力させていただきます。

  • aurum82님의 프로필 이미지
    aurum82

    Reviews 1

    ∙

    Average Rating 5.0

    5

    100% enrolled

    • resti52
      Instructor

      金星哲様、こんにちは。 まずはお忙しい中、受講のご評価をいただき、誠にありがとうございます。私の講義が少しでもお役に立てたのであれば幸いです。今後のご活躍を心よりお祈り申し上げます。 次回は、より良い講義でお目にかかれることを楽しみにしております。 ありがとうございます！！

  • moomooping님의 프로필 이미지
    moomooping

    Reviews 2

    ∙

    Average Rating 5.0

    5

    36% enrolled

    • resti52
      Instructor

      이찬희さん、こんにちは。まずはお忙しい中、受講の感想を本当にありがとうございます。私の講座が少しでもお役に立てたのであれば幸いですし、今後のお仕事がすべてうまくいくよう願っております。次にまた良い講座でお会いしましょう。ありがとうございます！！

  • hyunwookim8664님의 프로필 이미지
    hyunwookim8664

    Reviews 2

    ∙

    Average Rating 5.0

    5

    100% enrolled

    最新バージョンで講義を聴くことができてとても良かったです。

    • resti52
      Instructor

      hyunwoo.kimさんこんにちは！ 私の講義が役に立ったのは本当に幸いです:) 大切な受講評価もありがとうございましたㅎㅎㅎ 次に良い講義でまたお会いしましょう〜！

$68.20

RAZOR's other courses

Check out other courses by the instructor!

[C#/.NET 7.0]さあ、WPFは初めてなの？Course Thumbnail

[C#/.NET 7.0]さあ、WPFは初めてなの？

RAZOR

WPFを活用したWindows Desktop開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。 MVVM Design Patternに基づくProgramming SkillとXAML UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

Basic

Basic

.NET, wpf

[C#/.NET 7.0]さあ、WPFは初めてなの？Course Thumbnail

[C#/.NET 7.0]さあ、WPFは初めてなの？

RAZOR

[C#/.NET 8.0]さあ、WinFormは初めてなの？Course Thumbnail

[C#/.NET 8.0]さあ、WinFormは初めてなの？

RAZOR

★.NET 8.0★ Winformを活用したWindows Desktop開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。緩い結合に基づくクラス設計方法とForm UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

Basic

Basic

.NET, winform, PostgreSQL

[C#/.NET 8.0]さあ、WinFormは初めてなの？Course Thumbnail

[C#/.NET 8.0]さあ、WinFormは初めてなの？

RAZOR

[2025 新規] こんにちは、Fast API は初めてですか?Course Thumbnail

[2025 新規] こんにちは、Fast API は初めてですか?

RAZOR

★PYTHON★ Fast API を活用した Server 開発の基礎講座です。Fast API、SQLAlchemy、Pydantic、Starlette などの複数のパッケージを活用して、簡単かつ迅速かつ簡単にサーバーを開発する方法を学びましょう。PostgreSQL との連携はもちろん、DB バックアップ ファイルも用意されているのでご安心ください。Dash と Plotly を活用した UI デザインの「基礎」をお教えし、講座で使用されたソース コードも提供します :)

Basic

Basic

FastAPI, Python, PostgreSQL

[2025 新規] こんにちは、Fast API は初めてですか?Course Thumbnail

[2025 新規] こんにちは、Fast API は初めてですか?

RAZOR

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？Course Thumbnail

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？

RAZOR

Blazor WebAssemblyを活用したWeb開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。 Razor Page UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

Basic

Basic

Blazor, C#, .NET

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？Course Thumbnail

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？

RAZOR

Similar courses

Explore other courses in the same field!

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？Course Thumbnail

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？

RAZOR

Blazor WebAssemblyを活用したWeb開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。 Razor Page UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

Basic

Basic

Blazor, C#, .NET

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？Course Thumbnail

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？

RAZOR

[C#/.NET 8.0]さあ、WinFormは初めてなの？Course Thumbnail

[C#/.NET 8.0]さあ、WinFormは初めてなの？

RAZOR

★.NET 8.0★ Winformを活用したWindows Desktop開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。緩い結合に基づくクラス設計方法とForm UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

Basic

Basic

.NET, winform, PostgreSQL

[C#/.NET 8.0]さあ、WinFormは初めてなの？Course Thumbnail

[C#/.NET 8.0]さあ、WinFormは初めてなの？

RAZOR

[C#/.NET 7.0]さあ、WPFは初めてなの？Course Thumbnail

[C#/.NET 7.0]さあ、WPFは初めてなの？

RAZOR

WPFを活用したWindows Desktop開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。 MVVM Design Patternに基づくProgramming SkillとXAML UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

Basic

Basic

.NET, wpf

[C#/.NET 7.0]さあ、WPFは初めてなの？Course Thumbnail

[C#/.NET 7.0]さあ、WPFは初めてなの？

RAZOR

[2025 新規] こんにちは、Fast API は初めてですか?Course Thumbnail

[2025 新規] こんにちは、Fast API は初めてですか?

RAZOR

★PYTHON★ Fast API を活用した Server 開発の基礎講座です。Fast API、SQLAlchemy、Pydantic、Starlette などの複数のパッケージを活用して、簡単かつ迅速かつ簡単にサーバーを開発する方法を学びましょう。PostgreSQL との連携はもちろん、DB バックアップ ファイルも用意されているのでご安心ください。Dash と Plotly を活用した UI デザインの「基礎」をお教えし、講座で使用されたソース コードも提供します :)

Basic

Basic

FastAPI, Python, PostgreSQL

[2025 新規] こんにちは、Fast API は初めてですか?Course Thumbnail

[2025 新規] こんにちは、Fast API は初めてですか?

RAZOR

MAUI [Cross-Platform Applications & C#]Course Thumbnail

MAUI [Cross-Platform Applications & C#]

vmproductor0202

Windows、macOS、iOS、Android アプリケーションを 1 つのコードで開発および動作させる MAUI クロスプラットフォームの開発について学びます。

Beginner

Beginner

C#, Azure, cross-platform

MAUI [Cross-Platform Applications & C#]Course Thumbnail

MAUI [Cross-Platform Applications & C#]

vmproductor0202

[管理コース #1] 設計 (UML+ClassDiagram)Course Thumbnail

[管理コース #1] 設計 (UML+ClassDiagram)

vmproductor0202

UML中のclass diagram（クラスダイアグラム）講義に該当します。 設計講義に該当します。

Basic

Basic

Architecture, C#, winform

[管理コース #1] 設計 (UML+ClassDiagram)Course Thumbnail

[管理コース #1] 設計 (UML+ClassDiagram)

vmproductor0202

ASP.NET core Blazor 詳細講義 - 初級編Course Thumbnail

ASP.NET core Blazor 詳細講義 - 初級編

backchur

この講義では、バックエンドとフロントエンドをすべて C#、HTML、CSS で完了できる便利で安定したフレームワークである Blazor の使用方法について詳しく説明します。この講義は、最初から始める方のための講義です。

Basic

Basic

ASP, .NET, Blazor

ASP.NET core Blazor 詳細講義 - 初級編Course Thumbnail

ASP.NET core Blazor 詳細講義 - 初級編

backchur

Razor Pagesメンバーシップサービス初級コース（.NET5）Course Thumbnail

Razor Pagesメンバーシップサービス初級コース（.NET5）

dotnet

[ASP.NET Core]は複数の分岐に分かれていますが、そのうちMVCとRazor Pagesは代表者です。 そのうち、ここではRazor Pagesを使ってメンバーシップサービス（Identity）を構築する初級コースを盛り込んでいます。

Basic

Basic

.NET

Razor Pagesメンバーシップサービス初級コース（.NET5）Course Thumbnail

Razor Pagesメンバーシップサービス初級コース（.NET5）

dotnet

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）Course Thumbnail

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）

John Ahn

このレッスンを通して、Reddit Webサイトを最初から1つ1つ作成することができます。

Basic

Basic

Clone Coding, Node.js, React

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）Course Thumbnail

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）

John Ahn

ASP.NET Core MVC + ASP.NET Core + REST API +.NET 8.0Course Thumbnail

ASP.NET Core MVC + ASP.NET Core + REST API +.NET 8.0

vmproductor0202

外国企業、大企業で主に使用するASP.NET Coreを扱います。

Basic

Basic

ASP.NET Core, C#, MVC

ASP.NET Core MVC + ASP.NET Core + REST API +.NET 8.0Course Thumbnail

ASP.NET Core MVC + ASP.NET Core + REST API +.NET 8.0

vmproductor0202

C＃最初から学ぶCourse Thumbnail

C＃最初から学ぶ

vmproductor0202

C＃言語を学びましょう。 C言語を知らなくても学習が可能です。 開発ツールも最初から一緒にインストールします。

Beginner

Beginner

C#, oop

C＃最初から学ぶCourse Thumbnail

C＃最初から学ぶ

vmproductor0202

[フルスタック入門] Firebaseより10倍良いSupabaseCourse Thumbnail

[フルスタック入門] Firebaseより10倍良いSupabase

lopun

フルスタック開発を加速させるSupabase！Firebaseの上位互換のSupabaseで、フルスタック開発を2時間で完成させます。

Basic

Basic

PostgreSQL, Next.js, TailwindCSS

[フルスタック入門] Firebaseより10倍良いSupabaseCourse Thumbnail

[フルスタック入門] Firebaseより10倍良いSupabase

lopun