강의

멘토링

로드맵

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!

      Similar courses

      Explore other courses in the same field!