{"id":20315106,"url":"https://github.com/hpt-dev/introtoblazorwasm","last_synced_at":"2026-03-09T04:32:14.508Z","repository":{"id":143922382,"uuid":"535146683","full_name":"hpt-dev/IntroToBlazorWASM","owner":"hpt-dev","description":null,"archived":false,"fork":false,"pushed_at":"2022-09-10T23:50:58.000Z","size":226,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-04T08:45:58.873Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hpt-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-09-10T23:49:55.000Z","updated_at":"2022-09-10T23:50:30.000Z","dependencies_parsed_at":"2023-06-03T06:00:34.576Z","dependency_job_id":null,"html_url":"https://github.com/hpt-dev/IntroToBlazorWASM","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hpt-dev/IntroToBlazorWASM","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hpt-dev%2FIntroToBlazorWASM","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hpt-dev%2FIntroToBlazorWASM/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hpt-dev%2FIntroToBlazorWASM/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hpt-dev%2FIntroToBlazorWASM/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hpt-dev","download_url":"https://codeload.github.com/hpt-dev/IntroToBlazorWASM/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hpt-dev%2FIntroToBlazorWASM/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30283417,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-09T02:57:19.223Z","status":"ssl_error","status_checked_at":"2026-03-09T02:56:26.373Z","response_time":61,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-14T18:17:54.822Z","updated_at":"2026-03-09T04:32:14.473Z","avatar_url":"https://github.com/hpt-dev.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Blazor for ABSOLUTE beginners\n\nSource code from this video: https://www.youtube.com/watch?v=MhQpGbLxeF0\n\nIn this tutorial you will learn the basics of building a website with Blazor and how the default Blazor project template works. If you have any problems feel free to leave a comment and I will try and get back to you. I've also added some notes below that you might find useful. \n\n #dotnet #dotnetprogramming #dotnet6  #programming #csharp #programmingforbeginners #csharp #csharptutorial  #csharpdotnet #aspnetcore #programmingtutorials #blazor #blazorserver #blazorwasm #wasm #webassembly #todolist  \n\n▬ Contents of this video  ▬▬▬▬▬▬▬▬▬▬\n0:00 - Introduction\n0:50 - Download and Install Visual Studios\n2:01 - Creating a new Blazor Project\n3:13 - Overview of the default pages\n4:38 - Razor pages and the Counter page\n7:44 - Editing the Counter page\n9:21 - Home page and Introduction to components\n11:33 - Understanding the SurveyPrompt component (and one-way binding)\n13:26 - Creating an error message component\n17:27  - Understanding Layout files\n20:39 - Adding a new page to your website\n22:52 - Outro\n\n  ▬ Helpful Notes  ▬▬▬▬▬▬▬▬▬▬\nBlazor Home Page - Find out more \nhttps://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor  \n\nVisual Studios Download Page  \nhttps://dotnet.microsoft.com/en-us/platform/tools  \n\nHTML Tutorial  \nBasic 30min tutorial: https://html.com/  \nDetailed tutorial if you want to learn more: https://www.w3schools.com/html/  \n\nBootstrap Tutorial  \nBootstrap 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. \n \nTutorial: https://dev.to/kemystra/day-1-bootstrap-basics-2i49  \nOfficial Documentation: https://getbootstrap.com/docs/5.2/getting-started/introduction/  \n\nDebug guide if Blazor Templates don't appear in Visual Studios  \n(Windows Help) https://stackoverflow.com/questions/59272624/missing-visual-studio-2019-blazor-webassembly-app-template  \n(Windows Help) https://stackoverflow.com/questions/67646512/can-not-find-blazor-app-project-template-in-visual-studio-2019  \n(Mac Help) https://stackoverflow.com/questions/60324442/missing-blazor-webassembly-app-template-for-visual-studio-for-mac  \n\nWhat to do next  \nI would try building a todo list page once you have finished this video. Here is a tutorial you can follow: https://www.c-sharpcorner.com/article/building-a-todo-list-using-blazor/  \n\nUseful reference website for learning Blazor (not super beginner friendly) https://blazor-university.com/  \n\nIf you watched this video and are new to web dev/.net development I would also spend some time learning C#. A great first project is a basic calculator console app: https://docs.microsoft.com/en-us/visualstudio/get-started/csharp/tutorial-console?view=vs-2022\n\nOther good C# Tutorials\nhttps://docs.microsoft.com/en-us/dotnet/csharp/tour-of-csharp/tutorials/  \nhttps://www.w3schools.com/cs/index.php\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhpt-dev%2Fintrotoblazorwasm","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhpt-dev%2Fintrotoblazorwasm","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhpt-dev%2Fintrotoblazorwasm/lists"}