- Introduction to Jest, the test framework used in React and for this course
- Variable declarations
- JavaScript Types
- String, interpolation and some of the available functions
- Function declarations and expressions
- Array literals and basic functions
- Object literals
- Array function operations such as map, filter and reduce
- Destructuring data including the 'rest' operator
- Spread operator
- Classes and inheritance
- The problem with 'this'
- Modules: imports and exports
- 'Truthy' and 'Falsy'
- Course Project
This is not an advanced JS course and is designed to fit into one day. Some important JS concepts are not covered, but will be needed when writing JS applications that are still important for React development:
- Error handling
- HTTP fetch API
- Parsing/formatting JSON
- Regular expressions (for validation)
- Promises and async/await
- Service Workers
Eloquent JavaScript [https://eloquentjavascript.net] Simplifying JavaScript [https://pragprog.com/book/es6tips/simplifying-javascript]
- Open Tests Window (top-right, icon under profile picture)
- Make Chrome Fullscreen :)
- If you don't like the font, change in Settings / Appearence
If you want to save your work (recommended!), you will also need to:
- Create GitHub Account (if you don't have one)
- Sign-in to CodeSandbox
- Fork this repository
[https://code.visualstudio.com/docs/getstarted/keybindings#_basic-editing]
Find Editor Shortcut / Action: F1
Save & Prettify: Ctrl-S
Delete Line: Ctrl-X (no selection)
Duplicate Line Down: Shift+Alt-Down
Comment: Ctrl-/
Search & Replace Ctrl-H
Expand / Contract Selection: Shift+Alt + -> and Shift+Alt + <-
While CodeSandbox shows changes automatically, it does not save your work automatically.
Each file needs to be saved with Ctrl-S and will then also be prettified.
Open the src/ folder to start part 1.