In this tutorial we'll learn how to create a todo list with Blazor and improve the page using Bootstrap.
If you have never used Blazor before please check my introduction video for beginners: • Blazor WASM for ABSOLU...
#dotnet #dotnetprogramming #dotnet6 #programming #csharp #programmingforbeginners #csharp #csharptutorial #csharpdotnet #aspnetcore #programmingtutorials #blazor #blazorserver #blazorwasm #wasm #webassembly #todolist
▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬
0:00 - Introduction, create a new Project
0:48 - Adding a new page
1:20 - Creating a List and rendering on the page
3:18 - Adding items to the todo list (input and button)
7:37 - Deleting items from the list
9:14 - Using bootstrap to improve the page
15:43 - Outro
▬ Source Code (Github) ▬▬▬▬▬▬▬▬▬▬
github.com/hpt-dev/BlazorTodo...
▬ Helpful Notes ▬▬▬▬▬▬▬▬▬▬
Blazor Home Page - Find out more
dotnet.microsoft.com/en-us/ap...
Visual Studios Download Page
dotnet.microsoft.com/en-us/pl...
HTML Tutorial
Basic 30min tutorial: html.com/
Detailed tutorial if you want to learn more: www.w3schools.com/html/
Bootstrap Tutorial
Bootstrap is a library that comes preinstalled with Blazor and has lots of high quality, well designed components like buttons, text boxes, dropdown menus etc that you can use in your project.
Tutorial: dev.to/kemystra/day-1-bootstr...
Official Documentation: getbootstrap.com/docs/5.2/get...
1 авг 2024