Welcome to my "Mastering JavaScript" repository! This collection of topics and exercises is designed to help you learn and master the fundamentals of JavaScript.
Explore the various sections below to deepen your understanding of JavaScript's key concepts:
Covering essential JavaScript topics from variables and data types to conditional statements and loops.
Building on the fundamentals, these sections connect the dots and delve into more advanced concepts like string manipulation, array methods, and working with the DOM.
Uncover the power of JavaScript in the web browser by learning how to manipulate HTML and interact with users through the Document Object Model.
Each topic includes code examples to illustrate key concepts and practices. Feel free to explore, learn, and use these resources to enhance your JavaScript skills.
Happy coding!
# | Topic | Code |
---|---|---|
00 | Inline | </> |
01 | Internal | </> |
02 | External | </> |
03 | Helper Methods | </> |
04 | Variables | </> |
05 | Variable Naming Rules | </> |
06 | Javascript Keywords | </> |
07 | let, const, var | </> |
08 | String Concatenation | </> |
09 | Number Basics | </> |
10 | Numbers - Additional Features | </> |
11 | Implicit Type Conversion | </> |
12 | Data Types | </> |
13 | Arrays | </> |
14 | Functions - Declare, Invoke | </> |
15 | Functions - Parameters, Arguments | </> |
16 | Functions - Return | </> |
17 | Functions - Expressions | </> |
18 | Arrow Functions | </> |
19 | Hoisting | </> |
20 | Objects | </> |
21 | Conditional Statements | </> |
22 | if, else, else if | </> |
23 | Equality | </> |
24 | Logical Operators | </> |
25 | Switch Statement | </> |
26 | While Loops | </> |
27 | Do While Loops | </> |
28 | For Loop | </> |
# | Topic | Code |
---|---|---|
29 | String Properties And Methods | </> |
30 | Template Literals | </> |
31 | Array Properties And Methods | </> |
32 | Array and for loop - Exercise | </> |
33 | Calculate - Exercise | </> |
34 | Value Vs. Reference | </> |
35 | Null And Undefined | </> |
36 | Truthy And Falsy | </> |
37 | Ternary Operator | </> |
38 | Global Scope | </> |
39 | Local Scope | </> |
40 | Variable Lookup | </> |
41 | Callback Functions, Higher Order Functions | </> |
42 | Array Iterators | </> |
43 | For Each | </> |
44 | Map | </> |
45 | Filter | </> |
46 | Find | </> |
47 | Reduce | </> |
48 | Math Object | </> |
49 | Date Object | </> |
# | Topic | Code |
---|---|---|
50 | DOM - General Concepts | </> |
51 | Window And Document Overview | </> |
52 | GetElementById | </> |
53 | Get Elements By Tag Name | </> |
54 | Get Elements By Class Name | </> |
55 | QuerySelector And QuerySelectorAll | </> |
56 | Navigate The Dom - Children | </> |
57 | Navigate The Dom - Parent Element | </> |
58 | Navigate The Dom - NextSibling, PrevSibling | </> |
59 | Navigate The Dom - Next/Prev Element Sibling | </> |
60 | TextContent And NodeValue | </> |
61 | GetAttribute(), SetAttribute() | </> |
62 | ClassList And ClassName | </> |
63 | CreateElement | </> |
64 | InsertBefore | </> |
65 | ReplaceChild | </> |
66 | Prepend InnerText | </> |
67 | Remove And RemoveChild | </> |
68 | InnerHTML And TextContent | </> |
69 | Change CSS With Style Property | </> |
70 | Click Event | </> |
71 | Function Reference | </> |
72 | Mouse Events | </> |
73 | Key Events | </> |
74 | Event Object | </> |
75 | CurrentTarget Vs Target | </> |
76 | Event Bubbling Capturing | </> |
77 | Event Propogation Example | </> |
78 | Form Submit | </> |
79 | Local Storage | </> |
80 | Local Storage With Multiple Values | </> |
This project is licensed under the MIT License - see the LICENSE file for details.
Interested in contributing? Please read our Contributing Guide to get started.
The code examples and topics covered in this repository are directly sourced from the tutorials and content created by Coding Addict (John Smilga) on YouTube. We acknowledge and thank John Smilga for his exceptional tutorials, which form the foundation of this project.