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

5

Основная цель курса - практика изучения 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
  • 59 видео
  • 21 час
online_course
new
4.9
  • 65 видео
  • 10 часов

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

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

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 уроке в середине видео голос убегает вперед картинки, из за этого сложно что то понять.

23.04.2020
Виталий Виноградов

Курс информативен, но я для меня, как для новичка, много материала оказалось не понятным и, соответственно, не усвоенным.

16.04.2020
Сергей Илюхин

Было очень сложно, по крайней мере для меня , но все равно - это не говорит о том что автор и сам курс не лучшие. Огромный респект!

07.04.2020
Александр Казимиров

Иван Петриченко, просто прирожденный преподаватель! Курс сложный, но очень информативный, наполненный и с бонусами, такими как React! Много информации, записывать нужно все и перечитывать весь дополнительный материал, что дается к уроку, тогда результат гарантирован!!!

03.04.2020
Manalachi Serghei

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

11.03.2020
Илья Росчихмаров

Спасибо за курс! Понятно и по делу.

29.02.2020
Oleh Zankiv

Очень спасибо за этот курс. Автор дал мне довольно обширные зания о js. Теперь просто нужно закреплять на практике.

18.02.2020
Mironshokh Jalolov

Nice

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

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

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

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

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

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

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

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

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

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

Тесты: 25


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

  • Максим Титок
    350 xp
    1
  • Ghost
    290 xp
    2
  • Лена Рожнова
    290 xp
    3
  • Дмитрий Овод
    290 xp
    4
  • Алексей Гусев
    280 xp
    5
  • У вас 0 XP за курс JavaScript - полный курс с нуля до результата!
    Включайся!