.NET 8 LIVE Coding - Building Blazor Movie
Вставка
- Опубліковано 31 тра 2024
- Join Bobby and Jacob to build a .NET 8/Blazor movie application from start to finish.
Buy Bobby's T-shirt.
shop.coderfoundry.com/product...
Blazor Movie App Repo:
github.com/CoderFoundry/Blazo...
---------------------------------------------------------------------
Timestamps:
0:00 - Start
01:38 - Intro
04:40 - Building Web Apps with Blazor
12:40 - Blazor Movie List App Demo (what we'll build)
15:10 - Project setup
41:05 - Blazor Components
52:20 - Wireframes & Initial Pages
01:41:50 - Get data from TMDB API
02:19:40 - Build the page and add API data
03:07:15 - Routing & Details page data
03:38:21 - Building movie details page
04:50:55 - Paging
05:28:50 - Wrap Up
------------------------------------------------------------------------
Learn to code online:
learn.coderfoundry.com/
Get 50% off for the first 3 months:
learn.coderfoundry.com/offers...
------------------------------------------------------------------------
📖 Buy the Book: Breaking the Code
geni.us/breakingthecode-davis
👕 Grab some CF merch
shop.coderfoundry.com
🗣 Join us on Discord
/ discord
💻 How to get your first coding job
coderfoundry.com/jobroadmap
🎥 The equipment we use at Coder Foundry
kit.co/CoderFoundry
DISCLAIMER: This video and description may contain affiliate links, which means that if you click on one of the product links, we’ll receive a small commission. This helps support the channel and allows us to continue to make videos like this. Thank you for your support!
Thanks for this live tutorial. I finished the app in about 3 days. For those of you wondering what the in-person CF bootcamp is like, this is a realistic representation(although a bit faster than in-person instruction). My next step is to built out a backend (akin to the .NET5 Movie Pro project in the self-paced course) and integrate this WASM project into a full-stack app. Please keep the Blazor content flowing. A Blazor-Maui hybrid project would be a great addition to the self-paced class as well.
Glad it helped!
Thanks guys this was great!
This video is amazing, special mentions to Jacob.
He is great!
Timestamps would help all of us :D
Thank you for the content!
We added them
Wow, this channel is amazing! Thank you for sharing this great build; I'm a new subscriber now.
Welcome aboard!
One of the best explanations of code, thanks.
Glad it helped
Thanks a lot guys! I learned a lot of cool things! 😊
Great to hear!
Thank you so much guys, the video was amazing for real 🙏🏻
Glad you enjoyed it!
Thanks for this tutorial. Very clear.
Thanks Tully!
I am a Compute Science Student And this video help me with lott❤❤❤❤love you brooo keeeep it up.....
Thanks
Thanks a lot 🧡 from Yemen country
You're welcome 😊
You guys are awesome ❤❤❤❤
Thanks.
Better than Pluralsight courses. Bravo!
Wow, thanks!
Hello there, Thanks a lot for your content it is really helpful. I wanted to know if you have any full project using the new Blazor web app template and database first approach or if you plan to make a tutorial like this soon. Thanks for you help again.
We will have a full course in Jan 2024.
Damn nice! Thank you so much! 😘
Question: Isn't it safer in terms of data scraping to have the home page without the page parameter and to only switch the page internally?
Query Parameters are for simple values. But you send as a
Great video, watching and coding with the video. Was wondering is this going to be on github?
Yes, soon
@@CoderFoundry Thank you, I'm going to learn from this and then write my version , but with call my own API and displaying Jobs. I work for a recruiting company and trying to learn Blazor and move away from web forms.
Our full course is next month. It will cover more topics to help you. The github repo is live.
I'm new to all of this so I'm a little confused. When would you ever use wasm/auto? If everything is seen by the client, how can you do anything useful? Api keys and proprietary code will be available to the client. Seems like signalR may be the best option for a lot of the use cases?
Wasm plus api endpoints is how you architect the solution using wasm. Your api executes on the server and the wasm client calls the api. Any api keys would be used in your api and stroed on the server.
@@CoderFoundry I'm going through your blazor render modes project and I'm starting to see what you mean. Thank you for the response and keep up the great work!
This was a great video!! thanks for the content guys!!
Glad you enjoyed it!
thank you man
You're welcome!
Is there a setting I have to turn on for your styles like 'var(--cf-theme-900)' to work? I copied your themes.css into my project, but these are not working. If I replace the 'var(--cf-theme-900)' with a color like 'darkgrey' I get the styling.
Did you link the style sheet?
I copied your index.html with the links in it to my project in VS2022. Thank you for responding so quickly. It's the same with the button on Home.razor. I am using Primary, but no button appears.@@CoderFoundry
Does anyone know how to deploy this project?
Get this error 401 (Unauthorized). when executing movie example even though I have been assigned and entered the valid key into example code which works when url /key is just entered into browser , what did i do wrong?
Hi Scott, are you using TMDB's "API Key" or the "Read Access Key" that they provide? For this example, you'll need to use the "Read Access Key" since we send it in the authorization headers. The "API Key" they provide must be sent as a query string instead.
Hi Jacob, your response fixed the issue! Is there anyway we can get the code for the movie api? Also, what would be a good way to contact your company if we would like to obtain some paid service from you? thanks @@JacobVisick
The repo is on the coder foundry github. You can reach us directly for consulting at info@coderfoundry.com.
Hello awesome tutorial but I got the following error. UI\Paginator.razor.css : error BLAZOR102: The scoped css file 'UI\Paginator.razor.css' was defined but no associated razor component or vi
ew was found for it. please help.
Check the spelling its case sensitive
I want API Key please, how can get it?
Go to the tmdb api
@@CoderFoundry ,Translation:
"When I try to log in to the website, it does not allow me until it gives me permission to obtain an API key. Is it possible to give me the key? Thank you for the high-quality education, and I am really enjoying and very passionate with you and with Microsoft technology. I am a beginner in programming."
For the blazor movie app, When I start up a new blazor web assembly standalone project in visual studio 2022 with Net 8.0 long term support, it creates everything except a components folder. Anyone else know why there would be no components folder? Do I need to install something in addition?
No it’s just a change in the default template. If you want to have a component folder add one. Then move pages folder etc into it.
Very helpful; thank you.
We added the folders.
Thank you for clarifying!
We hope that the identity will be explained in detail in Blazor
It will be. It's a entire section devoted to in the course
Are these class names bootstrap? Need accuracy and focus not mess those names.
We used bootstrap to build it.
Can bootstrap get code completion?
For copilot? It does. It's just not as good. But I use it sometimes.
Thanks for lessons from Ukraine!
You're welcome
Monsterrat. A new Google font ? 😀
I saw that too, lol. Funny misspelling gives it a new meaning.
How do these guys know so much?
Thanks. We work really hard at learning the stuff. Also, we have a year's of experience that helps when learning new things.
where is the freaking bootstrap IntelliSense ???
This is how not to do pagination. The API should have following parameters: sortBy, numberOfRecordsToReturn, takeAfterRecordId.
We are calling tmdbapi as it is. So we did not create it. We are just consuming it.
İs there authentication and authorisation?
Not in this video. We teach auth in our course.