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

Курс изучения JavaScript для начинающих — Онлайн обучение программированию на JavaScript

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

Начать обучение Регистрация

Начать обучение

Онлайн курс программирования JavaScript - с нуля до результата

Поделитесь страницей с друзьями

О курсе - Чему Вы научитесь?

Курс состоит из 2-х частей: базовый JavaScript с нуля для начинающих разработчиков и JS продвинутый для более опытных программистов.

Подробно изучите язык программирования JavaScript сразу с переходом в практику. Начнем с самых простых основных концепций и принципов JavaScript и шаг за шагом дойдем до самых сложных.

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

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

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

Разберетесь в задачах на понимание основ JS взятые с реальных собеседований для вакансии фронтенд-разработчик
Также научитесь работать в редакторе кода VS Code, установите и подключите все нужные плагины
Бонус. Узнаете основные концепции и напишите свое приложение на React. Научитесь писать автотесты

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

Для прохождения данного курса необходимы базовые знания и навыки HTML и CSS. Рекомендуем изучить наши базовые курсы
Основы HTML/CSS - верстка сайтов с нуля
Верстка сайтов на HTML/CSS для начинающих

Начать обучение

План курса

Программа обучения включает видео уроки по изучению JavaScript с нуля. Благодаря тестовым и практическим заданиям, Вы сможете закрепить полученные знания по JavaScript программированию на практике.

развернуть все

свернуть все

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

2. Основы JavaScript

2.1 Подключение JS к странице и переменные12:05
2.2 Классификация типов данных в JavaScript09:37
2.3 Простое общение с пользователем06:08
2.4 Операторы в JS11:10
2.5 Учимся работать с системой контроля версий Git и с сервисом GitHub22:46
2.6 Как работать с GitHub с разных компьютеров. Gitignore и GitKraken16:15
2.7 Подготавливаем проект к дальнейшим урокам20:00
2.7 Тестирование00:15
2.7 Тестирование00:15
2.7 Тестирование00:15
2.8 Условия10:43
2.9 Циклы08:14
2.10 Практика. Пишем приложение. Часть 114:40
2.10 Тестирование00:15
2.11 Функции20:32
2.12 Практика. Пишем приложение. Часть 212:14
2.13 Callback-функции05:21
2.14 Объекты09:24
2.15 Массивы и псевдомассивы21:58
2.16 Объектно-ориентированное программирование (ООП)06:44
2.17 Практика. Пишем приложение. Часть 312:56
2.17 Тестирование00:15
2.18 Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints09:44
2.19 Динамическая типизация в JS24:21
2.20 Задачи на понимание основ JS (с реальных собеседований)10:00
2.20 Тестирование00:30
2.20 Тестирование01:00
2.20 Тестирование01:00
2.20 Тестирование01:00
2.20 Тестирование01:00
2.20 Тестирование01:00
2.20 Тестирование01:00
2.20 Тестирование01:00
2.20 Тестирование00:30
2.20 Тестирование01:00
2.20 Тестирование00:30
2.20 Тестирование01:00
2.21 Задачи на понимание основ JS (с реальных собеседований) - Разбор заданий17:08
2.22 Получение элементов со страницы13:35
2.23 Действия с элементами на странице27:35
2.24 Задание на отработку действий со страницей35:00
2.24 Тестирование00:15
2.25 Практика. Пишем приложение. Часть 415:00
2.25 Тестирование00:15
2.26 События и их обработчики26:47
2.27 Практика. Пишем приложение. Часть 546:15
2.27 Тестирование00:15
2.28 Бонус. События на мобильных устройствах и основы регулярных выражений31:36

3. JavaScript в работе

3.1 Скрипты и время их выполнения. setTimeout и setInterval25:14
3.2 Создаем табы на странице19:02
3.2 Тестирование00:15
3.3 Формируем портфолио на GitHub09:33
3.4 Параметры документа, окна и работа с ними26:32
3.5 Создаем таймер обратного отсчета на сайте21:52
3.5 Тестирование00:15
3.6 Конструкторы и классы09:47
3.7 Контекст вызова (this)24:52
3.8 Создаем модальное окно и работаем с this07:05
3.9 Стандарт ES6. Интерполяция06:33
3.10 ES6. let и const06:17
3.11 ES6. Стрелочные функции07:15
3.12 ES6. Параметры по умолчанию04:27
3.13 ES6. Классы05:15
3.14 ES6. Spread-операторы05:58
3.15 Работаем с проектом и практикуемся использовать ES645:00
3.15 Тестирование00:15

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

4.1 JSON формат передачи данных06:08
4.2 AJAX25:02
4.3 Реализация скрипта отправки данных из формы23:04
4.4 ES6. Promise21:11
4.5 Используем промисы на реальных примерах 50:00
4.6 Создаем слайдер на сайте26:12
4.7 Создаем калькулятор на сайте15:54
4.7 Тестирование00:15
4.8 Как сохранить данные без БД. Работа с localStorage17:57
4.9 Ошибки. Как избежать “поломки” своего кода11:42
4.10 Современные библиотеки и фрэймворки. JQuery, как устроена $30:49
4.11 Работаем с JQuery30:00
4.11 Тестирование00:15
4.12 Инкапсуляция. Прием модуль, как и зачем его использовать22:10
4.13 Настраиваем Webpack и собираем наш проект26:21
4.14 Сборка проектов при помощи Browserify04:36
4.15 Как превратить код ES6 в старый формат ES5. Babe, Babel-loader и полифиллы15:28
4.16 ES6. Модули04:37
4.17 Работаем с готовым кодом18:47

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

5.1 React40:50
5.2 Написание тестов23:01

Завершение курса - Получение Сертификата

Отзывы студентов о курсе

Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса программирования на JavaScript для начинающих - с нуля до результата.

18.01.2020

Alex Bessmertnov

Обязательно, нарабатывайте практику самостоятельно после каждого пройденного урока. Учил с 0, честно с первого раза хорошо понял работу с DOM, остальное подтяну) спасибо за курс.

02.01.2020

Semen Dorofeev

Курс отличный. Объяснение понятно. Все рассказывается доступно с хорошими примерами. Пройдя данный курс появилось понимание в работе с JS. Что в дальнейшем облегчает самостоятельное наращивание опыта в решение задач Спасибо!

15.12.2019

Иван Рогожин

-весьма плодотворно, много нового узнал -дикция лектора, детальный разбор важных тем -это конечно зимняя акция и пунктуальность лектора, четко, грамотно и по делу, без специфической терминологии -понимание базы и куда двигаться дальше, не боюсь больше массивных строк кода, хочу уже устраиваться)) -один день одна лекция, все что касается продвинутого JS и далее, штудировать полезные ссылки под видеоуроками

08.12.2019

Лариса Лысоченко

Отличный курс! Большой объем информации, нужно практиковаться. Спасибо за ваши курсы.

28.11.2019

student_pjXkL82n

19.11.2019

student_cl_W4FpU

Курс очень хороший, но хотелось бы более глубокого разбора, особенно в таких темах как Promis, асинхронности, модули и анимации. Так же изучение например canvas. Курс хорош тем, что если уже обладаешь некоторыми знаниями, помогает их структурировать и упорядочить, а так же помогает понять те моменты, которые ранее упускались.

09.11.2019

Илья Бабушкин

Отличный курс! Спасибо.

24.10.2019

Кирилл Саленков

Отличный курс!

15.09.2019

Юрий Яровиков

Я пока не понял, каким образом можно совмещать разработку например на react и php. В курсе даются практические советы, что же лучше использовать, а не голая теория. Мне стал более менее понятен нативный js и как его использовать: как навешивать события и изменять html. Рекомендую не ограничиваться одним курсом, изучать больше и больше, если что-то непонятно - продолжать изучать, даже если кажется, что это "невозможно"

09.09.2019

Alexey

Норм курс.

19.08.2019

Евгений Катасонов

Лучший курс. Максимум информации. Сочетание теории и практики - это лучшее, на чем можно строить курс. Очень много полезных ссылок. Очень понятные объяснения. Хотелось бы еще курсов от данного преподавателя.

14.08.2019

Дмитрий Никитенко

классный курс

Начать обучение

Преподаватель

Иван Петриченко

О преподавателе курса

Практикующий frontend-разработчик и консультант
Более 3х лет профессионально занимается frontend-разработкой и создает сайты "под ключ". Обучает этому взрослых и детей, организовывает и проводит мероприятия. Проводит консалтинг и аудит сайтов.

"В моей копилке уже несколько организованных и записанных авторских онлайн курсов, я люблю помогать людям и делиться с ними знаниями.

Я фрилансер и очень люблю путешествовать и выступать на различных конференциях."