JS Petrichenco

caniuse.com

Плагины:

Code runner+

beautify

import cost

5 Переменные и строгий режим

let изменяемая а вот в

const свойства объекта тоже изменяемые

var не используйте она перезаписываемая и видна везде еще до создания

ХОСТИНГ - всплытие переменной

"use strict" выдает ошибку если переменные не объявлены

6 Классификация типов данных

простые типы : числа строки лог типы true/false null underfined Symbol Biglnt

Объекты : спец объекты - массивы [ ] функции Объект Даты Регулярные выражения Ошибки

обычные объекты

7 Простое общение с пользователем (!cущ только в браузере)

const result = confirm("Are you here?") получаем модальное окно с да/нет

prompt("Сколько вам лет") с вариантом ответа

8 Интерполяция (работ только в `` кавычках)

const category = 'toys'

`m.com/${category}/5`

13 Условия

if(1){}else{} if(0){}else if{} else{}

Тернарный оператор (а===1) ? console.log('Ok') : null

switch (num) { case 49: log;break; case 9:log;break; default:log;break;}

14 Циклы.

while (num<5){log; num++;}

do {log; num++} while (num <5)

for (let i = 0; i<8; i++) { log;} !! break внутри остановит цикл continue пропустит

16 Функции

function showFirstMessage(){kod} это декларативная функция существует до того как код запуститься

ее имя в форме глагола над чем выполняется действие

const foo = function({kod}) функция экспрессивная , !!!создается до вызова еще.

const calc = (a,b) => {return a + b }; - стрелочная функция без контекста

const calc = (a,b) => a + b

23 Основы ООП

когда применяем метод к строке да и к любому примитиву, строка помещается в объект метод примяняется к объекту и возвращается к примитиву.

57 Методы перебора массивов

forEach(i => i) перебирает не создавая новый массив!

['ktttt', 'madha', 'первы11'].filter(i => i.length>5)

console.log(['ktttt', 'madha', 'первы11'].map(i => i.toUpperCase()))

['ktttt', 'madha', 'первы11'].some(i => typeof(i) === 'number') false

['ktttt', 'madha', 'первы11'].every(i => typeof(i) === 'string')) true

[1, 5, 5].reduce((sum,j) => sum+j) 11 последовательный перебор

68 Геттеры и сеттеры

69 Инкапсуляция

93 Подключаем стили и знакомимся с styled-components

npm i node-sass --save

npm i reactstrap bootstrap@4 --save запись в зависимости

h1 h3 прокинуть пропс colors а в стилях принять ${props => props.colors? 'red' : 'black'}; a можно прокинуть as='a' -поменяем вид тега на ссылку