JavaScript Базовий

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

Цей курс для тебе, якщо ви:

• Початківці з базовими навичками роботи з 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 мне посоветовал друг сотрудника. Специальность FrontEnd меня заинтересовала тем, что она легче для понимания, чем BackEnd, и мне приятнее работать с визуальной составляющей (и наглядно видеть каждый этап разработки). Так как основы программирования я уже знал, легко дались первые 3-4 курса. Сложнее всего было, наверное, заставить себя делать домашние задания. Большое преимущество – наличие под рукой видео ресурса ITVDN, с которого я постоянно брал и конспектировал всю основную информацию. Без этого, скорее всего, было бы сложнее учиться. Навыки приобрел все те, над которыми была основная учеба и практика. Наш тренер, Мазяр Виталий – один из лучших. Доходчиво объясняет, всегда относится с пониманием, если что-то непонятно, всегда объяснит повторно, и даже сверхурочно. Для меня это едва ли не самый главный пункт, ради которого можно (и нужно!) выбирать очные курсы CyberBionic Systematics. Помощник тренера, Ксения, также прекрасный ментор, которая проверяла домашние задания (указывая нам на наши ошибки), а также вела основной менеджмент и организацию учеников. Я думаю, что специальность FrontEnd однозначно стоит выбирать даже тем людям, которые не слишком сильны в программировании, потому что прекрасные тренера объяснят и научат всем основам. Главное – учить все постепенно и структурированно, и брать всю специальность целиком, ведь это – основное преимущество курсов. Надеюсь, что перспективы по данной специальности будут для меня позитивные, потому что данная сфера будет актуальна 5-10 лет точно. Спасибо CyberBionic Systematics и ITVDN, что создали такую прекрасную возможность шаг за шагом выучить все то, что необходимо на современном IT-рынке.
photo
Марина Клерик
Star Star Star Star Star
Часто посещала сайт DOU.ua, заметила CyberBionic Systematics, и в этом году решила попробовать свои силы. Сам курс обучения хоть и слишком интенсивен, но сложен грамотно и доступно; при наличии времени можно досконально изучить специальность. Тренер Виталий Мазяр хорошо и доступно поясняет материал. Хорошая и благоприятная атмосфера способствует восприятию материала. Специальность FrontEnd очень интересна и разнообразна. В связи со слишком интенсивным графиком курсов сложно выполнять практику самостоятельно. В самой специальности открыла для себя много нового и полезного (хотя в университете и учила отчасти).
photo
Сергей Орловский
FrontEnd Developer
Star Star Star Star Star
О CyberBionic я узнал, когда в интернете интересовался разными IT компаниями, которые предоставляют обучение для разработчиков. Поскольку со сферой IT я, в принципе, никогда не был раньше знаком и это для меня было в новинку, помимо интернета, где в рейтингах CyberBionic Systematics был одним из первых, я еще расспрашивал у друзей, которые там обучались. Они отзывались об учебном центре, как о хорошем и оптимальном варианте. Я считаю, что веб-разработка — это то, с чем люди сталкиваются каждый день, то, что необходимо каждому, оно постоянно в интерактиве с пользователем и, на мой взгляд, это будет наиболее интересно. Предоставление услуг, которые будут активно развиваться в будущем. Поэтому я выбрал специальность Frontend Developer. В процессе обучения мне лично давались тяжело определенные библиотеки и шаблоны, но в целом остальное все было довольно просто. Тренер абсолютно подходит под все мои критерии, хоть их не так много, но самое главное – это то, что материал был четко изложен, всегда можно было задать вопрос, на это тратилось достаточное количество времени, объяснялось все полностью максимально понятно и медленно, если спросить. Из моего опыта, самое главное для каждого новичка, который будет разбирать основы специальности - распределить правильно свое время, потому что для того, чтобы все выучить и понять, необходимо знать теоретическую базу и, конечно же, необходима практика, потому что без этого невозможно будет самостоятельно что-то делать дальше. Я пока планирую пойти на стажировку в CyberBionic Systematics и в процессе подучиваться не только чему-то новому, но и непосредственно укреплять то, что я уже выучил с целью автоматизации своей работы, чтобы она была намного проще и быстрее.
icon

Відгуки з DOU

icon

Відгуки з Facebook

icon

Відгуки з Google

Вартість навчання

Оберіть свій формат

Групове навчання з тренером

3 заняття на тиждень

36 годин

Живі online заняття в групі

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

Або напишіть нам у месенджери:

Звʼяжемось з вами найближчим часом