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

Published: 26 February 2024
on channel: Zero To Mastery
15,592
562

Ready to build your dream Javascript Portfolio and get hired as a Developer in 2026? 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/java...

🤑 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/javasc...

🆓 Bonus Resources:

Javascript Cheat Sheet ⭐️👇🏻

https://zerotomastery.io/cheatsheets/...

==========

⏰ 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/java...

◾ 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/java...

#zerotomastery #javascript


On this page of the site you can watch the video online Build 5 Javascript Projects (HTML5 + CCS3 + Vanilla JS) | Javascript Crash Course with a duration of hours minute second in good quality, which was uploaded by the user Zero To Mastery 26 February 2024, share the link with friends and acquaintances, this video has already been watched 15,592 times on youtube and it was liked by 562 viewers. Enjoy your viewing!