Please enable JavaScript.

Coggle requires JavaScript to display documents.

JavaScript Development (Generic (HTTP (node-http, node-request,…

- - - - Mocha (testing)
      - angular/cli
      - two-way-binding
    - - React DOM
      - JSX
      - Jest (testing)
      - create-react-app
      - render()
      - Higher Order Components (HOC)
      - Next (server-side rendering)
      - Redux state management
        
        reducer
        
        store
        
        state
        
        async libs
        
        redux-thunk
        
        Functions
        
        Clunky to test
        
        Easy to learn
        
        Thunk: A function that wraps an expression to delay its evaluation
        
        redux-promise
        
        redux-observable
        
        RxJS
        
        redux-saga
        
        Generators
        
        Easy to test
        
        Hard to learn
        
        actions
      - hooks (React 16.8)
        
        useState
        
        useEffects
      - function component vs class component
      - container component vs presentation component
    - - AngularJS
      - jQuery
        
        http://youmightnotneedjquery.com/
  - - - aside
      - figcaption
      - figure
      - header
      - footer
      - main
      - mark
      - nav
      - section
      - details
      - summary
      - time
    - - box-model (e.g. flex)
      - Animations and Transitions
      - calc
      - counters
      - gradients
      - webfonts
      - border images
      - media queries
      - multiple backgrounds
      - css columns
    - - bootstrap
        
        bootstrap 4 addopts CSS3 box-model / flex
        
        need jQuery for certain component behavior
        
        bootstrap 5 drops jquery deps and IE11 support
      - css grid
  - - - Offline-first
      - service-worker
      - Secure (HTTPS)
    - - load < 3s
    - - install on home screen
        
        Web Manifest
      - push notifications
- - - - npx
  - - - bitbucket
      - github
      - gitlab
  - - - localtunnel
      - ngrok
      - surge
      - now
  - - - static typing
      - encapsulation (classes, modules)
      - constructors, properties, functions
      - interfaces
      - compile time errors vs runtime errors
      - (new) keywords
        
        constructor
        
        exports
        
        extends
        
        implements
        
        imports
        
        module / namespace
        
        class
        
        interface
        
        fields, properties, constructor, functions
        
        public / private
        
        <typeName> (casting)
- - - - Always avoid Allman Style because of Automatic Semicolon Insertion
    - - JSLint
      - JSHint
      - ESLint
      - TSLint
  - - - Promises
      - Observables
        
        RxJS
        
        Observables
        
        Observers
        
        Subscriptions
        
        Operators
        
        Subject
        
        Schedulers
        
        < v5.5 uses pipe
      - publish/subscriber
      - await async ES8
  - - - atomics
      - zero-copy
      - promises await/async
      - operator overloading
      - Single instruction, multiple data (SIMD)
    - - exponentiation operator (**)
      - Array.prototype.includes
    - - classes
      - modules
        
        ESM
        
        Webpack import {} from 'x'
        
        CJS
        
        Node: require ('x')
        
        alternatives
        
        tsc using ESM
        
        run node with --experimental-modules and *.mjs
        
        esm npm package
      - use strict
      - for of
      - generators function *, yield, .next()
      - arrow functions (=>)
      - binary data
      - typed arrays
      - collections (maps, sets, weak maps)
      - promises
      - reflection
      - proxies
      - Array
        
        map
        
        reduce
        
        filter
    - - Object Rest/Spread
      - Async Iterations
      - Promise.prototype.finally()
      - RegExp related features (s (dotAll), named groups, lookbehind, unicode)
      - Template Literal Revision
    - - Array.Flat()
      - Array.flatMap()
      - Object.fromEntries()
      - String.trimStart() & String.trimEnd()
      - Optional Catch Binding
      - Function.toString()
      - Symbol.description
      - Well Formed JSON.Stringify()
      - Array.Sort Stability
      - JSON ⊂ ECMAScript (JSON Superset)
    - - Chakra)
        
        MS Edge 18
        
        Internet Explorer > IE9
      - SpiderMonkey
        
        Firefox 63
      - Chrome V8
        
        Google Chrome 70
        
        Opera 57
        
        Mozilla
      - JavaScriptCore (Nitro)
        
        Safari 12
      - JScript
        
        Internet Explorer < IE10
  - - - Cross-Site Scripting (XSS)
      - Insecure Deserialization
      - Using Components with known vulnerabilities
      - Insufficient logging and monitoring
      - Security misconfigurations
      - Broken Access control
      - XML External Entities (XXE)
      - Sensitive data exposure
      - Broken Authentication
      - Injection
      - Cross-Site Scripting (XSS)
      - Cross-Site Request Forgery (CSRF)
  - - - http://editorconfig.org/
  - - - IFFE
      - Global
      - AMD RequireJS
      - UMD
  - - - randexp.js
      - chance.js
      - faker.js
      - JSON Schema faker
    - - Testem
      - Karma
      - PhantomJS
      - Cheerio
      - JSDOM
    - - expect
      - should
      - Chai
    - - Jest
        
        Enzyme (uses RTU, JSDOM, Cheerio behind sceneds)
        
        React Test Utils
        
        React testing library
      - AVA
      - QUnit
      - Tape
      - Jasmine
      - Mocha
      - Cypress e2e
    - - Node Security Platform
      - retire.js
    - - nock.js
      - json-server
- - - - Accessible Rich Internet Applications (WAI-ARIA)
- - - - TrackJS
      - Sentry
      - New Relic
      - Raygun
- - - - OSGI framework
        
        Apache Felix
        
        Apache Sling and Java Content Repository (JCR)
        
        REST
        
        CSS
        
        HTML
        
        JavaScript
        
        Apache Jackrabbit