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

  Рет қаралды 5,195

Zero To Mastery

Zero To Mastery

4 ай бұрын

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.
🔥 Build 15 MORE Javascript Projects: zerotomastery.io/courses/java...
🤑 Use code: JSPROJECTS10 to get 10% OFF (for life!)
👍 Subscribe for more free tutorials and exclusive content: links.zerotomastery.io/youtube
==========
🗂 Crash Course Files:
links.zerotomastery.io/javasc...
🆓 Bonus Resources:
Javascript Cheat Sheet ⭐️👇🏻
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!)?
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: zerotomastery.io/testimonials
This could be you 👆
==========
Start learning now 👉 zerotomastery.io/courses/java...
#zerotomastery #javascript

Пікірлер: 11
@Jasmine-cn4wc
@Jasmine-cn4wc 3 ай бұрын
Amazing!! love the projects you covered. Thanks Andre👍
@ZeroToMastery
@ZeroToMastery 3 ай бұрын
Glad you liked it! 😊
@josiahdeleon6564
@josiahdeleon6564 Ай бұрын
This video is very helpful. Improvement on project 2, there is a repetition of requirements which is redundant
@ZeroToMastery
@ZeroToMastery Ай бұрын
Hey! Thanks for the feedback and glad you found it helpful 😊
@Rushikesh_chandanshiv
@Rushikesh_chandanshiv 3 ай бұрын
bro thats really greatone tho...much appriciate your work..i request to please make one video on express js
@ZeroToMastery
@ZeroToMastery 3 ай бұрын
Thanks 😊
@beefcakees
@beefcakees 2 ай бұрын
Gotta pay to play
@shafialanower3820
@shafialanower3820 2 ай бұрын
Does this course require intermediate knowlodge in HTML, CSS and JS?
@ZeroToMastery
@ZeroToMastery 2 ай бұрын
All you need is a basic understanding! 😊
@Mecagothits
@Mecagothits Ай бұрын
This is a good video
React Native 101 Crash Course: Build Your First Mobile App!
3:19:59
Zero To Mastery
Рет қаралды 16 М.
We can now transition to and from display: none
21:20
Kevin Powell
Рет қаралды 71 М.
OMG😳 #tiktok #shorts #potapova_blog
00:58
Potapova_blog
Рет қаралды 3,6 МЛН
Получилось у Вики?😂 #хабибка
00:14
ХАБИБ
Рет қаралды 5 МЛН
Haha😂 Power💪 #trending #funny #viral #shorts
00:18
Reaction Station TV
Рет қаралды 14 МЛН
FOOLED THE GUARD🤢
00:54
INO
Рет қаралды 62 МЛН
100+ Web Development Things you Should Know
13:18
Fireship
Рет қаралды 1,4 МЛН
How to Become an AI Developer in 2024 | 100K Promo 🎉
14:00
Zero To Mastery
Рет қаралды 2,2 М.
10 Tailwind Classes I Wish I Knew Earlier
13:31
Web Dev Simplified
Рет қаралды 166 М.
Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт
15:12
Frontend Fundamentals | Александр Караджиков
Рет қаралды 9 М.
How To Build JavaScript Projects Without Getting Stuck
32:57
Web Dev Simplified
Рет қаралды 70 М.
Naming things just got easier thanks to @scope
26:22
Kevin Powell
Рет қаралды 34 М.
JavaScript Pro Tips - Code This, NOT That
12:37
Fireship
Рет қаралды 2,5 МЛН
If You Cannot Name All 5 JS Scopes You Need To Watch This Video
15:06
Web Dev Simplified
Рет қаралды 45 М.
OMG😳 #tiktok #shorts #potapova_blog
00:58
Potapova_blog
Рет қаралды 3,6 МЛН