├── README.md
├── [1] - Lessons
├── .hintrc
├── [010-017] Data Types And Variables
│ └── [17] Operators Challenges
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [023-026] Numbers
│ ├── [23] Number
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [24] Number Methods
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [25] Math Object
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [26] Number Challenge
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [027-030] Strings And Methods
│ ├── [27] String Methods Part 1
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [28] String Methods Part 2
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [29] String Methods Part 3
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [30] String Challenge copy
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [031-032] Comparison & Logical Operators
│ ├── [31] Comparison Operators
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [32] Logical Operators
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [033-037] If Condition
│ ├── [33] If conditions
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [34] Nested If Condition
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [35] Conditional Ternary Operator
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [36] Nullish Coalescing Operator & Logical Or
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [37] If Condition Challenge
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [038-039] Switch Statement
│ ├── [38] Switch Statement
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [39] Switch Statement And If Condition Challenge
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [040-047] Arrays And Methods
│ ├── [40] Array Big Introduction
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [41] Using Length With Array
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [42] Add And Remove From Array
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [43] Searching Array
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [44] Sorting Array
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [45] Slicing Array
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [46] Joining Array
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [47] Arrays Challenge
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [048-053] Loop - For
│ ├── [48] For And Concept Of Loop
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [49] Looping On Sequences
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [50] Nested Loops And Training
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [51] Loop Control-Break, Continue, Label
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [52] Loop - For Advanced Example
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [53] Practice - Add Products To Page
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [054-056] Loop - While
│ ├── [54] Loop - While
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [55] Loop - Do, While
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [56] Loop Challenge
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [057-063] Function And Parameterts
│ ├── [57] Function Intro And Basic Usage
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [58] Function Advanced Examples
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [59] Function Return And Use Cases
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [60] Function Default Parameters
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [61] Function Rest Parameters
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [62] Function Ultimate Practice
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [63] Random Arguments Function Challenge
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [064-070] Function And Scopes
│ ├── [64] Anonymous Function And Practice
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [65] Return Nested Function
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [66] Arrow Function Syntax
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [67] Scope - Global And Local
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [68] Scope - Block
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [69] Scope - Lexical
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [70] Arrow Function Challenge
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [071-078] Higher Order Function
│ ├── [71] Higher Order Function - Map
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [72] Higher Order Function - Map Practice
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [73] Higher Order Function - Filter
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [74] Higher Order Function - Filter Practice
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [75] Higher Order Function - Reduce
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [76] Higher Order Function - Reduce Practice
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [77] Higher Order Function - forEach And Practice
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [78] Higher Order Function Challenge
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [079-085] Object Models
│ ├── [79] Object Introduction
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [80] Dot Notation Vs Bracket Notation
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [81] Nested Object And Advanced Trainings
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [82] Create New Keyword With new Object()
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [83] this Keyword
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [84] Create Object With Create Method
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [85] Create Object With Assign Method
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [086-093] Document Object Model
│ ├── [86] What Is DOM And Select Elements
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [87] Get Set Elements Content And Attributes
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [88] Check Attributes And Examples
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [89] DOM Create Elements
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [90] Product With Title And Description Practice
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [91] Deal With Childrens
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [92] DOM Events
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [93] Validate Form And Prevent Default
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [094-101] Document Object Model
│ ├── [100] DOM addEventListener
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [101] DOM Challenge
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [94] Event Simulation, Click Focus Blur
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [95] Class List Object And Methods
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [96] CSS Styling And StyleSheets
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [97] Before, After, Append, Prepend, Remove
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [98] DOM Traversing
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [99] DOM Cloning
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [102-110] Browser Object Model
│ ├── [102] What Is BOM
│ │ ├── index.html
│ │ └── main.js
│ ├── [103] Alert, Confirm, Prompt
│ │ ├── index.html
│ │ └── main.js
│ ├── [104] setTimeout And clearTimeout
│ │ ├── index.html
│ │ └── main.js
│ ├── [105] setInterval And clearInterval
│ │ ├── index.html
│ │ └── main.js
│ ├── [106] Window Location Object
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [107] Window Open And Close
│ │ ├── index.html
│ │ ├── main.js
│ │ ├── prof.png
│ │ └── readme.md
│ ├── [108] Window History Object
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [109] Scroll, ScrollTo, ScrollBy, Focus, Print, Stop
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [110] Scroll To Top Using Y Practice
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [111-114] Browser Object Model
│ ├── [111] Local Storage
│ │ ├── img.png
│ │ ├── img1.png
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [112] Local Storage Color Aplication Practice
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [113] Session Storage And Use Case
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [114] BOM Challenge
│ │ ├── .hintrc
│ │ ├── index.html
│ │ ├── index2.html
│ │ ├── main.js
│ │ ├── main2.js
│ │ ├── readme.md
│ │ └── tests
│ │ ├── test.html
│ │ ├── test.js
│ │ └── test2
│ │ ├── test.html
│ │ └── test.js
├── [115-122] Destructuring
│ ├── [115] Destructuring Array Part 1
│ │ ├── index.html
│ │ └── main.js
│ ├── [116] Destructuring Array Part 2
│ │ ├── index.html
│ │ └── main.js
│ ├── [118] Destructuring Objects Part 1
│ │ ├── index.html
│ │ └── main.js
│ ├── [119] Destructuring Objects Part 2
│ │ └── main.js
│ ├── [120] Destructuring Function Parameters
│ │ ├── index.html
│ │ └── main.js
│ ├── [121] Destructuring Mixed Content
│ │ ├── index.html
│ │ └── main.js
│ └── [122] Destructuring Challenge
│ │ └── main.js
├── [123-133] More Methods And New Data Types
│ ├── Readme.md
│ ├── [123] Set Data Type And Methods
│ │ ├── index.html
│ │ └── main.js
│ ├── [124] Set Vs WeakSet And Garbage Collector
│ │ ├── index.html
│ │ └── main.js
│ ├── [125] Map Data Type vs Object Full Comparison
│ │ ├── index.html
│ │ ├── main.js
│ │ ├── practice
│ │ │ ├── index.html
│ │ │ └── main.js
│ │ └── readme.md
│ ├── [126] Map Methods
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [127] Map And WeakMap
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [128] Array.from Method
│ │ ├── Restudy
│ │ │ ├── index.html
│ │ │ └── main.js
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [129] Array.copyWithin Method
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [130] Array.some Method
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [131] Array.every Method
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [132] Spread Syntax And Use Cases
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [133] Map And Set Challenge
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [134-146] Regular Expression
│ ├── [134] Intro And What Is Regular Expression
│ │ ├── index.html
│ │ └── main.js
│ ├── [135] Regular Expression – Modifiers
│ │ ├── index.html
│ │ └── main.js
│ ├── [136] Regular Expression – Ranges Part 1
│ │ ├── index.html
│ │ └── main.js
│ ├── [137] Regular Expression – Ranges Part 2
│ │ ├── index.html
│ │ └── main.js
│ ├── [138] Regular Expression – Character Classes Part 1
│ │ ├── index.html
│ │ └── main.js
│ ├── [139] Regular Expression – Character Classes Part 2
│ │ ├── index.html
│ │ └── main.js
│ ├── [140] Regular Expression – Quantifiers Part 1
│ │ ├── index.html
│ │ └── main.js
│ ├── [141] Regular Expression – Quantifiers Part 2
│ │ ├── index.html
│ │ └── main.js
│ ├── [142] Regular Expression – Quantifiers Part 3 copy
│ │ ├── index.html
│ │ └── main.js
│ ├── [143] Regular Expression – Replace With Pattern
│ │ ├── index.html
│ │ └── main.js
│ ├── [144] Regular Expression – Form valida
│ │ ├── index.html
│ │ └── main.js
│ ├── [145] Test Your Regular Expressions And Discussions
│ │ ├── index.html
│ │ └── main.js
│ └── [146] Regular Expression - Challenge
│ │ ├── index.html
│ │ └── main.js
├── [147-158] Object Oriented Programming
│ ├── README.rm
│ ├── [147] OOP Introduction
│ │ ├── index.html
│ │ └── main.js
│ ├── [148] Constructor Function Introduction
│ │ ├── index.html
│ │ └── main.js
│ ├── [149] Constructor Function New Syntax
│ │ ├── index.html
│ │ └── main.js
│ ├── [150] Constructor Function Deal With Properties And Methods
│ │ ├── index.html
│ │ └── main.js
│ ├── [151] Constructor Function Update Properties And Built In Constructors
│ │ ├── index.html
│ │ └── main.js
│ ├── [152] Class Static Properties And Methods
│ │ ├── index.html
│ │ └── main.js
│ ├── [153] Class Inheritance
│ │ ├── index.html
│ │ └── main.js
│ ├── [154] Class Encapsulation
│ │ ├── index.html
│ │ └── main.js
│ ├── [155] Prototype Introduction
│ │ ├── index.html
│ │ └── main.js
│ ├── [156] Add To Prototype Chain And Extend Constructors Features
│ │ ├── index.html
│ │ └── main.js
│ ├── [157] Object Meta Data And Descriptor Part 1
│ │ ├── index.html
│ │ └── main.js
│ ├── [158] Object Meta Data And Descriptor Part 2
│ │ ├── index.html
│ │ └── main.js
│ └── [158].1 Setter And Getter
│ │ ├── index.html
│ │ └── main.js
├── [159-168] Date, Time, Generators And Modules
│ ├── README.rm
│ ├── [159] Date And Time Introduction
│ │ ├── index.html
│ │ └── main.js
│ ├── [160] Get Date And Time
│ │ ├── index.html
│ │ └── main.js
│ ├── [161] Set Date And Time
│ │ ├── index.html
│ │ └── main.js
│ ├── [162] Formating Date And Time
│ │ ├── index.html
│ │ └── main.js
│ ├── [163] Tracking Operations Time
│ │ ├── index.html
│ │ └── main.js
│ ├── [164] Generator Function Introduction
│ │ ├── index.html
│ │ └── main.js
│ ├── [165] Delegate Generator Function
│ │ ├── index.html
│ │ └── main.js
│ ├── [166] Generate Infinite Numbers
│ │ ├── index.html
│ │ └── main.js
│ ├── [167] Modules Import And Export
│ │ ├── app.js
│ │ ├── index.html
│ │ └── main.js
│ └── [168] Named vs Default Export And Import All
│ │ ├── app.js
│ │ ├── index.html
│ │ └── main.js
├── [169-178] Asynchronous Programming And JSON And AJAX
│ ├── README.md
│ ├── [169] Introduction And What Is JSON
│ │ ├── index.html
│ │ ├── main.js
│ │ ├── test.json
│ │ └── test.xml
│ ├── [170] JSON Syntax And Compare With JavaScript
│ │ ├── index.html
│ │ ├── main.js
│ │ └── test.json
│ ├── [171] API Overview And Tools
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [172] Parse And Stringify
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [173] Asynchronous vs Synchronous Programming
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [174] Call Stack And Web API
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [175] Event Loop And Callback Queue
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [176] What Is AJAX And Network Informations
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── [177] Request And Response From Real API copy
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── [178] Loop On Data
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
└── [179-188] Promises And API's And Training's
│ ├── README.md
│ ├── [179] Callback Hell Or Pyramid Of Doom
│ ├── index.html
│ ├── main.js
│ ├── test.json
│ └── test.xml
│ ├── [180] Promise Intro and Syntax
│ ├── index.html
│ ├── main.js
│ └── test.json
│ ├── [181] Promise Then, Catch And Finally
│ ├── index.html
│ ├── main.js
│ └── readme.md
│ ├── [182] Promise And XHR
│ ├── index.html
│ ├── main.js
│ └── readme.md
│ ├── [183] Fetch API
│ ├── index.html
│ ├── main.js
│ └── readme.md
│ ├── [184] Promise All, All Settled, And Race
│ ├── index.html
│ ├── main.js
│ └── readme.md
│ ├── [185] Async And Training
│ ├── index.html
│ ├── main.js
│ └── readme.md
│ ├── [186] Await And Training
│ ├── index.html
│ ├── main.js
│ └── readme.md
│ ├── [187] Try, Catch And Finally With Fetch
│ ├── index.html
│ ├── main.js
│ └── readme.md
│ └── [188] The End And Advices
│ ├── index.html
│ ├── main.js
│ └── readme.md
├── [2] - Assignments
├── [001-009] Introduction Assignments
│ ├── index.html
│ └── main.js
├── [010-017] Data Types And Variables Assignments
│ ├── index.html
│ └── main.js
├── [018-022] Operators Assignments
│ ├── index.html
│ └── main.js
├── [023-026] Numbers Assignments
│ ├── index.html
│ └── main.js
├── [027-030] Strings And Methods Assignments
│ ├── index.html
│ └── main.js
├── [031-032] Comparison & Logical Operators Assignments
│ ├── index.html
│ └── main.js
├── [033-037] If Condition Assignment
│ ├── index.html
│ └── main.js
├── [040-047] Arrays And Methods Assignment
│ ├── index.html
│ └── main.js
├── [048-053] Loop - For Assignment
│ ├── index.html
│ └── main.js
├── [054-056] Loop - While Assignment
│ ├── index.html
│ └── main.js
├── [057-063] Function And Parameterts Assignment
│ ├── index.html
│ └── main.js
├── [064-070] Function And Scopes Assignment
│ ├── index.html
│ └── main.js
├── [071-078] Higher Order Function Assignment
│ ├── index.html
│ └── main.js
├── [079-085] Object Models Assingment
│ ├── index.html
│ ├── main.js
│ └── style.css
├── [086-093] Document Object Model Assignment
│ ├── 1
│ │ ├── index.html
│ │ ├── main.js
│ │ └── style.css
│ ├── 2
│ │ ├── index.html
│ │ ├── main.js
│ │ └── style.css
│ ├── 3
│ │ ├── index.html
│ │ └── main.js
│ ├── 4
│ │ ├── index.html
│ │ └── main.js
│ ├── 5
│ │ ├── index.html
│ │ ├── main.js
│ │ └── style.css
│ └── 6
│ │ ├── index.html
│ │ ├── main.js
│ │ └── style.css
├── [094-101] Document Object Model Assignment
│ ├── Assignment [1]
│ │ └── index.html
│ ├── Assignment [2] explain process
│ │ ├── index.html
│ │ ├── main.js
│ │ └── style.css
│ ├── Assignment [2]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── style.css
│ ├── Assignment [3]
│ │ ├── index.html
│ │ └── main.js
│ ├── Assignment [4]
│ │ ├── index.html
│ │ └── main.js
│ └── Assignment [5]
│ │ ├── index.html
│ │ └── main.js
├── [102-110] Browser Object Model Assignment
│ ├── Assignment [2]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [3]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [4]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── Assignment [5]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [111-114] Browser Object Model Assignment
│ ├── Assignment [1]
│ │ ├── index.html
│ │ ├── main.js
│ │ ├── readme.md
│ │ └── test
│ │ │ ├── test.html
│ │ │ └── test.js
│ └── Assignment [2]
│ │ ├── index.html
│ │ ├── main.js
│ │ ├── readme.md
│ │ └── test
│ │ ├── test.html
│ │ └── test.js
├── [115-122] Destructuring Assignment
│ ├── Assignment [1]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [2]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [3]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [4]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [5]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── Assignment [6]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [123-133] Map And Set Assignments
│ ├── Assignment [1]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [2]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [3]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [4]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [5]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [6]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [7]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── Assignment [8]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [134-146] Regular Expression Assignments
│ ├── Assignment [1]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [2]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [3]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [4]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [5]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── Assignment [6]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [147-158] Object Orianted Programming Assignments
│ ├── Assignment [1]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [2]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [3]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [4]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── Assignment [5]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
├── [158-168] Date, Generators, Modules Assignments - Copy
│ ├── Assignment [1]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [2]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [3]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [4]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [5]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [6]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ ├── Assignment [7]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── Assignment [8]
│ │ ├── index.html
│ │ ├── main.js
│ │ ├── mod-one.js
│ │ ├── mod-two.js
│ │ └── readme.md
├── [169-178] AJAX And JSON
│ ├── Assignment [1-3]
│ │ ├── articles.json
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
│ └── Assignment [4]
│ │ ├── index.html
│ │ ├── main.js
│ │ └── readme.md
└── [179-188] Promises
│ ├── Assignment [1]
│ ├── articles.json
│ ├── index.html
│ ├── main.js
│ └── readme.md
│ └── Assignment [2]
│ ├── articles.json
│ ├── index.html
│ ├── main.js
│ └── readme.md
├── [4] - Extra Lessons
├── BOM
│ └── screen
│ │ ├── index.html
│ │ └── main.js
└── DOM
│ ├── offsets
│ ├── index.html
│ ├── main.js
│ └── style.css
│ └── scroll
│ ├── index.html
│ ├── main.js
│ └── style.css
└── js map.png
/[1] - Lessons/.hintrc:
--------------------------------------------------------------------------------
1 | {
2 | "extends": [
3 | "development"
4 | ],
5 | "hints": {
6 | "meta-viewport": "off",
7 | "highest-available-document-mode": "off"
8 | }
9 | }
--------------------------------------------------------------------------------
/[1] - Lessons/[010-017] Data Types And Variables/[17] Operators Challenges/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[010-017] Data Types And Variables/[17] Operators Challenges/main.js:
--------------------------------------------------------------------------------
1 | let headTitle = "Elzero",
2 | schoolDesc = "Elzero Web School",
3 | schoolDate = "25/10",
4 | htmlContent = `
5 | ${headTitle}
6 | ${schoolDesc}
7 | ${schoolDate}
8 | `;
9 |
10 | document.write(htmlContent.repeat(4));
11 |
--------------------------------------------------------------------------------
/[1] - Lessons/[010-017] Data Types And Variables/[17] Operators Challenges/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 |
--------------------------------------------------------------------------------
/[1] - Lessons/[023-026] Numbers/[23] Number/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:23
11 |
12 |
13 | Number
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[023-026] Numbers/[23] Number/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Number
3 | - Double Precision
4 | =>
5 | - Syntactic Sugar "_"
6 | => How To Change Syntacts To Easer Way Of Reading
7 | - e
8 | - **
9 | - Witth Decimal
10 | - Number + BigInt
11 | - Numbaaer Min Value
12 | - Number Max Value
13 | */
14 |
15 | // Syntactic Sugar
16 |
17 | console.log(1000000);
18 | console.log(1_000_000);
19 | console.log(10 ** 6);
20 | // e
21 | console.log(1e6);
22 | Number("100");
23 |
24 | console.log(Number.MAX_SAFE_INTEGER);
25 | console.log(Number.MAX_VALUE);
26 | console.log(Number.MIN_SAFE_INTEGER);
27 | console.log(Number.MIN_VALUE);
28 |
--------------------------------------------------------------------------------
/[1] - Lessons/[023-026] Numbers/[23] Number/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[023-026] Numbers/[24] Number Methods/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:24
11 |
12 |
13 | Number Methods
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[023-026] Numbers/[24] Number Methods/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[023-026] Numbers/[25] Math Object/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:25
11 |
12 |
13 | Math Objects
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[023-026] Numbers/[25] Math Object/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[023-026] Numbers/[26] Number Challenge/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Number Challenge Ep:26
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[1] - Lessons/[023-026] Numbers/[26] Number Challenge/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[027-030] Strings And Methods/[27] String Methods Part 1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:27
11 |
12 | String Methods Part 1
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/[1] - Lessons/[027-030] Strings And Methods/[27] String Methods Part 1/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[027-030] Strings And Methods/[28] String Methods Part 2/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:28
11 |
12 | String Methods Part 2
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/[1] - Lessons/[027-030] Strings And Methods/[28] String Methods Part 2/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[027-030] Strings And Methods/[29] String Methods Part 3/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:29
11 |
12 | String Methods Part 3
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/[1] - Lessons/[027-030] Strings And Methods/[29] String Methods Part 3/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[027-030] Strings And Methods/[30] String Challenge copy/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:30 CHALLENGE
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[1] - Lessons/[027-030] Strings And Methods/[30] String Challenge copy/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[031-032] Comparison & Logical Operators/[31] Comparison Operators/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:31
11 |
12 |
13 | Comparison Operators
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[1] - Lessons/[031-032] Comparison & Logical Operators/[31] Comparison Operators/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[031-032] Comparison & Logical Operators/[32] Logical Operators/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:32
11 |
12 |
13 | Logical Operators
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[1] - Lessons/[031-032] Comparison & Logical Operators/[32] Logical Operators/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Logical Operators
3 | - ! Not
4 | - && And
5 | - || Or
6 | */
7 |
8 | console.log(true);
9 | console.log(!true);
10 |
11 | console.log(!(10 == "10"));
12 |
13 | console.log(10 == "10" && 10 > 8 && 10 > 50);
14 |
15 | console.log(10 == "10" || 10 > 80 || 10 > 50);
16 |
--------------------------------------------------------------------------------
/[1] - Lessons/[031-032] Comparison & Logical Operators/[32] Logical Operators/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[033-037] If Condition/[33] If conditions/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:33
11 |
12 |
13 | If conditions
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[1] - Lessons/[033-037] If Condition/[33] If conditions/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[033-037] If Condition/[34] Nested If Condition/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | Javascript Lesson Ep:34
10 | Nested If Conditions
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[033-037] If Condition/[34] Nested If Condition/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Nested If
3 | */
4 | let price = 100,
5 | discount = false,
6 | discountAmount = 10,
7 | country = "Eygpt",
8 | student = true;
9 |
10 | if (discount === true) {
11 | price -= discountAmount;
12 | } else if (country === "Eygpt") {
13 | if (student === true) {
14 | price -= discountAmount + 30;
15 | } else {
16 | price -= discountAmount + 20;
17 | }
18 | } else {
19 | price -= discountAmount + 10;
20 | }
21 | console.log(price);
22 |
--------------------------------------------------------------------------------
/[1] - Lessons/[033-037] If Condition/[34] Nested If Condition/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[033-037] If Condition/[35] Conditional Ternary Operator/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:35
11 |
12 |
13 | Conditional Ternary Operator
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[1] - Lessons/[033-037] If Condition/[35] Conditional Ternary Operator/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[033-037] If Condition/[36] Nullish Coalescing Operator & Logical Or/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:36
11 |
12 |
13 | Nullish Coalescing Operator & Logical Or
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[1] - Lessons/[033-037] If Condition/[36] Nullish Coalescing Operator & Logical Or/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Logical Or ||
3 | -- Null + Undefined + Any Falsy Value
4 | Nullish Coalescing Operator ??
5 | -- Null + Undefined
6 | */
7 |
8 | console.log(Boolean(100));
9 | console.log(Boolean(-100));
10 | console.log(Boolean(0));
11 | console.log(Boolean(""));
12 | console.log(Boolean(null));
13 |
14 | let price = 0;
15 |
16 | console.log(`The Price Is ${price || 200}`);
17 | console.log(`The Price Is ${price ?? 200}`);
18 |
--------------------------------------------------------------------------------
/[1] - Lessons/[033-037] If Condition/[36] Nullish Coalescing Operator & Logical Or/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[033-037] If Condition/[37] If Condition Challenge/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:37 CHALLENGE
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[1] - Lessons/[033-037] If Condition/[37] If Condition Challenge/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[038-039] Switch Statement/[38] Switch Statement/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:38
11 |
12 |
13 | switch Statement
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[1] - Lessons/[038-039] Switch Statement/[38] Switch Statement/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[038-039] Switch Statement/[39] Switch Statement And If Condition Challenge/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:39
11 |
12 |
13 | Switch Statement And If Condition Challenge
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[1] - Lessons/[038-039] Switch Statement/[39] Switch Statement And If Condition Challenge/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[40] Array Big Introduction/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:40
11 |
12 |
13 | Array Big Introduction
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[40] Array Big Introduction/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[41] Using Length With Array/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:41
11 |
12 |
13 | Using Length With Array
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[41] Using Length With Array/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[42] Add And Remove From Array/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:42
11 |
12 |
13 | Add And Remove From Array
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[42] Add And Remove From Array/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[43] Searching Array/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:43
11 |
12 |
13 | Searching Array
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[43] Searching Array/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[44] Sorting Array/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:44
11 |
12 |
13 | Sorting Array
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[44] Sorting Array/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Arrays Method [Sort]
3 | - sort(Function [Opt])
4 | - reverse()
5 | */
6 |
7 | let myFriends = [10, "Sayed", "Mohamed", "90", 1000, 100, 20, "10", -20, 10];
8 |
9 | console.log(myFriends);
10 | console.log(myFriends.sort()); // .sort() The Default Sort Order Is Ascending(تصاعدي)
11 | console.log(myFriends.reverse()); // It Reversing The Array | If There Is A Method Before Like .sort() It Will Reverse The Array Depending On It Status
12 | console.log(myFriends.sort().reverse()); // [Chain Method] It Normally Working
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[44] Sorting Array/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[45] Slicing Array/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:45
11 |
12 |
13 | Slicing Array
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[45] Slicing Array/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[46] Joining Array/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:46
11 |
12 |
13 | Joining Array
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[46] Joining Array/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[47] Arrays Challenge/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:47
11 |
12 |
13 | Arrays Challenge
14 |
15 | Challenge
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[1] - Lessons/[040-047] Arrays And Methods/[47] Arrays Challenge/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[48] For And Concept Of Loop/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | Javascript Lesson Ep:48
10 | For And Concept Of Loop
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[48] For And Concept Of Loop/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | loop
3 | - For
4 | for ([1] [2] [3]) {
5 | // Block Of Code
6 | }
7 | */
8 |
9 | for (let i = 0; i < 10; i++) {
10 | console.log(i);
11 | }
12 |
13 | // Check Console To Know Loop's Job
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[48] For And Concept Of Loop/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[49] Looping On Sequences/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:49
11 |
12 |
13 | Looping On Sequences
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[49] Looping On Sequences/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[50] Nested Loops And Training/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:50
11 |
12 |
13 | Nested Loops And Training
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[50] Nested Loops And Training/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[51] Loop Control-Break, Continue, Label/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | Javascript Lesson Ep:51
10 | Loop Control-Break, Continue, Label
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[51] Loop Control-Break, Continue, Label/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[52] Loop - For Advanced Example/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:52 Vol.1
11 |
12 |
13 | Loop - For Advanced Example
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[52] Loop - For Advanced Example/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[53] Practice - Add Products To Page/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
9 | learn Javascript
10 |
11 |
12 |
13 |
Javascript Lesson Ep:53
14 | Practice - Add Products To Page
15 | لفهم الشرح يرجى مراجعة الدرس مع التطبيق
16 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/[1] - Lessons/[048-053] Loop - For/[53] Practice - Add Products To Page/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[054-056] Loop - While/[54] Loop - While/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:54
11 |
12 |
13 | Loop - While
14 |
15 | مرحباً ايُها الكائن الجميل
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[1] - Lessons/[054-056] Loop - While/[54] Loop - While/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[054-056] Loop - While/[55] Loop - Do, While/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | [55] Loop - Do, While
11 |
12 | مرحباً ايُها الكائن الجميل
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[1] - Lessons/[054-056] Loop - While/[55] Loop - Do, While/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Loop
3 | - Do / While
4 | */
5 |
6 | let products = ["Keyboard", "Mouse", "Pen", "Pad", "Monitor", "iPhone"];
7 |
8 | let i = 0;
9 |
10 | do {
11 | console.log(i);
12 | i++;
13 | } while (false);
14 |
15 | console.log(i);
16 |
--------------------------------------------------------------------------------
/[1] - Lessons/[054-056] Loop - While/[55] Loop - Do, While/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[054-056] Loop - While/[56] Loop Challenge/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:56
11 |
12 |
13 | Loop Challenge
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[054-056] Loop - While/[56] Loop Challenge/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[57] Function Intro And Basic Usage/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:57
11 |
12 |
13 | Function Intro And Basic Usage
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[57] Function Intro And Basic Usage/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[58] Function Advanced Examples/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:58
11 |
12 |
13 | Function Advanced Examples
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[58] Function Advanced Examples/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[59] Function Return And Use Cases/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:59
11 |
12 |
13 | Function Return And Use Cases
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[59] Function Return And Use Cases/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[60] Function Default Parameters/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:60
11 |
12 |
13 | Function Default Parameters
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[60] Function Default Parameters/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[61] Function Rest Parameters/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Lesson Ep:61
11 |
12 |
13 | Function Rest Parameters
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[61] Function Rest Parameters/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[62] Function Ultimate Practice/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | [62] Function Ultimate Practice
11 |
12 |
13 | Function Rest Parameters
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[62] Function Ultimate Practice/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[63] Random Arguments Function Challenge/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | [63] Random Arguments Function Challenge
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[1] - Lessons/[057-063] Function And Parameterts/[63] Random Arguments Function Challenge/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[64] Anonymous Function And Practice/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | [64] Anonymous Function And Practice
11 |
12 |
13 |
14 | Anonymous Function And Practice
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[64] Anonymous Function And Practice/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[65] Return Nested Function/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | [65] Return Nested Function
11 |
12 |
13 | Return Nested Function
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[65] Return Nested Function/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[66] Arrow Function Syntax/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [66] Arrow Function Syntax
10 | Return Nested Function
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[66] Arrow Function Syntax/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[67] Scope - Global And Local/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [67] Scope - Global And Local
10 | Scope - Global And Local
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[67] Scope - Global And Local/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[68] Scope - Block/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [68] Scope - Block
10 | Scope - Block
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[68] Scope - Block/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[69] Scope - Lexical/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [69] Scope - Lexical
10 | Scope - Lexical
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[69] Scope - Lexical/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Scope
3 | - Lexical Scope
4 |
5 | Search
6 | - Execution Context
7 | - Lexical Environment
8 | */
9 |
10 | function parent() {
11 | let a = 10;
12 |
13 | function child() {
14 | console.log(a);
15 | console.log(`From Child ${b}`);
16 |
17 | function grand() {
18 | let b = 100;
19 | console.log(`From Grand ${a}`);
20 | console.log(`From Grand ${b}`);
21 | }
22 | grand();
23 | }
24 | child();
25 | }
26 | parent();
27 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[69] Scope - Lexical/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[70] Arrow Function Challenge/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [70] Arrow Function Challenge
10 | Arrow Function Challenge
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[064-070] Function And Scopes/[70] Arrow Function Challenge/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[71] Higher Order Function - Map/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [71] Higher Order Function - Map
10 | Higher Order Function - Map
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[71] Higher Order Function - Map/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[72] Higher Order Function - Map Practice/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [72] Higher Order Function - Map Practice
10 | Higher Order Function - Map Practice
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[72] Higher Order Function - Map Practice/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[73] Higher Order Function - Filter/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [73] Higher Order Function - Filter
10 | Higher Order Function - Filter
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[73] Higher Order Function - Filter/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[74] Higher Order Function - Filter Practice/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [74] Higher Order Function - Filter Practice
10 | Higher Order Function - Filter Practice
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[74] Higher Order Function - Filter Practice/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[75] Higher Order Function - Reduce/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [75] Higher Order Function - Reduce
10 | Higher Order Function - Reduce
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[75] Higher Order Function - Reduce/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[76] Higher Order Function - Reduce Practice/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [76] Higher Order Function - Reduce Practice
10 | Higher Order Function - Reduce Practice
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[76] Higher Order Function - Reduce Practice/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[77] Higher Order Function - forEach And Practice/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 | - One
12 | - Two
13 | - Three
14 |
15 |
16 |
Div One
17 |
Div Two
18 |
Div Three
19 |
[78] Higher Order Function Challenge
10 | Higher Order Function Challenge
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[071-078] Higher Order Function/[78] Higher Order Function Challenge/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[79] Object Introduction/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Object
3 | - Intro And What Is Object
4 | - Testing Window Object
5 | - Accessing Object
6 | */
7 |
8 | // Object Built On Properties & Methodes
9 |
10 | let user = {
11 | //Properties
12 | userName: "Sfwn",
13 | age: 23,
14 | // Methodes
15 | sayHello: function () {
16 | return `Hello`;
17 | },
18 | };
19 |
20 | console.log(user.userName);
21 | console.log(user.age);
22 | console.log(user.sayHello());
23 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[79] Object Introduction/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[80] Dot Notation Vs Bracket Notation/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [80] Dot Notation Vs Bracket Notation
10 | Dot Notation Vs Bracket Notation
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[80] Dot Notation Vs Bracket Notation/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[81] Nested Object And Advanced Trainings/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [81] Nested Object And Advanced Trainings
10 | Nested Object And Advanced Trainings
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[81] Nested Object And Advanced Trainings/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[82] Create New Keyword With new Object()/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [82] Create New Keyword With new Object()
10 | Create New Keyword With new Object()
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[82] Create New Keyword With new Object()/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[83] this Keyword/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [83] this Keyword
10 | this Keyword
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[83] this Keyword/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[84] Create Object With Create Method/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [84] Create Object With Create Method
10 | Create Object With Create Method
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[84] Create Object With Create Method/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[85] Create Object With Assign Method/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | [85] Create Object With Assign Method
10 | Create Object With Assign Method
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[079-085] Object Models/[85] Create Object With Assign Method/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[086-093] Document Object Model/[86] What Is DOM And Select Elements/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[086-093] Document Object Model/[87] Get Set Elements Content And Attributes/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Learn JavaScript
8 |
9 |
10 |
11 | JavaScript Div
12 | ![]()
13 | Google
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[086-093] Document Object Model/[87] Get Set Elements Content And Attributes/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[086-093] Document Object Model/[88] Check Attributes And Examples/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Learn JavaScript
8 |
9 |
10 |
11 | Div
12 | Paragraph
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/[1] - Lessons/[086-093] Document Object Model/[88] Check Attributes And Examples/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[086-093] Document Object Model/[89] DOM Create Elements/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Learn JavaScript
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[086-093] Document Object Model/[89] DOM Create Elements/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[086-093] Document Object Model/[90] Product With Title And Description Practice/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Learn JavaScript
8 |
9 |
10 |
11 | Product With Title And Description Practice
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[1] - Lessons/[086-093] Document Object Model/[90] Product With Title And Description Practice/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[086-093] Document Object Model/[91] Deal With Childrens/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Learn JavaScript
8 |
9 |
10 |
11 | [91] Deal With Childrens
12 |
13 |
14 | Hello Div
15 |
Hello P
16 |
Hello Span
17 |
18 | Hello
19 |
13 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/[1] - Lessons/[086-093] Document Object Model/[92] DOM Events/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[086-093] Document Object Model/[93] Validate Form And Prevent Default/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[100] DOM addEventListener/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Learn JavaScript
9 |
10 |
11 |
12 | Click Me
13 | test
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[100] DOM addEventListener/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[101] DOM Challenge/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Learn JavaScript
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[101] DOM Challenge/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[94] Event Simulation, Click Focus Blur/main.js:
--------------------------------------------------------------------------------
1 | let ele = document.getElementsByName("elements")[0];
2 | let txt = document.getElementsByName("texts")[0];
3 | let cr = document.getElementsByName("create")[0];
4 | console.log(txt);
5 |
6 | window.onload = function () {
7 | ele.focus();
8 | };
9 | txt.onblur = function () {
10 | document.links[0].click();
11 | };
12 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[94] Event Simulation, Click Focus Blur/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[95] Class List Object And Methods/index.html:
--------------------------------------------------------------------------------
1 | "
2 |
3 |
4 |
5 |
6 |
7 |
8 | Learn JavaScript
9 |
10 |
11 |
12 | Div With Many Classes
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[95] Class List Object And Methods/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[96] CSS Styling And StyleSheets/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Learn JavaScript
9 |
10 |
11 |
12 | [96] CSS Styling And StyleSheets
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[96] CSS Styling And StyleSheets/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | s
4 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[97] Before, After, Append, Prepend, Remove/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Learn JavaScript
9 |
10 |
11 |
12 |
13 | Div Has
14 | Span
15 |
16 | remove me
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[97] Before, After, Append, Prepend, Remove/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | DOM [Deal With Elements]
3 | - before [Element || String]
4 | - after [Element || String]
5 | - append [Element || String]
6 | - prepend [Element || String]
7 | - remove // It Remove Element Directlly
8 | */
9 |
10 | let element = document.getElementById("my-div");
11 | let rmv = document.querySelector(".remove");
12 | let createdP = document.createElement("p");
13 |
14 | element.before("Hello I'm before Method");
15 | element.after("Hello I'm after Method");
16 | element.before(createdP);
17 | element.after(createdP);
18 |
19 | rmv.remove();
20 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[97] Before, After, Append, Prepend, Remove/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[98] DOM Traversing/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[99] DOM Cloning/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Learn JavaScript
9 |
10 |
11 |
12 | This Is P
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[1] - Lessons/[094-101] Document Object Model/[99] DOM Cloning/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[102] What Is BOM/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[102] What Is BOM/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | BOM [Browser Object Model]
3 | - Introduction
4 | --- Window Object Is The Browser Window
5 | --- Window Contain The Document Object
6 | --- All Global Variables And Objects And Functions Are Members Of Window Object
7 | ------ Test Document And Console
8 | - What Can We Do With Window Object ?
9 | --- Open Window
10 | --- Close Window
11 | --- Move Window
12 | --- Resize Window
13 | --- Print Document
14 | --- Run Code After Period Of Time Once Or More
15 | --- Fully Control The URL
16 | --- Save Data Inside Browser To Use Later
17 | */
18 |
19 | window.document.title = "Hello JS";
20 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[103] Alert, Confirm, Prompt/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[104] setTimeout And clearTimeout/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[105] setInterval And clearInterval/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 | 5
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[106] Window Location Object/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
12 | Document
13 |
14 |
15 | Sec One
16 | Sec Two
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[107] Window Open And Close/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 | hi
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[107] Window Open And Close/prof.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[1] - Lessons/[102-110] Browser Object Model/[107] Window Open And Close/prof.png
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[107] Window Open And Close/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - `open()` open window
4 | - `close()` => Closing `open()` window
5 | - using .close() before open() it will not work
6 | 
7 | - Usually not usable. However, you still need it
8 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[108] Window History Object/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[108] Window History Object/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[109] Scroll, ScrollTo, ScrollBy, Focus, Print, Stop/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
13 | Document
14 |
15 |
16 | hi
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[109] Scroll, ScrollTo, ScrollBy, Focus, Print, Stop/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[110] Scroll To Top Using Y Practice/main.js:
--------------------------------------------------------------------------------
1 | let btn = document.querySelector("button");
2 |
3 | window.onscroll = () => {
4 | if (window.scrollY < 400) {
5 | btn.style.display = "none";
6 | } else {
7 | btn.style.display = "block";
8 | }
9 | // getting the scrollY value
10 | if (scrollY > 0) {
11 | console.log(`${window.scrollY}`);
12 | }
13 | };
14 |
15 | btn.onclick = () => {
16 | scrollTo({
17 | top: 0,
18 | left: 0,
19 | behavior: "smooth",
20 | });
21 | };
22 |
--------------------------------------------------------------------------------
/[1] - Lessons/[102-110] Browser Object Model/[110] Scroll To Top Using Y Practice/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
--------------------------------------------------------------------------------
/[1] - Lessons/[111-114] Browser Object Model/[111] Local Storage/img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[1] - Lessons/[111-114] Browser Object Model/[111] Local Storage/img.png
--------------------------------------------------------------------------------
/[1] - Lessons/[111-114] Browser Object Model/[111] Local Storage/img1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[1] - Lessons/[111-114] Browser Object Model/[111] Local Storage/img1.png
--------------------------------------------------------------------------------
/[1] - Lessons/[111-114] Browser Object Model/[111] Local Storage/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Document
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[111-114] Browser Object Model/[112] Local Storage Color Aplication Practice/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | ## localStorage
4 |
5 | **target & currentTarget** => define targeted element
6 |
7 | ```javascript
8 | // undefined the element
9 | console.log(e); // value=> {isTrusted: true, pointerId: 1, width: 1, height: 1, pressure: 0, …}
10 | // defined the element due to you used target or currentTarget
11 | console.log(e.target); // value =>
12 | console.log(e.currentTarget); // value =>
13 | ```
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[111-114] Browser Object Model/[113] Session Storage And Use Case/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Learn JavaScript
8 |
9 |
10 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/[1] - Lessons/[111-114] Browser Object Model/[113] Session Storage And Use Case/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | BOM [Browser Object Model]
3 | Session Storage
4 | - setItem
5 | - getItem
6 | - removeItem
7 | - clear
8 | - key
9 |
10 | Info
11 | - New Tab = New Session
12 | - Duplicate Tab = Copy Session
13 | - New Tab With Same Url = New Session
14 | */
15 |
16 | let test = document.querySelector(".name");
17 | test.onblur = function () {
18 | window.sessionStorage.setItem("userName", this.value); // Will Be saved on sesstion storage
19 | };
20 |
--------------------------------------------------------------------------------
/[1] - Lessons/[111-114] Browser Object Model/[113] Session Storage And Use Case/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[1] - Lessons/[111-114] Browser Object Model/[113] Session Storage And Use Case/readme.md
--------------------------------------------------------------------------------
/[1] - Lessons/[111-114] Browser Object Model/[114] BOM Challenge/.hintrc:
--------------------------------------------------------------------------------
1 | {
2 | "extends": [
3 | "development"
4 | ],
5 | "hints": {
6 | "axe/forms": [
7 | "default",
8 | {
9 | "label": "off"
10 | }
11 | ]
12 | }
13 | }
--------------------------------------------------------------------------------
/[1] - Lessons/[115-122] Destructuring/[115] Destructuring Array Part 1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[115-122] Destructuring/[116] Destructuring Array Part 2/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[115-122] Destructuring/[116] Destructuring Array Part 2/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Destructuring
3 | - Destructuring Array Advanced Examples
4 | */
5 | let myFriends = [
6 | "Ahmed",
7 | "Sayed",
8 | "Ali",
9 | ["Shady", "Amr", ["Mohamed", "Gamal"]],
10 | ];
11 |
12 | // Access to Shady And Gamal only
13 | let [, , , [a, , [, b]]] = myFriends;
14 |
15 | console.log(a); // Shady
16 | console.log(b); // Gamal
17 |
--------------------------------------------------------------------------------
/[1] - Lessons/[115-122] Destructuring/[118] Destructuring Objects Part 1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[115-122] Destructuring/[120] Destructuring Function Parameters/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[115-122] Destructuring/[121] Destructuring Mixed Content/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/Readme.md:
--------------------------------------------------------------------------------
1 | # Search
2 |
3 | - JavaScript Map Vs Object
4 | - JavaScript Set And Map Methods
5 | - JavaScript Array Full Methods
6 | - JavaScript Spread Syntax
7 | - JavaScript Garbage -
8 | Collector
9 | - [JavaScript Memory - Management](https://www.geeksforgeeks.org/memory-management-in-javascript/)
10 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[123] Set Data Type And Methods/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[124] Set Vs WeakSet And Garbage Collector/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[125] Map Data Type vs Object Full Comparison/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[125] Map Data Type vs Object Full Comparison/practice/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[125] Map Data Type vs Object Full Comparison/practice/main.js:
--------------------------------------------------------------------------------
1 | let m = new Map();
2 | m.set('10','a')
3 | m.set({a:1,b:2}, 'obj')
4 | m.set(true, 'boolean')
5 | console.log(m.get(true))
6 | console.log(m.get({a:1,b:2}))
7 | console.log(m)
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[125] Map Data Type vs Object Full Comparison/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | ## Map Sturcture
4 |
5 | `const mapVar = new Map();`
6 |
7 | ### Adding Keys To Map(.set)
8 |
9 | `mapVar.set(key, value);`
10 |
11 | ### Calling Map Keys (.get)
12 |
13 | `mapVar.get(key);`
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[126] Map Methods/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[126] Map Methods/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | ## Map Sturcture
4 |
5 | `const mapVar = new Map();`
6 |
7 | ### Adding Keys To Map(.set)
8 |
9 | `mapVar.set(key, value);`
10 |
11 | ### Calling Map Keys (.get)
12 |
13 | `mapVar.get(key);`
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[127] Map And WeakMap/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[127] Map And WeakMap/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | ## Map Sturcture
4 |
5 | `const mapVar = new Map();`
6 |
7 | ### Adding Keys To Map(.set)
8 |
9 | `mapVar.set(key, value);`
10 |
11 | ### Calling Map Keys (.get)
12 |
13 | `mapVar.get(key);`
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[128] Array.from Method/Restudy/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[128] Array.from Method/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[128] Array.from Method/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | ## Map Sturcture
4 |
5 | `const mapVar = new Map();`
6 |
7 | ### Adding Keys To Map(.set)
8 |
9 | `mapVar.set(key, value);`
10 |
11 | ### Calling Map Keys (.get)
12 |
13 | `mapVar.get(key);`
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[129] Array.copyWithin Method/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[129] Array.copyWithin Method/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | ## Map Sturcture
4 |
5 | `const mapVar = new Map();`
6 |
7 | ### Adding Keys To Map(.set)
8 |
9 | `mapVar.set(key, value);`
10 |
11 | ### Calling Map Keys (.get)
12 |
13 | `mapVar.get(key);`
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[130] Array.some Method/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[130] Array.some Method/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | ## Map Sturcture
4 |
5 | `const mapVar = new Map();`
6 |
7 | ### Adding Keys To Map(.set)
8 |
9 | `mapVar.set(key, value);`
10 |
11 | ### Calling Map Keys (.get)
12 |
13 | `mapVar.get(key);`
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[131] Array.every Method/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[131] Array.every Method/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | ## Map Sturcture
4 |
5 | `const mapVar = new Map();`
6 |
7 | ### Adding Keys To Map(.set)
8 |
9 | `mapVar.set(key, value);`
10 |
11 | ### Calling Map Keys (.get)
12 |
13 | `mapVar.get(key);`
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[132] Spread Syntax And Use Cases/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[132] Spread Syntax And Use Cases/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | ## Map Sturcture
4 |
5 | `const mapVar = new Map();`
6 |
7 | ### Adding Keys To Map(.set)
8 |
9 | `mapVar.set(key, value);`
10 |
11 | ### Calling Map Keys (.get)
12 |
13 | `mapVar.get(key);`
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[133] Map And Set Challenge/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[123-133] More Methods And New Data Types/[133] Map And Set Challenge/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | ## Map Sturcture
4 |
5 | `const mapVar = new Map();`
6 |
7 | ### Adding Keys To Map(.set)
8 |
9 | `mapVar.set(key, value);`
10 |
11 | ### Calling Map Keys (.get)
12 |
13 | `mapVar.get(key);`
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[134] Intro And What Is Regular Expression/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[134] Intro And What Is Regular Expression/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Regular Expression
3 | - Email
4 | - IP
5 | - Phone
6 | - URL
7 | */
8 |
9 | let str1 = '10 20 100 1000 5000';
10 | let str2 = 'Os1 Os12 Os123 Os123Os Os12312Os123';
11 |
12 | let invalidEmail = 'Osama@@@gmail....com';
13 | let validEmail = 'o@nn.sa';
14 |
15 | let ip = '192.168.2.1'; // IPv4
16 |
17 | let url = 'elzero.org';
18 | let url = 'elzero.org/';
19 | let url = 'http://elzero.org/';
20 | let url = 'http://www.elzero.org/';
21 | let url = 'https://.elzero.org/';
22 | let url = 'https://www.elzero.org/';
23 | let url = 'https://www.elzero.org/?facebookid=asdasdasd';
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[135] Regular Expression – Modifiers/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[136] Regular Expression – Ranges Part 1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[137] Regular Expression – Ranges Part 2/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[138] Regular Expression – Character Classes Part 1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[139] Regular Expression – Character Classes Part 2/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[140] Regular Expression – Quantifiers Part 1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[141] Regular Expression – Quantifiers Part 2/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[141] Regular Expression – Quantifiers Part 2/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Regular Expression
3 |
4 | Quantifiers
5 | n{x} => Number of
6 | n{x,y} => Range
7 | n{x,} => At Least x
8 | */
9 |
10 | let serials = "S100S S3000S S50000S S950000S";
11 |
12 | console.log(serials.match(/s\d{3}s/ig)); // S[Three Number]S
13 | console.log(serials.match(/s\d{4,5}s/ig)); // S[Four Or Five Number]S
14 | console.log(serials.match(/s\d{4,}s/ig)); // S[At Least Four]S
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[142] Regular Expression – Quantifiers Part 3 copy/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[143] Regular Expression – Replace With Pattern/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[143] Regular Expression – Replace With Pattern/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Regular Expresstion
3 |
4 | - replace
5 | - replaceAll
6 | */
7 |
8 | let txt = "We Love Programming And @ Because @ Is Amazing";
9 | console.log(txt.replace('@', 'Javascript'))
10 | console.log(txt.replaceAll('@', 'Javascript'))
11 |
12 | let re = /@/ig;
13 | console.log(txt.replace(re, "JavaScript"))
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[144] Regular Expression – Form valida/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[144] Regular Expression – Form valida/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Regular Expression
3 | - Input Form Validation Practice
4 | */
5 |
6 | document.getElementById("register").onsubmit = function () {
7 | let phone = document.getElementById("phone").value;
8 | let phoneRe = /\(\d{4}\) \d{3}-\d{4}/gi; // (1234) 567-8910
9 | let phoneNumberValidation = phoneRe.test(phone);
10 | // console.log(phoneNumberValidation)
11 | // return false;
12 |
13 | if (phoneNumberValidation === false) {
14 | console.log(false); // for testing
15 | return false;
16 | }
17 | return true;
18 | };
19 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[145] Test Your Regular Expressions And Discussions/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/[1] - Lessons/[134-146] Regular Expression/[146] Regular Expression - Challenge/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/README.rm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[1] - Lessons/[147-158] Object Oriented Programming/README.rm
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[147] OOP Introduction/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[147] OOP Introduction/main.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[1] - Lessons/[147-158] Object Oriented Programming/[147] OOP Introduction/main.js
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[148] Constructor Function Introduction/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[149] Constructor Function New Syntax/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[149] Constructor Function New Syntax/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Constructor Function
3 | - New Syntax
4 | */
5 |
6 | // this constructor syntax is the related by ES6 (ES2015)
7 | class Person {
8 | constructor(user, age, height, weight) {
9 | this.u = user;
10 | this.a = age;
11 | this.h = height;
12 | this.w = weight;
13 | }
14 | }
15 |
16 | let me = new Person('Sfwn', 24, '170cm', '70kg');
17 | console.log(me.u);
18 | console.log(me.a);
19 | console.log(me.h);
20 | console.log(me.w);
21 |
22 | // two ways to check the relation of an constructor
23 | console.log(me instanceof Person);
24 | console.log(me.constructor === Person);
25 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[150] Constructor Function Deal With Properties And Methods/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[151] Constructor Function Update Properties And Built In Constructors/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[152] Class Static Properties And Methods/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[153] Class Inheritance/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[154] Class Encapsulation/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[155] Prototype Introduction/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[155] Prototype Introduction/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Prototype
3 | - Introduction
4 | - Prototypes are the mechanism by which JavaScript objects
5 | inherit features from one another.
6 | */
7 |
8 | class User {
9 | constructor(id, username) {
10 | this.i = id;
11 | this.u = username;
12 | }
13 | sayHello() {
14 | return `Hello ${this.u}`;
15 | }
16 | }
17 |
18 | let userOne = new User(100, "Elzero");
19 | console.log(userOne.u);
20 |
21 | console.log(User.prototype);
22 |
23 | let strOne = "Elzero";
24 |
25 | console.log(String.prototype);
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[156] Add To Prototype Chain And Extend Constructors Features/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[157] Object Meta Data And Descriptor Part 1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[158] Object Meta Data And Descriptor Part 2/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/[1] - Lessons/[147-158] Object Oriented Programming/[158].1 Setter And Getter/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/README.rm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[1] - Lessons/[159-168] Date, Time, Generators And Modules/README.rm
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[159] Date And Time Introduction/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[160] Get Date And Time/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[161] Set Date And Time/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[162] Formating Date And Time/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[163] Tracking Operations Time/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[163] Tracking Operations Time/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Date And Time
3 | - Track Operations Time
4 |
5 | Search
6 | - performance.now()
7 | - performance.mark()
8 | */
9 |
10 |
11 | let start = new Date();
12 |
13 | for(let i = 0 ; i < 3000; i++) {
14 | let div = document.createElement("div");
15 | div.appendChild(document.createTextNode(i));
16 | document.body.append(div);
17 |
18 | }
19 | let end = new Date();
20 | let dur = end - start;
21 | console.log(dur);
22 | console.log(performance.now());
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[164] Generator Function Introduction/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[165] Delegate Generator Function/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[166] Generate Infinite Numbers/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[167] Modules Import And Export/app.js:
--------------------------------------------------------------------------------
1 | import { a, arr, saySomething as s } from "./main.js";
2 |
3 | console.log(a);
4 | console.log(arr);
5 | console.log(s());
6 |
7 | console.log("#".repeat(44))
8 | import{b,obj,tst} from "./main.js";
9 |
10 | console.log(b);
11 | console.log(obj);
12 | console.log(tst().next())
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[167] Modules Import And Export/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[167] Modules Import And Export/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Modules
3 | - Import And Export
4 | */
5 |
6 | // METHOD ONE => you can use export before the target
7 | export let a = 10;
8 | export let arr = [1, 2, 3, 4];
9 |
10 | export function saySomething() {
11 | return `Something`;
12 | }
13 |
14 | let b = 20;
15 | let obj = {
16 | a: 3,
17 | b: 5,
18 | };
19 |
20 | function* tst() {
21 | yield "hi";
22 | }
23 |
24 | // METHOD TWO => exporting the whole targets in a single line
25 | export { b, obj, tst };
26 |
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[168] Named vs Default Export And Import All/app.js:
--------------------------------------------------------------------------------
1 | // here we called saySomething by s due to we changed its name in the export section
2 | // // boos is the default export you can name it randomly, because it's the only default export
3 | // import boos, { a, arr, s } from "./main.js";
4 |
5 | // console.log(a);
6 | // console.log(arr);
7 | // console.log(s());
8 |
9 | // // the export default
10 | // console.log(boos());
11 |
12 |
13 | // import all
14 | import boos,* as all from "./main.js";
15 | console.log(all.a);
16 | console.log(all.s());
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[168] Named vs Default Export And Import All/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[1] - Lessons/[159-168] Date, Time, Generators And Modules/[168] Named vs Default Export And Import All/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Modules
3 | - Export Alias
4 | - Named Export
5 | - Default Export
6 | - Import All
7 | */
8 |
9 | let a = 10;
10 | let arr = [1, 2, 3];
11 |
12 | function saySomething() {
13 | return `Hey! I'm Something But Changed To S`;
14 | }
15 |
16 | export { a, arr, saySomething as s };
17 |
18 | export default function () {
19 | return `I'm the BOOS Here`
20 | }
21 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/README.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/README.md
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[169] Introduction And What Is JSON/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[170] JSON Syntax And Compare With JavaScript/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[170] JSON Syntax And Compare With JavaScript/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | JSON Syntax
3 | - Data added inside curly braces { }
4 | - Data added with key : value
5 | - Key should be string wrapped in double quotes
6 | - Data separated by comma
7 | - Square brackets [] for arrays
8 | - Curly braces {} for objects
9 |
10 | Available Data Types
11 | - String
12 | - Number
13 | - Object
14 | - Array
15 | - Boolean Values
16 | - null
17 | */
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[170] JSON Syntax And Compare With JavaScript/test.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Sfwn",
3 | "number": 24,
4 | "object": {
5 | "EG": "Giza",
6 | "KSA": "Riyadh"
7 | },
8 | "array": ["HTML", "CSS", "JS"],
9 | "boolean": true,
10 | "null": null
11 | }
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[171] API Overview And Tools/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[171] API Overview And Tools/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | JSON
3 | - API Overview
4 | - Tools To Test API
5 | - Preview Github API
6 | */
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[171] API Overview And Tools/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[172] Parse And Stringify/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[172] Parse And Stringify/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[173] Asynchronous vs Synchronous Programming/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[173] Asynchronous vs Synchronous Programming/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[174] Call Stack And Web API/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[174] Call Stack And Web API/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[175] Event Loop And Callback Queue/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[175] Event Loop And Callback Queue/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[176] What Is AJAX And Network Informations/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[176] What Is AJAX And Network Informations/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | AJAX
3 | - Asynchronous JavaScript And XML
4 | - Approach To Use Many Technologies Together [HTML, CSS, Js, DOM]
5 | - It Use "XMLHttpRequest" Object To Interact With The Server
6 | - You Can Fetch Data Or Send Data Without Page Refresh
7 | - Examples
8 | --- Youtube Studio
9 | --- Google Drive
10 | --- Upload Article Photo
11 | --- Form Check Name
12 |
13 | Test new XMLHttpRequest();
14 | Request And Response
15 | Status Code
16 | */
17 |
18 | let req = new XMLHttpRequest();
19 | console.log(req);
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[176] What Is AJAX And Network Informations/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[177] Request And Response From Real API copy/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[177] Request And Response From Real API copy/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[178] Loop On Data/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[169-178] Asynchronous Programming And JSON And AJAX/[178] Loop On Data/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/README.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[1] - Lessons/[179-188] Promises And API's And Training's/README.md
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[179] Callback Hell Or Pyramid Of Doom/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[180] Promise Intro and Syntax/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[180] Promise Intro and Syntax/test.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Sfwn",
3 | "number": 24,
4 | "object": {
5 | "EG": "Giza",
6 | "KSA": "Riyadh"
7 | },
8 | "array": ["HTML", "CSS", "JS"],
9 | "boolean": true,
10 | "null": null
11 | }
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[181] Promise Then, Catch And Finally/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[181] Promise Then, Catch And Finally/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[182] Promise And XHR/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[182] Promise And XHR/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[183] Fetch API/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[183] Fetch API/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[184] Promise All, All Settled, And Race/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[184] Promise All, All Settled, And Race/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[185] Async And Training/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[185] Async And Training/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[186] Await And Training/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[186] Await And Training/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[187] Try, Catch And Finally With Fetch/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[187] Try, Catch And Finally With Fetch/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[188] The End And Advices/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[188] The End And Advices/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | The End
3 | - Other Information => Practice + Tutorials
4 | - Problem Solving
5 | - Search In Lessons
6 | - Advanced Books
7 | */
--------------------------------------------------------------------------------
/[1] - Lessons/[179-188] Promises And API's And Training's/[188] The End And Advices/readme.md:
--------------------------------------------------------------------------------
1 | # Notes
2 |
3 | - ()[]
4 | - [Github Main API](https://api.github.com/users/sfwnisme)
5 | - [Github Repos API](https://api.github.com/users/sfwnisme/repos)
6 | - [MyJSON](https://myjson.dit.upm.es/)
7 |
--------------------------------------------------------------------------------
/[2] - Assignments/[001-009] Introduction Assignments/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/[2] - Assignments/[010-017] Data Types And Variables Assignments/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | object
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[018-022] Operators Assignments/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | Javascript Assignment 18-22
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[2] - Assignments/[023-026] Numbers Assignments/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Assignment 23-26
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[2] - Assignments/[027-030] Strings And Methods Assignments/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Assignment 27-30
11 |
12 | String Methods
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/[2] - Assignments/[031-032] Comparison & Logical Operators Assignments/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | Js Assignment 31-32
10 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/[2] - Assignments/[033-037] If Condition Assignment/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | Javascript Assignment 33-37
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/[2] - Assignments/[040-047] Arrays And Methods Assignment/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | learn Javascript
8 |
9 |
10 |
11 | Javascript Assignment 40-47
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[2] - Assignments/[048-053] Loop - For Assignment/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 | Javascript Assignment 48-53
10 |
11 |
12 | ولله الحمد بعد 3 ايام من تنزيع الشعر وضرب الماوس بالطاولة والصداع تم
13 | الحل
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/[2] - Assignments/[054-056] Loop - While Assignment/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | [54-56] Loop - While Assignment
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[2] - Assignments/[057-063] Function And Parameterts Assignment/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | [57-63] Function And Parameters Assignment
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[2] - Assignments/[064-070] Function And Scopes Assignment/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | [64-70] Function And Scopes
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[2] - Assignments/[071-078] Higher Order Function Assignment/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | learn Javascript
7 |
8 |
9 |
10 | [71-78] Higher Order Function
11 |
12 |
13 | Resources Of Solutions And Search Included In Js Section As A Comment | مراجع الحلول والبحث موجودة في قسم الجافاسكربت على شكل تعليق
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/[2] - Assignments/[079-085] Object Models Assingment/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | learn Javascript
8 |
9 |
10 | [79-85] Object Models
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[2] - Assignments/[079-085] Object Models Assingment/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: black;
3 | font-family: consolas;
4 | text-align: center;
5 | }
6 | h1 {
7 | color: white;
8 | text-align: center;
9 | }
10 | h3,
11 | q {
12 | color: gold;
13 | }
14 | select {
15 | background-color: rgb(255, 119, 0);
16 | color: white;
17 | inline-size: auto;
18 | block-size: auto;
19 | padding-block: 10px;
20 | padding-inline: 10px;
21 | border: none;
22 | border-radius: 2px;
23 | }
24 | select:focus {
25 | border: none;
26 | outline: none;
27 | }
28 |
--------------------------------------------------------------------------------
/[2] - Assignments/[086-093] Document Object Model Assignment/1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | learn Javascript
8 |
9 |
10 | JavaScript
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/[2] - Assignments/[086-093] Document Object Model Assignment/1/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: black;
3 | font-family: consolas;
4 | text-align: center;
5 | }
6 | h1 {
7 | color: white;
8 | text-align: center;
9 | }
10 | h3,
11 | q {
12 | color: gold;
13 | }
14 | select {
15 | background-color: rgb(255, 119, 0);
16 | color: white;
17 | inline-size: auto;
18 | block-size: auto;
19 | padding-block: 10px;
20 | padding-inline: 10px;
21 | border: none;
22 | border-radius: 2px;
23 | }
24 | select:focus {
25 | border: none;
26 | outline: none;
27 | }
28 |
--------------------------------------------------------------------------------
/[2] - Assignments/[086-093] Document Object Model Assignment/2/style.css:
--------------------------------------------------------------------------------
1 | img {
2 | background-color: black;
3 | }
4 |
--------------------------------------------------------------------------------
/[2] - Assignments/[086-093] Document Object Model Assignment/3/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | learn Javascript
8 |
9 |
10 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/[2] - Assignments/[086-093] Document Object Model Assignment/4/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | learn Javascript
8 |
9 |
10 | Two
11 | One
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[2] - Assignments/[086-093] Document Object Model Assignment/5/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | learn Javascript
8 |
9 |
10 | 
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[2] - Assignments/[086-093] Document Object Model Assignment/5/main.js:
--------------------------------------------------------------------------------
1 | let img = document.getElementsByTagName("img");
2 | // let img = document.querySelectorAll("img");
3 |
4 | console.log(img);
5 |
6 | for (let i = 0; i < img.length; i++) {
7 | if (img[i].hasAttribute("alt")) {
8 | img[i].alt = "Old";
9 | } else {
10 | img[i].alt = "Elzero New";
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[086-093] Document Object Model Assignment/5/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: black;
3 | font-family: consolas;
4 | text-align: center;
5 | }
6 | h1 {
7 | color: white;
8 | text-align: center;
9 | }
10 | h3,
11 | q {
12 | color: gold;
13 | }
14 | select {
15 | background-color: rgb(255, 119, 0);
16 | color: white;
17 | inline-size: auto;
18 | block-size: auto;
19 | padding-block: 10px;
20 | padding-inline: 10px;
21 | border: none;
22 | border-radius: 2px;
23 | }
24 | select:focus {
25 | border: none;
26 | outline: none;
27 | }
28 |
--------------------------------------------------------------------------------
/[2] - Assignments/[086-093] Document Object Model Assignment/6/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: black;
3 | font-family: consolas;
4 | text-align: center;
5 | }
6 | h1 {
7 | color: white;
8 | text-align: center;
9 | }
10 | h3,
11 | q {
12 | color: gold;
13 | }
14 | select {
15 | background-color: rgb(255, 119, 0);
16 | color: white;
17 | inline-size: auto;
18 | block-size: auto;
19 | padding-block: 10px;
20 | padding-inline: 10px;
21 | border: none;
22 | border-radius: 2px;
23 | }
24 | select:focus {
25 | border: none;
26 | outline: none;
27 | }
28 |
--------------------------------------------------------------------------------
/[2] - Assignments/[094-101] Document Object Model Assignment/Assignment [3]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | learn Javascript
8 |
9 |
10 | Our Element
11 | Paragraph
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[2] - Assignments/[094-101] Document Object Model Assignment/Assignment [4]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | learn Javascript
8 |
9 |
10 |
11 | Hello
12 |
13 | Elzero
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[2] - Assignments/[094-101] Document Object Model Assignment/Assignment [4]/main.js:
--------------------------------------------------------------------------------
1 | let div = document.querySelector("div").lastChild.textContent.trim();
2 | console.log(div);
3 |
--------------------------------------------------------------------------------
/[2] - Assignments/[094-101] Document Object Model Assignment/Assignment [5]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | learn Javascript
8 |
9 |
10 | Element
11 | Element
12 | Element
13 | Element
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/[2] - Assignments/[102-110] Browser Object Model Assignment/Assignment [2]/main.js:
--------------------------------------------------------------------------------
1 | let main = document.querySelector("main");
2 | let h2 = document.querySelector("h2");
3 | let p = document.querySelector("p");
4 | let div = document.querySelector("div");
5 |
6 | window.onload = () => {
7 | setTimeout(() => {
8 | main.style.display = "block";
9 | }, 3000);
10 | };
11 | div.addEventListener("click", () => {
12 | main.style.display = "none";
13 | });
14 |
15 | console.log(div);
16 |
--------------------------------------------------------------------------------
/[2] - Assignments/[102-110] Browser Object Model Assignment/Assignment [2]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[102-110] Browser Object Model Assignment/Assignment [2]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[102-110] Browser Object Model Assignment/Assignment [3]/main.js:
--------------------------------------------------------------------------------
1 | let div = document.querySelector("div");
2 |
3 | function countdown() {
4 | div.innerHTML--;
5 | if (div.innerHTML === "0") {
6 | clearInterval(counter);
7 | }
8 | }
9 | let counter = setInterval(countdown, 100);
10 |
--------------------------------------------------------------------------------
/[2] - Assignments/[102-110] Browser Object Model Assignment/Assignment [3]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[102-110] Browser Object Model Assignment/Assignment [3]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[102-110] Browser Object Model Assignment/Assignment [4]/main.js:
--------------------------------------------------------------------------------
1 | let div = document.querySelector("div");
2 |
3 | function countdown() {
4 | div.innerHTML--;
5 | if (div.innerHTML === "0") {
6 | // clearInterval(counter);
7 | // location.assign('https://elzero.org')
8 | location.replace('https://elzero.org')
9 | }
10 | }
11 | let counter = setInterval(countdown, 100);
12 |
--------------------------------------------------------------------------------
/[2] - Assignments/[102-110] Browser Object Model Assignment/Assignment [4]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[102-110] Browser Object Model Assignment/Assignment [4]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[102-110] Browser Object Model Assignment/Assignment [5]/main.js:
--------------------------------------------------------------------------------
1 | let div = document.querySelector("div");
2 |
3 | function countdown() {
4 | div.innerHTML--;
5 | if (div.innerHTML === "5") {
6 | window.open("https://elzero.org", (width = 400), (height = 400));
7 | } else if (div.innerHTML === "0") {
8 | clearInterval(counter);
9 | }
10 | }
11 | let counter = setInterval(countdown, 100);
12 |
--------------------------------------------------------------------------------
/[2] - Assignments/[102-110] Browser Object Model Assignment/Assignment [5]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[102-110] Browser Object Model Assignment/Assignment [5]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[111-114] Browser Object Model Assignment/Assignment [1]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[111-114] Browser Object Model Assignment/Assignment [1]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[111-114] Browser Object Model Assignment/Assignment [2]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[111-114] Browser Object Model Assignment/Assignment [2]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [1]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | Js Assignment
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [1]/main.js:
--------------------------------------------------------------------------------
1 | let myNumbers = [1, 2, 3, 4, 5];
2 |
3 | // Write Your Destructuring Assignment Here
4 |
5 | [a, , , , e] = myNumbers;
6 |
7 | console.log(a * e); // 5
8 |
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [1]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [1]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [2]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [2]/main.js:
--------------------------------------------------------------------------------
1 | let mySkills = [
2 | "HTML",
3 | "CSS",
4 | "JavaScript",
5 | ["PHP", "Python", ["Django", "Laravel"]],
6 | ];
7 |
8 | // Write Your Destructuring Assignment Here
9 | [a, b, c, [d, e, [f, g]]] = mySkills;
10 |
11 | console.log(`My Skills: ${a}, ${b}, ${c}, ${d}, ${e}, ${f}, ${g}`);
12 |
13 | // My Skills: HTML, CSS, JavaScript, PHP, Python, Django, Laravel
14 |
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [2]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [2]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [3]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [3]/main.js:
--------------------------------------------------------------------------------
1 | let arr1 = ["Ahmed", "Sameh", "Sayed"];
2 | let arr2 = ["Mohamed", "Gamal", "Amir"];
3 | let arr3 = ["Haytham", "Shady", "Mahmoud"];
4 |
5 | // Play With Arrays To Prepare For Destructuring
6 | let arr = arr3.concat(arr1, arr2);
7 | console.log(arr);
8 | // Write Your Destructuring Assignment Here
9 | [, a, b, c, , , , ,] = arr;
10 |
11 | console.log(`My Best Friends: ${a}, ${b}, ${c}`);
12 |
13 | // My Best Friends: Shady, Mahmoud, Ahmed
14 |
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [3]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [3]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [4]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [4]/main.js:
--------------------------------------------------------------------------------
1 | const member = {
2 | age: 30,
3 | working: false,
4 | country: "Egypt",
5 | hobbies: ["Reading", "Swimming", "Programming"],
6 | };
7 |
8 | // Write Your Destructuring Assignment Here
9 | ({
10 | age: a,
11 | working: w,
12 | country: c,
13 | hobbies: [h1, , h3],
14 | } = member);
15 |
16 | console.log(`My Age Is ${a} And Iam ${w ? "" : "Not"} Working`);
17 | // My Age Is 30 And Iam Not Working
18 |
19 | console.log(`I Live in ${c}`);
20 | // I Live in Egypt
21 |
22 | console.log(`My Hobbies: ${h1} And ${h3}`);
23 | // My Hobbies: Reading And Programming
24 |
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [4]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [4]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [5]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [5]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [5]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [6]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [6]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[115-122] Destructuring Assignment/Assignment [6]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [1]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | Js Assignment
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [1]/main.js:
--------------------------------------------------------------------------------
1 | // Needed Output
2 |
3 | let setOfNumbers = new Set([10]);
4 | setOfNumbers.add(20).add(setOfNumbers.size);
5 |
6 | console.log(setOfNumbers); // Set(3) {10, 20, 2}
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [1]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [1]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [2]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [2]/main.js:
--------------------------------------------------------------------------------
1 | let myFriends = ["Osama", "Ahmed", "Sayed", "Sayed", "Mahmoud", "Osama"];
2 |
3 | // Needed Output
4 | console.log(new Set(myFriends.sort()))
5 | // (4) ['Ahmed', 'Mahmoud', 'Osama', 'Sayed']
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [2]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [2]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [3]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [3]/main.js:
--------------------------------------------------------------------------------
1 | let myInfo = {
2 | username: "Osama",
3 | role: "Admin",
4 | country: "Egypt",
5 | };
6 | console.log(Object.keys(myInfo))
7 | console.log(Object.entries(myInfo))
8 |
9 | // .entries() => change object to array
10 | let map = new Map(Object.entries(myInfo));
11 | console.log(map);
12 | console.log(map.size);
13 | console.log(map.has("role"));
14 |
15 | // Needed Output
16 | // Map(3) {'username' => 'Osama', 'role' => 'Admin', 'country' => 'Egypt'}
17 | // 3
18 | // true
19 |
20 |
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [3]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [3]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [4]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [4]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [4]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [5]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [5]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [5]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [6]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [6]/readme.md:
--------------------------------------------------------------------------------
1 | # Note
2 |
3 | ## Search
4 |
5 | - JavaScript Map Vs Object
6 | - JavaScript Set And Map Methods
7 | - JavaScript Array Full Methods
8 | - JavaScript Spread Syntax
9 | - JavaScript Garbage Collector
10 | - JavaScript Memory Management
11 |
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [7]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [7]/main.js:
--------------------------------------------------------------------------------
1 | let numsOne = [1, 2, 3];
2 | let numsTwo = [4, 5, 6];
3 |
4 | // Solution One
5 | console.log(numsOne.concat(numsTwo)); // [1, 2, 3, 4, 5, 6]
6 |
7 | // Solution Two
8 | console.log([...numsOne, ...numsTwo]); // [1, 2, 3, 4, 5, 6]
9 |
10 | // Solution Three
11 | const m = numsTwo.reduce((arr, item) => {
12 | arr.push(item);
13 | return arr;
14 | }, numsOne);
15 | console.log(m); // [1, 2, 3, 4, 5, 6]
16 |
17 | // Needed Output
18 | // [1, 2, 3, 4, 5, 6]
19 |
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [7]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [7]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [8]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [8]/main.js:
--------------------------------------------------------------------------------
1 | let n1 = [10, 30, 10, 20];
2 | let n2 = [30, 20, 10];
3 |
4 | // Solution One
5 | // console.log(+[[...new Set(n1.pop().toString())].shift(), n2.pop()].join(""));
6 |
7 | // Solution Two
8 | console.log(+[...n1.pop().toString().length.toString(),n2.pop()].join(""));
9 |
10 |
11 | // Solution Three
12 | // let red = n1.reduce((acc,curr) => {
13 | // return acc + curr;
14 | // })
15 | // console.log(red)
16 | // console.log(red * +[...n2.shift().toString()].shift());
17 |
18 | // Needed Output
19 | // 210
--------------------------------------------------------------------------------
/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [8]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[123-133] Map And Set Assignments/Assignment [8]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [1]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | Js Assignment
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [1]/main.js:
--------------------------------------------------------------------------------
1 | let ip = "2001:db8:3333:4444:5555:6666:7777:8888";
2 | let ipRe = /(\d+|\D+)+/g;
3 | console.log(ip.match(ipRe));
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [1]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [1]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [2]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [2]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [2]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [3]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [3]/main.js:
--------------------------------------------------------------------------------
1 | let phone = "+(995)-123 (4567)";
2 | let phoneRe = /\+\(\d{3}\)-\d{3}\s\(\d{4}\)/ig;
3 | console.log(phone.match(phoneRe));
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [3]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [3]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [4]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [4]/main.js:
--------------------------------------------------------------------------------
1 | let re = /https?:\/\/(?:[-\w]+\.)?([-\w]+)\.\w+(?:\.\w+)?\/?.*/i;
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [4]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [4]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [5]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [5]/main.js:
--------------------------------------------------------------------------------
1 | let date1 = '25/10/1982';
2 | let date2 = '25 - 10 - 1982';
3 | let date3 = '25 10 1982';
4 | let date4 = '25 10 82';
5 |
6 | // let re = /\d*(\W+)\d*\W+\d*/g; // Write Pattern Here
7 | let re = /\d*\W+\d*\D*\w+/g; // Write Pattern Here
8 |
9 | console.log(...date1.match(re)); // "25/10/1982"
10 | console.log(...date2.match(re)); // "25 - 10 - 1982"
11 | console.log(...date3.match(re)); // "25 10 1982"
12 | console.log(...date4.match(re)); // "25 10 82"
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [5]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [5]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [6]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [6]/main.js:
--------------------------------------------------------------------------------
1 | let url1 = 'elzero.org';
2 | let url2 = 'http://elzero.org';
3 | let url3 = 'https://elzero.org';
4 | let url4 = 'https://www.elzero.org';
5 | let url5 = 'https://www.elzero.org:8080/articles.php?id=100&cat=topics';
6 |
7 | let re = /(https?:\/\/)?(www.)?\w+.(org):?\d*\/?(\w+.)?(\w+)?(\?\w+)?\D?((\w+|\W+)+)?/; // Write Your Pattern Here
8 |
9 | console.log(url1.match(re));
10 | console.log(url2.match(re));
11 | console.log(url3.match(re));
12 | console.log(url4.match(re));
13 | console.log(url5.match(re));
14 |
15 |
--------------------------------------------------------------------------------
/[2] - Assignments/[134-146] Regular Expression Assignments/Assignment [6]/readme.md:
--------------------------------------------------------------------------------
1 | # Note
2 |
3 | ## Search
4 |
5 | - JavaScript Map Vs Object
6 | - JavaScript Set And Map Methods
7 | - JavaScript Array Full Methods
8 | - JavaScript Spread Syntax
9 | - JavaScript Garbage Collector
10 | - JavaScript Memory Management
11 |
--------------------------------------------------------------------------------
/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [1]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | Js Assignment
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [1]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [1]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [2]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [2]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [2]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [3]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [3]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [3]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [4]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [4]/main.js:
--------------------------------------------------------------------------------
1 | // Write Your Code Here
2 |
3 |
4 | // Do Not Edit Below
5 | let myStr = "Elzero";
6 | Object.prototype.addLove = () => `I Love ${myStr} Web School`;
7 | console.log(myStr.addLove()); // I Love Elzero Web School
--------------------------------------------------------------------------------
/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [4]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [4]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [5]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [5]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[147-158] Object Orianted Programming Assignments/Assignment [5]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [1]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | Js Assignment
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [1]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [1]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [2]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [2]/main.js:
--------------------------------------------------------------------------------
1 | let date = new Date(0);
2 | date.setFullYear("1980");
3 | date.setSeconds("1");
4 | date.setHours("0");
5 | console.log(date)
6 |
7 |
8 | // Needed Output
9 |
10 | // "Tue Jan 01 1980 00:00:01 GMT+0200 (Eastern European Standard Time)"
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [2]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [2]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [3]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [3]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [3]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [4]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [4]/main.js:
--------------------------------------------------------------------------------
1 | let birth1 = new Date("Apr 4 1999");
2 | let birth2 = new Date("Apr 4 1999");
3 | let birth3 = new Date("4 24 99");
4 | console.log(birth1);
5 | console.log(birth2);
6 | console.log(birth3);
7 |
8 | // Needed Output
9 |
10 | // "Mon Oct 25 1982 00:00:00 GMT+0200 (Eastern European Standard Time)"
11 | // "Mon Oct 25 1982 00:00:00 GMT+0200 (Eastern European Standard Time)"
12 | // "Mon Oct 25 1982 00:00:00 GMT+0200 (Eastern European Standard Time)"
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [4]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [4]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [5]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [5]/main.js:
--------------------------------------------------------------------------------
1 | let start = new Date();
2 | let p1 = performance.now();
3 |
4 | for (let i = 0; i < 999; i++) {
5 | let div = document.createElement("div");
6 | div.innerHTML = i;
7 | document.body.append(div);
8 | }
9 | let end = new Date();
10 | let p2 = performance.now();
11 |
12 | console.log(`by new Date(${end - start})`);
13 | console.log(`by performance.now(${p2 - p1})`);
14 |
15 | // Needed Output
16 |
17 | // "Loop Took 1921 Milliseconds."
18 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [5]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [5]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [6]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [6]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [6]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [7]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [7]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [7]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [8]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [8]/main.js:
--------------------------------------------------------------------------------
1 | import calc from "./mod-one.js"
2 |
3 | import {nums as modOne }from "./mod-two.js"
4 | // main.js File
5 | console.log(calc(modOne.numOne, modOne.numTwo, modOne.numThree)); // 60
6 |
7 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [8]/mod-one.js:
--------------------------------------------------------------------------------
1 | import * as all from "./mod-two.js"
2 |
3 |
4 | // function calc(a, b, c) {
5 | // return a + b + c;
6 | // }
7 | export default function (a, b, c) {
8 | return a + b + c;
9 | }
10 |
11 | // console.log(calc(all.a, all.b, all.c))
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [8]/mod-two.js:
--------------------------------------------------------------------------------
1 | // mod-two.js File
2 | let a = 10; // Do Not Edit Names
3 | let b = 20; // Do Not Edit Names
4 | let c = 30; // Do Not Edit Names
5 |
6 | export let nums = {
7 | numOne: a,
8 | numTwo: b,
9 | numThree: c,
10 | }
11 |
12 |
--------------------------------------------------------------------------------
/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [8]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[158-168] Date, Generators, Modules Assignments - Copy/Assignment [8]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[169-178] AJAX And JSON/Assignment [1-3]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | Js Assignment
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[2] - Assignments/[169-178] AJAX And JSON/Assignment [1-3]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[169-178] AJAX And JSON/Assignment [1-3]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[169-178] AJAX And JSON/Assignment [4]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[169-178] AJAX And JSON/Assignment [4]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[169-178] AJAX And JSON/Assignment [4]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[179-188] Promises/Assignment [1]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | Js Assignment
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/[2] - Assignments/[179-188] Promises/Assignment [1]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[179-188] Promises/Assignment [1]/readme.md
--------------------------------------------------------------------------------
/[2] - Assignments/[179-188] Promises/Assignment [2]/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[2] - Assignments/[179-188] Promises/Assignment [2]/readme.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/[2] - Assignments/[179-188] Promises/Assignment [2]/readme.md
--------------------------------------------------------------------------------
/[4] - Extra Lessons/BOM/screen/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/[4] - Extra Lessons/BOM/screen/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | screen
3 | - window.availHeight => available height
4 | - window.availWidth => available width
5 | - window.height => height
6 | - window.width => width
7 | - window.pixelDepth => the color resulotion on screen
8 | - window.colorDepth => the bit depth of the color palette
9 | */
10 |
--------------------------------------------------------------------------------
/[4] - Extra Lessons/DOM/offsets/style.css:
--------------------------------------------------------------------------------
1 | * {
2 | margin: 0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | }
6 |
7 | section,
8 | main {
9 | /* font-size: 100px; */
10 | font-weight: 800;
11 | display: flex;
12 | flex-direction: column;
13 | justify-content: center;
14 | align-items: center;
15 | padding-inline: 198px;
16 | }
17 | main {
18 | height: 500px;
19 | background-color: rgb(207, 231, 251);
20 | }
21 | section {
22 | height: 100vh;
23 | background-color: rgb(207, 248, 251);
24 | padding-bottom: 100px;
25 | }
26 | p {
27 | font-size: 20px;
28 | color: red;
29 | }
30 | div {
31 | display: flex;
32 | justify-content: center;
33 | }
34 |
--------------------------------------------------------------------------------
/[4] - Extra Lessons/DOM/scroll/style.css:
--------------------------------------------------------------------------------
1 | * {
2 | margin: 0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | }
6 |
7 | section,
8 | main {
9 | /* font-size: 100px; */
10 | font-weight: 800;
11 | display: flex;
12 | flex-direction: column;
13 | justify-content: center;
14 | align-items: center;
15 | padding-inline: 198px;
16 | }
17 | main {
18 | height: 500px;
19 | background-color: rgb(207, 231, 251);
20 | }
21 | section {
22 | height: 100vh;
23 | background-color: rgb(207, 248, 251);
24 | padding-bottom: 100px;
25 | }
26 | p {
27 | font-size: 20px;
28 | color: red;
29 | }
30 | div {
31 | display: flex;
32 | justify-content: center;
33 | }
--------------------------------------------------------------------------------
/js map.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sfwnisme/Elzero-JavaScript-Bootcamp/fd7a87a94f41bb6c0b98f6a911c15eb42a3736fb/js map.png
--------------------------------------------------------------------------------