- Вы здесь:
- Главная
- Категории
- Создание сайтов и блогов
Видеокурс "React JS, Redux, ES2015 с Нуля до Гуру"
-
ПОДРОБНОЕ ОПИСАНИЕ
Автор: Владилен Минин, Михаил Русаков
Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения. Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015. Далее Вы узнаете как на данный момент организовать профессиональное рабочее окружение для разработки FrontEnd части. После, вы узнаете зачем нужны JavaScript-фреймворки и что такое ReactJS и почему стоит учить именно его. Вы изучите теоретическую часть данного фреймворка и узнаете о всех тонкостях работы с ним. А в практической части с полного нуля будет создано мощное и быстрое динамическое приложение, где Вы на практике познакомитесь, как создавать очень гибкую и расширяемую архитектуру, для разработке функционала любой сложности.
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 более детально.
-
React JS, Redux, ES2015 с Нуля до Гуру. (Владилен Минин)