Mô tả

Just updated with all modern features of HTML5, CSS3 and JavaScript! Join a live online community of over 900,000+ developers and a course taught by industry experts that have actually worked both in Silicon Valley and Toronto with JavaScript!

This course is focused on efficiency and getting you hired by building your dream portfolio so you can get a job or work as a freelancer. Never spend time on confusing, out of date, incomplete tutorials anymore! Graduates of Andrei’s courses are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, + other top tech companies (seriously, google this to verify some testimonials).

Whether you want to become a freelancer, get hired, or to just advance your career, this brand new course will take you step by step through 20 JavaScript projects that you will be able to customize and put on your portfolio right away. Along the way, you will learn to build projects using HTML, CSS and JavaScript and truly build your skills as a JavaScript developer.


Whether you want to one day learn React, Angular, Vue JS, Node.js, Svelte, or any other toolchain of a modern developer, at the end of the day, JavaScript fundamentals are key, and learning JavaScript is an investment that will pay off many years into the future. By solidifying your JavaScript knowledge and being able to build thing without crutches like libraries and frameworks, you will future proof yourself.


Here is the truth: It’s easy to find JavaScript projects to work on online. You can copy and paste code. You can watch YouTube videos. That’s simple (and free). This course is different in that not only de we have modern projects using the latest features of JavaScript, and browser APIs, but we also do a Code Review of each project. After we build a website, we go through the code and talk about how we can improve the code, how to improve the security, or improve the performance of your projects.


It’s like having a senior developer finally teach you what good code means, what are the common mistakes beginners make, and how to  write maintainable code.


All code is going to be provided to you, and even if you don’t like to code along, you will get access to the code for the projects to put them on your portfolio right away.


So what are we building? Get ready for this:

  • Spock Rock Game - Confetti.js, Modules

  • Quote Generator - Fetch, Async/Await, Quote API, CORS

  • Picture-in-Picture - Picture-in-Picture API, Screen Capture API

  • Bookmarks App - DOM, localStorage

  • NASA APOD - Fetch, Async/Await, NASA API, DOM, localStorage

  • Animated Navigation - CSS Animations

  • Infinite Scroll - Fetch, Async/Await, Unsplash API, DOM, Scroll Event Listener

  • Countdown App - Date, localStorage

  • Music Player - HTML 5 Audio API

  • Calculator - Math Methods

  • Splash Page - DOM Basics

  • Light/Dark Mode - DOM, localStorage

  • Form Validation - DOM, Forms

  • Joke Teller - Fetch, Async/Await, Joke API, Text-to-Speech

  • Video Player - HTML 5 Video API

  • MS Paint Clone - Advanced HTML Canvas, localStorage

  • Pong Clone - Advanced HTML Canvas

  • Math Sprint Game - SetInterval, DOM, Array Methods, localStorage

  • Animated Template - Template, AOS.js

  • Drag and Drop - Drag and Drop API, localStorage

We will be using modern ES6,ES7,ES8,ES9,ES10 features to master JavaScript! Think of this as a full on JavaScript bootcamp to get you from a beginner to a confident programmer! on top of that, we also cover common UI/UX practices to make sure we have good designs and our projects are mobile friendly.


The course is not about making you just code along without understanding the principles so that when you are done with the course you don’t know what to do other than watch another tutorial. No! This course will push you and challenge you to go from an absolute beginner in JavaScript to someone that is able to build projects on their own.

So the best time to begin? It's Today! By taking that first step right now, you are that much closer to developing the skills that get you hired and closer to your dream career.

See you inside the course :)


Taught By:

Andrei Neagoie is the instructor of the highest rated Development courses on Udemy as well as one of the fastest growing. His graduates have moved on to work for some of the biggest tech companies around the world like Apple, Google, Amazon, JP Morgan, IBM, UNIQLO etc... He has been working as a senior software developer in Silicon Valley and Toronto for many years, and is now taking all that he has learned, to teach programming skills and to help you discover the amazing career opportunities that being a developer allows in life. 

Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. Most people feel paralyzed and don't know where to start when learning a complex subject matter, or even worse, most people don't have $20,000 to spend on a coding bootcamp. Programming skills should be affordable and open to all. An education material should teach real life skills that are current and they should not waste a student's valuable time.   Having learned important lessons from working for Fortune 500 companies, tech startups, to even founding his own business, he is now dedicating 100% of his time to teaching others valuable software development skills in order to take control of their life and work in an exciting industry with infinite possibilities. 

Andrei promises you that there are no other courses out there as comprehensive and as well explained. He believes that in order to learn anything of value, you need to start with the foundation and develop the roots of the tree. Only from there will you be able to learn concepts and specific skills(leaves) that connect to the foundation. Learning becomes exponential when structured in this way. 

Taking his experience in educational psychology and coding, Andrei's courses will take you on an understanding of complex subjects that you never thought would be possible.  

--------

Jacinto is a Senior Developer with the Canadian Broadcasting Corporation with a diverse background, including 5 years experience as a teacher in Canada and South Korea. He has had a passion for technology from a very young age, which led him to build his first computer at age 12 and start using design software at 16. As an instructor for the Zero To Mastery Academy, Jacinto combines these artistic and critical thinking skills to create high quality projects that will add real value to student’s portfolios and jump start their careers in web development.

Starting out learning something new can be challenging and there are so many resources available that it can be overwhelming. Jacinto understands that for some, bootcamps and post-secondary education are too time-consuming or expensive for many to consider. With that in mind, he does his best to create the highest quality courses that are inexpensive and beginner-friendly.

As a self-taught developer, Jacinto started from scratch and learned enough to land a Senior Developer job after only 4 months working through online courses. He knows it is possible to upgrade your skills and switch careers without spending excessive time or money. He couldn’t be happier to be in this exciting and growing industry and aims to provide students with the same opportunity.


See you inside the courses!

Bạn sẽ học được gì

20 projects with pure JavaScript, HTML5, CSS3 with all code provided

Go from a total beginner to a confident JavaScript developer

Learn UI/UX practices to build responsive and mobile first web applications

Asynchronous programming with AJAX, Fetch API, Promises & Async + Await

Write clean, maintainable and performant Javascript code

Work with Web APIs (localStorage, DOM, + more)

Modern HTML5 (Canvas, Video, Audio + more)

Modern CSS3 (Animations, Transitions, Variables + more)

Avoid common mistakes other Javascript programmers and beginners make

Build 20 beautiful and customizable, real world frontend applications

Yêu cầu

  • Only a basic understanding of HTML & CSS & JavaScript
  • Any computer and OS will work — Windows, Mac or Linux.

Nội dung khoá học

27 sections

Introduction

6 lectures
Course Outline
09:10
Join Our Online Classroom!
04:01
Exercise: Meet Your Classmates and Instructor
01:43
The Purpose Of JavaScript
04:29
How To Get The Most Out Of The Course
01:14
ZTM Resources
04:23

Developer Setup

8 lectures
Setting Up For The Course
00:56
OPTIONAL: MAC/LINUX Setup
04:40
OPTIONAL: WINDOWS Setup
06:58
Our Visual Studio Code Setup + Templates
12:34
Developer Tools + Github Pages
07:52
Web Developer Monthly
00:22
Bonus resource: Advanced JavaScript Cheatsheet
00:17
Monthly Coding Challenges, Free Resources and Guides
00:40

Quote Generator

18 lectures
Quote Generator Project Overview
02:01
Setting Up Our Project
04:59
Styling and HTML Elements
14:27
Creating Beautiful Buttons
06:55
Update to API
00:39
[NEW] Fetching Data With JavaScript
17:29
Different Option for API
00:12
[NEW] Manipulating DOM With JavaScript
15:12
[NEW] Creating A Loader With JavaScript
08:32
Sharing Your Projects
00:08
Quick Note: Upcoming Videos
00:31
[OPTIONAL] Fetching Data With JavaScript
08:09
[OPTIONAL] 429 Error
00:13
[OPTIONAL] Build Your Own Proxy Server
00:28
[OPTIONAL] Manipulating DOM With JavaScript
12:28
[OPTIONAL] Creating A Loader With JavaScript
05:08
Code Review
07:38
Manipulating The DOM
00:19

Infinity Scroll

10 lectures
Infinity Scroll Project Overview
02:02
Loader SVG
04:48
Centering Elements On The Page
11:19
Responsive Layout
06:14
Fetching Data
11:55
JavaScript To Display Data
14:06
Infinite Scroll With JavaScript
08:32
Infinite Scroll With JavaScript 2
11:37
Code Review
06:24
Exercises: Cleaning Up The Code
00:40

Picture In Picture

6 lectures
Picture In Picture Project Overview
08:30
Setting Up Our Project
06:53
Styling and HTML Elements
10:47
Adding Functionality With JavaScript
11:41
Code Review
07:32
Endorsements On LinkedIN
00:40

Joke Teller

9 lectures
Joke Teller Project Overview
01:15
Styling and HTML Elements
08:06
Responsive Layout and Styling
09:10
RapidAPI Disclaimer
00:21
JavaScript In The Project
13:04
JavaScript In The Project 2
15:03
JavaScript In The Project 3
07:19
Finishing Up The Project
09:17
Code Review
08:19

Light & Dark Mode

9 lectures
Light Dark Mode Project Overview
01:41
HTML and CSS Setup
13:02
Content In Our Project
13:31
Toggle Theme With JavaScript
11:38
Toggle Theme With JavaScript 2
12:12
LocalStorage To Save User Data
07:04
Code Review
07:40
Exercise: Imposter Syndrome
02:55
Exercise: Making Code More Readable
00:34

Animated Template

6 lectures
Animated Template Project Overview
01:01
Setting Up Our Template
06:12
Setting Up Our Content
09:07
JavaScript Inside of HTML
08:56
Animation On Scroll
14:57
Code Review
19:47

Navigation Nation

7 lectures
Navigation Nation Project Overview
01:22
Setting Up Our HTML and CSS
07:10
Navigation UI
13:02
Animating Menu With JavaScript
13:25
Animations CSS
10:41
Cleaning Up Our JavaScript
11:47
Code Review
04:40

Music Player

9 lectures
Music Player Project Overview
01:59
Setting Up Our HTML and CSS
15:50
Coding Our Responsive UI
08:17
JavaScript To Play Audio
08:57
Music Player With JavaScript
14:18
Progress Bar
08:32
Progress Bar 2
10:15
Progress Bar 3
11:25
Code Review
07:24

Custom Countdown

11 lectures
Custom Countdown Project Overview
02:03
Video Background
09:58
Building Our UI Components
11:19
Building Our UI Components 2
10:33
JavaScript Dates
09:10
Form Values
06:59
Populate Countdown UI
15:31
setInterval And clearInterval
09:11
Finishing Up The UI
06:09
Caching With LocalStorage
10:17
Code Review
06:18

Book Keeper

11 lectures
Book Keeper Project Overview
01:44
Building Our UI
08:42
Building Our UI 2
13:54
Building Our Modal
16:36
Modals With JavaScript
10:20
Appending URL Issue
00:21
Form Validation
15:02
localStorage And Fetch
11:40
Building The Bookmarks
11:37
Deleting The Bookmarks
07:19
Code Review
05:33

Video Player

15 lectures
Video Player Project Overview
01:40
Video Source Updated
00:44
Build UI - Player, Video, Mobile Responsive
08:14
Build UI - Controls HTML, Show Controls on Hover
14:41
Build UI - Progress Bar: Width, Hover
04:45
Build UI - Selection, Show CSS Variables
04:23
JS - Video Play/Pause
13:03
JS - Progress Bar (Dynamic Width)
06:45
JS - Populate Current Time / Duration
07:59
JS - Progress Bar (Seek)
07:36
JS - Volume (Slider)
11:00
JS - Volume (Mute/Unmute)
08:55
JS - Playback Seed
04:56
JS - Fullscreen
07:12
Code Review
06:22

Form Validator

9 lectures
Form Validator Project Overview
03:11
Build UI - HTML Forms, Input, Labels
12:55
Build UI - CSS (Body, Container), Google Fonts
07:42
Build UI - Form CSS
10:41
HTML Form Validation
13:44
JS - Validate Form
11:29
JS - Validate Passwords, Store Data
14:12
Code Review
06:53
How to Store User Passwords
00:12

Spock Rock Game

10 lectures
Spock Rock Project Overview
02:29
Build UI - Player Containers, FontAwesome
09:33
Build UI - CSS, Google Fonts
15:21
JS - Setup, Player Selection
13:34
JS - Computer Selection
09:48
JS - Check Results
12:37
JS - Reset All
05:18
JS - Confetti Functionality
09:42
JS - Module Refactoring
12:05
Code Review
13:16

NASA APOD

12 lectures
NASA APOD Project Overview
02:11
Asset - Custom Loading Animation
07:52
Build UI - Navigation
11:48
Build UI - Card with Image
13:46
JS - NASA API Documentation/Fetch
10:02
JS - Create DOM Elements
21:11
JS - Save Favourites
15:44
JS - Favorites DOM Elements
10:07
JS - Delete Favorites
07:07
JS - Navigation, Loader
12:22
Code Review
07:43
Optional: Declarative vs Imperative
06:18

Math Sprint Game

12 lectures
Math Sprint Game Project Overview
02:19
Build UI - Splash Page, Countdown
12:50
Build UI - Game Page, Score Page
08:33
JS - Radio Selection & Functionality
15:41
JS - Countdown Page
06:35
JS - Generate Random Equations
13:28
JS - Equations to DOM
07:49
JS - Automatic Scrolling & Player Input
08:05
JS - Check Score with Timing Events
16:40
JS - Score Page
13:27
JS - Best Scores in Local Storage
18:25
Code Review
12:19

Drag n' Drop

10 lectures
Drag n' Drop Project Overview
02:13
Build UI - Flexbox, Custom Scrollbar
12:53
JS - localStorage
09:40
JS - Update DOM
09:01
JS - Drag and Drop API
16:37
JS - Rebuild Arrays
10:00
JS - Add Item
13:07
JS - Delete Item
16:54
JS - Update Item
07:29
Code Review
09:09

Calculator

10 lectures
Calculator Project Overview
01:28
Build UI - Calculator, Display, Buttons
08:12
Build UI - Display CSS
11:44
Build UI - CSS Grid
05:54
Build UI - Button CSS
09:28
JS - Adding Event Listeners
12:47
JS - Reset Value, Add Decimal
05:52
JS - Operator Functionality
12:05
JS - Calculation
12:18
Code Review
04:49

Splash Page

8 lectures
Splash Page Project Overview
01:21
Initial Setup - Figma
12:57
Build UI - Adding Image Assets
09:24
Build UI - Styling Image Assets
09:17
Build UI - Adding Custom Backgrounds
09:33
JS - Background Controls
11:38
Code Review
08:27
Exercise: Memory Leaks And Heap Snapshots
00:16

Paint Clone

8 lectures
Paint Clone Project Overview
02:42
Build UI - Custom Slider, JSColor, Mobile Message
09:49
JS - Canvas Setup
12:21
JS - Color/Range Inputs
14:08
JS - Drawing on Canvas
11:29
JS - Store Drawing Data
06:38
JS - localStorage & Downloading an Image
12:02
Code Review
08:01

Pong

5 lectures
Pong Project Overview
02:03
JS - Create Canvas
15:50
JS - RequestAnimationFrame
17:44
JS - Game Over
13:14
Code Review
05:17

Where To Go From Here?

9 lectures
Sharing Your Projects
00:14
JavaScript And Beyond
10:50
Thank You!
01:17
Learning Guideline
00:10
LinkedIn Endorsements
00:40
Become An Alumni
00:37
Coding Challenges
00:29
Course Review
1 question
The Final Challenge
1 question

Appendix: How JavaScript Works

17 lectures
JavaScript Engine
05:28
Exercise: Javascript Engine
00:56
Inside the Engine
04:05
Exercise: JS Engine For All
02:33
Interpreters and Compilers
06:21
Inside the V8 Engine
08:56
Comparing Other Languages
04:15
Writing Optimized Code
08:53
WebAssembly
03:15
Call Stack and Memory Heap
14:37
Stack Overflow
03:20
Garbage Collection
04:30
Memory Leaks
06:34
Single Threaded
01:58
Exercise: Issue With Single Thread
02:40
Javascript Runtime
14:07
Node.js
06:27

Appendix: Git, Github, Open Source and Building a Portfolio

8 lectures
Git + Github Part 1
17:40
Github Update: Master --> Main
00:29
Git + Github Part 2
16:52
Contributing To Open Source
14:08
Contributing To Open Source 2
09:40
Exercise: Contribute To Open Source
00:47
Installing Node
00:20
Create A Portfolio
15:10

Appendix: CORS Issues

1 lectures
Solving CORS Issues With Heroku Server
10:46

BONUS SECTION

1 lectures
Special Bonus Lecture
00:16

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.