Раздел №1. Продвинутый javascript
- Урок №1. “Инструменты разработчика”.
Вы узнаете, какие инструменты используют профессиональные разработчики
Вы узнаете, какие особенности есть при работе с DOM деревом
Вы узнаете тонкости работы с событийной моделью
- Урок №4. “Типы данных и переменные”.
Вы узнаете какие типы данных есть в javascript и их особенности
Вы узнаете, что такое замыкания и как их использовать
Вы узнаете, что такое bind call и apply и в чем их отличие
Вы узнаете как создавать классы в старом стандарте языка
- Урок №8. “Прототипированное наследование”.
Вы узнаете как делать наследование классов
Вы узнаете как делать асинхронные фоновые запросы к серверу
Вы узнаете, что такое eslint и зачем он нужен
Раздел №2. ES2015
- Урок №1. “Что такое es2015”.
Вы узнаете, что такое стандарт javascript es2015
Вы узнаете как создавать переменные и в чем их отличие
- Урок №3. “Строки и шаблонизация”.
Вы узнаете особенности работы со строками
Вы узнаете особенности создания и работы с объектами
Вы узнаете как можно создавать функции
Вы узнаете как создавать классы
Вы узнаете про нативные модули в javascript
Вы узнаете что такое Promises и как с ними работать
Раздел №3. Организация front-end приложения
Вы узнаете из чего формируется инфраструктура современного приложения
- Урок №2. “Создание с нуля”.
Вы узнаете, как создавать проект с полного нуля
Вы узнаете, что такое package.json, как он облегчает работу и его особенности
Вы узнаете основы работы со сборщиком webpack
- Урок №5. “Настройка webpack”.
Вы узнаете про продвинутую настройку webpack
- Урок №6. “Настройка eslint”.
Вы узнаете как подключить и настроить eslint к проекту
Вы узнаете как работать с css препроцессором less
Раздел №4. React js теория
- Урок №1. “Зачем нужны js фреймворки”.
Вы узнаете зачем нужны javascript фреймворки
- Урок №2. “Сравнение с angular”.
Вы узнаете про плюсы и минусы фреймворка react по сравнению с angular
- Урок №3. “Как работает react”.
Вы узнаете почему react такой быстрый и эффективный
- Урок №4. “Создание структуры проекта”.
Вы узнаете и получите полностью настроенную структуру проекта
- Урок №5. “Создание первого компонента”.
Вы узнаете как создаются компоненты
- Урок №6. “JSX синтаксис”.
Вы узнаете особенности jsx синтаксиса
Вы узнаете, что такое props и как передавать различные параметры к компоненту
Вы узнаете, что такое state в компоненте
- Урок №9. “Связь компонентов”.
Вы узнаете как связать несколько компонентов
- Урок №10. “Жизненный цикл компонента”.
Вы узнаете что такое жизненный цикл компонента и зачем он нужен
Вы узнаете как выводить и работать с коллекциями или массивами в компоненте
Вы узнаете как работать с роутерами и как осуществлять навигацию между страницами
Раздел №5. Redux теория
- Урок №1. “Что такое redux”.
Вы узнаете, что такое redux
- Урок №2. “Как работает redux”.
Вы узнаете про то как redux работает и почему это будущее современных приложений
Раздел №6. React практика
- Урок №1. “Изучение архитектуры”.
Вы получите полностью рабочую и готовую для разработки структуру проекта и так же узнаете про все ее модули
- Урок №2. “Настройка redux”.
Вы узнаете и увидите по шагам как настроить redux
- Урок №3. “Настройка devtools”.
Вы узнаете как подключить специальные инструменты для удобной разработки
- Урок №4. “Создание роутеров”.
Вы узнаете и увидите как создать расширяемую систему роутинга
Вы узнаете как создать роутинг для обработки несуществующих страниц
- Урок №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 более детально.
