JavaScript Базовый

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

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

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

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

36 ч.

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

18 занятий

Начало курса

Старт ожидается

Курс входит в

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
Старт ожидается

Попробуй
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
Я узнал о CyberBionic Systematics от знакомого. Специальность заинтересовала меня возможностью разрабатывать что-то новое. Я приобрел много полезных навыков и знаний. Единственное: сложный материал для меня был в начале изучения Bootstrap. Тренер очень понравился: доходчиво и понятно объясняет.
photo
Евгений Петрушенко
Star Star Star Star Star
Учебный центр CyberBionic Systematics мне посоветовал друг сотрудника. Специальность FrontEnd меня заинтересовала тем, что она легче для понимания, чем BackEnd, и мне приятнее работать с визуальной составляющей (и наглядно видеть каждый этап разработки). Так как основы программирования я уже знал, легко дались первые 3-4 курса. Сложнее всего было, наверное, заставить себя делать домашние задания. Большое преимущество – наличие под рукой видео ресурса ITVDN, с которого я постоянно брал и конспектировал всю основную информацию. Без этого, скорее всего, было бы сложнее учиться. Навыки приобрел все те, над которыми была основная учеба и практика. Наш тренер, Мазяр Виталий – один из лучших. Доходчиво объясняет, всегда относится с пониманием, если что-то непонятно, всегда объяснит повторно, и даже сверхурочно. Для меня это едва ли не самый главный пункт, ради которого можно (и нужно!) выбирать очные курсы CyberBionic Systematics. Помощник тренера, Ксения, также прекрасный ментор, которая проверяла домашние задания (указывая нам на наши ошибки), а также вела основной менеджмент и организацию учеников. Я думаю, что специальность FrontEnd однозначно стоит выбирать даже тем людям, которые не слишком сильны в программировании, потому что прекрасные тренера объяснят и научат всем основам. Главное – учить все постепенно и структурированно, и брать всю специальность целиком, ведь это – основное преимущество курсов. Надеюсь, что перспективы по данной специальности будут для меня позитивные, потому что данная сфера будет актуальна 5-10 лет точно. Спасибо CyberBionic Systematics и ITVDN, что создали такую прекрасную возможность шаг за шагом выучить все то, что необходимо на современном IT-рынке.
photo
Олег Йовчик
Star Star Star Star Star
Начал обучение в марте. Frontend заинтересовал как один из самых легких курсов в программировании. К тому же Frontend – одна из самых востребованных специальностей. Материал курса, по моему мнению, абсолютно полный. Легко давался HTML, CSS, Bootstrap. Тяжелее JavaScript, TypeScript, Angular. Большой плюс, что есть видеокурсы, чтобы повторить материал. Тренер и его помощник во время курса отлично справились с задачей! Помогали с практикой как на занятиях, так и через Skype (в послеурочное время). Новичкам посоветовал бы брать курсы отдельно по разделам, чтобы более глубоко усвоить материал на практике (ведь курс Frontend обширный, много информации, но немного не хватает времени на усвоение). В перспективе для сея вижу освоение нескольких фреймворков (Vue.js, React).
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

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

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