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

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

Получите +3 проекта в личное портфолио

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

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

План курса

Программа обучения включает видео уроки по изучению 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 для начинающих - с нуля до результата.

23.11.2023
Артём Ким

Уже сроднился с Иваном Петриченко. Практики много обьяснения понятные, определенно стоит каждой копейки

22.11.2023
Kateryna Lysenko

Очень детально и много полезных технологий

15.11.2023
Даниил Щетников

Дает хорошую теоретическую базу!

20.06.2023
Дмитрий Трофимов

Не достаточно практики по последним модулям продвинутого JS. Что за технологии - понятно. А где применяются, когда и как - недостаточно информации. А так, все Здорово! Спасибо за курс!

14.06.2023
Марат Тухтаров

Все супер!

21.05.2023
Ильфир Галиахметов

Всё отлично

19.05.2023
student_R3udPQg_

Много упражнений, понятные объяснения. Как всегда на высоте!

26.04.2023
Ирина

Хороший курс, но много ещё предстоит самому учить и разбираться. И это нормально.

14.04.2023
Анна Дубровина

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

07.03.2023
Илья Новиков

Иван информативно, все рассказывает, не понимал некоторых вещей, не пожалел, что приобрел премиум! В некоторых уроках тайминги есть 50 мин, но нет видео, это время, которое дается на выполнение задание просто?

06.03.2023
Александр Листопад

Все супер! Конечно, некоторые уроки надо закрепить на практике, но объяснение JS на уровне!

28.02.2023
Олег Демичев

Потрясающий и информативный курс! Спасибо большое Ивану!

16.02.2023
Митрофан Потапович

крутой курс. я, наверное, буду покупать дом практику на js.

21.01.2023
Денис Рамилевич

Обучение проходит легко. Больше всего понравилось простота объяснений. Я получил несколько проектов, основы.

08.01.2023
Иван Артемов

курс весьма информативный и полезный и стоит своей цены!

02.01.2023
Никита Самойлов

Отличный курс. Много практики.

30.09.2022
Василий Козин-Поздня...

Все супер!!

15.08.2022
Артем Вершинин

Отличный, очень подробный курс!

04.08.2022
Алексей

Очень круто! Всё понравилось!

22.07.2022
Дмитрий Мещеряков

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

17.07.2022
Елена Гох

Курс отличный!

14.06.2022
Константин Егоров

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

09.06.2022
Руслан Никитченко

Второй курс от Ивана, очень понятно объясняет, спасибо большое!

11.05.2022
Пётр Колосов

Мне всё понравилось, только было непонятно, зачем 90-ый урок был. Вообще непонятный. А так 10 звёзд из 5)) Мне особенно понравилось, что есть тестирования знаний. Но, хотелось бы ещё интерактивных заданий побольше.

02.05.2022
Руслан Замураев

Отличный курс! Всем советую!

13.04.2022
student_l8RqYdRs

легкая подача информации, хорошо объясняется материал. Спасибо!

05.04.2022
Николай Николаев

Очень интересно. Объем информации большой, но для полного изучения надо дополнительно ещё читать/изучать книги по JS. Кантор, Флэнеган, Фримен и т.д. Ваши курсы дают импульс для изучения, а это главное. Спасибо

22.03.2022
Arman Aisenov

Обучение прошло интересно! Открыл для себя новые детали в языке JS. Материал объясняется на простом, доступном языке. Информативность - много знаний получил за относительно небольшой срок. Я понимал, что у меня слабые познания по чистому JS, и пройдя курс, теперь владею им на более высоком уровне экспертности. Удалить перфекционизм, не беспокоиться из-за того, что что-то не получается сделать или что-то не поняли.

22.03.2022
Елизавета Зеленова

Отличный курс. Все очень понятно и доступно даже для самых новичков

06.03.2022
Илья Гайворонский

Всё очень понравилось

13.02.2022
Perishte Ismailova

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

31.01.2022
Алена Инденко

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

11.01.2022
Артём Чугунников

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

06.01.2022
Тарас Дмитрик

Курс проходив, щоб впорядкувати знання, так як до того вивчав все в міру потреби. Не знаю як для тих хто вчить з нуля, але мені все було зрозуміло і корисно) дякую!

23.12.2021
Вячеслав Демченко

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

15.12.2021
Сергей

Хороший курс для новичков JavaScript, в курсе описано где лежит основная информация + как с ней работать разобрано на практике. Хотелось бы практическое дз к каждому уроку, но за те что были и всё равно спасибо :)

01.11.2021
Olga Pushkar

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

12.10.2021
Yunna Zobova

Очень доходчиво объяснено, спасибо!

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 )

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

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

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

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

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

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

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

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

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

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

Тесты: 25


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

  • Никита Гудков'
    290 xp
    1
  • Александр Евстифеев
    40 xp
    2
  • Alexander Ivannikov
    30 xp
    3
  • Кирилл Дмитриев
    20 xp
    4
  • Владимир Подольский
    10 xp
    5
  • У вас 0 XP за курс JavaScript - полный курс с нуля до результата!
    Включайся!