강의

N
챌린지

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Development

ASP.NET core Blazor chi tiết bài giảng - cấp độ cơ bản

Chúng tôi sẽ hướng dẫn chi tiết về cách sử dụng Blazor, một framework tiện lợi và ổn định cho phép bạn hoàn thành cả phần backend và frontend bằng C# và HTML, CSS. Khóa học này dành cho những người mới bắt đầu.

(3.9) 9 đánh giá

107 học viên

  • backchur
ASP
.NET
Blazor

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • ASP.NET

  • .NET 6

  • Blazor

  • C#

  • HTML

Từ hướng dẫn về ngữ pháp C#
Thậm chí còn có mẹo để tạo trang chủ! 👉

➰ Lưu ý khi tham gia lớp học

C# có cú pháp phức tạp, do đó bạn có thể gặp lỗi khi cố gắng triển khai những gì bạn nghĩ. Trong trường hợp đó, vui lòng tham khảo video bài giảng thực tế và nếu có nội dung nào không có trong video, vui lòng để lại câu hỏi và chúng tôi sẽ phản hồi nhanh chóng.


ASP.NET lõi Blazor 💻

Bạn có thể học ASP.NET core Blazor bằng cách viết code trong Visual Studio cùng với lý thuyết. Giới thiệu về cú pháp C# và mẹo để tạo trang chủ.

Về cơ bản, để tạo một ứng dụng web hoàn chỉnh, bạn cần biết ít nhất ba ngôn ngữ: JavaScript + HTML (CSS) + ngôn ngữ nền tảng (như Node hoặc Java). Tuy nhiên, Blazor thực sự là một nền tảng tuyệt vời để xây dựng các trang web quy mô lớn vì nó cho phép bạn xây dựng JavaScript và phần phụ trợ chỉ bằng C# và hiển thị các trang phản hồi theo thời gian thực. Bài giảng này được thiết kế để giúp bạn hiểu đầy đủ về Blazor, vốn có thể khó khăn lúc đầu, bằng cách giải thích chi tiết nhất có thể và bao gồm cả phần viết thực hành dựa trên lý thuyết.

Những người như thế này sẽ thích nó 🙋‍♂️

Sử dụng áo khoác blazer
Các nhà phát triển liên tục bị chặn

Nghiên cứu các trang web tĩnh
Vừa hoàn thành nhà phát triển

Vượt ra ngoài khuôn khổ hiện có
Bất cứ ai muốn học

Bạn sẽ học được gì 📚

#1

Mẹo sử dụng Blazor và học lý thuyết C#

Mô tả các tính năng cấu trúc độc đáo của ASP.NET Blazor 1. Chỉ ASP.NET Blazor
Mô tả các đặc điểm cấu trúc

2. Các tập tin chính của Blazer
Mô tả phần mở rộng

3. Thường được sử dụng trong Blazor
Giới thiệu về thẻ HTML

4. CSS trong Blazor
Tôi nên sử dụng nó như thế nào?

5. Trang độc lập trong Blazer
Giải thích cách thực hiện

Giải thích cách tạo trang chia sẻ trong Blazer 6. Chia sẻ trang trong Blazer
Giải thích cách thực hiện

Ghi chú bổ sung về thanh bên và tiêu đề trang nội dung 7. Trong thanh bên và tiêu đề trang nội dung
Giải thích bổ sung cho

Những điểm kỳ lạ của cú pháp C# mà bạn nên biết về Blazer 8. Những điều cần biết về Blazers
Đặc điểm của ngữ pháp C#

Thứ tự và hướng dẫn các thành phần vòng đời chạy khi tải trang 9. Chạy khi trang tải xong
Trình tự và hướng dẫn của các thành phần sống

Cách nhập mã từ tệp C# khác vào trang Laser của bạn 10. Mã từ một tệp C# khác
Cách nhập vào trang laser

#2

Xây dựng trên lý thuyết để viết mã thực bên trong Blazor Server

(1)

Sự khác biệt giữa Blazor Server và Web Assembly, kiểm tra các tệp trong cấu trúc dự án Blazor theo thứ tự và tìm hiểu mã theo thứ tự thực thi

(2)

Tạo phương thức biến không gian tên trong tệp cs, tạo trang cshtml, tạo trang laser

(3)

Tạo thẻ div, h1, p và span, tải hình ảnh từ gốc web, tạo inpufile

(4)

Thêm mã vào site.css và áp dụng, tạo razor.css và áp dụng, xóa css sâu và kiểm tra những thay đổi.

(5)

Sửa đổi mã cơ bản bên trong trang chỉ mục, tạo các trang và tải thủ công các trang có định tuyến khác nhau, sửa đổi trang ứng dụng

(6)

Tạo một trang Razor trong thư mục chia sẻ, tạo trang đó trong một thư mục khác và truyền dữ liệu thành phần mới tạo vào trang chỉ mục.

(7)

Cách gỡ bootstrap khỏi blazer mà không gặp vấn đề gì, thêm một liên kết nữa vào NavMenu

(8)

Thêm 5 biến và một hàm void vào trang laser index, kiểm tra lỗi khi xóa các giá trị mặc định, tạo một lớp cho một danh sách, tạo một biểu thức lambda và một hàm trả về được định dạng

(9)

Hãy kiểm tra thứ tự từ onparameterset đến afterrenderasync thông qua nhật ký và giải thích cấu trúc hoạt động trong lần kết xuất đầu tiên.

(10)

Tạo các tệp bên trong thư mục, tạo các biến và hàm, sau đó nhập chúng vào trang laser dưới dạng các lớp và trình tiêm.

#3

Tạo một ứng dụng web thực tế, hoạt động dựa trên những gì bạn đã học


Tạo một ứng dụng web hoạt động dựa trên những gì bạn đã học

Tạo một trang web Blazer có thể tạo nhiều trang và tải nhiều dữ liệu khác nhau.

Câu hỏi dự kiến ​​Q&A 💬

H. Đây có phải là bài giảng mà sinh viên không chuyên ngành cũng có thể tham gia không?

Tôi nghĩ điều đó là có thể vì tôi cũng không phải chuyên ngành chính, nhưng vì các bài giảng về hàm nâng cao hiện đang được triển khai nên bạn có thể coi đó là việc học những kiến ​​thức cơ bản.

H. Tại sao tôi nên học Blazer?

Tôi đã thử mọi loại lập trình web, từ Laravel đến node.js và jsp, bất kể là backend hay frontend. Hai yếu tố này kết hợp với tính ổn định của mô hình MVC và trên hết là Visual Studio rất tốt đã khiến tôi chọn Blazor làm ngôn ngữ chính của mình.

H. Nội dung bài học được trình bày ở mức độ nào?

Bài giảng này giới thiệu những chức năng cơ bản nhất. Các khóa học lập trình đầy thử thách hơn đang được triển khai.

H. Phần mềm này có tốn kém không?

Cả Blazer và Visual Studio 2022 Community Edition đều miễn phí. Tuy nhiên, khi lựa chọn máy chủ để cung cấp dịch vụ, người ta thường sử dụng Windows thay vì Linux và phí cấp phép cũng đắt hơn một chút. Tuy nhiên, nếu bạn sử dụng IIS, bạn có thể phải trả chi phí không có máy chủ khoảng 25.000 won mỗi tháng.


Giới thiệu người chia sẻ kiến ​​thức ✒️

  • Tên tôi là Seungcheol Baek, tôi là một lập trình viên full-stack với 4 năm kinh nghiệm và cũng là một nhà thiết kế.
  • Hiện tại, tôi đang phát hành khóa học xem trước Blazer và khóa học GIMP trên Inflearn.
  • Chào mừng VO7E! > Trang web này được tạo bằng Blazer.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Các nhà phát triển muốn phát triển một trang web với một khuôn khổ đầy đủ

  • Người có kiến thức cơ bản về HTML, CSS

  • Bạn đã quen thuộc với lập trình C#

Cần biết trước khi bắt đầu?

  • HTML

  • CSS

Xin chào
Đây là

639

Học viên

34

Đánh giá

72

Trả lời

3.6

Xếp hạng

5

Các khóa học

Chương trình giảng dạy

Tất cả

21 bài giảng ∙ (5giờ 3phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

9 đánh giá

3.9

9 đánh giá

  • jhpark1546008230님의 프로필 이미지
    jhpark1546008230

    Đánh giá 1

    ∙

    Đánh giá trung bình 3.0

    3

    100% đã tham gia

    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
      Giảng viên

      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

    Đánh giá 2

    ∙

    Đánh giá trung bình 4.0

    3

    100% đã tham gia

    • isnotnull9134님의 프로필 이미지
      isnotnull9134

      Đánh giá 2

      ∙

      Đánh giá trung bình 5.0

      5

      95% đã tham gia

      thank you

      • backchur
        Giảng viên

        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

      Đánh giá 8

      ∙

      Đánh giá trung bình 4.8

      5

      90% đã tham gia

      Thank you for the calm lecture.

      • gunhak019097님의 프로필 이미지
        gunhak019097

        Đánh giá 1

        ∙

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        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
          Giảng viên

          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.

      Ưu đãi có thời hạn, kết thúc sau 3 ngày ngày

      23 ₫

      22%

      807.296 ₫

      Khóa học khác của backchur

      Hãy khám phá các khóa học khác của giảng viên!

      Work with GIMP instead of expensive Photoshop강의 썸네일

      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.

      입문

      입문

      gimp

      Work with GIMP instead of expensive Photoshop강의 썸네일

      Work with GIMP instead of expensive Photoshop

      backchur

      How to use Docker Swarm instead of Kubernetes - Core Lecture강의 썸네일

      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.

      초급

      초급

      Docker, docker-swarm, cloud-computing

      How to use Docker Swarm instead of Kubernetes - Core Lecture강의 썸네일

      How to use Docker Swarm instead of Kubernetes - Core Lecture

      backchur

      The ultimate tech tree for PHP developers, Laravel lectures강의 썸네일

      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.

      중급이상

      중급이상

      PHP, Laravel

      The ultimate tech tree for PHP developers, Laravel lectures강의 썸네일

      The ultimate tech tree for PHP developers, Laravel lectures

      backchur

      Create a homepage quickly with Blazor ASP.NET core 6강의 썸네일

      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!

      초급

      초급

      ASP.NET Core, Blazor

      Create a homepage quickly with Blazor ASP.NET core 6강의 썸네일

      Create a homepage quickly with Blazor ASP.NET core 6

      backchur

      Khóa học tương tự

      Khám phá các khóa học khác trong cùng lĩnh vực!

      Create a homepage quickly with Blazor ASP.NET core 6강의 썸네일

      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!

      초급

      초급

      ASP.NET Core, Blazor

      Create a homepage quickly with Blazor ASP.NET core 6강의 썸네일

      Create a homepage quickly with Blazor ASP.NET core 6

      backchur

      Learn ASP.NET CORE in 14 days강의 썸네일

      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#, .NET

      Learn ASP.NET CORE in 14 days강의 썸네일

      Learn ASP.NET CORE in 14 days

      dotnet

      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

      ASP.NET Core MVC Basics [ASP.NET Core Identity8]강의 썸네일

      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.

      초급

      초급

      .NET, EF Core, ASP.NET Core

      ASP.NET Core MVC Basics [ASP.NET Core Identity8]강의 썸네일

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

      vmproductor0202

      C#.NET 0.5~3 years (Part 1)강의 썸네일

      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.

      초급

      초급

      C#, .NET, winform

      C#.NET 0.5~3 years (Part 1)강의 썸네일

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

      vmproductor0202

      C# Programming Language [Basic Course]강의 썸네일

      C# Programming Language [Basic Course]

      vmproductor0202

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

      입문

      입문

      C#, .NET, asynchronous-programming

      C# Programming Language [Basic Course]강의 썸네일

      C# Programming Language [Basic Course]

      vmproductor0202

      C#.Net 0.5~3 years (Part 2)강의 썸네일

      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.

      초급

      초급

      C#, Network, .NET

      C#.Net 0.5~3 years (Part 2)강의 썸네일

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

      vmproductor0202

      WPF (C#, subtitles provided)강의 썸네일

      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.

      초급

      초급

      C#, wpf, MVVM

      WPF (C#, subtitles provided)강의 썸네일

      WPF (C#, subtitles provided)

      vmproductor0202

      [MMORPG Game Development Series with C# and Unity] Part 6: Web Server강의 썸네일

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

      초급

      초급

      REST API, ASP.NET Core, Web API

      [MMORPG Game Development Series with C# and Unity] Part 6: Web Server강의 썸네일

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

      rookiss