Skip to content

This program is designed for you to learn modern JavaScript and the essential concepts needed for web development. Through practical examples and hands-on projects, gain the skills to build interactive web applications using latest JavaScript features.

Notifications You must be signed in to change notification settings

heshamalsaqqaf2/Modern-JavaScript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Modern JavaScript Concepts Repository


This repository is a curated collection of modules covering the essential concepts of modern JavaScript. Whether you're a beginner or looking to brush up on advanced topics, you'll find practical examples and explanations to guide you through the JavaScript landscape.

Contents

  1. Intro Modern JS And Environment Setup
  2. JavaScript Fundamentals
  3. Common Data Structures Arrays
  4. Common Data Structures Objects
  5. Understanding DOM DOM Manipulation
  6. JavaScript Events
  7. Async JavaScript
  8. Object Oriented JavaScript
  9. Advanced Topics And Modern JavaScript Features
  10. Putting It All Together Building A ToDo App

01 Intro Modern JS And Environment Setup

This course introduces JavaScript, a core technology for building modern websites and applications. You’ll learn what makes JavaScript essential for creating dynamic and interactive experiences, explore its history, and see how it’s used today across different platforms. The course also walks you through setting up the tools and environment needed to start coding, ensuring you’re ready to dive into JavaScript development with confidence.


02 JavaScript Fundamentals

This course lays the groundwork for mastering JavaScript, covering essential concepts like variables, data types, operators, control flow, and loops. By the end of this course, you'll have a solid understanding of JavaScript's core features and the ability to write clean, functional code. Whether you're just starting or building on your knowledge, this course ensures a strong foundation for more advanced topics.


03 Common Data Structures Arrays

This course explores the fundamental and advanced use of arrays in JavaScript. Learn to create, manipulate, and iterate over arrays using modern methods, including destructuring and the spread operator. By the end, you'll confidently apply array techniques to solve real-world programming challenges.


04 Common Data Structures Objects

This course explores objects, a foundational JavaScript data structure. You'll learn how to create and manipulate objects, use built-in methods, and leverage advanced features like enhanced object literals, destructuring, and the rest operator. By mastering these concepts, you'll be equipped to work efficiently with complex data structures in JavaScript.


05 Understanding DOM DOM Manipulation

This course dives deep into the fundamentals of the Document Object Model (DOM) and its manipulation using JavaScript. From understanding the DOM tree structure to selecting, modifying, and creating elements, you will gain hands-on experience in building dynamic and interactive web pages. Learn best practices and avoid common pitfalls as you master essential techniques for DOM manipulation.


06 JavaScript Events

This course dives into JavaScript events and how they bring interactivity to web pages. From understanding basic event handling to tackling more advanced topics like event bubbling and delegation, you’ll gain practical skills for creating responsive, user-friendly applications. Along the way, you'll learn best practices and techniques for managing events in a clean, efficient way.


07 Async JavaScript

This course explores the essentials of asynchronous JavaScript, equipping you with the skills to handle operations like data fetching and user interactions without freezing your app. You’ll learn key concepts such as callbacks, Promises, async/await, and the Fetch API, all through practical, real-world examples. By the end of this course, you’ll be able to write responsive, efficient, and maintainable code for modern web applications.


08 Object Oriented JavaScript

This course provides an in-depth exploration of Object-Oriented Programming (OOP) principles in JavaScript. You’ll learn foundational and advanced OOP concepts like constructor functions, prototypes, ES6+ classes, inheritance, encapsulation, and abstraction. With hands-on examples, you’ll build flexible, maintainable applications and gain insights into modern design patterns and best practices for JavaScript development.


09 Advanced Topics And Modern JavaScript Features

This course dives into advanced JavaScript concepts and modern features introduced in ES6+ and beyond. Explore modules for better code organization, master Generators and Iterators for handling data sequences, and simplify your code with operators like Optional Chaining and Nullish Coalescing. Additionally, understand BigInt for managing large numbers and precise calculations. Designed for developers seeking to stay up-to-date with JavaScript advancements, this course equips you with practical skills to write cleaner, more efficient, and future-proof code.


10 Putting It All Together Building A ToDo App

In this project, we'll build a ToDo application that combines everything we've learned about DOM manipulation, events, and working with APIs. Instead of jumping straight into the final code, we'll build it step by step, just like a real developer would approach the problem.


About

This program is designed for you to learn modern JavaScript and the essential concepts needed for web development. Through practical examples and hands-on projects, gain the skills to build interactive web applications using latest JavaScript features.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published