Welcome to the JavaScript Basics repository! This repository serves as a comprehensive guide and reference for learning JavaScript, the versatile and widely-used programming language for creating dynamic and interactive web pages and web applications.
This repository is designed to provide you with a solid foundation in JavaScript, covering everything from basic syntax to more advanced concepts. Whether you're a beginner just starting out or looking to refresh your knowledge, you'll find valuable resources and examples here to help you understand and master JavaScript.
JavaScript is a high-level, versatile programming language that is essential for web development. It enables developers to create dynamically updating content, control multimedia, animate images, and much more. As the core language of the web, JavaScript works alongside HTML and CSS to create interactive and engaging web experiences.
- Versatility: JavaScript can be used for both front-end and back-end development, making it a full-stack language.
- Interactivity: Add dynamic behavior to web pages, allowing for rich user interactions.
- Compatibility: JavaScript runs consistently across all modern web browsers and devices.
- Frameworks and Libraries: A vast ecosystem of frameworks (e.g., React, Angular, Vue) and libraries (e.g., jQuery, D3.js) enhances JavaScript's functionality and simplifies development.
The content and examples presented here are based on the high-quality tutorials and lessons from Elzero Web School.
Elzero Web School is a premier online platform offering a wide range of web development tutorials and courses. With a focus on practical, hands-on learning, Elzero Web School helps students and professionals alike to enhance their skills and stay up-to-date with the latest web technologies.
- Visit the official website for more courses and tutorials.
- Check out the YouTube channel for more video content.
- Check out the GitHub account for more data and Codes.
- You can learn JavaScript from FreeCodeCamp.org.
-
Weeks Completed: [22 of 22]
Watched- Plan For Twenty Two Weeks
- Total Videos: [188 of 188] - Duration: 19 Hours, 23 Minutes, 12 Seconds
👉 Click Here To Watch Videos In YouTube
Week 01 - JavaScript Introduction
-
Watched- 001 => Introduction & What Is JavaScript ? -
Watched- 002 => How To Study The Course ? -
Watched- 003 => Setting Up Environment & Tools -
Watched- 004 => Work With Chrome Developer Tools -
Watched- 005 => Where To Put The Code ? -
Watched- 006 => Comments & Bad Practices -
Watched- 007 => Output To Screen -
Watched- 008 => Console Methods And Styling And WebAPI -
Watched- 009 => What Is ECMAScript ?
Week 02 - Data Types And Variables
-
Watched- 010 => Data Types & Typeof Operator -
Watched- 011 => Variables Introduction -
Watched- 012 => Identifiers Name Convention & Rules -
Watched- 013 => Var & Let & Const - Compare -
Watched- 014 => String Syntax + Character Escape Sequences -
Watched- 015 => Concatenation -
Watched- 016 => Template Literals (Template Strings) -
Watched- 017 => Variable & Concatenation Challenge
Week 03 - Operators
-
Watched- 018 => Arithmetic Operators -
Watched- 019 => Unary Operators & Negation Operators -
Watched- 020 => Type Coercion -
Watched- 021 => Assignment Operators -
Watched- 022 => Operators Challenge
Week 04 - Numbers & String
-
Watched- 023 => Number -
Watched- 024 => Number Methods -
Watched- 025 => Math Object -
Watched- 026 => Number Challenge -
Watched- 027 => String Methods - Part 1 -
Watched- 028 => String Methods - Part 2 -
Watched- 029 => String Methods - Part 3 -
Watched- 030 => String Challenge
Week 05 - Control Flow
-
Watched- 031 => Comparison Operators -
Watched- 032 => Logical Operators -
Watched- 033 => If Conditions -
Watched- 034 => Nested If Conditions -
Watched- 035 => Conditional (Ternary) Operator -
Watched- 036 => Nullish Coalescing Operator & Logical Or -
Watched- 037 => If Condition Challenge -
Watched- 038 => Switch Statement -
Watched- 039 => Switch & If Challenges
Week 06 - Array
-
Watched- 040 => Array Big Introduction -
Watched- 041 => Using Length With Array -
Watched- 042 => Adding And Removing From Array -
Watched- 043 => Searching Array -
Watched- 044 => Sorting Array -
Watched- 045 => Slicing Array -
Watched- 046 => Joining Arrays -
Watched- 047 => Array Challenge
Week 07 - Loops
-
Watched- 048 => Loop - For & Concept Of Loop -
Watched- 049 => Loop On Sequences -
Watched- 050 => Nested Loop & Training -
Watched- 051 => Loop Control - Break & Continue & Label -
Watched- 052 => Loop - For - Advanced Examples -
Watched- 053 => Practice - Add Products To Page -
Watched- 054 => Loop - While -
Watched- 055 => Loop - Do While -
Watched- 056 => Loop Challenge
Weeks 08 & 09 - Functions & Scope
-
Watched- 057 => Function - Intro & Basic Usage -
Watched- 058 => Function - Advanced Example -
Watched- 059 => Function - return Statement & Use Cases -
Watched- 060 => Function - Default Parameter -
Watched- 061 => Function - Rest Parameter -
Watched- 062 => Practice - Ultimate Function -
Watched- 063 => Random Arguments Function Challenge -
Watched- 064 => Anonymous Function & Use Cases -
Watched- 065 => Return Nested Function -
Watched- 066 => Arrow Function Syntax -
Watched- 067 => Scope - Global & Local -
Watched- 068 => Scope - Block -
Watched- 069 => Scope - Lexical (Static) -
Watched- 070 => Arrow Function Challenge
Week 10 - Higher Order Functions
-
Watched- 071 => Higher Order Functions – Map -
Watched- 072 => Higher Order Functions – Map Practice -
Watched- 073 => Higher Order Functions – Filter -
Watched- 074 => Higher Order Functions – Filter Practice -
Watched- 075 => Higher Order Functions - Reduce -
Watched- 076 => Higher Order Functions – Reduce Practice -
Watched- 077 => Higher Order Functions – ForEach & Practice -
Watched- 078 => Higher Order Functions Challenge
Week 11 - Objects
-
Watched- 079 => Object Introduction -
Watched- 080 => Accessing Object With Dot Notation vs Bracket Notation -
Watched- 081 => Nested Object & Advanced Examples -
Watched- 082 => Create Object With New Keyword -
Watched- 083 => This Keyword -
Watched- 084 => Create Object With Create Method -
Watched- 085 => Create Object With Assign Method
Weeks 12 & 13 - Document Object Model [DOM]
-
Watched- 086 => What Is DOM ? & Selecting Elements -
Watched- 087 => Get & Set Elements Content And Attributes -
Watched- 088 => Check Attributes & Examples -
Watched- 089 => Create & Append Elements -
Watched- 090 => Practice - Product With Heading & Paragraph -
Watched- 091 => Deal With Children -
Watched- 092 => DOM Events -
Watched- 093 => Validate Form & Prevent Default -
Watched- 094 => Events Simulation - Click, Focus, Blur -
Watched- 095 => ClassList Object & Methods -
Watched- 096 => CSS Styling & Stylesheets -
Watched- 097 => Before, After, Prepend, Append, Remove -
Watched- 098 => DOM Traversing -
Watched- 099 => DOM Cloning -
Watched- 100 => Add Event Listener & Event Target -
Watched- 101 => DOM Challenge
Week 14 & 15 - Browser Object Model [BOM]
-
Watched- 102 => What Is BOM ? -
Watched- 103 => Alert & Confirm & Prompt -
Watched- 104 => setTimeout & clearTimeout -
Watched- 105 => setInterval & clearInterval -
Watched- 106 => Window Location Object -
Watched- 107 => Window Open & Close -
Watched- 108 => Window History Object -
Watched- 109 => Scroll, ScrollTo, ScrollBy, Focus, Print, Stop -
Watched- 110 => Practice - Scroll To Top Using ScrollY -
Watched- 111 => Local Storage -
Watched- 112 => Practice - Local Storage Color App -
Watched- 113 => Session Storage & Use Cases -
Watched- 114 => BOM Challenge
Week 16 - Destructuring
-
Watched- 115 => Destructuring Arrays - Part 1 -
Watched- 116 => Destructuring Arrays - Part 2 -
Watched- 117 => Destructuring Arrays - Part 3 - Swap Variables -
Watched- 118 => Destructuring Object - Part 1 -
Watched- 119 => Destructuring Object - Part 2 -
Watched- 120 => Destructuring Function Parameters -
Watched- 121 => Destructuring Mixed Content -
Watched- 122 => Destructuring Challenge
Week 17 - More Methods & New Data Types
-
Watched- 123 => Set Data Type & Methods -
Watched- 124 => Set vs WeakSet & Garbage Collector -
Watched- 125 => Map Data Type vs Object -
Watched- 126 => Map Methods -
Watched- 127 => Map vs WeakMap -
Watched- 128 => Array.from Method -
Watched- 129 => Array.copyWithin Method -
Watched- 130 => Array.some Method -
Watched- 131 => Array.every Method -
Watched- 132 => Spread Syntax & Use Cases -
Watched- 133 => Map & Set Challenge
Week 18 - Regular Expressions
-
Watched- 134 => Introduction & What is Regular Expression ? -
Watched- 135 => RegExp Modifiers -
Watched- 136 => RegExp Ranges - Part 1 -
Watched- 137 => RegExp Ranges - Part 2 -
Watched- 138 => RegExp Character Classes - Part 1 -
Watched- 139 => RegExp Character Classes - Part 2 -
Watched- 140 => RegExp Quantifiers - Part 1 -
Watched- 141 => RegExp Quantifiers - Part 2 -
Watched- 142 => RegExp Quantifiers - Part 3 -
Watched- 143 => Replace With The RegExp Pattern -
Watched- 144 => Form Validation Practice -
Watched- 145 => Test Your RegExp and Discussions -
Watched- 146 => RegExp Challenge
Week 19 - Object Oriented Programming
-
Watched- 147 => Object Oriented Programming Introduction -
Watched- 148 => Constructor Function Introduction -
Watched- 149 => Constructor Function New Syntax -
Watched- 150 => Constructor Function Deal With Properties & Methods -
Watched- 151 => Constructor Function Update Properties & Built In Constructors -
Watched- 152 => Class Static Properties & Methods -
Watched- 153 => Class Inheritance -
Watched- 154 => Class Encapsulation -
Watched- 155 => Prototype Introduction -
Watched- 156 => Add To Prototype Chain -
Watched- 157 => Object Meta Data & Descriptor - Part 1 -
Watched- 158 => Object Meta Data & Descriptor - Part 2
Week 20 - Date, Time, Generators & Modules
-
Watched- 159 => Date & Time Introduction -
Watched- 160 => Get Date & Time -
Watched- 161 => Set Date & Time -
Watched- 162 => Formatting Date & Time -
Watched- 163 => Tracking Operations Time -
Watched- 164 => Generators Function Introduction -
Watched- 165 => Delegate Generators -
Watched- 166 => Generate Infinite Numbers -
Watched- 167 => Modules Import & Export -
Watched- 168 => Named vs Default Export & Import All
Week 21 - Asynchronous Programming and JSON & AJAX
-
Watched- 169 => Introduction & What Is JSON ? -
Watched- 170 => JSON Syntax & Compare With JS Object -
Watched- 171 => What Is API ? -
Watched- 172 => Parse & Stringify -
Watched- 173 => Asynchronous Programming vs Synchronous Programming -
Watched- 174 => CallStack & Web API -
Watched- 175 => Event Loop & Callback Queue -
Watched- 176 => What Is AJAX & Network Information -
Watched- 177 => Request & Response From Real API -
Watched- 178 => Loop On API Data
Week 22 - Promises & APIs & Training
-
Watched- 179 => Callback Hell Or Pyramid Of Doom -
Watched- 180 => Promise Intro & Syntax -
Watched- 181 => Promise - Then & Catch & Finally -
Watched- 182 => Promise & XHR -
Watched- 183 => Fetch API -
Watched- 184 => Promise - All & AllSettled & Race -
Watched- 185 => Async & Training -
Watched- 186 => Await & Training -
Watched- 187 => Fetch - Try & Catch & Finally -
Watched- 188 => The End & Advices
- Total Assignments: [46 of 120] - Topics: 26
Check Out The Assignments Here 🤏.
- JavaScript Guide - MDN Web Docs
- JavaScript Tutorial - W3Schools
- JavaScript Algorithms and Data Structures - freeCodeCamp
- JavaScript Info - javascript.info
- Learn JavaScript - Codecademy
- Modern JavaScript - JavaScript30
- Eloquent JavaScript - Eloquent JavaScript Book
- JavaScript Reference - MDN Web Docs
- JavaScript Promises - MDN Web Docs
- You Don't Know JS - Book Series by Kyle Simpson
Feel free to explore the repository, follow along with the course material, and practice with the provided assignments. Happy learning!
Contributions are welcome! If you have suggestions, improvements, please open an issue or submit a pull request.
You can reach me via Gmail or on Telegram.
This project is licensed under the MIT License.