filmov
tv
КАК СТАТЬ FRONTEND-РАЗРАБОТЧИКОМ? ЧАСТЬ 3 - ПОШАГОВАЯ ИНСТРУКЦИЯ
Показать описание
Шаг 14. Изучаем JS ES6, подключаем Babel,
- В чем разница, что нового в ES6, ES7, ES8, ES9, ES10
- Let, const вместо var
- Деструктуризация
- Стрелочные функции
- Модули (импорт и экспорт)
- Шаблонные строки
- Что такое Babel и для чего он нужен
- Пакеты babel
материалы:
Шаг 15. Cтруктурируем js правильно
- Форматируем (Prettier)
- Улучшаем стиль. Изучаем лучшие практики
- Компоненты и модули
- Точка(и) входа
- Изучаем что такое SPA, MPA, PWA и т.д.
- Cмотрим примеры кода на github
Материалы:
Шаг 16.Изучаем SASS, SCSS, LESS, Stylus.
- Что это такое и чем отличается от CSS
- SASS, SCSS, LESS, Stylus
o переменные
o операторы
o вложенность
- донастраиваем конфиг gulp
Материалы:
Шаг 17. Изучаем Pug (Jade).
- донастраиваем конфиг gulp для pug
- разметка
- условия
- циклы
- инклюды
- миксины
- наследование
материалы:
Шаг 18. Изучаем автоматическое тестирование
- Mocha
- Chai
- Sinon
Материалы:
Шаг 19. Изучаем фреймворк (React)
- устанавливаем create-react-app
- JSX
- Компонент
- Пропс (props)
- Состояние (state)
- Жизненный цикл и его методы
o ComponentDidMount()
o ComponentWillUnmount()
- Render()
- Ключи
Материалы:
Шаг 20. Изучаем Redux
- Однонаправленный поток данных
- Store
- Action
- Reducer
- Dispatch
- Connect
- mapStateToProps
- mapDispatchToProps
Материалы:
Шаг 21. Изучаем Webpack
- точка входа/точка вывода
- конфиг
- взаимодействие с babel
- загрузчики и плагины
Материалы:
- В чем разница, что нового в ES6, ES7, ES8, ES9, ES10
- Let, const вместо var
- Деструктуризация
- Стрелочные функции
- Модули (импорт и экспорт)
- Шаблонные строки
- Что такое Babel и для чего он нужен
- Пакеты babel
материалы:
Шаг 15. Cтруктурируем js правильно
- Форматируем (Prettier)
- Улучшаем стиль. Изучаем лучшие практики
- Компоненты и модули
- Точка(и) входа
- Изучаем что такое SPA, MPA, PWA и т.д.
- Cмотрим примеры кода на github
Материалы:
Шаг 16.Изучаем SASS, SCSS, LESS, Stylus.
- Что это такое и чем отличается от CSS
- SASS, SCSS, LESS, Stylus
o переменные
o операторы
o вложенность
- донастраиваем конфиг gulp
Материалы:
Шаг 17. Изучаем Pug (Jade).
- донастраиваем конфиг gulp для pug
- разметка
- условия
- циклы
- инклюды
- миксины
- наследование
материалы:
Шаг 18. Изучаем автоматическое тестирование
- Mocha
- Chai
- Sinon
Материалы:
Шаг 19. Изучаем фреймворк (React)
- устанавливаем create-react-app
- JSX
- Компонент
- Пропс (props)
- Состояние (state)
- Жизненный цикл и его методы
o ComponentDidMount()
o ComponentWillUnmount()
- Render()
- Ключи
Материалы:
Шаг 20. Изучаем Redux
- Однонаправленный поток данных
- Store
- Action
- Reducer
- Dispatch
- Connect
- mapStateToProps
- mapDispatchToProps
Материалы:
Шаг 21. Изучаем Webpack
- точка входа/точка вывода
- конфиг
- взаимодействие с babel
- загрузчики и плагины
Материалы:
Комментарии