Курс JavaScript с нуля

Мова викладання в курсі — російська. Незабаром буде доступна українська версія цього курсу.

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

Освой самый популярный язык программирования — JavaScript и научись применять его на практике!

Чему вы научитесь

— Узнаешь основы программирования и алгоритмов
— Узнаешь основные концепции и принципы JavaScript, от самых простых до самых сложных
— Изучишь такие популярные технологии как AJAX, JSON и тд
— Научишься работать с Git и GitHub
— Научишься работать с npm, Babel, Browserify, Webpack и тд
— Узнаешь, какой фрэймворк или библиотеку выбрать в дальнейшем. Познакомишься с React, Angular, Vue, Jquery
— Бонус. Узнаешь основные концепции и напишешь свое приложение на React
— Закрепишь всё, что узнал на реальных проектах

Требования

— Базовые навыки HTML, CSS
— Любой текстовый редактор кода
— Желание выучить JavaScript

Описание

Этот видео курс направлен на подробное изучение JavaScript без воды, но главное — немедленное применение его на практике. Это значит, что вы получите материал для работы и мы вместе будем создавать реальные проекты шаг за шагом.

Для кого подойдет этот курс?

— Если вы ничего не знаете про программирование, но хотите начать
— Если вы новичок в JavaScript и хотите быстро его освоить и начать уже применять в работе
— Если вы начали своё обучение с JQuery или другого инструмента, но вам не хватает знаний основ

Что внутри курса?

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

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

Ну и, конечно, закрепим всё, что проходим на реальных проектах

Что такое JavaScript и почему его нужно учить уже сейчас?

JS — это язык интерактивности на веб-страницах. Без него сейчас не обходится ни один сайт в интернете. И даже больше! Используя различные фрэймворки, JavaScript заполоняет интернет: серверная сторона (Node.js), мобильные приложения (React Native, Ionic), виртуальная реальность (React VR) и так далее. Поэтому, если вы хотите пойти по одному из этих путей — нативный JS станет для вас просто необходимой базой.

Для кого этот курс:

— Для тех, кто желает выучить JS с нуля, понять, для чего он нужен и полностью освоить все темы в нем
— Для тех, кто хочет во время обучения применить знания на реальных проектах
— Для тех, кто хочет быть готовым к прохождению собеседования на позицию Front-End разработчика

Материалы курса

Все 48 лекций — 15:18:56
–
Подготовка к работе — 18:33
Как проходить данный курс — 02:56
Настройка рабочего пространства — 08:32
Как работать с JSHint — 07:05
–
Основы JavaScript — 4:47:03
Подключение JS к странице и переменные — 11:42
Классификация типов данных в JavaScript — 09:13
Простое общение с пользователем — 05:44
Операторы в JS — 10:46
Учимся работать с системой контроля версий Git и с сервисом GitHub 22:23

Как работать с GitHub с разных компьютеров, gitignore и Git Kraken — 15:52

Подготавливаем проект к дальнейшим урокам

Условия — 10:19
Циклы — 07:51
Практика. Пишем приложение. Часть 1

Функции — 20:09
Практика. Пишем приложение. Часть 2

Callback-функции — 04:57
Объекты — 08:59
Массивы и псевдомассивы — 21:35
Объектно Ориентированное Программирование (ООП) — 06:20
Практика. Пишем приложение. Часть 3

Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints. 09:20
Динамическая типизация в JS — 23:57
Задачи на понимание основ JS (с реальных собеседований)

Получение элементов со страницы — 13:11
Действия с элементами на странице — 27:11
Задание на отработку действий со страницей

Практика. Пишем приложение. Часть 4

События и их обработчики — 26:23
Практика. Пишем приложение. Часть 5

Бонус. События на мобильных устройствах и основы регулярных выражений — 31:11
–
JavaScript в работе02:06:50
Скрипты и время их выполнения. setTimeout и setInterval. 24:51
Создаем табы на странице

Формируем портфолио на GitHub — 09:10
Параметры документа, окна и работа с ними — 26:09
Создаем таймер обратного отсчета на сайте

Конструкторы и классы — 09:03
Контекст вызова (this) — 4:26
Создаем модальное окно и работаем с this

Стандарт ES6. Интерполяция — 06:09
ES6. let и const — 05:51
ES6. Стрелочные функции — 06:46
ES6. Параметры по умолчанию — 04:03
ES6. Классы — 04:49
ES6. Spread-операторы — 05:33
Работаем с проектом и практикуемся использовать ES6

–
Продвинутый JavaScript — 03:31:19
Локальные сервера 11:19
JSON формат передачи данных — 05:44
AJAX — 24:34
Реализация скрипта отправки данных из формы

ES6. Promise — 20:47
Используем промисы на реальных примерах

Создаем слайдер на сайте

Создаем калькулятор на сайте

Как сохранить данные без БД. Работа с localStorage — 17:34
Ошибки. Как избежать “поломки” своего кода — 11:18
Современные библиотеки и фрэймворки. JQuery, как устроена $ — 30:26
Работаем с JQuery

Инкапсуляция. Прием модуль, как и зачем его использовать — 21:46
Настраиваем Webpack и собираем наш проект — 25:57
Сборка проектов при помощи Browserify — 04:12
Как превратить код ES6 в старый формат ES5. Babe, Babel-loader и полифиллы. — 15:05
ES6 Модули — 04:13
Работаем с готовым кодом — 18:24
–
Бонус. Дополнительные технологии. — 01:03:03
React — 40:26
Написание тестов — 22:37