Build 5 Javascript Projects (HTML5 + CCS3 + Vanilla JS) | Javascript Crash Course

Ready to build your dream Javascript Portfolio and get hired as a Developer in 2025? Then come get started. You're going to build 5 JavaScript projects step-by-step alongside TWO Senior Software Developers and then customize them and put them on your portfolio! What makes THIS JavaScript Projects For Beginners course stand out? After we build a project together, Andrei Neagoie will do a code review like you would do in the real-world. He'll go through the code and talk about how we can improve the security or performance. This is your chance to have a Senior Developer work alongside you and finally teach you what good code means, explain common mistakes, and show you how to write maintainable code. 🔥 Build 15 MORE Javascript Projects: https://zerotomastery.io/courses/javascript-projects/ 🤑 Use code: JSPROJECTS10 to get 10% OFF (for life!) 👍 Subscribe for more free tutorials and exclusive content: https://links.zerotomastery.io/youtube ========== 🗂 Crash Course Files: https://links.zerotomastery.io/javascript-projects-crash-course 🆓 Bonus Resources: Javascript Cheat Sheet ⭐️👇🏻 https://zerotomastery.io/cheatsheets/javascript-cheatsheet-the-advanced-concepts/ ========== ⏰ Timestamps: 01:54 Crash Course Outline 05:32 The Purpose of Javascript 10:17 MAC/LINUX Setup 15:12 WINDOWS Setup 22:25 Our Visual Studio Code Setup 35:14 Developer Tools 43:21 Project 1 Quote Generator 43:26 Quote Generator Project Overview 45:37 Setting Up Your Project 50:51 Styling & HTML Elements 1:05:34 Creating Beautiful Buttons 1:12:44 Fetching Data With Javascript 1:30:28 Manipulating DOM with Javascript 1:45:56 Creating a Loader with Javascript 1:54:42 Code Review 2:02:35 Project 2 Infinity Scroll 2:02:40 Infinity Scroll Project Overview 2:04:53 Loader SVG 2:07:11 Centering Elements On The Page 2:18:46 Responsive Layout 2:25:16 Fetching Data 2:37:26 JavaScript To Display Data 2:51:47 Infinite Scroll With JavaScript 3:00:35 Infinite Scroll With JavaScript 2 3:12:28 Code Review 3:19:08 Project 3 Picture In Picture 3:19:13 Picture-In-Picture Project Overview 3:27:53 Setting Up Our Project 3:35:01 Styling and HTML Elements 3:46:04 Adding Functionality with JavaScript 3:58:01 Code Review 4:05:49 Project 4 Joke Teller 4:05:54 Joke Teller Project Overview 4:07:18 Styling and HTML Elements 4:15:40 Responsive Layout and Styling 4:25:05 JavaScript In The Project 4:38:25 JavaScript In The Project 2 4:53:43 JavaScript In The Project 3 5:01:18 Finishing Up The Project 5:10:50 Code Review 5:19:25 Project 5 Light & Dark Mode 5:19:30 Light Dark Mode Project Overview 5:21:22 HTML and CSS Setup 5:34:39 Content In Our Project 5:48:26 Toggle Theme With JavaScript 6:00:19 Toggle Theme With JavaScript 2 6:12:47 Local Storage To Save User Data 6:20:07 Code Review 6:28:02 Final Words ========== 💥 Who should take the rest of ZTM's Javascript Projects Course (15 more projects!)? https://zerotomastery.io/courses/javascript-projects/ ◾ Anyone who feels like they can't build JavaScript projects on their own ◾ Anyone who wants to become a web developer, switch careers, or freelance as a JavaScript developer ◾ New or junior developers who want to learn modern JavaScript ◾ Programmers who want to learn frontend web development ◾ Anyone who needs to add more projects to their portfolio or resume ◾ Developers who know the basics of JavaScript and want to deepen their knowledge ========== Graduates of Zero To Mastery are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, Shopify + other top tech companies. Many are also working as top-rated Freelancers getting paid $1,000s while working remotely around the world. 🎓 Here are just a few of them: https://zerotomastery.io/testimonials This could be you 👆 ========== Start learning now 👉 https://zerotomastery.io/courses/javascript-projects/ #zerotomastery #javascript