Что за видеокурс.

Авторский обучающий видеокурс по создани сайтов с использованием ReactJS, Redux и ES2015.

Авир курса Владилен Минин.

Что вошло в видеокурс.

Содержание курса.

Продвинутый javascript.

• Урок №1. "Инструменты разработчика". Вы узнаете, какие инструменты используют профессиональные разработчики.
• Урок №2. "Работа с DOM". Вы узнаете, какие особенности есть при работе с DOM деревом.
• Урок №3. "События". Вы узнаете тонкости работы с событийной моделью.
• Урок №4. "Типы данных и переменные". Вы узнаете какие типы данных есть в javascript и их особенности.
• Урок №5. "Замыкания". Вы узнаете, что такое замыкания и как их использовать.
• Урок №6. "Контекст". Вы узнаете, что такое bind call и apply и в чем их отличие.
• Урок №7. "Классы". Вы узнаете как создавать классы в старом стандарте языка.
• Урок №8. "Прототипированное наследование". Вы узнаете как делать наследование классов.
• Урок №9. "Jquery ajax". Вы узнаете как делать асинхронные фоновые запросы к серверу.
• Урок №10. "Eslint". Вы узнаете, что такое eslint и зачем он нужен.

ES2015.

• Урок №1. "Что такое es2015". Вы узнаете, что такое стандарт javascript es2015.
• Урок №2. "Переменные". Вы узнаете как создавать переменные и в чем их отличие.
• Урок №3. "Строки и шаблонизация". Вы узнаете особенности работы со строками.
• Урок №4. "Объекты". Вы узнаете особенности создания и работы с объектами.
• Урок №5. "Функции". Вы узнаете как можно создавать функции.
• Урок №6. "Классы". Вы узнаете как создавать классы.
• Урок №7. "Модули". Вы узнаете про нативные модули в javascript.
• Урок №8. "Промисы". Вы узнаете что такое Promises и как с ними работать.

Организация front-end приложения.

• Урок №1. "Структура". Вы узнаете из чего формируется инфраструктура современного приложения.
• Урок №2. "Создание с нуля". Вы узнаете, как создавать проект с полного нуля.
• Урок №3. "package.json". Вы узнаете, что такое package.json, как он облегчает работу и его особенности.
• Урок №4. "Webpack". Вы узнаете основы работы со сборщиком webpack.
• Урок №5. "Настройка webpack". Вы узнаете про продвинутую настройку webpack.
• Урок №6. "Настройка eslint". Вы узнаете как подключить и настроить eslint к проекту.
• Урок №7. "Less". Вы узнаете как работать с css препроцессором less.

React js теория.

• Урок №1. "Зачем нужны js фреймворки". Вы узнаете зачем нужны javascript фреймворки.
• Урок №2. "Сравнение с angular". Вы узнаете про плюсы и минусы фреймворка react по сравнению с angular.
• Урок №3. "Как работает react". Вы узнаете почему react такой быстрый и эффективный.
• Урок №4. "Создание структуры проекта". Вы узнаете и получите полностью настроенную структуру проекта.
• Урок №5. "Создание первого компонента". Вы узнаете как создаются компоненты.
• Урок №6. "JSX синтаксис". Вы узнаете особенности jsx синтаксиса.
• Урок №7. "Props". Вы узнаете, что такое props и как передавать различные параметры к компоненту.
• Урок №8. "State". Вы узнаете, что такое state в компоненте.
• Урок №9. "Связь компонентов". Вы узнаете как связать несколько компонентов.
• Урок №10. "Жизненный цикл компонента". Вы узнаете что такое жизненный цикл компонента и зачем он нужен.
• Урок №11. "Коллекции". Вы узнаете как выводить и работать с коллекциями или массивами в компоненте.
• Урок №12. "Роутеры". Вы узнаете как работать с роутерами и как осуществлять навигацию между страницами.

Redux теория.

• Урок №1. "Что такое redux". Вы узнаете, что такое redux.
• Урок №2. "Как работает redux". Вы узнаете про то как redux работает и почему это будущее современных приложений.

React практика.

• Урок №1. "Изучение архитектуры". Вы получите полностью рабочую и готовую для разработки структуру проекта и так же узнаете про все ее модули.
• Урок №2. "Настройка redux". Вы узнаете и увидите по шагам как настроить redux.
• Урок №3. "Настройка devtools". Вы узнаете как подключить специальные инструменты для удобной разработки.
• Урок №4. "Создание роутеров". Вы узнаете и увидите как создать расширяемую систему роутинга.
• Урок №5. "Страница 404". Вы узнаете как создать роутинг для обработки несуществующих страниц.
• Урок №6. "Главная страница". Вы научитесь создавать главную страницу приложения.
• Урок №7. "Главная страница и redux". Вы узнаете как соединить главную страницу с redux.
• Урок №8. "Добавление функционала". Вы научитесь добавлять дополнительные действия к списку элементов и обрабатывать их в redux.
• Урок №9. "Эмуляция асинхронности". Вы узнаете как хранить данные в браузере у пользователя и как сделать асинхронные запросы.
• Урок №10. "Оптимизация страницы". Вы научитесь оптимизировать код страницы под redux.
• Урок №11. "Страница списка". Вы научитесь создавать страницу списка элементов.
• Урок №12. "Страница детального отображения". Вы научитесь делать страницу для детального отображения каждого элемента списка.
• Урок №13. "Абстрактный компонент модального окна". Вы узнаете как создать компонент модального окна, которое работает на redux и которое динамически создает свое содержимое, то есть модальное окно будет всего одно на все приложение.
• Урок №14. "Модальное окно редактирования". Вы узнаете как на основе компонента модального окна создавать окно для редактирования элементов списка.
• Урок №15. "Модальное окно удаления". Вы узнаете как создать модальное окно для удаления элемента.
• Урок №16. "Создание формы и валидация". Вы научитесь создавать формы для обработки данных пользователя с валидацией.
• Урок №17. "Продакш сборка". Вы научитесь делать финальную минифицированную сборку проекта в 1 javascript файл.

Бонусы.

• Создание компонента выбора даты (date time picker).
• Создание динамического поиска по большому объему данных.
• Создание списка товаров с детализацией каждого из них и верстка с css flexbox.
• JavaScript Jquery и AJAX с Нуля до Гуру.