Junior frontend-developer

Ускорение верстки

1. Библиотека Bootstrap 4

2. Препроцессоры SASS SCSS LESS

3. Вендорные префиксы

4. Псевдоклассы и псевдоэлементы CSS

5. Иконочные шрифты

6. Адаптация под различные устройства

7. Pixel perfect верстка

8. Адаптация при помощи Bootstrap

9. Локальные ссылки и favicon

JavaScript. подготовка к работе

1. Подготовка к работе

Продвинутая практика

1. Система контроля версий Git и сервис GitHub

2. Как работать с GitHub

3. Планировщик задач Gulp

4. Методология БЭМ

5. Создаем новый проект, используя Gulp

6. Формы на сайтах

7. Создаем слайдер на сайте

8. Создаем табы на сайте

9. Создаем интерактивные карты на сайте

10. Создаем модальные окна на сайте

11. Валидация форм

12. Маска ввода номера на сайте

13. Локальные сервера

14. Отправка писем с сайта

15. Плавный скролл по ссылкам

16. Анимация на сайтах при помощи CSS

17. Библиотеки для работы с анимациями

18. Валидация сайта

19. Оптимизация скорости загрузки сайта

Основы JS

1. Что такое JS и как его подключить к странице

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

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

4. Простое общение с пользователем

5. Интерполяция (ES6)

6. Операторы в JS

7. Учимся работать с системой контроля версий Git и с сервисом GitHub

8. Как работать с GitHub с разных компьютеров, gitignore и Git Kraken

9. Условия

10. Циклы

11. Функции, стрелочные ф-ции (ES6)

12. Методы и свойства строк и чисел

13. Callback- функции

14. Объекты, деструктуризация объектов (ES6)

15. Массивы и псевдомассивы

16. Передача по ссылке или по значению, Spread оператор (ES6-ES9)

17. Основы ООП, прототипно-ориентированное наследование

18. Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints

19. Динамическая типизация в JS

20. Получение элементов со страницы

21. Действия с элементами на странице

22. События и их обработчики

23. Навигация по DOM - элементам, data-атрибуты, преимущество forof

24. События на мобильных устройствах

25. Async, defer, динамические скрипты

JS в работе

1. ClassList и делегирование событий

2. Создаем табы в новом проекте

3. Скрипты и время их выполнения. setTimeout и setInterval

4. Работа с датами

5. Создаем таймер обратного отсчета на сайте

6. Параметры документа, окна и работа с ними

7. Создаем модальное окно

8. Модификации модального окна

9. Контекст вызова. This

10. Классы (ES6)

11. Используем классы в реальной работе

12. Rest оператор и параметры по умолчанию (ES6)

Продвинутый JS

1. Локальные сервера

2. JSON формат передачи данных, глубокое клонирование объектов

3. AJAX и общение с сервером

4. Реализация скрипта отправки данных на сервер

5. Красивое оповещение пользователя

6. Promise (ES6)

7. Fetch API

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

9. Подробно про npm и проект. JSON-server

10. Получение данных с сервера. AsyncAwait (ES8)

11. Дополнительно Что такое библиотеки. Библиотека axios

12. Как сохранить данные без БД. Работа с localStorage

13. Регулярные выражения

14. Геттеры и сеттеры (свойства объектов)

15. Инкапсуляция

16. Прием модуль, как и зачем его использовать

17. Webpack. Собираем наш проект

18. ES6 Modules

19. Как превратить код ES6+ в старый формат ES5. Babel, Core.js и полифиллы

20. Современные библиотеки и фрэймворки

21. Библиотека Jquery

22. Функции-генераторы

23. JS анимации, requestAnimationFrame

24. Event loop, подробная работа асинхронных и синхронных операций

Библиотека React. Базовый уровень

1. Как работать с ESLint

2. Знакомимся с React.js Стандарты ES6-8

3. Модульная структура, зачем она нужна в React

4. Препроцессор JSX

5. Свойства и состояния компонентов. События в React

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

7. Работа с формами в React

Библиотека React. Средний уровень

1. Начинаем работать с сервером. Fetch API

2. Жизненный цикл компонентов

3. Паттерны React

4. Навигация в приложении с помощью React Router

5. Свойства по умолчанию

6. Компоненты высшего порядка

7. Хуки в React

React+Redux

1. Основные принципы Redux

2. Соединяем React и Redux

3. React Context

4. Начинаем создавать новое приложение React + Redux

5. Json-server

6. Работа с React - redux приложением. Организация работы с сервером

7. Работа с React - redux приложением. События

8. Тестирование и отладка кода в React. Пишем UI тесты

Создание портфолио и поиск работы