강의

N
챌린지

멘토링

N
클립

커뮤니티

Programming

/

Web Development

ASP.NET core Blazor detailed lecture - beginner level

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.

(3.9) 9 reviews

114 learners

Level Basic

Course period Unlimited

  • backchur
ASP
ASP
.NET
.NET
Blazor
Blazor
ASP
ASP
.NET
.NET
Blazor
Blazor

Reviews from Early Learners

Reviews from Early Learners

3.9

5.0

isnotnull

95% enrolled

thank you

5.0

yongkyme

90% enrolled

Thank you for the calm lecture.

5.0

초보개발자

100% enrolled

I'm still taking the course, but it's great for a beginner's course because it covers the basics of Blazor well. There's still a lot of material lacking in Korea, so it's really helpful. It's a course that can really reduce trial and error in the early stages of learning because it answers questions quickly. I want to watch the advanced course right away, so I'm looking forward to it being uploaded soon. Even if you don't upload the entire course at once, I hope you upload at least the parts you've produced first.

What you will gain after the course

  • ASP.NET

  • .NET 6

  • Blazor

  • C#

  • HTML

From a guide to C# grammar
Tips for creating a homepage! 👉

➰ Notes when taking classes

C# has a tricky grammar, so you may encounter errors when trying to implement what you think. In that case, please refer to the practical lecture video, and if there is something that is not in the video, please leave a question and we will respond quickly.


ASP.NET core Blazor 💻

You can learn ASP.NET core Blazor by writing code in Visual Studio along with theory. It introduces the grammar of C# and tips for creating a homepage.

Basically, to create a complete web application, you need to know at least three languages: JavaScript + HTML (CSS) + backend language (node or Java, etc.). However, Blazor can create JavaScript and backend with just C#, and it renders real-time responsive pages, so it is a really good framework for creating large-scale homepages. This lecture is a lecture that explains Blazor in detail as much as possible to help you fully understand it, which may be difficult at first, and also includes practical writing based on the theory.

People like this will like it 🙋‍♂️

Using a blazer
Developers who keep getting blocked

Studying static web pages
Just finished developer

Beyond existing frameworks
Anyone who wants to learn

What you'll learn 📚

#1

Tips for using Blazor and learning C# theory

Describes the unique structural features of ASP.NET Blazor 1. ASP.NET Blazor Only
Describe the structural features

2. Blazer's main files
Description of the extension

3. Frequently used in Blazor
Introduction to HTML tags

4. CSS in Blazor
How should I use it?

5. Independent page in Blazer
Explain how to make it

Explains how to create a shared page in Blazer 6. Share page in Blazer
Explain how to make it

Additional notes on sidebars and content page headers 7. In the sidebar and content page header
Additional explanations for

C# syntax quirks you should know about Blazer 8. Things to know about Blazers
Peculiarities of C# Grammar

Order and guidance of lifecycle components that run on page load 9. Runs when the page loads
Sequence and guidance of life components

How to import code from another C# file into your Laser page 10. Code from another C# file
How to import to laser page

#2

Building on theory to write real code inside Blazor Server

(1)

Differences between Blazor Server and Web Assembly, check the files in Blazor project structure in order, and learn code by execution order

(2)

Create a namespace variable method in the cs file, create a cshtml page, create a laser page

(3)

Create div, h1, p and span tags, load images from web root, create inpufile

(4)

Add code to site.css and apply it, create razor.css and apply it, delete deep css and check the changes.

(5)

Modifying the basic code inside the index page, creating pages and manually loading pages with different routing, modifying the app page

(6)

Create a razor page in the shared folder, create it in another folder, and pass the newly created component data to the index page.

(7)

How to remove bootstrap from blazer without any problem, add one more link to NavMenu

(8)

Add 5 variables and a void function to the index laser page, check for errors when default values are cleared, create a class for a list, create a lambda expression and a formatted return function

(9)

Let's check the order from onparameterset to afterrenderasync through the log, and explain the structure that operates in the first render.

(10)

Create files inside the folder, create variables and functions, and import them to the laser page as classes and injectors.

#3

Create a working, real-world web application based on what you've learned


Create a working web application based on what you've learned

Create a Blazer web page that creates multiple pages and loads various data.

Expected Questions Q&A 💬

Q. Is this a lecture that non-majors can also take?

I think it's possible since I'm also a non-major, but since advanced function lectures are currently in production, you can think of it as learning the basics.

Q. Why should I learn Blazer?

I have tried all kinds of web programming, from Laravel to node.js, jsp, etc., regardless of backend and frontend. Among them, these two are combined into one, and the stability of the MVC pattern is excellent, and above all, Visual Studio is so good that I decided to use Blazor as my main language.

Q. What level of content is covered in the class?

This course introduces the most basic functions. Further, more difficult programming courses are in the works.

Q. Does the software cost a lot?

Blazer and Visual Studio 2022 Community Edition are both free. However, when choosing a server to serve, Windows is usually used rather than Linux, and the license fee is a bit more expensive. However, if you use IIS, you can expect a serverless fee of about 25,000 won per month.


Introducing the knowledge sharer ✒️

  • My name is Seungcheol Baek, and I am a full-stack developer with 4 years of experience and also a designer.
  • Currently, I am releasing Blazer preview course and GIMP course on Inflearn.
  • Welcome VO7E! > This website was created with Blazer.

Recommended for
these people

Who is this course right for?

  • Developers who want to develop a website with a full stack framework

  • Someone who knows HTML and CSS to some extent

  • Familiar with C# programming

Need to know before starting?

  • HTML

  • CSS

Hello
This is

672

Learners

38

Reviews

72

Answers

3.5

Rating

5

Courses

Curriculum

All

21 lectures ∙ (5hr 3min)

Published: 
Last updated: 

Reviews

All

9 reviews

3.9

9 reviews

  • isnotnull9134님의 프로필 이미지
    isnotnull9134

    Reviews 2

    ∙

    Average Rating 5.0

    5

    95% enrolled

    thank you

    • backchur
      Instructor

      Thank you for your positive feedback. We will work even harder to create better lectures in the future with your feedback. I hope you will do well while programming using Blazer in the future!

  • yongkyme6314님의 프로필 이미지
    yongkyme6314

    Reviews 8

    ∙

    Average Rating 4.8

    5

    90% enrolled

    Thank you for the calm lecture.

    • gunhak019097님의 프로필 이미지
      gunhak019097

      Reviews 1

      ∙

      Average Rating 5.0

      5

      100% enrolled

      I'm still taking the course, but it's great for a beginner's course because it covers the basics of Blazor well. There's still a lot of material lacking in Korea, so it's really helpful. It's a course that can really reduce trial and error in the early stages of learning because it answers questions quickly. I want to watch the advanced course right away, so I'm looking forward to it being uploaded soon. Even if you don't upload the entire course at once, I hope you upload at least the parts you've produced first.

      • backchur
        Instructor

        Thank you for your great review. If you have any questions while using the Blazer in the future, please leave a message and we will do our best to help you.

    • donghtoun8278님의 프로필 이미지
      donghtoun8278

      Reviews 1

      ∙

      Average Rating 5.0

      5

      95% enrolled

      A course that can shorten the time when starting Blazor

      • backchur
        Instructor

        Thank you for leaving a good review despite the many shortcomings. Please look forward to the lectures that will be produced on advanced features that can be used more in practice! I felt that Blazer is the best framework I have experienced.

    • wasigi0409님의 프로필 이미지
      wasigi0409

      Reviews 13

      ∙

      Average Rating 4.8

      4

      86% enrolled

      Thank you for explaining the basic and necessary parts about Blazor. I watched the tutorial first and then listened to this lecture, so I think I can just listen to this lecture.

      • backchur
        Instructor

        Thank you for your good review. There were many shortcomings, but I hope it was helpful. I am working on an advanced course on how to use advanced features in Blazor. If you are thinking about working with ASP.NET in the future, please come back!

    $29.70

    backchur's other courses

    Check out other courses by the instructor!

    How to use Docker Swarm instead of Kubernetes - Core LectureHình thu nhỏ khóa học

    How to use Docker Swarm instead of Kubernetes - Core Lecture

    backchur

    The lecture focuses on how to use Docker in Swarm mode. It guides beginners to easily build and operate servers.

    Cơ bản

    Cơ bản

    Docker, docker-swarm, cloud-computing

    How to use Docker Swarm instead of Kubernetes - Core LectureHình thu nhỏ khóa học

    How to use Docker Swarm instead of Kubernetes - Core Lecture

    backchur

    The ultimate tech tree for PHP developers, Laravel lecturesHình thu nhỏ khóa học

    The ultimate tech tree for PHP developers, Laravel lectures

    backchur

    The Laravel framework, built on PHP, provides developers with convenient features. This course was created to help those who have difficulty learning Laravel due to the difficult-to-understand official website or books.

    Trung cấp trở lên

    Trung cấp trở lên

    PHP, Laravel

    The ultimate tech tree for PHP developers, Laravel lecturesHình thu nhỏ khóa học

    The ultimate tech tree for PHP developers, Laravel lectures

    backchur

    Work with GIMP instead of expensive PhotoshopHình thu nhỏ khóa học

    Work with GIMP instead of expensive Photoshop

    backchur

    If you find Photoshop too expensive, I recommend GIMP! In this lesson, you will learn some design tips, including how to edit images and the functions of GIMP, while following some practical tasks.

    Nhập môn

    Nhập môn

    gimp

    Work with GIMP instead of expensive PhotoshopHình thu nhỏ khóa học

    Work with GIMP instead of expensive Photoshop

    backchur

    Create a homepage quickly with Blazor ASP.NET core 6Hình thu nhỏ khóa học

    Create a homepage quickly with Blazor ASP.NET core 6

    backchur

    In this course, you can experience basic programming of .net full stack web development using visual studio 2022. Create your own homepage on the Windows platform!

    Cơ bản

    Cơ bản

    ASP.NET Core, Blazor

    Create a homepage quickly with Blazor ASP.NET core 6Hình thu nhỏ khóa học

    Create a homepage quickly with Blazor ASP.NET core 6

    backchur

    Similar courses

    Explore other courses in the same field!

    Create a homepage quickly with Blazor ASP.NET core 6Hình thu nhỏ khóa học

    Create a homepage quickly with Blazor ASP.NET core 6

    backchur

    In this course, you can experience basic programming of .net full stack web development using visual studio 2022. Create your own homepage on the Windows platform!

    Cơ bản

    Cơ bản

    ASP.NET Core, Blazor

    Create a homepage quickly with Blazor ASP.NET core 6Hình thu nhỏ khóa học

    Create a homepage quickly with Blazor ASP.NET core 6

    backchur

    Learn ASP.NET CORE in 14 daysHình thu nhỏ khóa học

    Learn ASP.NET CORE in 14 days

    dotnet

    This course focuses on the essential content required to configure an ASP.NET CORE (.NET 5) project. It is also recommended for those who want to handle relational databases through SQL Server.

    Cơ bản

    Cơ bản

    .NET, C#

    Learn ASP.NET CORE in 14 daysHình thu nhỏ khóa học

    Learn ASP.NET CORE in 14 days

    dotnet

    ASP.NET Core MVC Basics [ASP.NET Core Identity8]Hình thu nhỏ khóa học

    ASP.NET Core MVC Basics [ASP.NET Core Identity8]

    vmproductor0202

    We will cover ASP.NET Core Identity, creating bulletin boards, EF Core, data filtering, etc.

    Cơ bản

    Cơ bản

    .NET, EF Core, ASP.NET Core

    ASP.NET Core MVC Basics [ASP.NET Core Identity8]Hình thu nhỏ khóa học

    ASP.NET Core MVC Basics [ASP.NET Core Identity8]

    vmproductor0202

    WPF Bible: Understanding WPF through Concepts, Philosophy, and DesignHình thu nhỏ khóa học

    WPF Bible: Understanding WPF through Concepts, Philosophy, and Design

    erickwon

    No more WPF courses where you just copy code without knowing why! A WPF philosophy and bible course that covers everything from design intent to core concepts.

    Cơ bản

    Cơ bản

    C#, .NET, wpf

    WPF Bible: Understanding WPF through Concepts, Philosophy, and DesignHình thu nhỏ khóa học

    WPF Bible: Understanding WPF through Concepts, Philosophy, and Design

    erickwon

    WPF (.NET Core, C#, with subtitles)Hình thu nhỏ khóa học

    WPF (.NET Core, C#, with subtitles)

    vmproductor0202

    This is a WPF lecture that will be helpful to developers who are considering introducing WPF in WinForms, application developers who are hoping to get a job in the US, and those who are hoping to get a job as a developer. It is not a lecture focused on theory and design, but covers content that can be used in practice.

    Cơ bản

    Cơ bản

    C#, .NET, MSSQL

    WPF (.NET Core, C#, with subtitles)Hình thu nhỏ khóa học

    WPF (.NET Core, C#, with subtitles)

    vmproductor0202

    Razor Pages Membership Service Beginner Course (.NET5)Hình thu nhỏ khóa học

    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.

    Cơ bản

    Cơ bản

    .NET

    Razor Pages Membership Service Beginner Course (.NET5)Hình thu nhỏ khóa học

    Razor Pages Membership Service Beginner Course (.NET5)

    dotnet

    [MMORPG Game Development Series with C# and Unity] Part 6: Web ServerHình thu nhỏ khóa học

    [MMORPG Game Development Series with C# and Unity] Part 6: Web Server

    Rookiss

    This course covers the overall content of web servers required for game development using the latest ASP.NET Core (Blazor, WebAPI).

    Cơ bản

    Cơ bản

    REST API, ASP.NET Core, Web API

    [MMORPG Game Development Series with C# and Unity] Part 6: Web ServerHình thu nhỏ khóa học

    [MMORPG Game Development Series with C# and Unity] Part 6: Web Server

    Rookiss

    # Design Patterns with C#Hình thu nhỏ khóa học

    # Design Patterns with C#

    vmproductor0202

    You can solve design problems by writing code in a formatted way. You can understand code or patterns written by other programmers.

    Trung cấp trở lên

    Trung cấp trở lên

    Design Pattern, gof, software-design

    # Design Patterns with C#Hình thu nhỏ khóa học

    # Design Patterns with C#

    vmproductor0202

    C# Programming Language [Basic Course]Hình thu nhỏ khóa học

    C# Programming Language [Basic Course]

    vmproductor0202

    Learn C# for developing applications like ASP.NET, Winform, WPF, and MAUI that run on the .NET Platform.

    Nhập môn

    Nhập môn

    C#, .NET, asynchronous-programming

    C# Programming Language [Basic Course]Hình thu nhỏ khóa học

    C# Programming Language [Basic Course]

    vmproductor0202