Узнайте о снижении цены

Оставьте ваш email и мы напишем вам когда цена снизится

Полный курс по JavaScript + React - с нуля до результата

Вы освоите язык программирования JavaScript, библиотеку React и научись применять полученные знания на практике.
6 990 ₽
1 490 ₽
стоимость обучения
% Беспроцентная рассрочка на мес.
Добавить в избранное
Узнать о снижении цены
Уровень сложности
для новичков
Длительность
1 мес.
Демо доступ
нет
Формат обучения
онлайн
Домашние задания
да
Обратная связь
нет
Стажировка
нет
Помощь в трудоустройстве
нет
Документ по окончании
сертификат

Программа обучения

  • Основное
  • Содержание программы

Этот курс направлен на подробное изучение JavaScript, освоите его основные концепции и принципы. Вы узнаете основы программирования и алгоритмов, научитесь работать с Git и GitHub. Вторая часть курса посвящена изучению самой популярной библиотеки на основе JavaScript — React.js — и создадите 4 приложения на её основе.

Подготовка к работе
  • Как проходить данный курс
  • Настройка рабочего пространства
  • Как работать с JSHint
Основы JavaScript
  • Что такое JS и как его подключить к странице
  • Переменные и строгий режим
  • Классификация типов данных в JavaScript
  • Простое общение с пользователем
  • Интерполяция (ES6)
  • Операторы в JS
  • Учимся работать с системой контроля версий Git и с сервисом GitHub
  • Как работать с GitHub с разных компьютеров, gitignore и Git Kraken
  • Практика, ч.1. Начинаем создавать приложение
  • Условия
  • Циклы
  • Практика, ч2. Применяем условия и циклы
  • Функции, стрелочные ф-ции (ES6)
  • Методы и свойства строк и чисел
  • Практика , ч3. Используем функции
  • Callback- функции
  • Объекты, деструктуризация объектов (ES6)
  • Массивы и псевдомассивы
  • Передача по ссылке или по значению, Spread оператор (ES6-ES9)
  • Основы ООП, прототипно-ориентированное наследование
  • Практика , ч4. Используем объекты
  • Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints
  • Динамическая типизация в JS
  • Задачи с собеседований на понимание основ
  • Получение элементов со страницы
  • Действия с элементами на странице
  • Практика. Задание на отработку действий со страницей
  • События и их обработчики
  • Навигация по DOM - элементам, data-атрибуты, преимущество for/of
  • Практика. Используем события на странице проекта
  • События на мобильных устройствах
  • Async, defer, динамические скрипты
JavaScript в работе
  • Про что будет этот модуль
  • ClassList и делегирование событий
  • Создаем табы в новом проекте
  • Скрипты и время их выполнения. setTimeout и setInterval
  • Работа с датами
  • Создаем таймер обратного отсчета на сайте
  • Параметры документа, окна и работа с ними
  • Создаем модальное окно
  • Модификации модального окна
  • Функции-конструкторы
  • Контекст вызова. This
  • Классы (ES6)
  • Используем классы в реальной работе
  • Rest оператор и параметры по умолчанию (ES6)
Продвинутый JavaScript
  • Локальные сервера
  • JSON формат передачи данных, глубокое клонирование объектов
  • AJAX и общение с сервером
  • Реализация скрипта отправки данных на сервер
  • Красивое оповещение пользователя
  • Promise (ES6)
  • Fetch API
  • Методы перебора массивов
  • Подробно про npm и проект. JSON-server
  • Получение данных с сервера. Async/Await (ES8)
  • Дополнительно: Что такое библиотеки. Библиотека axios
  • Создаем слайдер на сайте, вариант 1
  • Создаем слайдер на сайте, вариант 2
  • Создаем навигацию для слайдов
  • Как сохранить данные без БД. Работа с localStorage
  • Регулярные выражения
  • Создаем калькулятор на сайте, часть 1
  • Создаем калькулятор на сайте, часть 2
  • Геттеры и сеттеры (свойства объектов)
  • Инкапсуляция
  • Прием модуль, как и зачем его использовать
  • Webpack. Собираем наш проект
  • ES6 Modules
  • Собираем наш проект и фиксим баги
  • Формируем портфолио на GitHub
  • Ошибки. Как избежать “поломки” своего кода
  • Как превратить код ES6+ в старый формат ES5. Babel, Core.js и полифиллы
  • Современные библиотеки и фрэймворки
  • Библиотека Jquery
  • Функции-генераторы
  • JS анимации, requestAnimationFrame
  • Event loop, подробная работа асинхронных и синхронных операций
  • Работаем с готовым кодом
Библиотека React. Базовый уровень
  • Про вторую часть курса
  • Как работать с ESLint
  • Знакомимся с React.js Стандарты ES6-8
  • Домашнее задание
  • Модульная структура, зачем она нужна в React. Собираем проект
  • Препроцессор JSX | Теория
  • Препроцессор JSX | Практика
  • Домашнее задание
  • Свойства и состояния компонентов. События в React | Теория
  • Свойства и состояния компонентов. События в React | Практика
  • Подключаем стили и знакомимся с styled-components | Теория
  • Практика. Создаем собственные события и работаем с иммутабильностью
  • Работа с формами в React
Библиотека React. Средний уровень
  • Начинаем работать с сервером. Fetch API
  • Продолжаем работать с сервером. Работа с API
  • Домашнее задание
  • Жизненный цикл компонентов
  • Паттерны React
  • Навигация в приложении с помощью React Router
  • Дополнительно: Свойства по умолчанию
  • Дополнительно: Компоненты высшего порядка
  • Хуки в React
React + Redux
  • Основные принципы Redux
  • Дополнительно: Знакомимся с Figma для домашнего задания
  • Соединяем React и Redux
  • React Context
  • Начинаем создавать новое приложение React + Redux
  • Json-server и домашнее задание
  • Работа с React - redux приложением. Организация работы с сервером
  • Работа с React - redux приложением. События
  • Бонус-урок. Тестирование и отладка кода в React. Пишем UI тесты
  • Эпилог
(Бонус из Практического курса) Реальный проект на JS в классическом стиле
  • Вступление к практическому курсу
  • Настраиваем сборку проекта и разбираемся с ТЗ
  • Работа с модальными окнами
  • Работа с табами (вкладками) на странице
  • Работа с формами отправки данных
  • Работа с формой-калькулятором, часть 1
  • Работа с формой-калькулятором, часть 2
  • Работа с таймером
  • Реализуем модуль с показом изображений
  • Улучшаем наш проект (анимации, правильное поведение overflow)

Чему научат

Основам программирования и алгоритмов
Популярным технологиям, как AJAX, JSON и т.д.
Работе с npm, Babel, Browserify, Webpack и т.д.
Библиотеке React и все, что с ней связано (в том числе и Redux)
Основным концепциям и принципам JavaScript, от самых простых до самых сложных
Работе с Git и GitHub
Созданию полноценных web-приложений

Преимущества курса

41,5 часов видео по запросу
47 ресурсов для скачивания
Полный пожизненный доступ
Доступ через мобильные устройства и телевизор
Сертификат об окончании

Отзывы пользователей

Оставить отзыв о курсе

    Оставьте отзыв о курсе

    Ваш адрес e-mail не будет опуликован
    Ваша оценка:
    Ваш отзыв:
    Достоинства:
    Недостатки:
    Имя:
    Email: