Solution: Front-End Development Challenge in C#
HTML-код
- Опубликовано: 18 сен 2024
- On Tuesday, I issued a challenge to build an interface for the Pirate Weather API using C#. Hopefully, by this time you have been able to build that system. If not, take the time to finish up your project before watching this video. Today, I am going to walk through the process of how I would tackle this challenge. Part of this process will be about knowing what steps to take next even as I complete the actual challenge. So let's get started building our front-end solution.
Full Training Courses: IAmTimCorey.com
Source Code: leadmagnets.ap...
Mailing List: signup.iamtimc...
I think what i love the most about this video is the real life talking to yourself through problems. Showing your knowledge through trying different things. Not everything goes to plan and sometimes you gotta think on your feet. Just gave it that real touch even though it extends the video it just feels real. Thank you for this video!
I take the exact opposite view, I find it very sloppy.
You are welcome. I approach building apps here on RUclips as more of a "live stream" style for two important reasons: first, that's how real life works. Too often, people watch polished tutorials that "just work" and think that is how development really works. That's never how it works. Second, learning how to debug problems can only be done when you encounter real problems. This type of video shows you how to do that and what steps to take.
You are the best teacher ever. I am learning English as a second language, but you speak so clearly, I can understand you perfectly, I bought The All Access Pass, and I have to say, I made my best investment, I am learning so much with your courses, you are my guide. Thanks you so much for teaching me.
I am happy that my content is both helpful and easy to understand. Thank you for sharing.
I'm still working on this one, taking longer than I wanted because live, but refusing to watch this video until I'm done!
I do think it would be fun for everyone to share their conpleted challenge once done though.
The openness of this challenge really lets us be creative and seeing how others tackle these challenges i would find enjoyable.
I'm glad you are going to get the most out of the challenge.
That was a great challenge. Thank for that!
I am just reaching the end of your C# masterclass. I thought that putting a map for the user to click on it and then display the forecast associated with the locationwould be great. Three weeks later and after read tons of doc about leaflet and how include javascript in blazor using jsinterop I manage to have something reasonnably not too ugly...
Nice!
Hey Tim, massive thanks for this challenge! I wanted to get the location for the lat/long from the browser, which got me to learn JS Interop, in order to call the browser GeoLocation API! Now I feel confident using JS Interop in Blazor and it feels real powerful! Wouldn't have learnt that without this challenge!
Fantastic!
Hey Tim, the challenges a great. I ran into an issue though with CORS with the Webassembly hosted model
Sounds like you figured out something that you need to learn more about.
Interesting video. its funny to see the similarities between our solutions. i chose a blazor webassembly project too, only to just like you realize im dealing with an api key. The thinking process of "how do i deal with this api key" was almost the exact same with me. I aswell chose to just roll with it and fix it later, but instead of putting it in appsettings i directly put it in the base url (if its unsafe anyways why make it hard on myself).
it was painful to watch the custom styling part though, i knew what was going on because i did this whole css puzzeling myself when i first wanted to style the default navbar. what was not directly obvious is that the MainLayout has a locally scoped css file tied to it. in there were the styles you were so desperately trying to override (btw the class overring failed because of the scoped attribute blazor adds). it can happen to the best of us 😅
Thanks you for sharing your solution nonetheless. its always interesting to see how others solve the same problem
I was going to comment this about the css. It works the same as finding a code behind essentially. Also if you wanted to make one yourself you would add a style sheet in the same folder as the component but name it .razor.css
Hope this helps anyone if they run into something similar like changing the navbar styling
Yep, that was it. Thanks for sharing. I missed it because I avoid locally scoped CSS files for that exact reason.
Hello Tim, Looks like some changes from .NET 7 to .NET 8 (updated my Visual Studio 2022). Thought I would try building this in .NET 8 and never got it to work. Looks like it’s forcing some extra security to the API sites. Ended up using .NET 7 Blazor Server, not Web Assembly. Might have something to do with the different API site I used but was happy to finally get it to work.
I'm glad you got something to work. Yes, there will be some changes in how things work in .NET 8.
🎉 Thanks a lot
You are welcome.
Excellent videos as always :)
Thank you!
Fahrenheit! What century is this?
USA baby. While we should really use the metric system, Fahrenheit is a better system in my opinion. There is more precision without using decimals compared to Celsius. We can adjust our thermostats much more precisely still only using whole numbers.
Sir... Its been a challenge...for me at least.
😅
That's good. A challenge means you are stretching your skills. Lifting weights is a challenge, but it results in more strength. The same is true for development.
Niece to see you had prepared the lesson there Tim, WTF who sits doing something like this and then oh no but oh let’s, smooth makes learning easy. Think you might be out of practice in doing this type of education. Best stick to the filler lessons.
I'm not sure you understood the goal of this. This wasn't a lesson, but how Tim tackled his own challenge. Seeing how somebody else works through challenges when running into problems can be an amazing learning experience.
You still Prep - you run through it to make sure it's concise and without undue pauses. The way I look at any training situation is I treat it like it's a presentation to my top client. Tim looked and sounded like there was no prep work completed before hand. @@JasonTira
@@phillismable6303 maybe it's just me, but that's what I felt like the goal was and what I was looking to get from this. An unprepared raw this is how it goes for me when I do this look rather than the prepared scripted run through
How often do you prep before tackling a project at work? Do you do the work, make notes, tear it all down, and then do it again? That's not realistic. What I'm doing here is trying to be realistic about how I would approach the challenge. That's why I say in the beginning that "this is how I would do it" before I do just that. If I prepped beforehand, it gives a false understanding of how development actually works. Then the video would have no relationship to how you accomplished the challenge. It would make it look like I'm just that much better and my code always works and I never have problems. What type of message does that send to developers who are learning? That eventually, development will be all sunshine and roses and bugs will be a thing of the past. That's not the real world, and it is discouraging. I do my best to teach people and give them an achievable goal rather than trying to make them think that perfection is the goal.
My goal isn't to teach people syntax. My goal is to make great developers.