Основи HTML:

Розглядаючи структуру HTML-документів, ви вивчите теги, атрибути та їх призначення. Розуміння правильного використання тегів - ключ до створення добре структурованих сторінок.

Форми і введення даних:

Детально розглянемо роботу з формами, включаючи введення тексту, кнопки, вибір опцій та інші елементи. Навчимося обробляти дані, які вводять користувачі.

Зображення і мультимедіа:

Ви дізнаєтеся, як вставляти зображення та відео на ваші сторінки, оптимізувати їх розміри та використовувати атрибути для поліпшення взаємодії з користувачами.

Семантичні елементи:

Важливий аспект веб-розробки - це розуміння семантики. Ми розглянемо семантичні теги, такі як header, nav, section, article та інші, і дізнаємося, як вони полегшують розуміння структури документа.

Зовнішні таблиці стилів (CSS):

Хоч HTML визначає структуру сторінок, для їх зовнішнього вигляду ми використовуємо CSS. Знання основ CSS допоможе вам створювати стильні та естетично приємні веб-сайти.

Модуль 1: Вступ до CSS

• Ознайомлення з основами CSS: що це таке і як вона працює.
• Синтаксис CSS: властивості, значення, селектори.

Модуль 2: Робота з Кольорами та Фонами

• Використання кольорів та градієнтів для створення привабливих веб-сторінок.
• Налаштування фонів для досягнення бажаного ефекту.

Модуль 3: Робота з Текстом та Шрифтами

• Налаштування вигляду тексту: розмір, колір, стиль.
• Вибір та інтеграція шрифтів для створення унікального стилю.

Модуль 4: Розмітка та Позиціонування

• Використання блоків та лінійного позиціонування для створення структури сторінки.
• Розуміння принципів box model.

Модуль 5: Адаптивний Дизайн та Медіа-запити

• Основи адаптивного дизайну для оптимізації веб-сайту на різних пристроях.
• Використання медіа-запитів для реакції на зміни розміру екрану.

Модуль 6: Трансформації та Анімації

• Впровадження трансформацій для створення ефектних змін у вигляді елементів.
• Додавання анімацій для зроблення веб-сайту динамічним та привабливим.

Основи програмування на JavaScript:

Розглядаючи базові концепції, такі як змінні, оператори, цикли та умови, ви отримаєте розуміння того, як створювати ефективний та логічний код.

Робота з об'єктами та функціями:

Детально розглянемо об'єкти та функції, які є основними будівельними блоками JavaScript. Навчимося створювати об'єкти, визначати методи та використовувати функції для досягнення конкретних завдань.

Робота з подіями та обробниками:

Ви дізнаєтеся, як реагувати на події, такі як кліки миші чи введення користувача, і вивчите, як ефективно використовувати обробники подій для створення динамічних та інтерактивних веб-сайтів.

Робота з масивами та рядками:

Вивчите основи роботи з масивами та рядками, які дозволять вам ефективно обробляти та модифікувати дані на веб-сторінках.

Взаємодія з DOM:

Розберемося з Document Object Model (DOM) та навчимося змінювати структуру HTML-документів за допомогою JavaScript для динамічного оновлення вмісту сторінки без перезавантаження.