강의

멘토링

커뮤니티

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

112 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

654

Learners

35

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

  • jhpark1546008230님의 프로필 이미지
    jhpark1546008230

    Reviews 1

    Average Rating 3.0

    3

    100% enrolled

    Tôi nghĩ nội dung bài giảng là tốt. Tuy nhiên, bài giảng dường như chưa được luyện tập trước, tốc độ nói rất chậm. Nếu bạn nói sai, mong bạn ghi lại một cách chân thành. Ngoài ra, tôi cảm thấy như mình sắp chết vì thất vọng vì tôi đã mất quá nhiều thời gian để lấy lại nhịp thở. Tôi muốn bạn ít nhất chỉnh sửa các đoạn cắt. * Cảm nhận của tôi sau khi hoàn thành khóa học Người mới bắt đầu không thể nghe được. Có quá nhiều mã được nhập, xóa hoặc thay đổi mà không có bất kỳ lời giải thích nào, vì vậy nếu bạn không có kinh nghiệm phát triển các framework khác, Một mức độ bạn không thể hiểu được. Tuy nhiên, đối với người mới bắt đầu và người dùng ở trình độ trung cấp có kinh nghiệm phát triển các framework khác thì không có gì phải lo lắng. Đừng nghe tôi nói là phí tiền

    • backchur
      Instructor

      Tôi xin lỗi vì đã khiến bạn cảm thấy không thỏa đáng về giọng điệu bài giảng hoặc tốc độ nói. Vì bài giảng được tạo bởi một nhà phát triển nên tôi nghĩ người nghe có thể cảm thấy khó chịu. Tôi sẽ không quên quan điểm của bạn khi tôi trình bày một bài giảng mới trong tương lai.

  • jwkim6506님의 프로필 이미지
    jwkim6506

    Reviews 2

    Average Rating 4.0

    3

    100% enrolled

    • isnotnull9134님의 프로필 이미지
      isnotnull9134

      Reviews 2

      Average Rating 5.0

      5

      95% enrolled

      Cảm ơn

      • backchur
        Instructor

        Cảm ơn bạn đã để lại một đánh giá tốt. Chúng tôi sẽ cố gắng hết sức để tạo ra những bài giảng tốt hơn trong tương lai với những suy nghĩ tốt đẹp của bạn. Tôi hy vọng người học sẽ thành công khi lập trình bằng Blazer trong tương lai!

    • yongkyme6314님의 프로필 이미지
      yongkyme6314

      Reviews 8

      Average Rating 4.8

      5

      90% enrolled

      Cảm ơn bạn vì bài giảng bình tĩnh.

      • gunhak019097님의 프로필 이미지
        gunhak019097

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        Tôi vẫn đang tham gia khóa học, nhưng thật tuyệt khi tham gia khóa học dành cho người mới bắt đầu vì nó giải thích rõ những kiến ​​thức cơ bản về Blazor. Điều này thực sự hữu ích vì vẫn còn thiếu dữ liệu ở Hàn Quốc. Nó có vẻ giống như một khóa học trả lời các câu hỏi một cách nhanh chóng và thực sự có thể giảm bớt việc thử và sai trong giai đoạn đầu học. Mình muốn xem ngay các bài giảng nâng cao nên rất mong nó được upload nhanh chóng. Ngay cả khi bạn không tải toàn bộ bài giảng lên cùng một lúc, tôi hy vọng bạn tải lên ít nhất phần bạn đã tạo trước.

        • backchur
          Instructor

          Cảm ơn bạn đã đánh giá tốt của bạn. Nếu bạn có bất kỳ câu hỏi nào khi sử dụng Blazer trong tương lai, vui lòng để lại câu hỏi và chúng tôi sẽ cố gắng hết sức để trợ giúp.

      $29.70

      backchur's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!