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

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

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

4.5/5 DOU

96% Facebook

4.6/5 Google

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

36 ч.

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

18 занятий

Начало курса

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

Курс входит в

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

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

Ваш путь

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

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

Поиск элементов и DOM дерево

• Понятие окружения в JavaScript
• DOM – Document Object Model
• BOM – Browser Object Model
• Поиск элементов в DOM, использование методов querySelector и querySelectorAll
• Типы узлов DOM дерева
• Основные свойства узлов DOM дерева
• Методы для навигации по узлам DOM дерева

Изменение DOM дерева. CSS стили

• Способы создания узлов в DOM дереве
• Вставка и удаления узлов
• Способы клонирования узлов DOM дерева
• Свойства и атрибуты элементов
• Методы для работы с атрибутами
• Работа с пользовательскими атрибутами data-*
• Использование CSS стилей, свойства className и classList
• Вычисленные стили и работа с ними

События. Часть 1

• Что такое событие
• Основные события
• Обработка событий через HTML атрибуты
• Обработка событий через свойства узлов DOM дерева
• Обработка событий с помощью метода AddEventListener

События. Часть 2

• Объект Event для получения дополнительных данных при обработке события
• События DOMContentLoaded и load
• Примеры обработки событий мыши
• Примеры обработки событий клавиатуры

События. Часть 3

• Фазы прохода события по DOM дереву
• Регистрация обработчика события на разные фазы
• Отмена выполнения действия по умолчанию связанного с событием
• Отмена всплытия или погружения события
• Примеры использования делегирования события при использовании метода addEventListener

Функции конструкторы

• Разница между функцией фабрикой и функцией конструктором
• Использование функций конструкторов
• Работа с прототипами
• Циклическая конструкция for/in
• Использование ключевого слова instanceof

Классы

• Понятие классов
• Использование ключевого слова class
• Конструкторы и методы классов
• Getter и setter
• Закрытые и открытые поля классов

Классы. Наследование

• Наследование классов в JavaScript
• Ключевое слово extends
• Работа с конструкторами в классах наследниках
• Использование ключевого слова super
• Переопределение методов
• Статические методы и свойства

Контекст функции

• Что такое контекст функции
• Смена контекста через методы apply, call и bind
• Планирование вызова функции, использование методов setTimeout и setInterval
• Контекст в стрелочных функциях
• Особенности использования контекста при использовании функций обратного вызова

Замыкания

• Глобальный объект и глобальные переменные, что такое globalThis
• Контекст выполнения
• Лексическое окружение
• Замыкания
• Примеры использования замыканий

Формы и элементы управления

• Тег form
• Способы получения формы и ее элементов через JavaScript код
• Примеры работы с основными элементами управления через JavaScript код

Проверка данных формы

• Обработка события submit
• События blur и focus
• События copy, paste и cut
• Встроенная проверка пользовательского ввода (HTML5 валидация)
• Добавление своей логики во встроенную проверку пользовательского ввода форм
• Основы работы с регулярными выражениями и примеры применения регулярных выражений для проверки пользовательского ввода
• Создание пользовательского сценария для проверки пользовательского ввода

Cookies и Web Storage

• Что такое cookies и как с ними работать в JavaScript
• Обзор Web Storage API
• Использование sessionStorage и localStorage
• Событие storage

Обработка исключений

• Что такое исключение
• Конструкция try catch
• Использование блока finally
• Использование ключевое слово throw
• Создание пользовательских исключений

Асинхронный код. Promise

• Что такое синхронный и асинхронный код
• Использование функций обратного вызова для организации асинхронного кода
• Использование Promise для асинхронного кода
• Цепочки promise
• Обработка исключений при работе с Promise
• Использование методов Promise API

Сетевые запросы

• Что такое HTTP
• Структура HTTP протокола, как выглядит запрос и ответ
• Использование метода fetch для отправки HTTP запроса через JavaScript код
• Настройка HTTP запроса при работе с методом fetch
• Отмена HTTP запроса, отправленного через метод fetch

Практическое занятие

Часть 1

Практическое занятие

Часть 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тестирование и сертификация ИТ специалистов проходит на нашей собственной платформе TestProvider.com

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

Каждый сертификат имеет серийный номер, работодатель может его проверить и убедиться в подлинности сертификата.

Хто проводить навчання

Твої тренери

Виталий Мазяр

Перейти до Linkedin

Web Frontend Developer. Тренер – консультант. Сертифицированный тренер Microsoft. Автор видео курсов на ITVDN

Богдан Мартыненко

Frontend Developer. Тренер – консультант

Алексей Татаренков

Перейти до Linkedin

FrontEnd Developer, тренер-консультант в CyberBionic Systematics

Алексей Кучеренко

Перейти до Linkedin

тренер-консультант направления FrontEnd at CyberBionic Systematics

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

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

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

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

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

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

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

Что говорят те, кто уже учился

Отзывы наших студентов

Олег Фещенко

Дізнався про курси від знайомого. Він же й порадив придивитись до спеціальності Frontend, оскільки сам вже довгий час працює фронтендщиком. Після відвідування сайту CyberBionic Systematics вагався недовго, і після коротких роздумів записався сюди на курси. Потрапив до непоганої групи до тренера Віталія Мазяра. Під час навчання особливих складнощів не виникало, оскільки тренер чудово пояснював весь матеріал. Крім того, в будь-який момент можна було написати Віталію, який відразу надавав пояснення і відповіді по всім запитанням, які виникали. В загальному, оцінюю отриманні знання, подачу матеріалу та спілкування з тренером на 12 з плюсом. Впевнений, що здобуті навички та знання мені знадобляться, щоб стати кваліфікованим Frontend-розробником.

Читать полностью

Подтверждено на CyberBionic Systematics

Олег Йовчик

Начал обучение в марте. Frontend заинтересовал как один из самых легких курсов в программировании. К тому же Frontend – одна из самых востребованных специальностей. Материал курса, по моему мнению, абсолютно полный. Легко давался HTML, CSS, Bootstrap. Тяжелее JavaScript, TypeScript, Angular. Большой плюс, что есть видеокурсы, чтобы повторить материал. Тренер и его помощник во время курса отлично справились с задачей! Помогали с практикой как на занятиях, так и через Skype (в послеурочное время). Новичкам посоветовал бы брать курсы отдельно по разделам, чтобы более глубоко усвоить материал на практике (ведь курс Frontend обширный, много информации, но немного не хватает времени на усвоение). В перспективе для сея вижу освоение нескольких фреймворков (Vue.js, React).

Читать полностью

Подтверждено на CyberBionic Systematics

Станислав Заклюгин

О курсах CyberBionic Systematics узнал через сайт DOU. Рассматривал несколько учебных центров и остановил свой выбор на ваших курсах. За свой выбор не жалею. Благодарен Анне Павлюк за помощь в изучении материала, за помощь в выполнении домашних заданий. Очень понравились видео уроки на сайте ITVDN. Достаточно доступно излагается материал. Относительно изучаемого материала хотелось бы сказать, что самое сложное было освоить TypeScript и Angular. Планирую и дальше изучать дополнительную информацию. Будущим студентам рекомендую уделять время на домашние задания и на самообучение в рамках материала урока.

Читать полностью

Подтверждено на CyberBionic Systematics

Отзывы с DOU

4.5/5

просмотреть все

Отзывы с Facebook

96%

просмотреть все

Отзывы с Google

4.6/5

просмотреть все

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

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

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

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

36 часов

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

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

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

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

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

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

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

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

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

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

259

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

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

7 платежей

7 платежей

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

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

36 часов

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

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

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

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

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

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

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

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

130

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

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

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

7 платежей

Консультация

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

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

0 800 337 146

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

Viber

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

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

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

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

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

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

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

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

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

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

Твої тренери

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

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

Отзывы с DOU

Отзывы с Facebook

Отзывы с Google

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

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

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

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

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

Записаться на курс

Спасибо

Спасибо

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

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

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

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

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

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

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

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

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

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

Твої тренери

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

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

Отзывы с DOU

Отзывы с Facebook

Отзывы с Google

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

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

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

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

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

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