https://github.com/hpt-dev/blazortodolist
https://github.com/hpt-dev/blazortodolist
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/hpt-dev/blazortodolist
- Owner: hpt-dev
- Created: 2022-09-10T23:44:35.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-09-10T23:48:22.000Z (over 3 years ago)
- Last Synced: 2025-03-04T08:45:59.031Z (over 1 year ago)
- Language: HTML
- Size: 221 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Build an interactive todo list with Blazor and Bootstrap
Source code from this video: https://www.youtube.com/watch?v=YhAxMpOtVQU
If you have never used Blazor before please check my introduction video for beginners: https://www.youtube.com/watch?v=MhQpGbLxeF0
#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) ▬▬▬▬▬▬▬▬▬▬
▬ Helpful Notes ▬▬▬▬▬▬▬▬▬▬
Blazor Home Page - Find out more
https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor
Visual Studios Download Page
https://dotnet.microsoft.com/en-us/platform/tools
HTML Tutorial
Basic 30min tutorial: https://html.com/
Detailed tutorial if you want to learn more: https://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: https://dev.to/kemystra/day-1-bootstrap-basics-2i49
Official Documentation: https://getbootstrap.com/docs/5.2/getting-started/introduction/
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: https://www.youtube.com/watch?v=MhQpGbLxeF0
#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) ▬▬▬▬▬▬▬▬▬▬
▬ Helpful Notes ▬▬▬▬▬▬▬▬▬▬
Blazor Home Page - Find out more
https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor
Visual Studios Download Page
https://dotnet.microsoft.com/en-us/platform/tools
HTML Tutorial
Basic 30min tutorial: https://html.com/
Detailed tutorial if you want to learn more: https://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: https://dev.to/kemystra/day-1-bootstrap-basics-2i49
Official Documentation: https://getbootstrap.com/docs/5.2/getting-started/introduction/