Learn JavaScript, HTML, and CSS in this Frontend Web Development course. In this massive course, you will go from no coding experience to having the essential skills of a frontend web developer. You will learn various web development technologies and create a few projects along the way. ✏️ Course from Zach Gollwitzer. Check out his channel: https://www.youtube.com/c/ZachGollwitzer 💻 Code and Resources: https://github.com/zachgoll/fullstack-roadmap-series/blob/main/free-code-camp.md ❤️ Try interactive Frontend courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Frontend (Made possible by a grant from our friends at Scrimba) ⌨️ (00:00:00) Introduction ⌨️ (00:04:45) Your first JavaScript program ⌨️ (00:28:14) What is JavaScript? ⌨️ (00:56:04) JavaScript variables ⌨️ (01:45:28) Basic JavaScript challenges ⌨️ (01:45:54) JavaScript operators ⌨️ (02:39:10) 5 more JavaScript challenges ⌨️ (02:50:09) JavaScript functions, conditionals, loops ⌨️ (03:55:03) 25 Beginner JavaScript practice problems ⌨️ (06:07:47) Built-in JavaScript methods ⌨️ (06:25:46) Callback functions ⌨️ (06:45:53) JavaScript primitives ⌨️ (06:54:04) JavaScript Dates ⌨️ (07:02:21) Regular Expressions ⌨️ (07:25:01) JavaScript String methods ⌨️ (07:40:45) JavaScript Array methods ⌨️ (08:16:41) Math utilities with JavaScript ⌨️ (08:23:11) Error types and other JavaScript concepts ⌨️ (08:39:15) 10 Beginner / Intermediate JavaScript practice problems ⌨️ (10:02:33) HTML Crash Course ⌨️ (11:00:10) "About me page" HTML challenge ⌨️ (11:02:51) Document Object Model (DOM) ⌨️ (12:23:56) HTML + JavaScript "Meme Generator" challenge ⌨️ (13:12:17) CSS Crash Course ⌨️ (14:11:49) The CSS Box Model ⌨️ (14:36:46) Most common CSS properties ⌨️ (15:43:51) Frontend Mentor CSS "Pricing Card" challenge ⌨️ (17:11:16) Introduction to responsive web design ⌨️ (18:16:27) CSS Flexbox Crash Course ⌨️ (19:40:45) Frontend Mentor CSS Flexbox "Testimonials" challenge ⌨️ (21:13:27) Final thoughts and next steps 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news
ADVERTISEMENT
Y’all need to change your channel name to “Free university, you’re welcome”.
Hope everyone enjoys the course as much as I enjoyed making it! Big thanks to FCC for being an awesome resource for those trying to advance their knowledge and careers. I learned a TON from FCC when I was starting and feels great to be able to give back years later!
TIMESTAMP: ⌨ (00:00:00) Introduction ⌨ (00:04:45) Your first JavaScript program ⌨ (00:28:14) What is javascript? (deep dive) ⌨ (00:56:04) JavaScript variables ⌨ (01:45:28) Basic JavaScript challenges ⌨ (01:45:54) JavaScript operators ⌨ (02:39:10) 5 more JavaScript challenges ⌨ (02:50:09) JavaScript functions, conditionals, loops ⌨ (03:55:03) 25 Beginner JavaScript practice problems with me ⌨ (06:07:47) Built-in JavaScript methods ⌨ (06:25:46) Callback functions ⌨ (06:45:53) JavaScript primitives ⌨ (06:54:04) JavaScript Dates ⌨ (07:02:21) Regular Expressions ⌨ (07:25:01) JavaScript String methods ⌨ (07:40:45) JavaScript Array methods (important!) ⌨ (08:16:41) Math utilities with JavaScript ⌨ (08:23:11) Error types and other JavaScript concepts ⌨ (08:39:15) 10 Beginner / Intermediate JavaScript practice problems with me ⌨ (10:02:33) HTML Crash Course ⌨ (11:00:10) "About me page" HTML challenge ⌨ (11:02:51) Document Object Model (DOM) ⌨ (12:23:56) HTML + JavaScript "Meme Generator" challenge ⌨ (13:12:17) CSS Crash Course ⌨ (14:11:49) The CSS Box Model ⌨ (14:36:46) Most common CSS properties ⌨ (15:43:51) Frontend Mentor CSS "Pricing Card" challenge ⌨ (17:11:16) Introduction to responsive web design ⌨ (18:16:27) CSS Flexbox Crash Course ⌨ (19:40:45) Frontend Mentor CSS Flexbox "Testimonials" challenge ⌨ (21:13:27) Final thoughts, next steps
"So long and happy coding..." Just finished this entire course, it took me around two months in total! I spent plenty of time diving deeper into the topics you touch upon in-between chapters and i would recommend that to anyone else just starting this. Can't thank you enough for putting this out for free! I feel one step closer to changing careers!
1. Supplement this by using other resources to understand things you don't understand 2. Try out the code from this video first then also try your own code 3. Do the challenges 4. Go back if you don't understand 5. Build a project with everything you've learned 6. Practice on CodeWars!
These people are so good and kind... They are just posting a solid 21 hrs course without charging anything.... Very rare to find such a channel... We often find a basic course charging huge fees.. This is one amazing channel!!!! ❤
I love how you started with JS instead of HTML & CSS (like courses normally do). It just makes more sense to me 👌🏾✨
Is there anyone who just started into this? Day1 (00:04:45) Your first JavaScript program (00:28:14) What is JavaScript? (00:56:04) JavaScript variables (01:45:28) Basic JavaScript challenges Remind me when you see this if I haven't finished
If you are reading these comments to see if you should bother watching this video - the answer is a big resounding YES! I have been studying to be a Front End Developer for the last 5 months and THIS video helped me FINALLY understand things that I had been previously struggling with. Zach is an amazing teacher. He takes you along with him in his thought processes as to the how's and why's. You will not be disappointed. Thanks so much, Zach for all the work involved in producing this video.
My heartfelt thanks to you Zach! I badly wanted to restart my programming experience and this is what I exactly needed!
I just wanna say that I have my adblocker on for everything but when i saw this video, i turned it off for only this page because its the only way i can support u guys and your efforts! I even watch the whole ads instead of skipping them lol, heres to the journey of front end development! thank you zach and freecodecamp for this amazing and completely free video!!
This is one of the best courses not only in programming but overall I've ever seen on YouTube.
One issue here: challenge #2 at 2:39:13, Both snippets are exactly the same. I'm guessing one snippet should have "===", whereas the other: "==". Then your solution to this challenge would make sense. Anyways, the tutorial is excellent, I'm going to finish it all up. Thanks for posting!!
Zach, your way of teaching and wording is great. Easy to follow, not overteaching for beginners. Thanks so much! I am starting my coding journey with you.
"So long and happy coding..." Finished the entire course! It took me two weeks in total.The assignments were challenging and fun. Have learnt a lot through this course. Thank you so much for putting all these resources for everyone!
It is amazing that you provide this life changing content for FREE. You have my utmost respect.
WOW! I truly want to thank freeCodeCamp from the bottom of my heart. I learned a lot because of this channel. I really cannot thank you enough for the amazing content which seems illegal to be free. Huge Respect to you! God bless you. ✨
When Beau said, "massive", he meant it. 21 hours of knowledge. Wow!!
html after 10h lol
3 hours in and definitely one of the best tutorials so far. Your explanations are detailed and clear so someone like me can understand and learn. Respect man 🙏