JavaScript Web Projects: 20 Projects to Build Your Portfolio

Course Name : JavaScript Web Projects: 20 Projects to Build Your Portfolio
Students : 34,362
Duration : 32.5 hrs & 49 downloadable resources
Avg Rating : 4.7 (4,078 ratings)
Original Price : $119.99
Discount Price : $14
Instructor / Provider : Andrei Neagoie, Udemy
Course Type : Self Paced Online Course. Lifetime Access
Coupon : Click on ENROLL NOW to apply discount code

You’ll Learn

• Master JavaScript, HTML5, and CSS3: Build 20 real-world projects from scratch using pure JavaScript, HTML5, and CSS3, with all code provided.
• Become a Confident JavaScript Developer: Go from a complete beginner to a proficient JavaScript developer.
• Responsive & Mobile-First Design: Learn UI/UX best practices for creating responsive, mobile-first web applications.
• Asynchronous Programming: Gain expertise in asynchronous programming using AJAX, Fetch API, Promises, and Async/Await.
• Write Clean, Performant Code: Learn how to write clean, maintainable, and performant JavaScript code.
• Work with Web APIs: Gain hands-on experience with Web APIs like localStorage, DOM, and more.
• Modern HTML5: Explore new HTML5 features such as Canvas, Video, Audio, and more.
• Advanced CSS3: Master advanced CSS techniques including Animations, Transitions, Variables, and more.
• Avoid Common JavaScript Pitfalls: Learn how to avoid mistakes that many beginners and even experienced JavaScript developers make.
• Build Beautiful, Customizable Projects: Create 20 beautiful, real-world, customizable frontend applications to enhance your skills.

Here are some of the projects you’ll work on throughout the course:

• Spock Rock Game
  • Learn to use Confetti.js and Modules to build a fun, interactive game.
• Quote Generator
  • Use Fetch, Async/Await, and an external Quote API to generate random quotes.
• Picture-in-Picture
  • Master the Picture-in-Picture API and Screen Capture API to create a cool video feature.
• Bookmarks App
  • Learn to manipulate the DOM and use localStorage to build a functional bookmark manager.
• NASA APOD
  • Use Fetch, Async/Await, the NASA API, and localStorage to display stunning Astronomy pictures of the day.
• Animated Navigation
  • Implement CSS Animations to create an interactive, animated navigation menu.
• Infinite Scroll
  • Build an infinite scroll feature using Fetch, Async/Await, and the Unsplash API.
• Countdown App
  • Create a countdown timer with Date objects and localStorage for persistent data.
• Music Player
  • Work with the HTML5 Audio API to create a fully functional music player.
• Calculator
  • Build a simple yet functional Calculator using JavaScript’s Math Methods.
• Splash Page
  • Practice your skills with basic DOM manipulation to create a clean splash page.
• Light/Dark Mode
  • Implement DOM manipulation and localStorage to build a light/dark mode toggle.
• Form Validation
  • Create robust form validation logic using DOM and Forms.
• Joke Teller
  • Fetch jokes using Async/Await, a Joke API, and integrate Text-to-Speech functionality.
• Video Player
  • Learn to work with the HTML5 Video API to create a custom video player.
• MS Paint Clone
  • Create an advanced MS Paint clone using the HTML5 Canvas and localStorage.
• Pong Clone
  • Build an interactive Pong game using the HTML5 Canvas.
• Math Sprint Game
  • Practice your skills with setInterval, DOM, Array Methods, and localStorage to build a math sprint game.
• Animated Template
  • Create an animated website template using AOS.js for smooth animations.
• Drag and Drop
  • Build a drag-and-drop feature with the Drag and Drop API and localStorage for saving changes.

FAQs on Udemy Coupon