JavaScript Базовий

JavaScript Базовий

Для кого цей курс

• Початківці з базовими навичками роботи з JavaScript.
• Студенти, які пройшли курс JavaScript Стартовий
• Розробники з невеликим досвідом в програмуванні іншими мовами.
• Тестувальники

Попередні вимоги

• Знання базового синтаксису JavaScript (проходження курсу JavaScript Стартовий)
• Знання HTML та основних CSS властивостей і CSS селекторів
Duration

Тривалість

36 год.
Count

Кількість уроків

18 занять
Price

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

259
Included

Курс входить до

Спеціальності FrontEnd Розробник + AI Skills, Full-stack. Node.js Розробник + AI Skills

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

1
Пошук елементів та DOM дерево
• Поняття оточення в JavaScript
• DOM - Document Object Model
• BOM - Browser Object Model
• Пошук елементів у DOM, використання методів querySelector і querySelectorAll
• Типи вузлів DOM дерева
• Основні властивості вузлів DOM дерева
• Методи для навігації вузлами DOM дерева
2
Зміна DOM дерева. CSS стилі
• Способи створення вузлів в DOM дереві
• Вставка і видалення вузлів
• Способи клонування вузлів DOM дерева
• Властивості і атрибути елементів
• Методи для роботи з атрибутами
• Робота з одними атрибутами data- *
• Використання CSS стилів, властивості className і classList
• Обчислені стилі і робота з ними
3
Події. Частина 1
• Що таке подія
• Основні події
• Обробка подій через HTML атрибути
• Обробка подій через властивості вузлів DOM дерева
• Обробка подій за допомогою методу AddEventListener
4
Події. Частина 2
• Об'єкт Event для отримання додаткових даних при обробці події
• Події DOMContentLoaded і load
• Приклади обробки подій миші
• Приклади обробки подій клавіатури
5
Події. Частина 3
• Фази проходу події DOM деревом
• Реєстрація обробника події на різні фази
• Скасування виконання дії, за замовчуванням пов'язаної з подією
• Скасування спливання або занурення події
• Приклади використання делегування події при використанні методу addEventListener
6
Функції-конструктори
• Різниця між функцією-фабрикою і функцією-конструктором
• Використання функцій-конструкторів
• Робота з прототипами
• Циклічна конструкція for / in
• Використання ключового слова instanceof
7
Класи
• Поняття класів
• Використання ключового слова class
• Конструктори і методи класів
• Getter і setter
• Закриті та відкриті поля класів
8
Класи. Наслідування
• Наслідування класів в JavaScript
• Ключове слово extends
• Робота з конструкторами в класах-спадкоємцях
• Використання ключового слова super
• Перевизначення методів
• Статичні методи і властивості
9
Контекст функції
• Що таке контекст функції
• Зміна контексту через методи 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

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

1

Працювати з DOM деревом, знаходити елементи, створювати, видаляти і змінювати стан існуючих елементів

2

Працювати зі стилями через JavaScript код

3

Використовувати події, застосовувати техніку делегування подій, працюючи з різними фазами події (Capture Phase і Bubble Phase)

4

Використовувати HTML template і шаблонізатор mustache.js

5

Працювати з функціями-конструкторами і прототипами

6

Використовувати класи і наслідування класів, розуміти принципи об'єктно-орієнтованого підходу при розробці на JavaScript

7

Працювати з функціями і використовувати замикання - розуміти, що таке лексичне оточення, контекст

8

Працювати з формами і перевіряти дані, уведені до форми

9

Працювати з даними на стороні клієнта, використовуючи cookies і Web Storage

10

Обробляти виключення і створювати користувацькі виключення

11

Організовувати асинхронний код за допомогою функцій зворотного виклику і Promise

12

Створювати мережеві запити за допомогою методу fetch

Спробуй безкоштовно

Повноцінне заняття з тренером

Що входить до курсу

36 годин живого навчання з тренером

Практичні заняття та перевірка ДЗ 

Спілкування з групою

Підтримка ментора та асистента

Тестування та Сертифікат

Відео курс від ITVDN

Як відбувається навчання

1 Arrow

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

Заняття групи проходять онлайн. Це ефективне живе спілкування. Всі уроки записуються і доступні для повторного перегляду.
2 Arrow

Виконання
домашніх завдань

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

Перевірка ДЗ
та фідбек

Усі роботи студентів перевіряються
і по кожному завданню надається фідбек з оцінкою та рекомендаціями.
4

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

Після кожного модуля програми студенти проходять тестування
і отримують сертифікати, які підтверджують рівень знань.

Сертифікат після закінчення курсу

Certificate

Сертифікат після закінчення курсу

Icon Тестування та сертифікація ІТ фахівців проходить на нашій власній платформі TestProvider.com
Icon Ви отримуєте завірений сертифікат від CyberBionic Systematics, який підтверджує рівень ваших знань та збільшує шанси на успішне працевлаштування.
Icon Кожен сертифікат має серійний номер, роботодавець може його перевірити та переконатися у справжності сертифіката.

Готовий
почати навчання?

Відправляй заявку та зафіксуй свою знижку на навчання

Викладачі курсу

Відгуки наших студентів
icon

Відгуки з DOU

icon

Відгуки з Facebook

icon

Відгуки з Google

photo
Сергей Орловский
FrontEnd Developer
О CyberBionic я узнал, когда в интернете интересовался разными IT компаниями, которые предоставляют обучение для разработчиков. Поскольку со сферой IT я, в принципе, никогда не был раньше знаком и это для меня было в новинку, помимо интернета, где в рейтингах CyberBionic Systematics был одним из первых, я еще расспрашивал у друзей, которые там обучались. Они отзывались об учебном центре, как о хорошем и оптимальном варианте. Я считаю, что веб-разработка — это то, с чем люди сталкиваются каждый день, то, что необходимо каждому, оно постоянно в интерактиве с пользователем и, на мой взгляд, это будет наиболее интересно. Предоставление услуг, которые будут активно развиваться в будущем. Поэтому я выбрал специальность Frontend Developer. В процессе обучения мне лично давались тяжело определенные библиотеки и шаблоны, но в целом остальное все было довольно просто. Тренер абсолютно подходит под все мои критерии, хоть их не так много, но самое главное – это то, что материал был четко изложен, всегда можно было задать вопрос, на это тратилось достаточное количество времени, объяснялось все полностью максимально понятно и медленно, если спросить. Из моего опыта, самое главное для каждого новичка, который будет разбирать основы специальности - распределить правильно свое время, потому что для того, чтобы все выучить и понять, необходимо знать теоретическую базу и, конечно же, необходима практика, потому что без этого невозможно будет самостоятельно что-то делать дальше. Я пока планирую пойти на стажировку в CyberBionic Systematics и в процессе подучиваться не только чему-то новому, но и непосредственно укреплять то, что я уже выучил с целью автоматизации своей работы, чтобы она была намного проще и быстрее.

показати весь

photo
Дмитрий Беляев
.NET Developer
Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.

показати весь

photo
Мирослав Рогаченко
Спасибо CyberBionic Systematics за интенсивное и интересное обучение, за постоянную поддержку со стороны тренеров и ментора. Курс был насыщен полезной и актуальной информацией, для себя узнал много нового и разобрался со сложными вещами, которые нелегко воспринимались.

показати весь

Компанії, в яких працюють наші студенти
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work

Залишилися питання?

Підкажемо, з чого почати, яку спеціальність обрати і як знайти першу роботу.

Image

Про курс JavaScript Базовий

Вивчення курсу JavaScript Базовий передбачає наявність початкових знань і умінь, які відповідають програмі курсу JavaScript Стартовий. На курсі JavaScript Базовий ви зможете детально вивчити семантику та особливості роботи з конструкціями мови JavaScript. Протягом 18 занять ви опануєте головні принципи використання цієї мови при побудові користувацьких інтерфейсів і при створенні сценаріїв, які використовують об'єктно-орієнтовані техніки та функціональні підходи. Цей курс стане фундаментом для подальшого вивчення бібліотек і фреймворків, що базуються на мові JavaScript. Останні 2 заняття будуть присвячені виключно практиці для надійного закріплення пройденого матеріалу. Успішно завершивши навчання на даному курсі, вам набагато легше буде зрозуміти і почати використовувати такий фреймворк, як Angular, або бібліотеку React.
В курсі можна виділити декілька головних тем:
• Робота з DOM
• Обробка подій
• Об'єктно-орієнтоване програмування, класи та наслідування
• Поглиблене вивчення функцій - контекст, лексичне оточення, замикання
• Збереження даних на клієнтській стороні
• Робота з асинхронним кодом
• Мережеві запити
Для кожного уроку передбачено домашнє завдання, виконавши яке, ви не тільки закріпите матеріал, але і побачите додаткові варіанти використання вивчених конструкцій.