Please enable JavaScript.

Coggle requires JavaScript to display documents.

HTML + CSS + JS (SASS (Mixin (Group of CSS declarations that cat be reused…

- - - - prop defined directly on the instance object
    - - Bird.prototype.numLegs = 2 -> reduce duplicate code
      - other way: Bird.prototype= {}
    - - Dog.prototy = Object.create(Animal.prototype)
      - Need to reset the constructor: Dog.prototype.constructor = Dog;
      - Can override inherited method
    - - let flyMixin = (obj) => { obj.fly = () => {...}}
    - - Create a variable within constructor function and public getter method so object can access proper by this
  - - - User var, we can overwrite variable declarations without an error
      - Use let -> error in the console -> Need "use strict" begin the code
      - Scopes
        
        Var: only globally or function
        
        let: limit inside block, statement or expressions
    - - Use Object.freeze(obj) to prevent data mutation
      - change object props will be rejected without an error
    - - Use Arrow Functions to write Concise Anonymous Functions
      - Set default param for functions: (name="A") => "Hello" + A
      - Rest Param with Function param: function howMany(...args)
    - - Spread Operator: ... to Evaluate Arrays In-Place
        
        Only work in place: like in an arg to
        a function or in an array literal
      - Destructuring Assignment: to extract values from Objects or Nested Objects, Arrays
        
        const{name,age} = user with user = {name:'a','age':1}
    - - use ``
      - Can create multi-line
      - ${exp}
    - - Write consice object literal declarations
        using object property shorthand
        
        const getMousePos = (x,y) => ({x,y});
      - Define method in object
        
        sayHello(){};
      - Use class to define a constructor function
      - Use getter and setter to control access to an object
        
        https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object
    - - make JS more modular, clean and maintainable
      - Need to create a script in HTML with type module
      - Use export to share code block: {{ add, substract }}
      - Using import: import { add } from './math_functions.js'
      - import * as myMathModule from "./math_functions.js"
        
        myMathModule.add()
      - Export default :
        only one value is being exported from a file
        
        import add from ...
    - - is a constructor functions
        
        new Promise((resolve, reject) => {});
      - resolve used when you want your promise to suceed
      - reject used when you want it to fail
      - then method: is executed immediately after your promise is fulfilled with resolve
        
        myPromise.then(result => {});
        
        result comes from the arg given to resolve method
      - catch method: is executed immediately after promise rejected is call
        
        myPromise.catch(error => {});
        
        error comes from the arg given to reject method
    - - http://ccoenraets.github.io/es6-tutorial-data/project-setup/