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.
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
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
6.Share page in Blazer Explain how to make it
7.In the sidebar and content page header Additional explanations for
8.Things to know about Blazers Peculiarities of C# Grammar
9.Runs when the page loads Sequence and guidance of life components
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 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
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.
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.
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!
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.
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.