Things to Know for Web Development

things-to-know.md

Programming languages

Javascript

• Syntax
  • for-of-Loop
  • const vs let
  • Spread-Syntax (...)
  • Optional Chaining (?.)
  • Nullish Coalescing Operator (??)
  • Arrow-Functions
  • Destructuring Assignment
  • Asynchronous
    • Asynchronous Javascript
    • Promise
    • Async Functions
    • await
• Import/Export Syntax
  • require / exports
  • import
  • export
• Standard Library
  • Map
  • Set
  • JSON
  • Math

Typescript

• Everyday Types
• interface vs type
• Classes
• Type Guard
• Type Narrowing
• Type Inference
• Utility Types
• Enums
• keyof Type Operator
• Mapped Types
• Generic Types
• Cheat Sheets

Tools

• VS Code
  • Keyboard Shortcuts
  • Extensions
    • Eslint
    • Prettier
• node
  • REPL
• yarn
  • yarn add
  • yarn install
  • Running scripts with yarn
• Git
  • Beginner's Guide
  • Branches (create, push, delete)
  • Remotes
  • Cherry Pick
  • Revert
  • Merge Commit
  • Squashing
  • Rebasing
  • git commit --amend
• Chrome / Firefox
  • Developer Tools
    • Console
    • Network Tab
    • Debugging
  • Extensions
    • React Developer Tools
• ESLint
• Prettier

Frontend

• React
  • Functional vs Class components
  • JSX
  • Hooks
  • Built-in Hooks (useState, useMemo, useCallback, useEffect)
  • Immutable State
• Other Libraries
  • react-router
  • axios
  • immer
  • react-query
  • formatjs / react-intl
  • classnames
  • bootstrap
  • moment
  • react-select