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

5Premium

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

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

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

Курс состоит из 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 для начинающих
ВЕБ-разработчик 2020 - с нуля до результата!
Верстальщик 2020 - HTML 5, CSS 3, Bootstrap 4, JavaScript

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

План курса

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

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

свернуть все

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. Babel, Babel-loader и полифиллы15:28
  • 4.16 ES6. Модули04:37
  • 4.17 Работаем с готовым кодом18:47
5. Бонус. Дополнительные технологии
  • 5.1 React40:50
  • 5.2 Написание тестов23:01
Завершение курса - Получение Сертификата


Студенты также изучают

online_course
4.7
  • 10 видео
  • 21 заданий
  • 1 час
online_course
new
5
  • 65 видео
  • 24 часа
online_course
new
5
  • 28 видео
  • 14 часов
online_course
new
5
  • 97 видео
  • 34 часа
online_course
new
5
  • 84 видео
  • 27 часов
online_course
new
5
  • 65 видео
  • 10 часов

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

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

10.09.2021
Illia Sokolan

Спасибо автору за столь подробное и понятное объяснение темы. Иван, Вы очень хороший учитель! Так держать!

04.09.2021
Андрей

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

04.08.2021
Виталий Леон

Очень хороший курс, доступно, практично, актуально!!!

21.07.2021
Геннадий Холкин

Отличный курс. Все понятно разъясняется на практике. Спасибо автору!

12.07.2021
Алексей Гусев

Отличный большой курс для новичков! Понравилось как автор подготовил курс, разъяснения и ссылки на море материалов для ознакомления и изучения. Автору пожелание курс обновлять и расширять (еще можно столько всего).

08.07.2021
Нургиса Апбаз

Интересный курс показаны основные моменты в работе с JS.

30.06.2021
Alexey Konopatsky

Отличный курс для новичков в JS. Все довольно информативно и понятно, однако присутствуют некоторые "проблемные" моменты. Но в общем и целом курс отличный, Спасибо.

10.06.2021
Багдасар Айдинян

Очень понравилось. Было информативно и была интересная подача от куратора. Хорошо совместили кол-во практики и теории.

20.05.2021
Антон Коньяков

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

05.04.2021
Константин Гаращук

Курс отлично подходит, для обретения базовых знаний по js, спасибо!

28.02.2021
Lena Judina

Очень хороший, последовательный, понятный курс. У меня появилась надежда, что у меня может получиться. Единственное, туго с React, но урок был ознакомительным и, возможно, после дополнительного обучения я с ним подружусь. Курс рекомендую безоговорочно. Полезен, понятен, качественно сделан.

26.02.2021
Roma Sniezhok

Ваня - найкращий, доступно, легко, усе з практикою. 10 балів з 5 )

17.01.2021
Илья Аракчиев

Очень хороший курс. Узнал много нового!

30.12.2020
Вероника Акулова

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

28.12.2020
Чынгыз Акматов

Супер курс! Большое спасибо Ивану за такой труд

07.12.2020
Алексей Швецов

Курс для тех, кто уже знает HTML/CSS. Огромный объём информации! Лучше хороший карандаш, чем плохая память, поэтому вел конспект + выполнение верстки всех уроков. Все получилось и это классно! Теория и практика, все интересно и доходчиво! Спасибо!

04.12.2020
Арина Зайцева

Курс просто отличный. Иван - лектор-профессионал! Никаких лишних слов, всё по делу, четко и понятно. Спасибо.

01.12.2020
Дмитрий Князев

Курс отличный. Очень много материала, много информации. Все рассматривается на практических примерах. Спасибо!

29.11.2020
Дмитрий Красавин

Прекрасно, понятно и доходчиво всё объясняется на курсе, очень удобно и достаточно просто было учиться! Очень много нового узнал нового и закрепил имевшиеся знания, этот курс мне очень помог! Спасибо большое!

29.11.2020
Ljubov Fedotova

Спасибо, Иван. Очень продуманный курс. И хорошо объясняемый

28.10.2020
Юрий Селемин

Отличный курс! Подача информации доступна для начинающего. Много практических заданий, разборов. В конце новых тем всегда прикреплены ссылки на материалы по теме для более глубокого изучения. Отдельная благодарность Ивану Петриченко за понятное изложение тем. Это второй курс пройденный мной на beONmax и второй сертификат, результатами я доволен и буду продолжать обучение и развитие именно на этом курсе. Рекомендую всем кто решил сменить профессию в пользу IT.

21.10.2020
student_UbGeVOiC

Иван Петриченко - топчик, немножко сложно, но как вызов

19.10.2020
Александр Вяткин

Замечательный курс! Огромное спасибо!

09.10.2020
Герман Фаренбрух

Я теперь знаю JavaScript

01.10.2020
Екатерина Вашурина

Спасибо за курс! Очень познавательно, лично для меня было тяжеловато, но зато есть куда стремиться))

29.09.2020
Владимир Бекман

Курс хороший! Много практики и материалов к уроку (советую их читать).

27.09.2020
Oleg Shakhov

Отличный курс. Хорошее дополнение к курсу веб-разработчик 2020

14.09.2020
Нияз Ахметгариев

Отличный курс, учиться, учиться и еще раз учиться!

30.08.2020
Евгений Катухин

Отличный курс! Автору респект, постараюсь найти еще курсы Ивана.

12.08.2020
Столбовий Євген

Все круто доходчиво, коротко.) Спасибо за курс !

10.08.2020
student_YrLrZtDy

Спасибо за содержательный и полезный курс.

09.08.2020
Павел Рудометкин

Хороший курс.

06.08.2020
Михаил Мирошниченко

Очень хороший курс. После HTML и CSS сложно потому, что javascript это язык программирования. html css это разметка и стили. В итоге курс на 5.

31.07.2020
Гульзат Элебесова

Это самый лучший урок. Иван хорошо и досконально объясняет.

13.07.2020
Иван Глебов

Огонь!

27.06.2020
Evgeny Chernyak

Всё очень доходчиво. Отличные практические задания. Хотелось бы что бы исправили ошибку (В 72 уроке звук не совпадает с видео, это очень заметно после 11:10) Последние 10 уроков сложно дались, пересматривал несколько раз. Курс отличный. Всем советую

23.06.2020
Василий Водопьянов

Очень познавательный курс, много полезного матераила. Некоторые последние темы понял не до конца, но, думаю, практика поможет

07.06.2020
student_yTRi6lFw

Обучение курсу прошло в целом успешно. Понравилось, что курс достаточно развернутый. Более нигде не обучался. Результаты обучения оценить сложно, так как к практике еще не приступал. Новым ученикам рекомендовал бы некоторые вебинары просматривать по 2 раза для более полного усвоения материала.

30.05.2020
student_BvrFAYtY

Очень полезно и познавательно! Разобрался во многих аспектах!

18.05.2020
Михаил Мочалов

Все очень подробно и доходчиво. Что бы теперь написать на JS?

14.05.2020
Василий Калеев

С большим удовольствием прошёл курс JavaScript - полный курс с нуля до результата. Рекомендую как начинающим так и продвинутым разработчикам сайтов.

10.05.2020
Баир Бальжанов

Отлчино

29.04.2020
Олег Шихалев

Хороший и понятный курс. Довольно понятное объяснение и пояснение. Единственный косяк в том что в 72 уроке в середине видео голос убегает вперед картинки, из за этого сложно что то понять.

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

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

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

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

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

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

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

Всего заданий: 90

Видеоуроки: 48

Практические задания: 17

Тесты: 25


Продолжительность: ~19 часов

  • Jonathan Rise
    320 xp
    1
  • Коля Вербин
    260 xp
    2
  • Ольга Терентьева
    220 xp
    3
  • Ксения Шеф
    150 xp
    4
  • Артем Хорват
    130 xp
    5
  • У вас 0 XP за курс JavaScript - полный курс с нуля до результата!
    Включайся!