Про курс
JavaScript – це основа роботи сучасних вебдодатків та багатьох мобільних та десктопних додатків.
Курс JavaScript Базовий – логічне продовження JavaScript Стартовий. При проходженні даного курсу ви вивчите головні принципи використання JavaScript при побудові інтерфейсів користувача та при створенні сценаріїв, що використовують об'єктно-орієнтовані техніки та функціональні підходи.
Ці уроки стануть фундаментом для подальшого вивчення бібліотек та фреймворків, що базуються на мові JavaScript. Також знання, отримані на цьому курсі, допоможуть вам при вивченні та використанні такого фреймворку, як Angular або бібліотеки React.
До кожного уроку є практичні завдання, виконавши які ви не тільки закріпите матеріал, але побачите додаткові варіанти використання вивчених конструкцій.
Попередні Вимоги
Для розуміння матеріалів даного курсу потрібно знання базового синтаксису JavaScript (проходження курсу JavaScript Стартовий) та знання основ HTML та CSS.
Ви навчитеся
- Створювати веб-сторінки з повноцінним інтерфейсом користувача
- Використовувати класи та успадкування класів, розуміти принципи об'єктно-орієнтованого підходу під час розробки JavaScript.
- Працювати з функціями конструкторами та прототипами.
- Працювати з функціями та використовувати замикання – розуміти, що таке лексичне оточення, контекст.
- Працювати з DOM деревом, знаходити елементи, створювати, видаляти та змінювати стан існуючих елементів.
- Працювати зі стилями через JavaScript код.
- Використовувати події, застосовувати техніку делегування подій, працюючи з різними фазами події (Capture Phase та Bubble Phase).
- Використовувати HTML template та шаблонізатор mustache.js.
- Працювати з формами та перевіряти дані, введені у форми.
- Працювати з даними на стороні клієнта, використовуючи cookies та Web Storage.
- Обробляти винятки і створювати винятки.
- Організувати асинхронний код за допомогою функцій зворотного дзвінка та Promise.
- Створювати запити мережі за допомогою методу fetch
- 2 год 24 хв
- у записі
- 4
- 4 з 20
- українська
Що входить до курсу
На цьому уроці буде розглянуто оточення, в якому виконується JavaScript код. Ви дізнаєтесь, що таке DOM та BOM. І найголовніше - навчитеся шукати потрібні вузли DOM дерева, що дозволить почати будувати динамічні веб-сторінки і впливати на вміст документа за допомогою JavaScript коду.
Для того, щоб будувати динамічні сторінки, необхідно розуміти, як взаємодіяти з вузлами DOM дерева, а також розуміти, які властивості доступні для редагування цих вузлів. Не менш важливо - навчитися переходити від елемента до елемента на основі розташування знайденого елемента DOM дереві. На цьому уроці ви дізнаєтеся, як відбувається навігація по DOM дереву, а також типи вузлів і вивчіть їх основні властивості.
На цьому уроці ви дізнаєтеся, як за допомогою JavaScript коду можна маніпулювати вмістом сторінки – додавати та видаляти елементи. Спочатку ви навчитеся створювати нові вузли, а потім дізнаєтеся, як за допомогою різних методів додавати створені вузли у потрібні частини сторінки. Цей урок дасть розуміння основ створення нового контенту для веб-сторінок за допомогою JavaScript коду.
Об'єкти, які знаходяться в DOM дереві, створюються на основі HTML розмітки, а властивості для цих об'єктів визначаються через HTML атрибути. На цьому уроці ви дізнаєтесь, як отримати доступ до значень атрибутів і як змінити атрибути через код JavaScript. Дізнаєтеся навіщо потрібні data атрибути та розберете приклади використання data атрибутів на практиці.
