evavic44 / learn-javascript

📚 Personal JavaScript learning notes using the complete JavaScript course 2022: From zero to expert by Jonas Schmedtman

Documenting my learning journey in JavaScript using The Complete JavaScript Course 2022: From Zero to Expert! by Jonas Schmedtman

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

learn-javascript's Issues

Solve assignmets

Complete the assignments for JavaScript fundamentals 1.

Function Declarations and Expressions link broken

Use the appropriate links in the function declarations README topic to fill in the correct link on the main README file.

Links Affected

• Function Declarations
• Function Expressions
• Conclusion
• Code File

Issue Source

https://github.com/Evavic44/Learn-JavaScript#03-function-decleration-vs-expressions

Solution Source

• Function Declararions and Expressions

📄 Structure sections and arrange Readme content

Simplify the file structure to make the readme file more readable and keep focus.

Solutions to try

• Create separate folders for each section.
• Add Readme file inside folders.
• Add links and headings in the main Readme for easy navigation.

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• fix(deps): update dependency npm to v9.8.1

Detected dependencies

npm

package.json

• live-server ^1.1.0
• npm ^9.5.0

---

• Check this box to trigger a request for Renovate to run again on this repository

Link Sections using appropriate links

Use the headings to link each respective section in the Main README file.

Example

• 📄 What is JavaScript will be linked to https://github.com/Evavic44/Learn-JavaScript/tree/main/01-Fundamentals-Part-1/00_introduction

Sections Linked

Thick the sections as appropriate. This will help us keep track of what links have been successfully added.

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