Курс JavaScript24 (part 1)

В курсі ви навчитеся створювати програми на JavaScript, виводити інформацію на сторінку HTML, отримувати інформацію зі сторінки, навчитеся працювати з паролями, списками, textarea, checkbox, radiobuttons. Розробити калькулятор для будівельного сайту. Вивчіть структури мови – розгалуження, цикли, навчитеся працювати з атрибутами елементів DOM, створювати елементи та маніпулювати ними на сторінці. Вивчіть функції (іменовані, анонімні, стрілочні) та закріпіть знання величезною кількістю завдань.

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

Спринти:

• Як навчатися на курсі JS24: інтерфейс, секрети, коди завантаження та перевірка кодів
• Перша програма JavaScript. Налаштовуємо середовище розробки
• Виведення інформації JavaScript на сторінку. Методи innerHTML, textContent
• Змінні та константи в JavaScript
• Процедури та події у JavaScript. Прив'язка подій до функцій
• Робота з input, select, textarea, checkbox JavaScript
• Розгалуження у програмі. Оператори if, else if, else. Switch - case
• Проєкт - калькулятор на будівельному сайті
• Цикл for - повторення дій у програмі
• Цикл while, do while
• Робота з атрибутами JavaScript
• Робота з класами CSS
• Створення елементів JavaScript
• Функції, анонімні функції, аргументи, значення, що повертаються
• Стрілочні функції: синтаксис, this, оптимізація, плюси та мінуси
• Події у JS. Події: copy, cut, paste, focus, contextmenu та інші. AddEvent, RemoveEvent

Вивчаємо:

• Робота з VSCode
• Створення JS додатків
• Робота з колекціями HTML та Node елементів
• Виведення текстової інформації на HTML сторінку
• Створення HTML елементів
• querySelector
• querySelectorAll
• textContent
• innerHTML
• Змінні
• Константи
• Області видимості
• Робота з number
• Робота зі string
• Конкатенація
• Інтерполяція рядків
• Робота з DOM
• Процедури
• Події
• Функції
• Прив'язки функцій до подій
• Робота з input
• Робота з select
• Робота з textarea
• Робота з checkbox
• Розгалуження програм
• Оператор if
• Оператор else if
• else
• switch case
• Тернарний оператор
• Цикл for
• Цикл while
• Цикл do while
• Робота з атрибутами
• setAttribute
• getAttribute
• Глобальні атрибути
• Робота з класами CSS
• Додавання класів CSS
• Перевірка класів CSS
• Видалення класів CSS
• Переключення класів CSS
• createElement
• append
• prepend
• replaceWith
• before
• after
• Видалення елемента в DOM
• outerHTML
• outerText
• insertAdjacentHTML
• insertAdjacentText
• Анонімні функції
• Іменовані функції
• Аргументи функцій
• return у функціях
• Стрілочні функції
• Подія click
• Подія doubleclick
• Подія mousemove
• Подія mouseup / mousedown
• Подія oninput
• Подія onchange
• Подія copy
• Подія paste
• Подія cut
• Подія focus
• Подія blur
• addEventListener
• removeEventListener

Особливості курсу

• 506 мин. відео
• 15 спринтів
• 300 тасок
• Проєкт
• Допомога та підтримка
• Розбір та усунення багів
• Доступ без обмежень почасу
• Сертифікація