Please enable JavaScript.

Coggle requires JavaScript to display documents.

Web-application - Coggle Diagram

- - - - table
      - thead
      - tbody
      - tfoot
      - tr
      - td
      - caption
    - - form
      - input
        
        type
        
        text
        
        email
        
        password
        
        radio
        
        checkbox
        
        date (datetime-local)
        
        file
        
        tel
        
        color
        
        number
        
        name
      - button
      - label
      - textarea
      - select
        
        option
      - datalist
    - - source
  - - - за тегом
      - за класом
      - за id
      - комбінатори
        
        comma selector (,)
        
        next door sibling (+)
        
        general sibling selector (~)
        
        direct child selector (>)
        
        general descendant selector ( )
        
        universal selector (*)
      - псевдокласи
        
        :hover
        
        :active
        
        :focus
        
        :checked
        
        :link
        
        :not
        
        :first-child, :first-of-type
        
        :last-child, :last-of-type
        
        :nth-child(), :nth-of-type()
        
        :only-child, :only-of-type
        
        :empty
    - - блочні
      - інлайнові
      - інлайн-блочні
    - - width
      - height
    - - margin
      - padding
      - рамки
        
        border
        
        border-radius
    - - color
      - font
        
        size
        
        style
        
        family
        
        weight
        
        line-height
    - - Абсолютні
        
        px
        
        pt
        
        mm
      - Відносні
        
        %
        
        em/rem
    - - <img />
        
        object-fit
        
        object-position
      - фонові зображення (background)
        
        background-image
        
        background-position
        
        background-color
        
        background-size
        
        background-blend-mode
    - - static
      - relative
      - absolute
      - fixed
      - sticky
      - z-index
    - - flex container (parent)
        
        main axis
        
        flex-direction
        
        justify-content
        
        flex-wrap
        
        across axis
        
        align-items
        
        align-content
      - flex items (childs)
        
        order
        
        align-self
        
        flex
        
        flex-basis
        
        flex-grow
        
        flex-shrink
    - - @ import
      - @ font-face
      - @ media
    - - grid-template-columns
      - grid-template-rows
      - grid-column: (start / end)
      - grid-row: (start / end)
      - gap
      - subgrid
  - - - Boolean (true, false)
      - null
      - undefined
      - Number
      - String
      - Symbol
        
        "well-known symbols"
      - BigInt
      - Object
        
        this
        
        властивості та методи
        
        доступ до властивостей
        
        .
        
        []
    - - let
      - const
    - - математичні
        
        +
        
        -
        
        *
        
        /
        
        **
        
        %
      - логічні
        
        >, >=
        
        <, <=
        
        ==, ===
        
        !=, !==
        
        !
        
        &&
        
        ||
      - = (присвоювання значення)
      - typeof
      - if-else (if, if-else, if-else if-else)
      - цикли
        
        while
        
        do...while
        
        for
        
        for...in (для об'єктів)
      - switch-case
    - - функції-конструктори (це не окремий вид функції, це режим її роботи)
        
        class
        
        методи прототипа
        
        static methods
        
        getters/setters
        
        extends (наслідування классу)
      - типи функцій
        
        Function declaration
        
        function expression
        
        arrow function
      - closure (замикання)
      - рекурсія
    - - Array
      - Object
      - Math
      - Function
        
        apply
        
        call
        
        bind
      - Date
      - String
      - Boolean
      - Number
      - Error
        
        RangeError
        
        TypeError
        
        SyntaxError
        
        ReferenceError
        
        InternalError
        
        EvalError
        
        URIError
        
        Користувацька помилка extends Error
        
        try-cath
      - Promise
        
        .then()
        
        .catch()
        
        .finally()
    - - браузер (WebApi)
        
        DOM
        
        createElement()
        
        посилання на існуючі (querySelector, querySelectorAll)
        
        Events
        
        EventLoop
      - Node.js
- - - - ls
      - cd
      - mkdir
      - rmdir / rm
      - mv
      - cp
      - touch
      - links (посилання)
        
        soft links
        
        hard links
      - globe patterns (wildCards)
      - потік введення-виведення (input-output stream)
      - env (змінні оточення)
      - | (pipeline)
      - grep
      - find
      - wc
      - sort
      - ps (-x)
      - jobs
      - bg / fg (управління процесами)
      - chmod
      - chown
      - apt
      - systemctl