Learn-JavaScript

Resources

• The Complete JavaScript Udemy Course 2022: From Zero to Expert
• GitHub Repository

Fundamentals Part One🔸

1. Introduction

• What is JavaScript
• Hello World in JavaScript
• What do we use JavaScript for
• JavaScript Releases

2. How to link JavaScript file

• Inline Linking
• External Linking

3. Values and Variables

• Definition of Values
• Definition of Variables
• Variable Naming Convention
• Rules and Reserved Keywords
• Code File

4. Data Types

• Definition of Data Types
• The 7 Primitive Data Types
• Code File

5. Let, Const, Var

• Ways to declare a Variable
• When to use Var
• Let
• Const
• Let or Const
• Code File

6. Operators

• Basic Operators
• Arithimetic Operators
• Assignment Operators
• Comparison Operators
• Code File

7. Operator Precedence

• Definition of Operator Precedence
• 🔗 MDN Docs Reference
• Code File

8. Coding Challenge One 🎉

• Coding Challenge
• Solution

9. String & Template Literals

• Strings
• Template Literals
• Code File

10. Taking Decisions (If/Else)

• Conditional Statements
• If Statement
• Else Statement
• Else If Statement
• Code File

11. Coding Challenge Two 🎉

• Coding Challenge
• Solution

12. Type Conversion & Coercion

• Definition
• Type Conversion
• Type Coercion
• Code File

13. Truthy & Falsy Values

• Definition of Truthy & Falsy Values
• Code File

14. Equality Operator

• Strict Equality Operator ===
• Loose Equality Operator ==
• Differential Equality Operator !==
• Code File

15. Boolean Logic

• Defintion of Boolean Logic
• AND Operator
• OR Operator
• NOT Operator
• How do Logical Operators Work?
• Code File

16. Logical Operators

• Definition of Logical Operators
• Code File

17. Coding Challenge Three 🎉

• Coding Challenge
• Solution

18. Switch Statement

• What are Switch Statements?
• Break
• Default
• Code File

19. Statements & Expressions

• Introduction to Statements & Expression
• Code File

20. Conditional (Ternary) Operator

• Introduction to Ternary Operator
• Code File

21. Coding Challenge Four 🎉

• Coding Challenge
• Solution

22. JavaScript Releases (ES5, ES6+ and ESNext)

• A Brief History of JavaScript
• ES6/ES2015 (ECMAScript 2015)
• Backwards Compatibility
• Forwards Compatibility
• Babel (Transpiler)
• Compaibility Table

Fundamentals Part 2🔸

Welcome to JavaScript Fundamentals part two.

01. Strict Mode

• What is Strict Mode
• How to Enable Strict Mode
• Importance and Examples
• Code File

02. Functions

• What is a Function
• Parameters and Arguments
• Conclusion
• Code File

03. Function Declaration vs Expressions

• Function Declarations
• Function Expressions
• Conclusion
• Code File

04. Arrow Function

• Arrow Function
• Code File

05. Function Calling other Functions

• Functions calling other Functions
• Code File

06. Reviewing Functions

• Reviewing Functions
• Summary
• Anatomy of a Function
• Code File

07. Coding Challenge Five 🎉

• Coding Challenge
• Solution

08. Introduction to Arrays

• Introduction to Arrays
• Exercise
• Code File

09. Array Methods

• Basic Array Operations (Methods)
• push() Method
• unshift() Method
• pop() Method
• shift() Method
• indexOf() Method
• includes() Method
• Code File

10. Coding Challenge Six 🎉

• Coding Challenge
• Solution

11. Introduction to Objects

• Introduction to Objects

12. Dots and Brackets Notations

• How to retrieve elements from an object
• Dot Notation
• Bracket Notation
• Dot Notation use case
• Bracket Notation use case
• Adding new properties to an object
• Code File

13. Object Methods

• Definition of Objects
• Definition of Objects
• Definition of Objects

14. Coding Challenge Seven 🎉

• Coding Challenge
• Solution

15. Iteraton the For Loop

• Iteration - The for Loop
• What are Loops
• Example
• For Loop
• Code File

16. Looping Arrays, Breaking & Continuing

• Looping Arrays, Breaking and Continuing
• Looping Arrays Summary
• Continue and Break Statements
• Example - Break
• Code File

17. Looping Backwards and Loops in Loops

• Looping Backwards
• Loops in Loops
• Code File

18. While Loop

• Overview
• Code File

14. Coding Challenge Eight 🎉

• Coding Challenge
• Solution

Developer Skills🔸

• Coding Challenge
• How to effectively solve problems
• What is a Software Bug
• Debugging with console and Breakpoints
• Code File

Guess My Number Game🔸

• What is DOM and DOM Manipulation
• DOM !== JavaScript
• Selecting and Manipulating Elements
• Handling Click Events (Event Listener)
• Implementing the Game Logic
• Coding Challenge
• Refactoring

Modal

• How to create a modal with JavScript
• Modal Functionality
• Manipulating classes with JavScript
• Close Modal
• Refactoring
• Handle Events on keypress
• Code File

Building a Pig Game 🐷

• Build a pig game using JavaScript
• What are flowcharts?
• Selecting the Elements
• Generate a random dice roll
• Refactoring
• Display the dice
• Switcing the players
• Code File

How JavaScript works behind the scenes

• An Hight level overview of JavaScript
• The JavaScript Engine
• Compilation vs Intepretation
• Intepreted or Just in Time Compilation (JIT)
• The JavaScript Runtime
• The this keyword
• Regular functions vs Arrow Functions
• Primitive vs Objects

Data Structure, Modern Operators and Strings

• Destructuring Arrays
• Destructuring Objects
• Spread Operators
• Rest Patterns and Parameters
• Short Circuting (OR ||)
• Nullish Coalescing Operator
• Coding Challenge
• Looping Arrays (For of Loop)
• Enhanced Object Literals
• Optional Chaining
• Looping Objects, Keys, Values and Entries
• Coding Challenge 2
• Sets
• Maps Fundamentals
• Maps Iteration
• Summary: Which Data Structure to Use
• Coding Challenge 3
• Working with Strings - Part 1
• Working with Strings - Part 2
• Working with Strings - Part 3

A Closer Look at Functions

• Default Parameters
• How Passing Arguments Work (Value vs Reference)
• First Class and Higher Order Functions
• Function Accepting Callback Functions
• Functions Returning Functions
• The Call and Apply Method
• The Bind Method
• Coding Challenge 1 🎉
• Immediately Invoked Function Expression (IIFE)
• Closures
• Closures Example
• Coding Challenge 2 🎉

Working with Arrays