Курс 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 программированию на практике.

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

свернуть все

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
Завершение курса - Получение Сертификата


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

online_course
JavaScript / jQuery
4.8
  • 10 видео
  • 21 заданий
  • 1 час
online_course
new
React JS для начинающих + Redux
5
  • 28 видео
  • 14 часов
online_course
new
ВЕБ-разработчик 2020 - с нуля до результата!
5
  • 68 видео
  • 23 часа
online_course
new
Верстальщик 2020 - HTML 5, CSS 3, Bootstrap 4, JavaScript
5
  • 59 видео
  • 21 час
online_course
new
Инструменты Веб-разработчика
4.8
  • 65 видео
  • 10 часов

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

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

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

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

10.08.2020
student_YrLrZtDy

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

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

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

06.08.2020
student_QtIdzvMg

Очень хороший курс. После 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

18.01.2020
Alex B

Обязательно, нарабатывайте практику самостоятельно после каждого пройденного урока. Учил с 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
Дмитрий Никитенко

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

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

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

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

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

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

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

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

КУРС включает

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

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

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

Тесты: 25


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

TOP 5 лидеров курса за месяц

  • Дима Смирнов
    350 xp
    1
  • Кирилл Катков
    330 xp
    2
  • Евгений Гуленко
    300 xp
    3
  • Maxim Furman
    300 xp
    4
  • Калашников Сергей Ал...
    290 xp
    5
    • У вас 0 XP за курс JavaScript - полный курс с нуля до результата!
    Включайся!

    Поделиться в соц. сетях