Open_JavaScript_Overview.md

JavaScript

Topics Covered

• Getting started
• JavaScript Fundamentals
• The Event Loop
• Object-oriented JavaScript
• jQuery
• AJAX
• JavaScript DOM API

Notes

JavaScript is the fourth module in the App Academy Full Stack Developer Curriculum.

As with all future modules, any "Bonus" projects are to be completed after the standard projects for each day are completed. Sometimes that could mean going back to the previous day's "Bonus" projects if you otherwise finish early. Additional Resources are readings, videos, or articles that are not required, but will serve to deepen your understanding of a topic. They will be denoted with a specific icon in your task menu.

Getting started

• 1. Setting up a Development Environment (Phase 3)

JavaScript Fundamentals

• 1. Intro to JS Video
• 2. Object-Oriented JS: Intro
• 3. Object-Oriented JS: Demo
• 4. Closures and Callbacks
• 5. Debugging JS in VSCode
• 6. Intro to JS
• 7. Syntax and Useful Methods
• 8. Data Types
• 9. Variables
• 10. Functions
• 11. Closures and Scope
• 12. this and that
• 13. ES6 Arrow Functions
• 14. Javascript Fundamentals Quiz
• 15. Intro JavaScript Problems (Part 1)
• Solution
• 16. Intro JavaScript Problems (Part 2)
• Solution
• 17. Object Oriented JS: Continued
• 18. Function Invocation, briefly
• 19. Codecademy JS Curriculum
• 20. jQuery Fundamentals: Javascript Basics
• 21. MDN Guide
• 22. MDN Documentation
• 23. CSS Positioning
• 24. CSS Pseudo Content
• 25. Intro to JS & Variables Lecture
• 26. Functions Lecture
• 27. Hoisting Lecture
• 28. Closures Lecture
• 29. Callbacks Lecture
• 30. Intro JavaScript Exercises
• Solution
• 31. CSS Friends Part 2
• Solution
• 32. JS: Reversi
• Solution

The Event Loop

• 1. Arguments
• 2. Function Invocation, in-depth
• 3. Intro to Callbacks: File I/O
• 4. Event Loop Visualization
• 5. ES6 Class Syntax
• 6. Node Module Pattern
• 7. Chrome Dev Tools
• 8. Ruby, ES5 & ES6 Comparison Chart
• 9. Event Loop Quiz
• 10. Callbacks and Function Calls
• Solution
• 11. Writing Clean Code
• 12. Crockford
• 13. jQuery
• 14. AirBnB
• 15. Tagging Template Literals (Bonus)
• 16. Call & Apply
• 17. Bind pt. 1
• 18. Bind pt. 2
• 19. Async Behavior
• 20. Intro to Callbacks Exercises
• Solution
• 21. Towers of Hanoi: JS Edition
• Solution
• 22. Tic-Tac-Toe: JS Edition
• Solution

Object-oriented JavaScript

• 1. Prototype Chain and Inheritance
• 2. Inheritance Demo
• 3. JS in Browser
• 4. Prototypal Inheritance
• 5. Modules in the Browser
• 6. Basic Canvas Driving
• 7. Webpack Tutorial
• 8. Intro to Canvas
• Solution
• 9. Canvas Demo: DrunkenCircles
• 10. LGBT Workplace Fact Sheet
• 11. It is Bigger Than Microaggressions
• 12. LGBT Minorities Face Job Discrimination
• 13. Out in Tech
• 14. Transitioning in the Digital Age
• 15. Asynchronous Client-Side Code
• 16. Client-Side JavaScript
• 17. Object Oriented Javascript Quiz
• 18. myBind Solutions
• 19. Currying Solutions
• 20. Prototypal Inheritance Lecture
• 21. Webpack Lecture
• 22. Canvas Intro Lecture
• 23. arguments Exercise Problems
• Solution
• 24. Prototypal Inheritance Exercises
• Solution
• 25. Flappy Bird
• Solution
• 26. Asteroids
• Solution

jQuery

• 1. The Document Object Model
• 2. jQuery I: Selection and Manipulation
• 3. jQuery II: Events
• 4. jQuery III: Ready
• 5. jQuery IV: All the Ways
• 6. jQuery V: Data Attributes
• 7. backbone-14: jQuery Event Delegation
• 8. jQuery VI: Event Delegation
• 9. jQuery Quiz
• 10. Wacky jQuery
• 12. ES6 Prototypal Inheritance
• 13. jQuery Documentation
• 14. jQuery Fundamentals (Ch 2-4)
• 15. jQuery - Intro & Selector Functions
• 16. jQuery - Events
• 17. jQuery - Form Submission & DOM Insertion
• 18. jQuery.data Function
• 19. jQuery Towers of Hanoi
• Solution
• 20. jQuery Snake
• Solution

AJAX

• 1. AJAX Video Lecture
• 2. AJAX Demo
• 3. AJAX Demo: code
• 4. Basic AJAX
• 5. AJAX Remote Forms
• 6. Using Rails as an API
• 7. Promises
• 8. AJAX Quiz
• 9. Your First AJAX Request
• Solution
• 10. jQuery Fundamentals: AJAX
• 11. Simple AJAX Example
• 12. Intro & First Request
• 14. Webpack & AJAX on Rails
• 15. AJAX Forms
• 16. ApiUtil & Promises
• 17. AJAX Twitter
• Solution

JavaScript DOM API

• 1. DOM Data Types
• 2. Events
• 3. jQuery VII: Triggering
• 4. Event Propagation
• 5. DOM Content Loaded
• 6. DOM Manipulation
• 7. History and Location
• 8. Vanilla JavaScript
• 9. Vanilla JavaScript Quiz
• 10. Vanilla DOM Manipulation
• Solution
• 11. Non-technical Overview of JavaScript
• 12. localStorage Documentation
• 13. localStorage Simple Examples
• 14. Throttling and Debouncing Overview
• 15. Technical Overview of Browsers
• 16. Browser TicTacToe
• Solution
• 17. Pocket Projects
• Solution
• 18. jQuery Lite
• Solution
• 19. Mail
• Solution