Курс "JavaScript - полный курс с нуля до результата"

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

Основная цель - практика изучения JavaScript на реальных примерах для frontend-разработчиков.

JavaScript - полный курс с нуля до результата
90 уроков90 уроков
СертификатСертификат
РусскийРусский
beONmax

Описание:

Вы научитесь:

  • Изучите основы программирования и алгоритмов, объектно ориентированное программирование (ооп)
  • Познакомитесь с самыми основами языка JavaScript, основными концепциями и принципами JS на практических примерах и заданиях
  • Изучите популярные технологии: AJAX, JSON и т.д.
  • Научитесь работать с Git и GitHub
  • Разберетесь, как работать с npm, Babel, Browserify, Webpack и т.д.
  • Узнаете, какой фрэймворк или библиотеку выбрать в дальнейшем и познакомитесь с React, Angular, Vue, Jquery

Программа курса:

1. Подготовка к работе

  • 1.1 О курсе. Как проходит обучение по курсу
  • 1.2 Подготовка к работе. Настройка рабочего пространства
  • 1.3 Как работать с JSHint

2. Основы JAVASCRIPT

  • 2.1 Подключение JS к странице и переменные
  • 2.2 Классификация типов данных в JavaScript
  • 2.3 Простое общение с пользователем
  • 2.4 Операторы в JS
  • 2.5 Учимся работать с системой контроля версий Git и с сервисом GitHub
  • 2.6 Как работать с GitHub с разных компьютеров. Gitignore и GitKraken
  • 2.7 Подготавливаем проект к дальнейшим урокам
  • 2.7 Тестирование
  • 2.7 Тестирование
  • 2.7 Тестирование
  • 2.8 Условия
  • 2.9 Циклы
  • 2.10 Практика. Пишем приложение. Часть 1
  • 2.10 Тестирование
  • 2.11 Функции
  • 2.12 Практика. Пишем приложение. Часть 2
  • 2.13 Callback-функции
  • 2.14 Объекты
  • 2.15 Массивы и псевдомассивы
  • 2.16 Объектно-ориентированное программирование (ООП)
  • 2.17 Практика. Пишем приложение. Часть 3
  • 2.17 Тестирование
  • 2.18 Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints
  • 2.19 Динамическая типизация в JS
  • 2.20 Задачи на понимание основ JS (с реальных собеседований)
  • 2.20 Тестирование
  • 2.21 Задачи на понимание основ JS (с реальных собеседований) - Разбор заданий
  • 2.22 Получение элементов со страницы
  • 2.23 Действия с элементами на странице
  • 2.24 Задание на отработку действий со страницей
  • 2.24 Тестирование
  • 2.25 Практика. Пишем приложение. Часть 4
  • 2.25 Тестирование
  • 2.26 События и их обработчики
  • 2.27 Практика. Пишем приложение. Часть 5
  • 2.27 Тестирование
  • 2.28 Бонус. События на мобильных устройствах и основы регулярных выражений

3. JAVASCRIPT в работе

  • 3.1 Скрипты и время их выполнения. setTimeout и setInterval
  • 3.2 Создаем табы на странице
  • 3.2 Тестирование
  • 3.3 Формируем портфолио на GitHub
  • 3.4 Параметры документа, окна и работа с ними
  • 3.5 Создаем таймер обратного отсчета на сайте
  • 3.5 Тестирование
  • 3.6 Конструкторы и классы
  • 3.7 Контекст вызова (this)
  • 3.8 Создаем модальное окно и работаем с this
  • 3.9 Стандарт ES6. Интерполяция
  • 3.10 ES6. let и const
  • 3.11 ES6. Стрелочные функции
  • 3.12 ES6. Параметры по умолчанию
  • 3.13 ES6. Классы
  • 3.14 ES6. Spread-операторы
  • 3.15 Работаем с проектом и практикуемся использовать ES6
  • 3.15 Тестирование

4. Продвинутый JAVASCRIPT

  • 4.1 JSON формат передачи данных
  • 4.2 AJAX
  • 4.3 Реализация скрипта отправки данных из формы
  • 4.4 ES6. Promise
  • 4.5 Используем промисы на реальных примерах
  • 4.6 Создаем слайдер на сайте
  • 4.7 Создаем калькулятор на сайте
  • 4.7 Тестирование
  • 4.8 Как сохранить данные без БД. Работа с localStorage
  • 4.9 Ошибки. Как избежать “поломки” своего кода
  • 4.10 Современные библиотеки и фрэймворки. JQuery, как устроена $
  • 4.11 Работаем с JQuery
  • 4.11 Тестирование
  • 4.12 Инкапсуляция. Прием модуль, как и зачем его использовать
  • 4.13 Настраиваем Webpack и собираем наш проект
  • 4.14 Сборка проектов при помощи Browserify
  • 4.15 Как превратить код ES6 в старый формат ES5. Babe, Babel-loader и полифиллы
  • 4.16 ES6. Модули
  • 4.17 Работаем с готовым кодом

5. Бонус. Дополнительные технологии

  • 5.1 React
  • 5.2 Написание тестов