Stepik Супер курс по языку JavaScript
О курсе
Подробнее
В этом курсе мы будем изучать язык JavaScript. Научимся работать с элементами HTML страницы, обрабатывать события на языке JavaScript. Рассмотрим способы создания анимации, работу с регулярными выражениями и современными популярными библиотеками написанными на чистом JavaScript без каких либо зависимостей от сторонних библиотек или фреймворков.
После этого изучим работу с фреймворком Vue.js и библиотекой React.
! Все уроки и задания из этого курса полностью включены в комплексный курс "Frontend разработчик на HTML, CSS и JavaScript"
Требования
Что нужно для старта
- Если вы только начинаете свой путь разработчика, то лучше для начала пройти обучение по моему бесплатному курсу "Кайдзен разработка", где вы изучите основы HTML и CSS и немного JS.
Результат
Что вы получите
- Пользоваться редактором кода VS Code, работать в терминале (командной строке)
- Выучите язык программирования JavaScript начиная с основ программирования и заканчивая работой с динамическими элементами DOM
- Вы научитесь работать с различными событиями на JavaScript и изучите множество современных библиотек для создания слайдеров, галерей, меню и других интерактивных элементов
- Работать с фреймворком Vue.js и создавать свою игру используя изученные ранее языки и технологии, загружать её в VK
- Создавать проект React, работать с компонентами, добавлять статику и динамику, работать с свойствами и состояниями, добавлять стили, работать с формами.
Аудитория
Для кого этот курс
- 1. Для тех, кто только начинает свой путь в мире web-технологий и программирования.
- 2. Для тех, кто уже знает HTML и CSS, но хочет изучать что-то новое и более крутое.
- 3. Для тех, кто хочет получить востребованную и хорошо оплачиваемую профессию.
- 4. Для тех, кто хочет научиться создавать интерактивные графические интерфейсы для своих web-приложений.
Содержание
6 занятийПрограмма курса
№ТемаЧто внутри
01Основы языка JavaScript
- Введение в JavaScript. Работа с консолью разработчика, создание
- Строковый и логический тип данных
- Шаблонные строки, Случайные числа, Округление чисел
- Массивы
- Объекты
- Диалоговые окна, Условия, Тернарный оператор, Переключатель Swit
- Циклы (5 видов)
- Функции и решение 6 задач
- Работа с датой и временем
- Документация кода на JSDoc и Исключения
- Объектно-Ориентированное Программирование, Прототип, Конструктор
- Возможности ECMAScript 2015 (ES6)
- Задачи на JS, Часть 1
- Задачи на JS, Часть 2
- Задачи на JS, Часть 3
- Задачи на JS, Часть 4
02Работа с DOM деревом JavaScript
- Введение
- Выбор элемента DOM
- Атрибуты, Создание элементов
- Генерация вложенных списков
- Календарь
- Сортировка таблицы
- Часы
- Классы и метрики
- Таблица с журналами
- Номера из объекта
- Вывод карточек с сортировкой
- Вывод карточек людей
- Карточки с днями рождения
- Таймер с прогрессбаром
- Генератор имен
- Тест по JS, Часть 1
- Локальное хранилище (localStorage)
03Обработка события на JavaScript
- Обработчики событий
- Скрыть / Показать элемент
- Простой слайдер
- Тёмная тема
- Не jQuery
- Фазы события и Делегирование
- Счётчик
- Переключатель
- Удаление карточек
- Разворачиваемые подменю
- Сортировка таблицы
- Всплывающая подсказка
- Отмена стандартного поведения
- Сочетание клавиш
- Выделение через CTRL
- Range-Слайдер
- События клавиатуры
- Работа с формами
- Фокус и потеря фокуса
- Перемещение по стрелкам
- События форм и буфера обмена
- События страницы, async и defer скрипты
- Диапазон и Выделение
- Депозитный калькулятор
- Генератор CSS тени
- Тест по JS, Часть 2
- Тест по JS, Часть 3
- Система уведомлений
04Библиотеки JavaScript
- Работа с текстовыми файлами и FileReader
- Создание анимации на JS и CSS
- Регулярные выражения
- Библиотека list.js: Поиск и сортировка обычных списков
- Библиотека sweetalert2.js: Всплывающие модальные окна с иконками
- Библиотека popper.js: Всплывающие текстовые подсказки
- Библиотека baguetteBox.js: Галерея изображений
- Библиотека lightgallery.js: Галерея изображений
- Библиотека flatpickr.js: Календарь
- Библиотека cleave.js: Валидация форм
- Библиотека mixItUp3.js: Фильтрация элементов
- Тест по JS, Часть 4
- Тест по JS, Часть 5
- Библиотека swiper.js: Слайдер изображений
05Фреймворк Vue.js
- Что такое Vue
- Структура проекта
- Интерфейс игры
- Достижения в игре
- Экран с вопросами
- Экран с результатами
- Начало работы с Vue
- Обработка событий
- Циклы и методы
- Конец игры на Vue
- Вычисляемые свойства
- Звук на JavaScript
- Работа с Git и GitHub
- Приложение в VK
- Идеи для практики
- Изучаем Vue 3
- Условия и циклы
- Интерполяция
- Стили и классы
- События и формы
- Финальный проект
- Чат-бот + ДЗ
- Итоги модуля
06Основы React
- Начало работы с React
- Компоненты, статика
- Свойства, динамика
- Состояния, условия
- Стили и формы
- Итоги модуля
- Итоги курса
01Основы языка JavaScript
- Введение в JavaScript. Работа с консолью разработчика, создание
- Строковый и логический тип данных
- Шаблонные строки, Случайные числа, Округление чисел
- Массивы
- Объекты
- Диалоговые окна, Условия, Тернарный оператор, Переключатель Swit
- Циклы (5 видов)
- Функции и решение 6 задач
- Работа с датой и временем
- Документация кода на JSDoc и Исключения
- Объектно-Ориентированное Программирование, Прототип, Конструктор
- Возможности ECMAScript 2015 (ES6)
- Задачи на JS, Часть 1
- Задачи на JS, Часть 2
- Задачи на JS, Часть 3
- Задачи на JS, Часть 4
02Работа с DOM деревом JavaScript
- Введение
- Выбор элемента DOM
- Атрибуты, Создание элементов
- Генерация вложенных списков
- Календарь
- Сортировка таблицы
- Часы
- Классы и метрики
- Таблица с журналами
- Номера из объекта
- Вывод карточек с сортировкой
- Вывод карточек людей
- Карточки с днями рождения
- Таймер с прогрессбаром
- Генератор имен
- Тест по JS, Часть 1
- Локальное хранилище (localStorage)
03Обработка события на JavaScript
- Обработчики событий
- Скрыть / Показать элемент
- Простой слайдер
- Тёмная тема
- Не jQuery
- Фазы события и Делегирование
- Счётчик
- Переключатель
- Удаление карточек
- Разворачиваемые подменю
- Сортировка таблицы
- Всплывающая подсказка
- Отмена стандартного поведения
- Сочетание клавиш
- Выделение через CTRL
- Range-Слайдер
- События клавиатуры
- Работа с формами
- Фокус и потеря фокуса
- Перемещение по стрелкам
- События форм и буфера обмена
- События страницы, async и defer скрипты
- Диапазон и Выделение
- Депозитный калькулятор
- Генератор CSS тени
- Тест по JS, Часть 2
- Тест по JS, Часть 3
- Система уведомлений
04Библиотеки JavaScript
- Работа с текстовыми файлами и FileReader
- Создание анимации на JS и CSS
- Регулярные выражения
- Библиотека list.js: Поиск и сортировка обычных списков
- Библиотека sweetalert2.js: Всплывающие модальные окна с иконками
- Библиотека popper.js: Всплывающие текстовые подсказки
- Библиотека baguetteBox.js: Галерея изображений
- Библиотека lightgallery.js: Галерея изображений
- Библиотека flatpickr.js: Календарь
- Библиотека cleave.js: Валидация форм
- Библиотека mixItUp3.js: Фильтрация элементов
- Тест по JS, Часть 4
- Тест по JS, Часть 5
- Библиотека swiper.js: Слайдер изображений
05Фреймворк Vue.js
- Что такое Vue
- Структура проекта
- Интерфейс игры
- Достижения в игре
- Экран с вопросами
- Экран с результатами
- Начало работы с Vue
- Обработка событий
- Циклы и методы
- Конец игры на Vue
- Вычисляемые свойства
- Звук на JavaScript
- Работа с Git и GitHub
- Приложение в VK
- Идеи для практики
- Изучаем Vue 3
- Условия и циклы
- Интерполяция
- Стили и классы
- События и формы
- Финальный проект
- Чат-бот + ДЗ
- Итоги модуля
06Основы React
- Начало работы с React
- Компоненты, статика
- Свойства, динамика
- Состояния, условия
- Стили и формы
- Итоги модуля
- Итоги курса
Документ после выпуска
Stepik
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Супер курс по языку JavaScript» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 3 сентября 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
