Zerotomastery.io – JavaScript Web Projects 20 Projects to Build Your Portfolio

20 projects with pure JavaScript, HTML5, CSS3 with all the code provided
Learn UI / UX Techniques for Building Responsive and Mobile Web Applications
Write Clean, Maintained, and Performance Javascript Code
Modern HTML5 (Canvas, Video, Audio + more)
Avoid the common mistakes that other Javascript programmers and beginners make
Go from Beginner to Confident JavaScript Developer
Asynchronous programming with AJAX, Fetch API, Promises & Async + Await
Work with web API (localStorage, DOM and more)
Modern CSS3 (animations, transitions, variables, and more)
Create 20 beautiful and customizable real-world apps.
If you want to become a freelancer, get a job or simply move up the career ladder, this completely new course will guide you step-by-step through 20 JavaScript projects that you can immediately configure and add to your portfolio. Along the way, you will learn how to create projects using HTML, CSS and JavaScript, and truly develop your skills and confidence as a JavaScript developer.

If you want to one day learn React, Angular, Vue JS, Node.js, Svelte, or any other modern developer toolkit, JavaScript is the key, after all, and learning JavaScript is an investment that will pay off for many years to come. . Strengthening your JavaScript skills and having the ability to create things without crutches such as libraries and frameworks, you will secure your future and maximize your income.

Here’s the truth: it’s easy to find JavaScript projects to surf the web. You can copy and paste the code. You can watch videos on YouTube. It is simple (and free). This course is different in that we have not only modern projects using the latest JavaScript features and browser APIs, but we also check the code for each project. After we create the website, we will go through the code and talk about how we can improve the code, how to improve security or increase the productivity of your projects.

This is similar to how a senior developer will finally teach you what good code means, point to common beginner mistakes and how to write supported code.

All code will be provided to you, and even if you do not want to write code together, you will get access to the code for projects to immediately add them to your portfolio.

So what are we building?

Spock Rock Game – Confetti.js, Modules
Quote Generator – Fetch, Async / Await, Quote API, CORS
Picture-in-Picture – Picture-in-Picture API, Screen Capture API
Bookmarking Application – DOM, localStorage
NASA APOD – fetch, async / await, NASA API, DOM, localStorage
Animated Navigation – CSS Animation
Endless scrolling – fetch, async / await, Unsplash API, DOM, scroll event listener
Countdown Application – Data, localStorage
Music Player – HTML 5 Audio API
Calculator – Mathematical 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 – HTML Canvas, localStorage
Pong Clone – HTML Canvas
Sprint math game – SetInterval, DOM, Array methods, localStorage
Animated Template – Template, AOS.js
Drag and Drop – Drag and Drop API, localStorage
We will use modern features of ES6, ES7, ES8, ES9, ES10 to master JavaScript! On top of that, we will also look at common UI / UX practices to make sure we have a good design and our projects are mobile.

The course is not intended to make you simply write code without understanding the principles, so that when you are done with the course, you don’t know what to do except look at another guide. Not! This course will push you and make you move from an absolute beginner in JavaScript to someone who is able to create projects on their own.

When is the best time to start? It is today!