Курс 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