Курс Практический JavaScript - продвинутый уровень

5Premium-PLUS

Курс направлен на практическое применение языка программирования JavaScript на реальных проектах. Используя реальное техническое задание, исходные файлы, на практике научитесь выполнять проекты до самого конца.
Каждый модуль - это отдельный проект в своё портфолио!

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

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

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

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

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

  • Создадите реальные и полноценные проекты, используя JavaScript, с начала и до конца
  • Закрепите всю теоретическую информацию
  • Узнаете новые подходы и как избегать ошибок
  • Создадите свою JavaScript UI библиотеку, которую можно использовать и расширять
  • Получите представление о различной архитектуре проектов
  • Изучите различные подходы выполнения проектов: объектно-ориентированный, императивный, прототипно-ориентированный и т.д.
  • Научитесь использовать самые современные возможности языка, при этом не забывая о поддержке старых браузеров
  • Разберётесь, как подстраиваться под самые разные требования технического задания (ТЗ) и пожелания заказчика

Все ссылки на ресурсы и дополнительные материалы для практики и ответы на практические домашние задания - предоставлены внутри курса.

Что такое JavaScript и почему его нужно освоить уже сейчас?

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

Для кого подойдет этот курс
  • Если у вас есть теоретические знания JavaScript, но не хватает практики
  • Если вы хотите поработать с реальными проектами, но пока без лишних проблем: общения с заказчиком, сроков и задач, которые вы не знаете как решить
  • Если вы хотите создать свою JavaScript библиотеку
Курс направлен исключительно на практику, но сложные и потенциально непонятные моменты дополнены и объяснены и с теоретической стороны.

Требования для прохождения курса
  • Желание получить реальный опыт разработки на JavaScript + расширить свое портфолио проектов
  • Хорошее владение языком программирования JavaScript
    Если у вас еще недостаточно знаний для прохождения данного курса, то на beONmax есть и первая часть, позволяющая получить все необходимые теоретические знания JavaScript для начинающих
    Рекомендуем Курс JavaScript - полный курс с нуля до результата!

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

План курса

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

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

свернуть все

Введение - О курсе Практический JavaScript - продвинутый уровень
1. Проект №1. Классический стиль
2. Проект №2. Объемный проект в классическом стиле
  • 2.1 Знакомство с проектом и работа с модальными окнами18:12
  • 2.2 "Ловим" скролл до конца страницы и модальное окно подарка18:25
  • 2.3 Работа со слайдерами на странице28:09
  • 2.4 Работаем с формами отправки данных39:55
  • 2.5 Создаем маску для номера телефона25:52
  • 2.6 Простая "подгрузка" элементов08:44
  • 2.7 Подгружаем элементы с сервера24:35
  • 2.8 Создаем калькулятор расчета общей суммы20:13
  • 2.9 Фильтрация элементов на странице16:45
  • 2.10 Замена изображений при наведении12:33
  • 2.11 Создаем аккордеон26:43
  • 2.12 Работаем с бургер-меню14:48
  • 2.13 Создаем плавный скролл на сайте41:51
  • 2.14 Реализация Drag & Drop загрузки изображений23:45
3. Проект №3. Многостраничный сайт и скрипты полностью в ООП стиле
  • 3.1 Знакомство с проектом и реализация главного слайдера28:08
  • 3.2 Всплывающий со временем блок08:53
  • 3.3 Создаем видеоплеер в модальном окне27:35
  • 3.4 Наследование классов. Создаем общий прототип слайдера и главные слайдеры12:44
  • 3.5 Реализация вторичных слайдеров (меньших размеров)39:45
  • 3.6 Реализация блока с различиями23:34
  • 3.7 Работаем с формами отправки данных26:29
  • 3.8 Многостраничность. Как избегать ошибок в коде11:30
  • 3.9 Главный слайдер второй страницы, всплытие событий11:08
  • 3.10 Создаем динамический видеоплеер31:13
  • 3.11 Функционал загрузки файлов, разворачивания контента и итоги проекта19:02
4. Создаем свою JavaScript UI библиотеку
  • 4.1 Введение04:33
  • 4.2 Сборка и архитектура проекта33:51
  • 4.3 Работа с css-классами и обработчиками событий22:43
  • 4.4 Создаем методы для работы с элементами. Часть 132:49
  • 4.5 Создаем методы для работы с элементами. Часть 214:11
  • 4.6 Создаем анимации fadeIn/fadeOut20:11
  • 4.7 Работа со стилями + создаем готовые компоненты кнопок для библиотеки42:57
  • 4.8 Создаем анимацию fadeToggle05:44
  • 4.9 Создаем Dropdown menu как готовый компонент24:39
  • 4.10 Создаем компоненты модального окна и карточки товаров30:50
  • 4.11 Динамическое создание модальных окон30:30
  • 4.12 Создаем компонент табов (вкладок)17:10
  • 4.13 Создаем компонент аккордеона15:51
  • 4.14 Создаем компонент слайдера43:07
  • 4.15 Создаем сервисы для работы с сервером08:31
  • 4.16 Проект только с использованием нашей библиотеки26:06
  • 4.17 Итоги02:41
5. Дополнительные материалы
  • 5.1 Настройка редактора кода VSCode12:53
  • 5.2 Как работать с JSHint10:58
  • 5.3 Локальные сервера11:44
  • 5.4 Как работать с сервером в JavaScript. Часть 132:05
  • 5.5 Как работать с сервером в JavaScript. Часть 220:24
  • 5.6 Как работать с сервером в JavaScript. Часть 326:46
  • 5.7 Создаем свою мини-библиотеку в ООП стиле. Часть 145:17
  • 5.8 Создаем свою мини-библиотеку в ООП стиле. Часть 224:40
  • 5.9 Пишем парсер на JavaScript20:41
  • 5.10 Разбор тестовых заданий: Формируем сценарий17:29
  • 5.11 Разбор тестовых заданий: Заполнение матрицы спиралью20:02
  • 5.12 Разбор тестовых заданий: Сортировка массива товаров21:52
Завершение курса - Получение Сертификата

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

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

online_course
4.7
  • 10 видео
  • 21 заданий
  • 1 час
online_course
new
5
  • 48 видео
  • 19 часов
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 - продвинутый уровень.

03.02.2023
Алексей Казека

Отличный курс! Один из лучших на этой платформе а может даже самый лучший)

22.11.2022
AlexIT

СУПЕР!

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

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

21.01.2022
Roma Sniezhok

Максимально зрозуміло, велике дякую! )

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

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

14.09.2021
Алла

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

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

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

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

Супер! Спасибо за курс!

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

Ценный курс. Не знаю, остались ли неохваченные темы по JS в этом курсе. Большой объем информации. Было интересно. Спасибо!

18.01.2021
Dmytro Urazovskyi

Очень хорошо и подробно все рассказано! Спасибо!

29.12.2020
Константин Мирошин

Это был полезный курс, для повторения, остро всплывающих вопросов и путей их решения...)))

21.12.2020
Dmitry Chaika

Курс огонь! Невероятное колличество практики. Узнал очень много нового. Лучший курс по js

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

Супер)

29.11.2020
Вадим Бида

На моё удивление это был невероятно полезный и крутой курс. Автор взял достаточно интересные проекты и показал как с ними работать на разных стилях JS, показал как создаются библиотеки и фреймворки, а так же добавил очень крутые дополнительные материалы. Единственное, вам надо иметь достаточную базу по JS, чтобы полностью ощутить всю мощь и полезность этого курса. Однозначно 5 звезд!

16.11.2020
Снежана Ашанина

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

07.11.2020
Sergey Melnikov

Great!!! Великолепно.

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

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

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

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

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

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

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

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


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