JavaScript Topics and Learning Resources

1. DOM Manipulation

Resource: MDN Web Docs - DOM Introduction

(https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction)

Course: JavaScript DOM Manipulation - freeCodeCamp

(https://www.freecodecamp.org/news/javascript-dom-manipulation/)

2. Event Handling

Resource: MDN Web Docs - Introduction to events

(https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events)

Tutorial: JavaScript Event Listeners - W3Schools

(https://www.w3schools.com/js/js_htmldom_eventlistener.asp)

3. Functions

Resource: MDN Web Docs - Functions

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions)

Video: JavaScript Functions - Programming with Mosh on YouTube

(https://www.youtube.com/watch?v=UYcZ3IeoAJo)

4. Operators

Resource: MDN Web Docs - Operators

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators)

Course: JavaScript Basics - Codecademy

(https://www.codecademy.com/learn/introduction-to-javascript)

5. Variables

Resource: MDN Web Docs - Variables

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#declarations
)

Video: JavaScript Variables - Traversy Media on YouTube

(https://www.youtube.com/watch?v=Ttf3CEsEwMQ)

6. Block

Resource: MDN Web Docs - Block

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/block)

Explanation: JavaScript Code Blocks - W3Schools (https://www.w3schools.com/js/js_blocks.asp)

7. Type Casting

Resource: MDN Web Docs - Type Conversions

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Type_Conversions)

Tutorial: JavaScript Type Casting - freeCodeCamp

(https://www.freecodecamp.org/news/javascript-type-coercion-tutorial/)

8. If Condition

Resource: MDN Web Docs - If Statement

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else)

Course: JavaScript Control Flow - Codecademy

(https://www.codecademy.com/courses/introduction-to-javascript/lessons/control-flow)

9. While Loop

Resource: MDN Web Docs - While Loop

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while)

Video: JavaScript Loops - Traversy Media on YouTube

(https://www.youtube.com/watch?v=s9wW2PpJsmQ)

10. Comparison Operator

Resource: MDN Web Docs - Comparison Operators

parison_operators)

Explanation: JavaScript Comparison - W3Schools

(https://www.w3schools.com/js/js_comparisons.asp)

11. Logical Operators

Resource: MDN Web Docs - Logical Operators

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#logic

al_operators)

Tutorial: JavaScript Logical Operators - W3Schools

(https://www.w3schools.com/js/js_comparisons.asp)

12. Array

Resource: MDN Web Docs - Array

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)

Video: JavaScript Arrays - Programming with Mosh on YouTube

(https://www.youtube.com/watch?v=oigfaZ5ApsM)

13. For Each, Filters, Find

Resource: MDN Web Docs - Array Methods

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)

Tutorial: JavaScript Array Methods - freeCodeCamp

(https://www.freecodecamp.org/news/javascript-array-functions-and-methods/)

14. Objects

Resource: MDN Web Docs - Objects

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects)

Video: JavaScript Objects - Traversy Media on YouTube

(https://www.youtube.com/watch?v=WOki0sD1gGY)
15. Local Storage

Resource: MDN Web Docs - Local Storage

(https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)

Tutorial: JavaScript Local Storage - freeCodeCamp

(https://www.freecodecamp.org/news/how-to-use-localstorage-with-javascript/)

16. Promise

Resource: MDN Web Docs - Promise

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises)

Video: JavaScript Promises - Academind on YouTube

(https://www.youtube.com/watch?v=DHvZLI7Db8E)

17. JSON Parsing

Resource: MDN Web Docs - JSON

(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON)

Tutorial: JavaScript JSON Parsing - W3Schools (https://www.w3schools.com/js/js_json.asp)

18. API Handling

Resource: MDN Web Docs - Fetch API

(https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)

Video: JavaScript Fetch API - Traversy Media on YouTube

(https://www.youtube.com/watch?v=Oive66jrwBs)