강의

N
챌린지

멘토링

로드맵

Inflearn brand logo image
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

108 learners

  • backchur
ASP
.NET
Blazor

Reviews from Early Learners

What you will learn!

  • 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

641

Learners

34

Reviews

72

Answers

3.6

Rating

5

Courses

Curriculum

All

21 lectures ∙ (5hr 3min)

Published: 
Last updated: 

Reviews

All

9 reviews

3.9

9 reviews

  • jhpark1546008230님의 프로필 이미지
    jhpark1546008230

    Reviews 1

    ∙

    Average Rating 3.0

    3

    100% enrolled

    The lecture content seems good. However, the lecture is very unrehearsed, and the speaking speed is too slow. If you make a mistake, please show sincerity by re-recording. And you take too long to catch your breath in between, so I feel like I'm going to die. I wish you would at least edit it a little. * Thoughts after completing the lecture Beginners can't listen. There are too many instances of typing, deleting, and changing the code without any explanation, so if you don't have experience developing other frameworks, it's hard to understand. That doesn't mean that beginners and intermediate level people with experience developing other frameworks will have no content. Don't waste your money.

    • backchur
      Instructor

      I apologize for any shortcomings in the tone of the lecture or the speed of speaking. I think that since the lecture was created by a developer, it may have felt frustrating for the listener. I will not forget the points you pointed out when presenting new lectures in the future.

  • jwkim6506님의 프로필 이미지
    jwkim6506

    Reviews 2

    ∙

    Average Rating 4.0

    3

    100% enrolled

    • 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.

      $29.70

      backchur's other courses

      Check out other courses by the instructor!

      How to use Docker Swarm instead of Kubernetes - Core LectureCourse Thumbnail

      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.

      Basic

      Basic

      Docker, docker-swarm, cloud-computing

      How to use Docker Swarm instead of Kubernetes - Core LectureCourse Thumbnail

      How to use Docker Swarm instead of Kubernetes - Core Lecture

      backchur

      The ultimate tech tree for PHP developers, Laravel lecturesCourse Thumbnail

      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.

      Intermediate

      Intermediate

      PHP, Laravel

      The ultimate tech tree for PHP developers, Laravel lecturesCourse Thumbnail

      The ultimate tech tree for PHP developers, Laravel lectures

      backchur

      Work with GIMP instead of expensive PhotoshopCourse Thumbnail

      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.

      Beginner

      Beginner

      gimp

      Work with GIMP instead of expensive PhotoshopCourse Thumbnail

      Work with GIMP instead of expensive Photoshop

      backchur

      Create a homepage quickly with Blazor ASP.NET core 6Course Thumbnail

      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!

      Basic

      Basic

      ASP.NET Core, Blazor

      Create a homepage quickly with Blazor ASP.NET core 6Course Thumbnail

      Create a homepage quickly with Blazor ASP.NET core 6

      backchur

      Similar courses

      Explore other courses in the same field!

      Learn ASP.NET CORE in 14 daysCourse Thumbnail

      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.

      Basic

      Basic

      C#, .NET

      Learn ASP.NET CORE in 14 daysCourse Thumbnail

      Learn ASP.NET CORE in 14 days

      dotnet

      Create a homepage quickly with Blazor ASP.NET core 6Course Thumbnail

      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!

      Basic

      Basic

      ASP.NET Core, Blazor

      Create a homepage quickly with Blazor ASP.NET core 6Course Thumbnail

      Create a homepage quickly with Blazor ASP.NET core 6

      backchur

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

      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.

      Basic

      Basic

      .NET, EF Core, ASP.NET Core

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

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

      vmproductor0202

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

      [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).

      Basic

      Basic

      REST API, ASP.NET Core, Web API

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

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

      Rookiss

      C# Programming Language [Basic Course]Course Thumbnail

      C# Programming Language [Basic Course]

      vmproductor0202

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

      Beginner

      Beginner

      C#, .NET, asynchronous-programming

      C# Programming Language [Basic Course]Course Thumbnail

      C# Programming Language [Basic Course]

      vmproductor0202

      C#.NET 0.5~3 years (Part 1)Course Thumbnail

      C#.NET 0.5~3 years (Part 1)

      vmproductor0202

      This course covers the essential knowledge that every 0.5 to 3-year C# application developer should have.

      Basic

      Basic

      C#, .NET, winform

      C#.NET 0.5~3 years (Part 1)Course Thumbnail

      C#.NET 0.5~3 years (Part 1)

      vmproductor0202

      C#.Net 0.5~3 years (Part 2)Course Thumbnail

      C#.Net 0.5~3 years (Part 2)

      vmproductor0202

      This course covers the essential knowledge that every 0.5 to 3-year C# application developer should have.

      Basic

      Basic

      C#, Network, .NET

      C#.Net 0.5~3 years (Part 2)Course Thumbnail

      C#.Net 0.5~3 years (Part 2)

      vmproductor0202

      Razor Pages Membership Service Beginner Course (.NET5)Course Thumbnail

      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.

      Basic

      Basic

      .NET

      Razor Pages Membership Service Beginner Course (.NET5)Course Thumbnail

      Razor Pages Membership Service Beginner Course (.NET5)

      dotnet

      WPF (C#, subtitles provided)Course Thumbnail

      WPF (C#, subtitles provided)

      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.

      Basic

      Basic

      C#, wpf, MVVM

      WPF (C#, subtitles provided)Course Thumbnail

      WPF (C#, subtitles provided)

      vmproductor0202