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

5

Курс направлен на практическое применение языка программирования 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.8
  • 10 видео
  • 21 заданий
  • 1 час
online_course
new
5
  • 48 видео
  • 19 часов
online_course
new
5
  • 28 видео
  • 14 часов
online_course
new
5
  • 68 видео
  • 23 часа
online_course
new
5
  • 59 видео
  • 21 час
online_course
new
4.9
  • 65 видео
  • 10 часов

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

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

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

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

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

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

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

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

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

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


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