gusalbukrk

• Haskell
  • Installation
  • Run
    • GHCi - Interactive mode
      • commands
    • compile
    • runhaskell
  • Packages
    • cabal-install
• Stack

gusalbukrk

• Programming jargon
  • Paradigms
    • Imperative
      • Procedural
      • Object-oriented
    • Declarative
      • Functional
      • Logic
      • Mathematical
• Scripting vs compiled languages

gusalbukrk

• JavaScript
  • Synchronous JavaScript
    • Event loop
      • Execution stack
      • Callback/event queue
      • Event table
      • Job queue
      • code
  • Execution context
• Types

gusalbukrk

• NPM
  • Install, update
  • Configuration
    • Defaults
  • Basics
  • package.json, package-lock.json, npm-shrinkwrap.json
    • package.json
      • files field
    • why to keep a lock file
• package-lock.json

gusalbukrk

• CommonJS
  • Require
    • name vs path
    • entire module
    • destructuring
  • Export
    • exports vs module.exports
• UMD (Universal Module Definition)
  • How to import an UMD file
• UMD under the hood

gusalbukrk

• 1. EditorConfig
• 2. Install Webpack
• 3. Config Webpack
• 4. Scripts
• 5. Create a css file and import it
• 6. Load CSS & SASS
• 7. Extract CSS
• 8. Minimize CSS
• 9. Don't output js comments
• 10. Load HTML

gusalbukrk

• 1. Install EsLint
• 2. Config
  • 2.1. Inheriting config
• 3. Run
• 4. Watch
• 5. Eslint plugins
  • 5.1. eslint-plugin-es
• 6. Install Prettier
• 7. Run
• 8. Config

gusalbukrk

Install NodeJS in Ubuntu

1 - apt install nodejs

• usually is outdated

2 - NodeSource

Source

Install example

gusalbukrk

• Basic examples
• Setup
  • Typescript
• Components
  • Functional
    • In Typescript, should I use React.FC?
  • Class
    • Typescript
• JSX
• Conditional rendering

gusalbukrk

• Basics
  • basic
  • extending a styled component
  • extending a non-styled component
  • adapting based on props
  • adpating based on props, multiline
  • nested styles
  • media query
• Theme