JavaScript Web Projects: 20 Projects to Build Your Portfolio (Udemy.com)

Modern HTML5, CSS3, and JavaScript to build Responsive and Mobile Friendly projects for your dream portfolio and resume!

Created by: Andrei Neagoie

Produced in 2021

icon
What you will 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

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 94 / 100

icon
Course Description

Just launched in 2021 with all modern features of HTML5, CSS3 and JavaScript! Join a live online community of over 350,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 Andreis 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: Its easy to find JavaScript projects to work on online. You can copy and paste code. You can watch YouTube videos. Thats 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.
Its 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 dont 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, ModulesQuote Generator - Fetch, Async/Await, Quote API, CORSPicture-in-Picture - Picture-in-Picture API, Screen Capture APIBookmarks App - DOM, localStorageNASA APOD - Fetch, Async/Await, NASA API, DOM, localStorageAnimated Navigation - CSS AnimationsInfinite Scroll - Fetch, Async/Await, Unsplash API, DOM, Scroll Event ListenerCountdown App - Date, localStorageMusic Player - HTML 5 Audio APICalculator - Math MethodsSplash Page - DOM BasicsLight/Dark Mode - DOM, localStorageForm Validation - DOM, FormsJoke Teller - Fetch, Async/Await, Joke API, Text-to-SpeechVideo Player - HTML 5 Video APIMS Paint Clone - Advanced HTML Canvas, localStoragePong Clone - Advanced HTML CanvasMath Sprint Game - SetInterval, DOM, Array Methods, localStorageAnimated Template - Template, AOS.
jsDrag and Drop - Drag and Drop API, localStorageWe 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 dont 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:
AndreiNeagoie is the instructor of the highest rated Development courses on Udemy as well asone of the fastestgrowing.
His graduates havemovedon to work forsome of the biggest techcompanies around the world like Apple, Google, Amazon, JP Morgan, IBM, UNIQLO etc...
Hehasbeen working as a senior software developer inSilicon Valley and Toronto for many years,andis now taking all that he has learned,to teachprogramming skills andto help youdiscover the amazing career opportunities that being a developer allows inlife.
Having beena self taught programmer,he understands that there is anoverwhelming number of online courses, tutorials and booksthat 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 materialshould teach real life skills that are current andthey should not waste a student's valuable time. Having learned importantlessons from working for Fortune 500 companies, tech startups, to evenfounding his own business, he is now dedicating 100% of his time toteaching others valuablesoftware development skillsin 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 students 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 Seni

icon
Instructor Details

Andrei Neagoie

Andrei is the instructor of the highest rated Development courses on Udemy as well asone of the fastestgrowing.His graduates havemovedon to work forsome of the biggest techcompanies around the world like Apple, Google, Tesla, Amazon, JP Morgan, IBM, UNIQLO etc...Hehasbeen working as a senior software developer inSilicon Valley and Toronto for many years,andis now taking all that he has learned,to teachprogramming skills andto help youdiscover the amazing career opportunities that being a developer allows inlife.
Having beena self taught programmer,he understands that there is anoverwhelming number of online courses, tutorials and booksthat 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 materialshould teach real life skills that are current andthey should not waste a student's valuable time. Having learned importantlessons from working for Fortune 500 companies, tech startups, to evenfounding his own business, he is now dedicating 100% of his time toteaching others valuablesoftware development skillsin 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 wel

icon
More courses by Andrei Neagoie

Complete React Developer in 2021 (w/ Redux, Hooks, GraphQL)

$11.99

The Complete Web Developer in 2021: Zero to Mastery

$11.99

Master the Coding Interview: Data Structures + Algorithms

$11.99

Learning to Learn [Efficient Learning]: Zero to Mastery

$11.99

Advanced JavaScript Concepts

$11.99

JavaScript: The Advanced Concepts

$11.99

icon
More javascript courses

Introduction to HTML5

Free

Functional Programming Principles in Scala

Free

Introduction to CSS3

Free

Front-End Web UI Frameworks and Tools

Free

Learn and Understand AngularJS

$11.99

Programming with JavaScript

$11.99

icon
Reviews

4.7

167 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Secuencia Capacitacin on 12/27/2020

Amazing course. I want to take all the courses made by Jacinto and Andrei. You will learn advanced html, css and js concepts, taught in an easy way, and with recommendations to improve your professional programmers career. The projects learned are awesome and modern.

By Atul Sharma on 12/20/2020

Loving it! Very engaging course. Loving every part of it and expanding my portfolio.

By Mose Nsengiyumva on 12/13/2020

This was a very cool course, I learned new things about JavaScript. Andrei and Jacinto chose interesting projects, so that students can push further their understanding of JS and discover new tricks, which will help them for personal future projects.

By Gilbert Monday Oghide on 12/6/2020

It's really really simple to flow with, the lectures are all well structured and taught to the fullest

By Eddy Lopez on 11/27/2020

I think its just exiting to create new thing and implementing what real life developers use. Templates, libraries, links, etc. And it makes it very fun to create things in a very smooth and convenient way.

By Duane Llose on 11/26/2020

The course is really nice. It's structured well. The code review feature of the course is very helpful

By Neil Bryan Galabin on 11/26/2020

good explanations

By Kevin O'Malley on 11/24/2020

This is a fantastic course for beginners and even for those with immediate skills to refresh their foundational HTML, CSS, and JavaScript. I really recommend this course for anyone looking to improve their front-end skills, while adding a few dozen projects to their portfolio.

By Ayush Jain on 11/24/2020

course content is not satisfactory, instead of 20 small projects there should a big project like other Anderai courses

By LeRon Hagler on 11/23/2020

I was looking for a course to help me build my portfolio and this nailed it. Hoping to have the confidence to apply and interview with some companies now.

By Pablo Federico Fidel Amendola on 11/19/2020

Awesome!!. The teachers are really great and the content stuff is pretty cool.

By Bonnie Luong on 11/18/2020

Very easy to follow, tutors are excellent at explaining and can tell they are very knowledgable at what they do.