Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Modern JavaScript Projects Course 60 plus Apps Games DOM

via Udemy

Overview

Real Projects! AJAX Java Script Projects Apps 60+ Projects Modern JS DOM JavaScript Games Portfolio Games DOM

What you'll learn:
  • Perfect to get started with JavaScript - loaded with starter projects to get you coding
  • Master the DOM (document object model)
  • Modular learning sections with over 50 real world projects with pure JavaScript sing DOM interaction.
  • Explore how you can learn JavaScript while building FUN real world JavaScript projects from Scratch
  • How to use JavaScript and how JavaScript works behind the scenes
  • Explore JavaScript Document Object Model Make interactive and Dynamic Web Pages
  • Manipulate elements using JavaScript - Bring your web pages to LIFE with JavaScript
  • How to create elements dynamically and more - With Games and Amazing Projects to Build
  • Develop Basic JavaScript Skills variables, boolean logic, if/else, loops, functions, arrays, etc.
  • Go from a total beginner to an advanced JavaScript developer
  • JavaScript and programming fundamentals: variables, boolean logic, if/else, loops, functions, arrays, etc.
  • Wow create real-world apps with both ES5 and ES6+
  • Modern JavaScript for 2020
  • Source Code include - Build YOUR own version of the app TODAY
  • Go from a total beginner to an advanced JavaScript developer

Modern JavaScript Masterclass DOM AJAX Real Projects and Portfolio Builder

Learn modern JavaScript by building real world projects apps and games using pure JavaScript and the Document Object Model.

This is one of the most complete JavaScript courses available online. Designed for beginners and developers who want hands on experience, this course focuses on practical coding skills through real projects rather than theory alone.

With more than 60 real projects, this course teaches you how to create interactive dynamic web applications using modern JavaScript including ES6 features AJAX and DOM manipulation.

You will build games tools apps and portfolio ready projects while learning how JavaScript works behind the scenes.

Why this course is unique

Massive project based learning approach
Over 60 real JavaScript projects apps and games
Modern JavaScript ES6 and beyond
AJAX and API based projects
Pure vanilla JavaScript no libraries no shortcuts
Step by step coding walkthroughs
Portfolio focused training for job readiness
Real world problem solving exercises

This course is designed to get you coding immediately and help you develop practical skills that employers look for.

What you will learn

JavaScript fundamentals from beginner to advanced
DOM manipulation including selecting updating and creating elements
Event handling and user interaction techniques
Working with forms input validation and dynamic content
Using AJAX Fetch API and working with external data
Building animations using requestAnimationFrame
Creating interactive web apps and games
Working with browser storage cookies and local storage
Debugging JavaScript code and writing clean structured programs

Build your JavaScript portfolio

By the end of the course you will have created more than 60 fully working JavaScript projects that you can showcase in your portfolio.

Projects include

Interactive JavaScript games
Dynamic web applications
AJAX data driven apps
Form validation tools
Image sliders and carousels
Popup modals and UI components
Typing tests and calculators
Data export and CSV tools
Shopping list applications
Clipboard interaction tools
Email extraction tools using RegEx
Animation based projects
DOM interaction mini apps

And many more real world coding projects.

Modern JavaScript and AJAX Projects

You will learn how to use modern JavaScript features such as

Arrow functions
Promises
Async and Await
Fetch API
Object destructuring
Template literals
Event delegation
Dynamic DOM updates

These skills are essential for modern web developers.

Portfolio and job ready skills

This course helps you build a strong project portfolio that demonstrates your ability to apply JavaScript in real situations.

Employers want to see real coding examples. This course provides dozens of projects that show your skills clearly.

Each project includes source code and step by step explanations so you can learn how everything works.

Bonus learning resources

Hundreds of downloadable code examples
Multiple ebook guides with structured lessons
Coding challenges and exercises
Project starter templates

Who this course is for

Beginners who want to learn JavaScript by doing
Students who prefer project based learning
Developers wanting to strengthen DOM and AJAX skills
Anyone looking to build a strong JavaScript portfolio
Web designers wanting to add interactive functionality

Learning approach

Learn by building real projects
Try the code before seeing solutions
Practice with guided challenges
Customize and extend projects
Apply skills to real world scenarios

This is not a theory only course. This is a complete hands on JavaScript coding experience focused on building real applications.

If you want to master JavaScript DOM AJAX and modern coding techniques while creating a powerful portfolio this course is for you.

Start building modern JavaScript projects today.

Syllabus

  • Introduction to JavaScript course and content Build JavaScript Applications
  • JavaScript core fundamentals and getting started with JavaScript
  • JavaScript Web page interaction and dynamic content DOM
  • JavaScript Advanced methods plus more
  • JavaScript HTML5 Canvas Introduction
  • Tip calculator
  • Welcome messages Customized JavaScript messages
  • Dynamically changing by time welcome message
  • Coin Toss Application - is it heads or tails
  • Rock Paper Scissors Game
  • Ultimate Dice Game
  • Play audio files and sounds with JavaScript
  • JavaScript Dynamic Typing Test
  • Functionator
  • Magic Eight Ball JavaScript
  • JavaScript Accordion Mini Project with ClassList Toggle
  • Combination guesser Game
  • Word Scramble - guess the word
  • Countdown Timer
  • Pattern matching game
  • Click Popper Game from scratch using JavaScript
  • Hi Lo Card Game from scratch using JavaScript mini project
  • Click Shape Game
  • Guess the hidden word which is scrambled JavaScript interactive Game Project
  • JavaScript Car Driving Game from scratch
  • Input field Character counter
  • Element Scrolling Content Code Snippet
  • Fun with the Document Object Model - JavaScript
  • Just JavaScript Click Counter - Only JavaScript
  • Creating an image popup window on image elements
  • JavaScript Word Guessing Hangman game
  • JavaScript Modal Popup Example
  • Image Carousel JavaScript animated slideshow application
  • Star Rating project click and hover events
  • Plane Bomber game simple JavaScript DOM game
  • JavaScript Accordion component
  • Chaser Box game - Document Object Model Element Manipulation with JavaScript
  • Creating a tooltip popup with JavaScript
  • Email Extractor application with JavaScript source code included
  • Popup message
  • Clipboard - Copy and Move text JavaScript exercise
  • JavaScript Calculator mini web application
  • Dynamic Editable Shopping List using JavaScript
  • Placeholder Image path Generator JavaScript
  • Catch element game
  • Element Mouse and click events JavaScript
  • Create Form Validation using JavaScript
  • Explore JavaScript Cookies while building cookie get set tester web application
  • DOM interaction Application DOMinator
  • JavaScript application to create files - Google Sheet data to CSV file

Taught by

Laurence Svekis

Reviews

4.7 rating at Udemy based on 773 ratings

Start your review of Modern JavaScript Projects Course 60 plus Apps Games DOM

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.