Видеокурс "React JS, Redux, ES2015 с Нуля до Гуру"

Раздел №1. Продвинутый javascript

• Урок №1. “Инструменты разработчика”.

Вы узнаете, какие инструменты используют профессиональные разработчики

• Урок №2. “Работа с DOM”.

Вы узнаете, какие особенности есть при работе с DOM деревом

• Урок №3. “События”.

Вы узнаете тонкости работы с событийной моделью

• Урок №4. “Типы данных и переменные”.

Вы узнаете какие типы данных есть в javascript и их особенности

• Урок №5. “Замыкания”.

Вы узнаете, что такое замыкания и как их использовать

• Урок №6. “Контекст”.

Вы узнаете, что такое bind call и apply и в чем их отличие

• Урок №7. “Классы”.

Вы узнаете как создавать классы в старом стандарте языка

• Урок №8. “Прототипированное наследование”.

Вы узнаете как делать наследование классов

• Урок №9. “Jquery ajax”.

Вы узнаете как делать асинхронные фоновые запросы к серверу

• Урок №10. “Eslint”.

Вы узнаете, что такое eslint и зачем он нужен

Раздел №2. ES2015

• Урок №1. “Что такое es2015”.

Вы узнаете, что такое стандарт javascript es2015

• Урок №2. “Переменные”.

Вы узнаете как создавать переменные и в чем их отличие

• Урок №3. “Строки и шаблонизация”.

Вы узнаете особенности работы со строками

• Урок №4. “Объекты”.

Вы узнаете особенности создания и работы с объектами

• Урок №5. “Функции”.

Вы узнаете как можно создавать функции

• Урок №6. “Классы”.

Вы узнаете как создавать классы

• Урок №7. “Модули”.

Вы узнаете про нативные модули в javascript

• Урок №8. “Промисы”.

Вы узнаете что такое Promises и как с ними работать

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

• Урок №1. “Структура”.

Вы узнаете из чего формируется инфраструктура современного приложения

• Урок №2. “Создание с нуля”.

Вы узнаете, как создавать проект с полного нуля

• Урок №3. “package.json”.

Вы узнаете, что такое package.json, как он облегчает работу и его особенности

• Урок №4. “Webpack”.

Вы узнаете основы работы со сборщиком webpack

• Урок №5. “Настройка webpack”.

Вы узнаете про продвинутую настройку webpack

• Урок №6. “Настройка eslint”.

Вы узнаете как подключить и настроить eslint к проекту

• Урок №7. “Less”.

Вы узнаете как работать с css препроцессором less

Раздел №4. 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. “Роутеры”.

Вы узнаете как работать с роутерами и как осуществлять навигацию между страницами

Раздел №5. Redux теория

• Урок №1. “Что такое redux”.

Вы узнаете, что такое redux

• Урок №2. “Как работает redux”.

Вы узнаете про то как redux работает и почему это будущее современных приложений

Раздел №6. 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 файл.

Бонусы

• Бонус №1. Создание компонента выбора даты (date time picker)

Компонент написанный на react js обладает большой независимостью и и простотой использования. В этом бонусном уроке будет разобрано как создать собственный компонент по выбору даты и времени в одно поле и разобраны основные моменты, которые нужно учитывать при создании своих независимых компонент или плагинов.

• Бонус №2. Создание динамического поиска по большому объему данных

React JS является самым быстрым и производительным решением для вывода данных в html. Для демонстрации такой возможности в данном бонусе будет разобрано как сделать динамический мгновенный поиск по данным, то есть без перезагрузки страницы по более чем 10 000 элементам сразу. Вы узнаете как это реализовать и увидите как быстро это работает.

• Бонус№ 3. Создание списка товаров с детализацией каждого из них и верстка с css flexbox

Этот бонус является наглядной демонстрацией как ReactJS можно комбинировать с любым типом сайтов, будь то статический сайт или SPA. Будет разобрано как вывести список товаров с названием и картинкой и в динамическом режиме при клике на каждый из них выводить детальный вид товара в отдельном окне. Также в этом бонусе вы узнаете про основы адаптивной верстки с помощью flexbox.

И еще один большой специальный бонус!

• Специальный бонус. JavaScript Jquery и AJAX с Нуля до Гуру

При покупке данного курса в качестве бонуса вам абсолютно бесплатно достанется курс по основам javascript! Этот бонус отлично подойдет для тех, кто еще не знаком с этим языком. В нем рассказываются основы синтаксиса языка, его функций, а также тонкости работы с библиотекой JQuery. Вы получите полный набор навыков и знаний по базовому javascript и будете обладать всеми необходимыми навыками для прохождения курса по react. Так что если вы новичок и ни разу не писали еще на javascript, или вы иногда используете javascript то стоит пройти данный курс в первую очередь, а уже после переходить к курсу по react, где будет рассмотрен и изучен javascript более детально.