Доступно ReactJS, Redux и ES2015 с нуля до гуру, 2016 (Владилен Минин)

Скрытый текст. Открывается зарегистрированным пользователям.

​

Что вам даст данный курс
Видеокурс содержит в себе все основные тренды развития современной разработки web-приложений, поэтому практическая часть данного курса будет разрабатываться на новом стандарте javascript, который вышел в 2015 году, добавив этому языку программирования много нового функционала. Мы расскажем, какие новые фичи были добавлены, и как ими пользоваться в реальных приложениях.

Изучив блок про организацию front-end приложения, вы будете знать, какими инструментами пользуются разработчики клиентской части. Вы выясните, что такое git, npm, node, webpack, package.json, css-препроцессор less и многое другое.

В части про теорию react вы узнаете основные возможности react и поймете, как им пользоваться.

redux вы освоите основные принципы и преимущества data-flow и будете знать, как его использовать.

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

В рамках практики будут разобраны все основные моменты, которые встречаются при реальной разработке приложений. Оптимизация будет также затронута.

Пройдя этот курс, вы сможете глубже понять javascript из блока по продвинутому javascript. Вы узнаете самые актуальные возможности языка в новом стандарте.

Спойлер: Продолжение описания

В процессе обучения на основе реально востребованных практических заданий вы:
Освоите всю необходимую теорию;
Закрепите теорию на практике;
Узнаете секреты профессионалов;
Создадите свое портфолио;
Расширите свое резюме

С такими знаниями можно спокойно найти себе высокооплачиваемую работу в разных отраслях бизнеса.

Описание уроков
Продвинутый 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 файл.