charitety/JavaScript_Modern

Modern JavaScript for React Developers

Assignment repo that describes modern JavaScript with a focus on frontend React development. Assignments are located here.

ES 6 new features

Getting Started

• Install prerequisites
  • NodeJS
  • VSCode
• Clone this repo

Videos

• JavaScript Crash Course For Beginners
• JavaScript Functions (48m)
• Mosh ES6 Tutorial: Learn Modern JavaScript (1hr)
• JavaScript DOM Crash Course - Part 1 (40m)
• Google Dev Tools (30m)
• JavaScript Cookies vs Local Storage vs Session (15m)

Links

• JavaScript Quick Reference
• Object Oriented Reference
• Coercion (casting)
• Hoisting
• Null vs Undefined
• Symbols
• Memory Stack vs Heap
• JavaScript Private Class Features
• Spread Use Case
• Dictionaries
• Map Function
• Strings
• Scope

JavaScript Code Examples

• Variables & Block Scope
• Types & Coercion & Equality
• If Else & Switch
• Arrow Functions
• Call by Sharing
• Loops & Operators
• Arrays & Dictionaries
• Destructuring & Spread
• Classes
• Promises/Async
• Functional Programming
• Exceptions

W3 Schools Topics

• Variables
• Let
• Const
• DataTypes
• String Methods
• String Search
• Array

JavaScript

• Functions are first class citizens in JavaScript
• JavaScript has two types:
  • Primitive types: (null, undefined, Boolean, Number, String, Symbol, and BigInt)
  • Reference types: (objects)

DOM Manipulation

• Document Object Model (DOM)
• JavaScript can be use to manipulate the DOM, but in general we shouldn't do this in our React applications because React manages the DOM for us

Developing Apps for the Browser

• The modern web browser is a highly sophisticated tool for rendering web pages and executing JavaScript