Dude u are one of the most solid educational source for networking and coding, I am so thankful u provide so much for free, u helped me at many hicks I had, I watched a ton of your tutorials fully, please keep up the amazing work bro, I am about to move into the working world and u contributed alot to it thanks
@STEINHOFF1989
Жыл бұрын
Perfect Video to watch at 07:00 am on Christmas 25.12. while givin my 4 month old son his morning milk! Please keep going with your incredible good Videos. Your Videos Are always fully on point without talking about unnecessery thinks and are so good explained. Chapeau! In my opinion your Videos are by far the best Videos for Web development out there!
@STEINHOFF1989
Жыл бұрын
Merry Christmas Kyle! 😉
@WebDevSimplified
Жыл бұрын
Thank you so much! I am really glad you enjoyed this video.
@HHJoshHH
11 ай бұрын
@@WebDevSimplifiedhey Kyle I’m trying so hard to get this but the API isn’t working for me bro. Where can I get some help?
@darkmift
Жыл бұрын
UI wise you should allow the option to query a location. If the navigator is not granted permission simply display random location.
@theisoj
Жыл бұрын
Thanks for this tutorial, Kyle! I pretty much needed to see this tutorial on Christmas Eve in Finland.
@bmehder
Жыл бұрын
Great tutorial as always. I love doing things like this without a framework, and then redoing then in Svelte. Thanks for finding an API that doesn't require getting a key.
@noah5592
Жыл бұрын
i love svelte!
@intheshell35ify
Жыл бұрын
Another outstanding tutorial...if you already know how to do 90 percent of it.
@andrewdrewdrew1637
Жыл бұрын
i found it really confusing lol
@fxgaming3925
Жыл бұрын
Was it necessary to use vite? when you anyway gona use vanilla JS? I thought it's a beginner friendly tutorial. But Just using vite to generate bunch of starter files is overkill , now a beginner first have to learn/setup npm before starting a simple JS project. I have been following your channel from such a long time but I haven't expected this from you.
@liski12
Жыл бұрын
For those wondering, the little glitch that happens on refresh is caused by the import of the css being in the javascript file. Since the javascript is loaded after, there's a brief moment where the css isn't loaded and causes the sun to appear bigger than it should for a split second.
@Retrohertz
Жыл бұрын
So, I surmise that is a reason why CSS should be loaded the old fashioned way - via a 'link' - at the head of the document instead of through JS?
@liski12
Жыл бұрын
@@Retrohertz Indeed, unless you're creating a javascript component, in which case you would only want to load the css if the component is used in a page.
@oqarshi4185
Жыл бұрын
just add a preloader
@liski12
Жыл бұрын
@@oqarshi4185 Using a preloader would do as well, but if the whole website uses the css, it's better to use a link tag instead. It prevents slowing down users' entry in the app and uses features that are supposed to be used. It's also easier to do.
@ashleygahl3638
Жыл бұрын
Always nice to see content from Kyle. Question though, the prices listed on your courses I assume is standard prices,however how do you accommodate people outside of USA with a weaker currency than the dollar. I mean to pay for these courses in my own currecy would cost me into the thousands of Rands
@WebDevSimplified
Жыл бұрын
Just email me at the email listed on the about page of my KZitem channel with the country you live in and mention you want to buy one of my courses.
@justingolden21
Жыл бұрын
Amazing video man! Great job splitting up and putting together fetching data, designing the front end, and connecting the two.
@shadowstar751
Жыл бұрын
Idk why you are so underrated
@bama2619
8 ай бұрын
Thank you. Good speed, nearly lost after the 50th minute. Good that we can pause and rewatch. But I got the concept and your approach: getting promise with axious, parsing its data and then rendering. Thank you again. All is in one smooth architecture. How much time does it take to prepare the architecture? Probably 3 times more than writing the code. Keep it up, Kyle. Do you live in Florida?
@HMTRICKS2003
Жыл бұрын
if we could add moon for night then it could have been more cooler ... but still a it looks great..
@joacomesa22
Жыл бұрын
Would you recommend including this project in my portfolio? I 've changed the styling and design of the page and written differently some parts of the code. It didn't end up EXACTLY like the project of the video. I know HTML, CSS and JS and I understood everything you did. But, should I include it in my portfolio even though it is from a KZitem tutorial?
@jgalvan09
Жыл бұрын
this should do well as long as you customized it your way that's what jobs care about
@vivianliu5011
Жыл бұрын
this is an awesome course. Just thought, we probably should use proper tag like instead of just using css to control such text's visual looking. so something like below? 9mph
@monicamntanywa8333
11 ай бұрын
Hello can you please assist I cannot get past the Vite, first part?
@TheOneHong
Жыл бұрын
JSON formatter extension for chrome is a good tool for analysing api Data
@soumyajitpal597
9 ай бұрын
I have a issue I can't see my api in my console its showing not found with same code
@zeinalabdinsaker9301
6 ай бұрын
Thank you for sharing this video. I have a question for those who have left positive comments expressing gratitude: Do you genuinely understand the content, or are you simply copy-pasting the code? If you truly comprehend everything, I wonder why you would feel the need to watch this video. Personally, I found certain aspects, such as the JavaScript code snippets like `()=>{}`, map(time, index)=>{return} and `.return().return=>`, quite challenging to grasp. These seem to be targeted towards individuals with advanced JavaScript knowledge, which might make the video less accessible to those without such expertise. I believe it's important to acknowledge when certain concepts are beyond our current understanding, and I appreciate content creators who strive to cater to various levels of expertise. Thank you for your efforts in providing educational material, even if some parts may be difficult for certain viewers to fully comprehend.
@txkhiladi4041
Жыл бұрын
I was trying to find an API which I can use for my project as most of them have limited things. But thanks to you man. Really appreciate it.
@svetoslavtrifonov6431
Жыл бұрын
Not related to the video, but please create one with setup for node with express, nodemon and typescript with ES6 syntax. I managed somehow to do it after combining a lot of tutorials. Thanks for your commitment to teach us :)
@danielgago-sk
Жыл бұрын
Beautiful sample. With pure JS, HTML and CSS, you can also make a lot of interesting projects. I also made a small "catalog" where the individual data was only in a json file, so also without the need for a server (since I don't know how to use databases at the moment). Sorting, filtering, everything works... An excellent project for testing programming procedures.
@justingolden21
Жыл бұрын
32:00 that's really interesting syntax I hadn't seen before. I feel like whenever you use really weird syntax, if it's important to use it, you want to make a habit of commenting it, and if it's not important you use that syntax, it's better to use the more readable version.
@Retrohertz
Жыл бұрын
It's using destructuring in an interesting way. Personally, for simplicity, I'd just get the first value of the array (... [0])
@batsunet
Жыл бұрын
Very fun little project to code along to! Thanks for all the great content.
@CodeEnthusiast78912
Жыл бұрын
i'll try to make this with svelte, lets see how it goes
@CodeEnthusiast78912
Жыл бұрын
@@Outplayedqt i don't want to do that before grasping the concepts myself. Also chatgpt doesn't know the latest sveltekit release, because of the dataset being from 2021. So no point on doing that for me
@bmehder
Жыл бұрын
I just remade this with SvelteKit. I had to hard code the location again because the navigator object is not available when the page is server-side rendered. This won't be an issue if you use Svelte instead of SvelteKit.
@milleniummoses
Жыл бұрын
Thank you for takign the time to do this I do have a question, though? Could this have been accomplished just as efficiently with CSS Grid?
@martygo
Жыл бұрын
Your Trivia series is awesome. A lot of learning, a lot of fun. Please bring Brad Traversy here in next part.
@raufdimaampao3673
Жыл бұрын
Please make a tutorial for typescript generics
@meganweber5057
Жыл бұрын
Why do we import the css into the javascript?
@bama2619
7 ай бұрын
Thank you, Kyle.Good educational project
@surajitdas6555
Жыл бұрын
I really like your coding style in javascript. For css and html I am good and can write professional code but for javascript still need to study and practice more for sure.
@daniillitvinenko4348
Жыл бұрын
Thank you again. As always very helpful and informative.
@markoweb24
Жыл бұрын
Great tutorial, I have learned a lot from this one video, however I don’t know how to deploy this project ??
@DucTaZenSurfer
Жыл бұрын
Hello there community devs. Has anyone finished this project yet? I finished but have 3 issues I can't seem to trouble shoot. The blur is permanent. The icons don't change according to weather. The weather data isn't updating. Other than that, everything seems to be up and running properly. I crossed reference the instructors code but can't seem to find the problems. Does anyone else have the same or similar issues? Thanks!
@HHJoshHH
11 ай бұрын
Hey there did you ever figure out what was wrong? I’m having the same issue. Thank you 😊
@WarioNeila
3 ай бұрын
Thanks for the video! I went through this but some reason that I don't know yet, I'm getting unordered cards for daily and hourly sections, though I can see results are ordered by timestamp in the response from the API... any ideas?
Жыл бұрын
Geat job/video again! Thank you Kyle! :) We need more tutorials like this...
@liski12
Жыл бұрын
I'm curious, why did you use "Math.Round(value * 100)/100" instead of just using value.toFixed(2)? You're modifying the received value to make it lose precision, but at the same time, you do this to display the data, so in a way, keeping it original and converting on render wouldn't have been simpler? I know your code is working and all, but i'm just curious on why you did it that way and not another.
@ahouse73
Жыл бұрын
Can you make a select2 select by Hand in a step by step tutorial. youre tutorials Are Great
@TheMetalMag
Жыл бұрын
Thanks for your videos as usual
@ankitdas2197
Жыл бұрын
this is done thank you for all the awesome js code
@harshrane3155
Жыл бұрын
Heyy, I'm from India. While connecting to the api, after calling the getWeather function, the console says that XML request has been blocked due to absence of CORS policy: 'allow-access-control-origin' header. Can you please suggest me a solution to overcome this error!
@abaysankarbcompa2179
9 ай бұрын
The specifier “axios” was a bare specifier, but was not remapped to anything. what to do
@hassaneoutouaya
Жыл бұрын
Thank you so much !
@lauris5275
Жыл бұрын
Right now the best weather API for free. Spent some good time using open-weather data. Turns out they changed it. Cant see daily data anymore.
@khoitranquoc4445
Жыл бұрын
useful tutorials... thanks guy
@chief1978
Жыл бұрын
Shouldn't you have done the filter on the source array before the map? So you weren't bothering mapping elements just to discard them?
@fulstak
Жыл бұрын
Greetings Kyle. Howdy. Do you know why grid-template-columns: repeat(auto-fill, 40px); is not working for me.
@hayescodm7782
5 ай бұрын
Can you show it without using api key?
@tonmoyhussain6132
Жыл бұрын
Thank you 😃
@ay1ai146
Жыл бұрын
For some reason I am not getting the AM and PM next to my times in the hourly rows, I tried copying all the code from your gitHub and still did not bring up the AM and PM. Anyone knows what could be the issue?
@mnoquiao
Жыл бұрын
thanks brother.
@kybkap8686
Жыл бұрын
hi kyle how are you; i have 2 instances of a component in my root component: function App(){ ..... return( ) how can i control their rerendering? i want to freeze one in his last props values and rerender the other with new props and then alternate the process. note : im not talking about conditional rendering i want them both appear at the same time but 1 is updating while the other if freezing. thnks have a nice day :) (im beginner at react)
@kvalerix
Жыл бұрын
Hi. I have a typeerror in my console that says "Failed to resolve module specifier ''axios". How can I fix that?
@samuelvictoralexander8770
Жыл бұрын
me too, please how do I solve this/debug it, I tried to debug it but I havn't found the solution
@manemanoj3068
Жыл бұрын
Brother make a project for interview ready
@vizz7798
Жыл бұрын
I don’t understand why code doesn’t get the date from api
@saurabhbisht2238
Жыл бұрын
Why vite doesn't show the errors like create react app shows
@hawigirmachee4590
Жыл бұрын
can this API to search weather depending on city name
@puneetkorjani6648
Жыл бұрын
while connecting to the api i get the error message on console = Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/css". Strict MIME type checking is enforced for module scripts per HTML spec. what should i do?
@samuelvictoralexander8770
Жыл бұрын
me too i get this error and i have been trying to debug it , pls have you solved the issue
@samuelvictoralexander8770
Жыл бұрын
I need your help if you have solved it pls
@robbcavalluzzi2797
Жыл бұрын
I found my issue after some digging - I used VSCode and just hit run Live server to launch the app. Instead I had to run 'npm run dev' from the console to run the app in dev mode. Launching directly form Live server runs the application as it would in production. as soon as I stopped the Live Server and ran it in dev mode everything worked again
@jgalvan09
Жыл бұрын
@@robbcavalluzzi2797 amazing sir!!!!
@ayanparmar3476
Жыл бұрын
Thanks!
@WebDevSimplified
Жыл бұрын
No problem!
@galinaoverchuk
Жыл бұрын
Was wondering if there is a way to limit the hourly section until 12 am, could anyone give a hint on how i can achieve that?
@AbhishekKumar-nn9ck
Жыл бұрын
Can I say that it's a static website or is it a dynamic one? Anyone please. We are using API here... Please tell
@Elnomadic
Жыл бұрын
my page is blank when i run it and css doesn't seem to work
@mark601
Жыл бұрын
15:17 O_O
@tetyanagon3342
10 ай бұрын
TY!!! GJ!!!❤💛💙
@chaitanyakarthik3536
Жыл бұрын
I finished the project but got stuck in deploying it to netlify, can anyone help??
@DucTaZenSurfer
Жыл бұрын
Thank you for this project video, any reason why I'm getting this message in my terminal when I type: npm create vite@latest: npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + npm create vite@latest + ~~~ + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException
@oussamaben885
Жыл бұрын
did u find the solution ?
@DucTaZenSurfer
Жыл бұрын
@@oussamaben885 Thanks for the check in, I did and finished the project but now I have two other problems. The site is Blurred permanantly and the API for the weather is not updating on my site. So I'm troubling shoothing that as we speak
@nkechiuzoamaka5606
Жыл бұрын
You are so advanced and knowledgeable, however, please could be a little bit slower and more explicit with your HTML? I have watched this video about three times and I am still finding it difficult to understand the HTML.
@justingolden21
Жыл бұрын
27:44 "response" not "result" technically lol
@Kareszrk
Жыл бұрын
Please make webauthn (fido2) authentication tutorial please please please
@Colburrito213
Жыл бұрын
Claim your "here within an hour" ticket right here 🏆
@Outplayedqt
Жыл бұрын
checking in
@ari_archer
Жыл бұрын
lmao
@KendaBeatMaker
Жыл бұрын
I missed it 🥹
@zenistu5258
Жыл бұрын
Hi, Apologies for missing the timeline of 1 hour ticket. I will be checking in for 2 hour ticket. Thank you.
@ari_archer
Жыл бұрын
@@zenistu5258 too bad, the show's over already :(
@thesupergamer4535
Жыл бұрын
NPM i isnt downloading
@fortunatmutunda4194
Жыл бұрын
15:17
@alipasha7275
Жыл бұрын
Best ever
@synster693
Жыл бұрын
you should change the name of the channel to complicated web dev
@HrishiKW
Жыл бұрын
So True! I 100% resonate w u.
@rishiraj2548
Жыл бұрын
👍👍
@0xtz_
Жыл бұрын
First 👌🏼
@420troll4
Жыл бұрын
15:17 subliminal propaganda?!?
@Retrohertz
Жыл бұрын
Using a JS MAP for the icon code was interesting and a great way to try out new JS features. I was trying not to just copy your work, and came up with an if/else instead before I saw the solution. It's about the same amount of code and does the same job. function weatherIcon(code) { if (code === 0) { return 'sun.svg'; } else if (code === 1 || code === 2) { return 'cloud-sun.svg'; } else if (code === 3) { return 'cloud.svg'; } else if (code >= 45 && code = 51 && code = 80 && code = 71 && code = 85 && code = 45 && code
@gonzalofernandotorresdelfi561
Жыл бұрын
I got this instead of the cool vite stuff ******************************* PS C:\Users\torre> PS C:\Users\torre> npm create vite@latest npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. √ Project name: ... vite-projecto-1 √ Select a framework: » Vanilla √ Select a variant: » JavaScript Scaffolding project in C:\Users\torre\vite-projecto-1... npm ERR! code ENOENT npm ERR! syscall open npm ERR! path C:\Users\torre/package.json npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\torre\package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\torre\AppData\Local pm-cache\_logs\2022-12-25T15_05_44_599Z-debug-0.log *******************************
@NiceChange
Жыл бұрын
im having an issue . TypeError:Cannot main.js?t=1673416791393:7 TypeError: Cannot destructure property 'Symbol(Symbol.iterator)' of 'daily' as it is undefined. at parseCurrentWeather (weather.js?t=1673416791393:33:23) at weather.js?t=1673416791393:18:19
@ComedyFreshz
Жыл бұрын
Hello, I'm getting the same issue. Did you end up finding a solution?
@NiceChange
Жыл бұрын
@@ComedyFreshz yes I did. It was a spelling issue I believe..
@ComedyFreshz
Жыл бұрын
@@NiceChange hmmm Okay! I'll have a real good look now. Thanks!
@NiceChange
Жыл бұрын
Mine had nothing to do with a symbol..it was a wierd remnant in a line if code. Had to erase and retype...it was frustrating..
@ComedyFreshz
Жыл бұрын
@@NiceChange yeah I couldn't find anything so I retyped it aswell and now it's working. Thanks anyway!
Пікірлер: 118