JavaScript Базовый

Курс JavaScript Базовый

Этот курс для тебя, если вы:

• Начинающие c базовыми навыками работы с JavaScript.
• Студенты, прошедшие курс JavaScript Стартовый
• Разработчики с небольшим опытом в программировании на других языках.
• Тестировщики.

Продолжительность

36 ч.

Количество занятий

18 занятий

Начало курса

25 июня

Расписание занятий

3 раза в неделю (19:00-21:00)

Курс входит в

FrontEnd Разработчик + AI Skills, Full-stack. Node.js Разработчик + AI Skills

Наши выпускники работают в

Ваш путь

Программа курса

Каждое занятие – это живой онлайн-урок с практическими задачами и обратной связью.

01
Поиск элементов и DOM дерево
• Понятие окружения в JavaScript
• DOM – Document Object Model
• BOM – Browser Object Model
• Поиск элементов в DOM, использование методов querySelector и querySelectorAll
• Типы узлов DOM дерева
• Основные свойства узлов DOM дерева
• Методы для навигации по узлам DOM дерева
02
Изменение DOM дерева. CSS стили
• Способы создания узлов в DOM дереве
• Вставка и удаления узлов
• Способы клонирования узлов DOM дерева
• Свойства и атрибуты элементов
• Методы для работы с атрибутами
• Работа с пользовательскими атрибутами data-*
• Использование CSS стилей, свойства className и classList
• Вычисленные стили и работа с ними
03
События. Часть 1
• Что такое событие
• Основные события
• Обработка событий через HTML атрибуты
• Обработка событий через свойства узлов DOM дерева
• Обработка событий с помощью метода AddEventListener
04
События. Часть 2
• Объект Event для получения дополнительных данных при обработке события
• События DOMContentLoaded и load
• Примеры обработки событий мыши
• Примеры обработки событий клавиатуры
05
События. Часть 3
• Фазы прохода события по DOM дереву
• Регистрация обработчика события на разные фазы
• Отмена выполнения действия по умолчанию связанного с событием
• Отмена всплытия или погружения события
• Примеры использования делегирования события при использовании метода addEventListener
06
Функции конструкторы
• Разница между функцией фабрикой и функцией конструктором
• Использование функций конструкторов
• Работа с прототипами
• Циклическая конструкция for/in
• Использование ключевого слова instanceof
07
Классы
• Понятие классов
• Использование ключевого слова class
• Конструкторы и методы классов
• Getter и setter
• Закрытые и открытые поля классов
08
Классы. Наследование
• Наследование классов в JavaScript
• Ключевое слово extends
• Работа с конструкторами в классах наследниках
• Использование ключевого слова super
• Переопределение методов
• Статические методы и свойства
09
Контекст функции
• Что такое контекст функции
• Смена контекста через методы apply, call и bind
• Планирование вызова функции, использование методов setTimeout и setInterval
• Контекст в стрелочных функциях
• Особенности использования контекста при использовании функций обратного вызова
10
Замыкания
• Глобальный объект и глобальные переменные, что такое globalThis
• Контекст выполнения
• Лексическое окружение
• Замыкания
• Примеры использования замыканий
11
Формы и элементы управления
• Тег form
• Способы получения формы и ее элементов через JavaScript код
• Примеры работы с основными элементами управления через JavaScript код
12
Проверка данных формы
• Обработка события submit
• События blur и focus
• События copy, paste и cut
• Встроенная проверка пользовательского ввода (HTML5 валидация)
• Добавление своей логики во встроенную проверку пользовательского ввода форм
• Основы работы с регулярными выражениями и примеры применения регулярных выражений для проверки пользовательского ввода
• Создание пользовательского сценария для проверки пользовательского ввода
13
Cookies и Web Storage
• Что такое cookies и как с ними работать в JavaScript
• Обзор Web Storage API
• Использование sessionStorage и localStorage
• Событие storage
14
Обработка исключений
• Что такое исключение
• Конструкция try catch
• Использование блока finally
• Использование ключевое слово throw
• Создание пользовательских исключений
15
Асинхронный код. Promise
• Что такое синхронный и асинхронный код
• Использование функций обратного вызова для организации асинхронного кода
• Использование Promise для асинхронного кода
• Цепочки promise
• Обработка исключений при работе с Promise
• Использование методов Promise API
16
Сетевые запросы
• Что такое HTTP
• Структура HTTP протокола, как выглядит запрос и ответ
• Использование метода fetch для отправки HTTP запроса через JavaScript код
• Настройка HTTP запроса при работе с методом fetch
• Отмена HTTP запроса, отправленного через метод fetch
17
Практическое занятие
Часть 1
18
Практическое занятие
Часть 2
Навыки после курса

По завершению курса вы будете уметь

Check

Работать с DOM деревом, находить элементы, создавать, удалять и менять состояние существующим элементам

Check

Работать с стилями через JavaScript код

Check

Использовать события, применять технику делегирования событий работая с разными фазами события (Capture Phase и Bubble Phase)

Check

Использовать HTML template и шаблонизатор mustache.js

Check

Работать с функциями конструкторами и прототипами

Check

Использовать классы и наследование классов, понимать принципы объектно-ориентированного подхода при разработке на JavaScript

Check

Работать с функциями и использовать замыкания – понимать, что такое лексическое окружение, контекст.

Check

Работать с формами и проверять данные веденные в формы

Check

Работать с данными на стороне клиента используя cookies и Web Storage

Check

Обрабатывать исключения и создавать пользовательские исключения

Check

Организовывать асинхронный код с помощью функций обратного вызова и Promise

Check

Создавать сетевые запросы с помощью метода fetch
Старт 25 июня 2026

Попробуй
JavaScript Базовый бесплатно

Первое полноценное занятие с тренером.

Как проходит обучение

Просто и понятно

Структура занятия

120 минут

Теория

Разбор кода

Q&A

Теория – 60 минут

Разбор кода – 45 минут

Q&A сессия - 10 минут

Когда проходят занятия

Группа 1

Группа 2

ПН

ВТ

СР

ЧТ

ПТ

СБ

ВС

19:00 - 21:00

Живое занятие с тренером

Задавай вопрос в реальном времени

1

Живые онлайн занятия с тренером

Занятия группы проходят онлайн. Это эффективное живое общение. Все уроки записываются и доступны для просмотра.

2

Выполнение домашних заданий

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

3

Проверка ДЗ и фидбек

Все работы студентов проверяются по каждому заданию предоставляется фидбек с оценкой и рекомендациями.

4

Тестирование и сертификация

После завершения курса студенты сдают финальный тест и получают сертификат, подтверждающий уровень знаний.

Сертификация

Подтверди свои знания

Именный сертификат по окончании курса

После завершения курса и прохождения тестирования вы получите именной сертификат от CyberBionic Systematics и TestProvider.com — платформы, признанной ведущими IT-компаниями Украины

Тестирование и сертификация ИТ специалистов проходит на нашей собственной платформе TestProvider.com
Вы получаете заверенный сертификат от CyberBionic Systematics, подтверждающий уровень ваших знаний и увеличивающий шансы на успешное трудоустройство.
Каждый сертификат имеет серийный номер, работодатель может его проверить и убедиться в подлинности сертификата.
Certificate
Хто проводить навчання

Твої тренери

Запис відкритий

Готов начать обучение?

Отправляй заявку и зафиксируй свою скидку на обучение

Уточнено детали и зарезервировано место

Получишь первый урок бесплатно

Почнеш кар'єру в ІТ

Зарезервировать место

Оставь контакты - мы позвоним и расскажем детали

Отзывы студентов
Что говорят те, кто уже учился
Отзывы наших студентов
photo
Максим Мищенко
Star Star Star Star Star
ITVDN – прекрасный ресурс, который помог мне вникнуть в тему веб-разработки. В Учебном центре работают приятные и отзывчивые тренеры, которым в любой момент можно задать вопрос, и они с удовольствием помогут. Мне очень понравилось обучение здесь, могу с уверенностью сказать, что рекомендую учебный центр CyberBionic Systematics.
photo
Богдан Карзюк
Star Star Star Star Star
Отличный курс. Всё четко и по делу. Никакой лишней информации. Прекрасные менторы и сам центр. Всем советую.
photo
Александра Бондарь
Star Star Star Star Star
Выбрала учебный центр, так как было удобно добираться на метро. Также понравилась программа по специальности FrontEnd Developer. Программа курса очень хорошо стректурирована: начиналось все с легкого - HTML и CSS, и постепенно усложнялось до Angular. Если что было не понятно, все можно пересмотреть в видео уроках ITVDN. Главное – не останавливаться, со временем все непонятное становится яснее. Спасибо тренеру Елене Хижняк и ментору Ксении. Елена – очень хороший тренер, объясняла материал максимально доступно, по нескольку раз, отвечала на все вопросы. Ксения всегда проверяла домашние задания и давала полезные советы, указывала на ошибки. Однозначно рекомендую курсы CyberBionic Systematics, так как они помогут освоить новую специальность, в моем случае FrontEnd, максимально быстро и эффективно, также рекомендую смотреть видео на ITVDN.
icon

Отзывы с DOU

icon

Отзывы с Facebook

icon

Отзывы с Google

Стоимость обучения

Выберите формат

Групповое обучение с тренером

3 занятия в неделю

36 часов

Живые онлайн-занятия в группе

36 ч. / 18 занятий с тренером

Видеозапись занятий навсегда

Проверка домашних заданий и фидбек

1 мес. доступа к видеокурсам ITVDN

Чат курса с поддержкой тренера

Доступ к системе LMS

Профессиональный софт от JETBRAINS

Онлайн-тестирование и сертификат

Видеокурс ITVDN в подарок

259

или × 7 платежей

Купить сейчас

Оплата частями

Monobank

7 платежей
PrivatBank

7 платежей

Видеолекции с поддержкой

1 вебинар в неделю

36 часов

3 мес. доступа к видеолекциям

36 ч. видео / 12 ч. с тренером

Видеозаписи вебинаров навсегда

Проверка домашних заданий и фидбек

Чат курса с поддержкой тренера

Доступ к системе LMS

Профессиональный софт от JETBRAINS

Онлайн-тестирование и сертификат

130

или × 7 платежей

Купить сейчас

Оплата частями

Monobank

7 платежей
PrivatBank

7 платежей
Консультация

Остались вопросы?

Подскажем с чего начать, какую специальность выбрать и как найти первую работу в IT.

Phone

0 800 337 146

Или напишите нам в мессенджеры:

Свяжемся с вами в ближайшее время