Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Web Development

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

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

（4.2）受講レビュー 10件

受講生 112名

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

学習した受講者のレビュー

こんなことが学べます

  • Blazor Serverの理解

  • .NET8.0 Blazorの理解

  • Razor構文の活用の理解

  • EntityFramework Coreの理解

  • オブジェクト指向設計の理解

  • その他のUI開発ヒント

blazor_server_intro

初心者のためのBlazor Serverの基礎講義📖

○本講義は、C#/.NET開発者向けのBlazor Server開発基礎講義です。

○Interface、Service、Dependency Injectionなどオブジェクト指向プログラミング技法を学ぶことができます。

○Razor Pageを一緒にデザインすることで、UIの基本的な部分を学ぶことができます。

講義を聞いたら、このような結果を作ることができます。

Data入力機能の開発とUIの実装

Data入力機能の開発とUIの実装

  • DB CRUD機能のためのUIとLogicの実装

  • PostgreSQL + EntityFramework Coreの活用

Dashboardの開発とUIの実装

Dashboardの開発とUIの実装

  • XAML Design およびその他の UI 開発 Tip

  • View ModelとCode-behindとの相互作用

[動画を再生してみてください！ ]

[動画を再生してみてください！ ]

  • .NET8.0 Blazor Serverについてはっきり理解できます。

  • コアクラスの設計ができます。

  • 疎結合のためのInterface、Service、Dependency Injectionを理解できます。

  • DB CRUDにEntityFrameworkを活用できます。

  • Razor Page Designやその他のUI開発ヒントを入手できます。

学習内容

セクション(1) Blazor Serverの理解

セクション(1) Blazor Serverの理解

  • 新しくなった.NET8.0をご覧ください

  • 基本的なBlazor Serverの構造を学ぶ

  • Blazor Server開発前に環境を準備する前に

セクション(2) DatabaseおよびEntity Framework Core

  • Databaseの活用準備を始めます

  • DB CRUDのためのフレームワークを紹介します

  • Class設計後に直接ハンドリングしてみます

セクション(2) DatabaseおよびEntity Framework Core
セクション (3) Razor Page Design(1)

セクション (3) Razor Page Design(1)

  • DB CRUD用のRazor Pageをデザインしよう

  • UI Frameworkを活用しよう

  • 基本的なDatagrid UIをデザインしてみます

セクション (4) Razor Page Design(2)

  • Dashboard Pageをデザインしてみます

  • UIレイアウトと複数のコントロールを活用してください

  • その他のUI開発Tipも知ってください


セクション (4) Razor Page Design(2)

受講前の注意

練習環境

  • オペレーティングシステムとバージョン（OS）：Windows 10

  • 使用ツール: VisualStudio2022, pgAdmin4

学習資料

  • 基本的には講義内の音声で提供され、必要な資料やサイトは講義資料に書いておきます！

選手の知識と注意事項

  • 学習難易度を考慮した必須選手の知識の有無

    • C＃言語の基礎文法だけを知っても受講に支障はありません👍

  • 講義映像品質（音質・画質）など受講に直接関連した内容および推奨学習方法

    • ノイズはできるだけ減らそうとしました！少しのノイズはご了承お願い致します🙏

  • 質問/回答と今後の更新に関する内容

    • 質問はいつでも残していただければ、利用可能な時間にすぐに答えます。

    • 今後更新する予定です。たくさんのF/Bお願いします😄

  • 講義および学習資料著作権に関するお知らせ

    • 講義で提供したソースコードは存分に活用可能です🔥

こんな方に
おすすめです

学習対象は
誰でしょう？

  • C＃/ .NETの基礎はわかっていますが、Web開発は一度もしなかった方

  • WinForm や WPF 開発だけで Web 開発をどのように始めるか感が出ない方

  • Blazorを理解しながら、実践を通じて素早く活用したい方

前提知識、
必要でしょうか？

  • C#/.NET

  • PostgreSQL

こんにちは
です。

810

受講生

69

受講レビュー

41

回答

4.5

講座評価

5

講座

안녕하세요. 개발자 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)로 연락주세요 :)

カリキュラム

全体

14件 ∙ (4時間 9分)

講座資料（こうぎしりょう）:

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

10件

4.2

10件の受講レビュー

  • godjiyoon2642님의 프로필 이미지
    godjiyoon2642

    受講レビュー 1

    ∙

    平均評価 3.0

    3

    71% 受講後に作成

    Even though it's a beginner version, I thought there would be a way to distribute it or connect to another server. There isn't. And I recommend not using the RadzenStackedBarSeries you used in the last part as a ratio. If you use it, I think the chart should start from 0 to get an accurate ratio. The total would be male + female, but the total part is small.

    • resti52
      知識共有者

      Hello godjiyoon! I'm sorry that the lecture was lacking. I will consider adding server distribution by reflecting this F/B. Thank you for the sharp F/B. Have a nice day!

  • nabzacko1606님의 프로필 이미지
    nabzacko1606

    受講レビュー 2

    ∙

    平均評価 4.0

    3

    71% 受講後に作成

    Very little detail is missing

    • resti52
      知識共有者

      DeungHeok Chung! Thank you for your valuable review..! I think the lecture I prepared was lacking..! It is a basic lecture on BLAZOR SERVER and I thought I prepared it accordingly, but it seems like it will be difficult to satisfy everyone..! Still, thank you so much for taking the lecture until the end, and thank you for the warm F/B that allows this kind of development! I will work harder in the future.

  • aurum82님의 프로필 이미지
    aurum82

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    • resti52
      知識共有者

      Hello Geum Seong-cheol. First, thank you for your course review despite your busy schedule. I hope my lecture was of some help, and I wish you success in all future endeavors. I look forward to meeting you again with a better lecture. Thank you!!

  • chanheelee2876님의 프로필 이미지
    chanheelee2876

    受講レビュー 2

    ∙

    平均評価 5.0

    5

    36% 受講後に作成

    • resti52
      知識共有者

      Hello, Lee Chan-hee. First of all, thank you very much for your course review despite your busy schedule. I hope my lecture was of some help, and I wish you the best in all your future endeavors. I look forward to seeing you again with a better lecture next time. Thank you!!

  • hyunwookim8664님의 프로필 이미지
    hyunwookim8664

    受講レビュー 2

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    I was so happy to be able to listen to the lectures in the latest version.

    • resti52
      知識共有者

      Hello hyunwoo.kim!! I'm so glad that my lecture was helpful :) Thank you so much for your valuable review too ㅎㅎㅎ I'll come back with another great lecture~!

￥10,377

resti52の他の講座

知識共有者の他の講座を見てみましょう！

[C#/.NET 7.0] Welcome, new to WPF?강의 썸네일

[C#/.NET 7.0] Welcome, new to WPF?

resti52

This is a basic course on Windows Desktop development using WPF. Learn how to easily do DB CRUD using EntityFrameworkCore. We will teach you Programming Skills based on MVVM Design Pattern and XAML UI Design "Basics". We will also provide the source code used in the course :)

초급

초급

.NET, wpf

[C#/.NET 7.0] Welcome, new to WPF?강의 썸네일

[C#/.NET 7.0] Welcome, new to WPF?

resti52

[New 2025] Welcome, is this your first time using Fast API?강의 썸네일

[New 2025] Welcome, is this your first time using Fast API?

resti52

★PYTHON★ This is a basic lecture on server development using Fast API. Learn how to develop servers easily, quickly, and conveniently using various packages such as Fast API, SQLAlchemy, Pydantic, and Starlette! Don't worry, we have prepared a DB backup file as well as integration with PostgreSQL! We will teach you the "basics" of UI design using Dash and Plotly and provide the source code used in the lecture :)

초급

초급

FastAPI, Python, PostgreSQL

[New 2025] Welcome, is this your first time using Fast API?강의 썸네일

[New 2025] Welcome, is this your first time using Fast API?

resti52

[C#/.NET 8.0] Welcome, new to WinForms?강의 썸네일

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

resti52

★.NET 8.0★ This is a basic course on Windows Desktop development using Winform. Learn how to easily do DB CRUD using EntityFrameworkCore. We will teach you the class design method based on loose coupling and the "basics" of Form UI Design. We will also provide the source code used in the course :)

초급

초급

.NET, winform, PostgreSQL

[C#/.NET 8.0] Welcome, new to WinForms?강의 썸네일

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

resti52

[C#/.NET 6.0]Welcome, new to Blazor WebAssembly?강의 썸네일

[C#/.NET 6.0]Welcome, new to Blazor WebAssembly?

resti52

This is a basic course on web development using Blazor WebAssembly. 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 :)

초급

초급

Blazor, C#, .NET

[C#/.NET 6.0]Welcome, new to Blazor WebAssembly?강의 썸네일

[C#/.NET 6.0]Welcome, new to Blazor WebAssembly?

resti52

似ている講座

同じ分野の他の講座を見てみましょう！

[C#/.NET 6.0]Welcome, new to Blazor WebAssembly?강의 썸네일

[C#/.NET 6.0]Welcome, new to Blazor WebAssembly?

resti52

This is a basic course on web development using Blazor WebAssembly. 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 :)

초급

초급

Blazor, C#, .NET

[C#/.NET 6.0]Welcome, new to Blazor WebAssembly?강의 썸네일

[C#/.NET 6.0]Welcome, new to Blazor WebAssembly?

resti52

[New 2025] Welcome, is this your first time using Fast API?강의 썸네일

[New 2025] Welcome, is this your first time using Fast API?

resti52

★PYTHON★ This is a basic lecture on server development using Fast API. Learn how to develop servers easily, quickly, and conveniently using various packages such as Fast API, SQLAlchemy, Pydantic, and Starlette! Don't worry, we have prepared a DB backup file as well as integration with PostgreSQL! We will teach you the "basics" of UI design using Dash and Plotly and provide the source code used in the lecture :)

초급

초급

FastAPI, Python, PostgreSQL

[New 2025] Welcome, is this your first time using Fast API?강의 썸네일

[New 2025] Welcome, is this your first time using Fast API?

resti52

[C#/.NET 7.0] Welcome, new to WPF?강의 썸네일

[C#/.NET 7.0] Welcome, new to WPF?

resti52

This is a basic course on Windows Desktop development using WPF. Learn how to easily do DB CRUD using EntityFrameworkCore. We will teach you Programming Skills based on MVVM Design Pattern and XAML UI Design "Basics". We will also provide the source code used in the course :)

초급

초급

.NET, wpf

[C#/.NET 7.0] Welcome, new to WPF?강의 썸네일

[C#/.NET 7.0] Welcome, new to WPF?

resti52

[C#/.NET 8.0] Welcome, new to WinForms?강의 썸네일

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

resti52

★.NET 8.0★ This is a basic course on Windows Desktop development using Winform. Learn how to easily do DB CRUD using EntityFrameworkCore. We will teach you the class design method based on loose coupling and the "basics" of Form UI Design. We will also provide the source code used in the course :)

초급

초급

.NET, winform, PostgreSQL

[C#/.NET 8.0] Welcome, new to WinForms?강의 썸네일

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

resti52

Razor Pages Membership Service Beginner Course (.NET5)강의 썸네일

Razor Pages Membership Service Beginner Course (.NET5)

dotnet

[ASP.NET Core] is divided into several branches, of which MVC and Razor Pages are the main ones. Among them, this book contains a beginner's course on building a membership service (Identity) using Razor Pages.

초급

초급

.NET

Razor Pages Membership Service Beginner Course (.NET5)강의 썸네일

Razor Pages Membership Service Beginner Course (.NET5)

dotnet

[Fullstack Introduction] Supabase, 10x Better Than Firebase강의 썸네일

[Fullstack Introduction] Supabase, 10x Better Than Firebase

lopun

Supabase to give wings to full-stack development! Complete full-stack development in 2 hours with Supabase, a superset of Firebase.

초급

초급

PostgreSQL, Next.js, TailwindCSS

[Fullstack Introduction] Supabase, 10x Better Than Firebase강의 썸네일

[Fullstack Introduction] Supabase, 10x Better Than Firebase

lopun

Backend 101 for Frontend Developers (NestJS, TypeORM)강의 썸네일

Backend 101 for Frontend Developers (NestJS, TypeORM)

lopun

NestJS: The fastest way to get into backend! Through various hands-on projects, you will quickly learn backend frameworks NestJS and TypeORM, as well as essential theoretical knowledge that server developers must know.

초급

초급

NestJS, TypeORM, PostgreSQL

Backend 101 for Frontend Developers (NestJS, TypeORM)강의 썸네일

Backend 101 for Frontend Developers (NestJS, TypeORM)

lopun

ASP.NET core Blazor detailed lecture - beginner level강의 썸네일

ASP.NET core Blazor detailed lecture - beginner level

backchur

We will explain in detail how to use Blazor, a convenient and stable framework that allows you to complete both the backend and frontend with C# and HTML, CSS. This lecture is a lecture for beginners in the entire course.

초급

초급

ASP, .NET, Blazor

ASP.NET core Blazor detailed lecture - beginner level강의 썸네일

ASP.NET core Blazor detailed lecture - beginner level

backchur

[Management Course #1] Design (UML+ClassDiagram)강의 썸네일

[Management Course #1] Design (UML+ClassDiagram)

vmproductor0202

This is a class diagram lecture in UML. This is a design lecture.

초급

초급

Architecture, C#, winform

[Management Course #1] Design (UML+ClassDiagram)강의 썸네일

[Management Course #1] Design (UML+ClassDiagram)

vmproductor0202

MAUI [Cross-Platform Applications & C#]강의 썸네일

MAUI [Cross-Platform Applications & C#]

vmproductor0202

Learn about MAUI cross-platform development, which lets you develop and run Windows, macOS, iOS, and Android applications with a single code base.

입문

입문

C#, Azure, cross-platform

MAUI [Cross-Platform Applications & C#]강의 썸네일

MAUI [Cross-Platform Applications & C#]

vmproductor0202

Learn C# from scratch강의 썸네일

Learn C# from scratch

vmproductor0202

Let's learn the C# language. You can learn it even if you don't know the C language. The development tools are also installed from the beginning.

입문

입문

C#, oop

Learn C# from scratch강의 썸네일

Learn C# from scratch

vmproductor0202

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)강의 썸네일

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)

johnahn

In this course, you will be able to create a Reddit website from scratch, step by step.

초급

초급

Clone Coding, Node.js, React

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)강의 썸네일

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)

johnahn