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 2024? 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.

🤑 Use code: JSPROJECTS10 to get 10% OFF (for life!)

==========

🗂 Crash Course Files:

🆓 Bonus Resources:

Javascript Cheat Sheet ⭐️👇🏻

==========

⏰ 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!)?

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

This could be you 👆

==========

#zerotomastery #javascript

[ZeroToMastery]

Use code JSPROJECTS10 for 10% OFF Jacinto’s Full Javascript Projects Bootcamp or a Zero To Mastery Academy membership, giving you access to this course and 100+ others!

[Jasmine-cnwc]

Amazing!! love the projects you covered. Thanks Andre👍

[paolodragol]

Thanks for providing such good and fun content! It was very useful!!!

[josiahdeleon]

This video is very helpful. Improvement on project 2, there is a repetition of requirements which is redundant

[Rushikesh_chandanshiv]

bro thats really greatone tho...much appriciate your work..i request to please make one video on express js

[darcelify]

I don’t know what’s better to do. Should I do freelance or work for a tech company?😅🤷

[Web-Himansu]

I purchased this web projects course and according to title of course can i really able to earn money by building those 20 projects by building portfolio and freelancing or need to learn more and more react, nextjs then earning side income while building projects and or loop learning?

[shafialanower]

Does this course require intermediate knowlodge in HTML, CSS and JS?

[CamaguNcoso]

I'm frustrated at the moment because I can't seem to get my mind to understand JavaScript. I started learning JavaScript last year September...tried some tutorials and got more frustrated. Some recommend documentation like JavaScript MDN Doc...too complicated with unending links.

This year, I've done 3 projects with freeCodeCamp on the JavaScript curriculum, project based...I got a headache after learning JavaScript with those first 3 projects. I took a break from learning...it's been more than a month