Этот видеокурс научит Вас использовать современные front-end технологии для создания высокопроизводительных и динамических сайтов. Пройдя этот курс, вы узнаете самые актуальные возможности языка в новом стандарте. Javascript позволяет создавать сайты в формате SPA (single page application). Фактически весь сайт состоит из одной страницы, а все остальное в динамическом режиме самостоятельно делает javascript. Именно он производит маршрутизацию между внутренними страницами, динамическое общение в фоновом режиме с сервером и взаимодействие с пользователем. Другими словами, SPA – это web-приложение, которое размещено на одной web-странице, и это приложение загружает весь необходимый код одновременно с загрузкой самой страницы в целях обеспечения работы всего сайта. Видеокурс содержит в себе все основные тренды развития современной разработки web-приложений, поэтому практическая часть данного курса будет разрабатываться на новом стандарте javascript, который вышел в 2015 году, добавив этому языку программирования много нового функционала. Мы расскажем, какие новые фичи были добавлены, и как ими пользоваться в реальных приложениях.

Описания уроков:
Продвинутый 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.
Урок 2. Как работает redux.

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

Бонусы к курсу:
Создание плагина Date time picker
Мгновенный поиск по 10000 записям
Список товаров на react + css flexbox
JavaScript, jQuery и Ajax с нуля до гуру

Информация о видео
Название: React JS, Redux, ES2015 с Нуля до Гуру
Автор: Владилен Минин
Год выхода: 2016
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия

Файл
Формат: HTML, MP4
Видео: AVC, 1818x1080x720, ~1006 Kbps
Аудио: AAC, 126 Kbps, 48.0 KHz
Размер файла: 9.41 Gb