{"id":25877386,"url":"https://github.com/heshamalsaqqaf2/modern-javascript","last_synced_at":"2026-06-09T17:31:54.621Z","repository":{"id":278279891,"uuid":"935044414","full_name":"heshamalsaqqaf2/Modern-JavaScript","owner":"heshamalsaqqaf2","description":"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.","archived":false,"fork":false,"pushed_at":"2025-03-06T03:43:35.000Z","size":231,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-06T04:26:35.886Z","etag":null,"topics":["concepts","es6-javascript","javascrupt","web"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/heshamalsaqqaf2.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-18T20:14:58.000Z","updated_at":"2025-03-06T03:43:39.000Z","dependencies_parsed_at":"2025-03-06T04:23:10.899Z","dependency_job_id":"25839dd0-fa11-4ef7-a4d6-49d879ec39cc","html_url":"https://github.com/heshamalsaqqaf2/Modern-JavaScript","commit_stats":null,"previous_names":["heshamalsaqqaf2/modern-javascript"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/heshamalsaqqaf2/Modern-JavaScript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heshamalsaqqaf2%2FModern-JavaScript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heshamalsaqqaf2%2FModern-JavaScript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heshamalsaqqaf2%2FModern-JavaScript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heshamalsaqqaf2%2FModern-JavaScript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/heshamalsaqqaf2","download_url":"https://codeload.github.com/heshamalsaqqaf2/Modern-JavaScript/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heshamalsaqqaf2%2FModern-JavaScript/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34118751,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-09T02:00:06.510Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["concepts","es6-javascript","javascrupt","web"],"created_at":"2025-03-02T11:27:04.878Z","updated_at":"2026-06-09T17:31:54.616Z","avatar_url":"https://github.com/heshamalsaqqaf2.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Modern JavaScript Concepts Repository\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/\"\u003e\n    \u003cimg src=\"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSqyabpIWofFSuRCaFMchUGW2Vk3U_0yveDzA\u0026s\" alt=\"js Logo\" style=\"width: 800px;\"\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n---\n\nThis 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.\n\n## Contents\n\n1. [Intro Modern JS And Environment Setup](01_Intro_Modern_JS_And_Enviroment_Setup)\n2. [JavaScript Fundamentals](02_JavaScript_Fundamentals)\n3. [Common Data Structures Arrays](03_Common_Data_Structures_Arrays)\n4. [Common Data Structures Objects](04_Common_Data_Structures_Objects)\n5. [Understanding DOM DOM Manipulation](05_Understanding_DOM_DOM_Manipulation)\n6. [JavaScript Events](06_JavaScript_Events)\n7. [Async JavaScript](07_Async_JavaScript)\n8. [Object Oriented JavaScript](08_Object_Oriented_JavaScript)\n9. [Advanced Topics And Modern JavaScript Features](09_Advanced_Topics_And_Modern_JavaScript_Features)\n10. [Putting It All Together Building A ToDo App](10_Putting_It_All_Together_Building_A_ToDo_App)\n\n---\n\n## 01 Intro Modern JS And Environment Setup\n\nThis 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.\n\n---\n\n## 02 JavaScript Fundamentals\n\nThis 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.\n\n---\n\n## 03 Common Data Structures Arrays\n\nThis 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.\n\n---\n\n## 04 Common Data Structures Objects\n\nThis 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.\n\n---\n\n## 05 Understanding DOM DOM Manipulation\n\nThis 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.\n\n---\n\n## 06 JavaScript Events\n\nThis 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.\n\n---\n\n## 07 Async JavaScript\n\nThis 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.\n\n---\n\n## 08 Object Oriented JavaScript\n\nThis 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.\n\n---\n\n## 09 Advanced Topics And Modern JavaScript Features\n\nThis 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.\n\n---\n\n## 10 Putting It All Together Building A ToDo App\n\nIn 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.\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fheshamalsaqqaf2%2Fmodern-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fheshamalsaqqaf2%2Fmodern-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fheshamalsaqqaf2%2Fmodern-javascript/lists"}