Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Neuroscience Coaching
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-01-06 09:59:18
30-Day Money-Back Guarantee

This course includes:

  • 32.5 hours on-demand video
  • 24 articles
  • 49 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development JavaScript

JavaScript Web Projects: 20 Projects to Build Your Portfolio

Modern HTML5, CSS3, and JavaScript to build Responsive and Mobile Friendly projects for your dream portfolio and resume!
Rating: 4.7 out of 54.7 (1,293 ratings)
13,023 students
Created by Andrei Neagoie, Jacinto Wong
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • 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
Curated for the Udemy for Business collection

Course content

27 sections • 233 lectures • 32h 46m total length

  • Preview09:10
  • Join Our Online Classroom!
    00:57
  • Exercise: Meet The Community
    01:08
  • Preview04:29
  • How To Get The Most Out Of The Course
    01:13

  • 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

  • Preview02:01
  • Setting Up Our Project
    04:59
  • Styling and HTML Elements
    14:27
  • Creating Beautiful Buttons
    06:55
  • Fetching Data With JavaScript
    08:09
  • Quick Note: 429 Error
    00:43
  • Optional: Build Your Own Proxy Server
    00:28
  • Manipulating DOM With JavaScript
    12:28
  • Creating A Loader With JavaScript
    05:08
  • Code Review
    07:38
  • Manipulating The DOM
    00:15
  • Sharing Your Projects
    00:08

  • Preview02: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

  • Preview08: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:39

  • Preview01: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

  • Preview01: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: Making Code More Readable
    00:34

  • Preview01: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

  • Preview01:22
  • Setting Up Our HTML and CSS
    07:10
  • Navigation UI
    13:03
  • Animating Menu With JavaScript
    13:25
  • Animations CSS
    10:41
  • Cleaning Up Our JavaScript
    11:48
  • Code Review
    04:40

  • Preview01: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

Requirements

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

Description

Just launched with all modern features of HTML5, CSS3 and JavaScript! Join a live online community of over 400,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!

Who this course is for:

  • 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 that needs to add more projects to their portfolio or resume
  • Developers who know the basics of JavaScript and want to deepen their knowledge

Featured review

Mahesh Pradhan
Mahesh Pradhan
77 courses
2 reviews
Rating: 5.0 out of 55 months ago
I love programming, it's like magic for me. I have taken a few courses of ZTM. And I love the creativity of bringing out new and exciting things which actually defines programming as a magic. Andrei helps in every way he can so that a person can have a better future, get help and make him/her professional.

Instructors

Andrei Neagoie
Senior Software Developer turned Instructor
Andrei Neagoie
  • 4.7 Instructor Rating
  • 120,531 Reviews
  • 405,820 Students
  • 14 Courses

Andrei 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, Tesla, 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.  

See you inside the courses!


Jacinto Wong
Web Designer / Senior Web Developer / Educator
Jacinto Wong
  • 4.7 Instructor Rating
  • 1,358 Reviews
  • 20,646 Students
  • 2 Courses

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.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.