Курс HTML/CSS

Курс навчить вас верстати сторінки сайтів з урахуванням вимог до адаптивності - можливості коректно відображатись і на комп’ютерах, і на мобільних пристроях.

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

Загальний принцип роботи Web

• Основна термінологія в розробці сайту на HTML
• Поняття сайту, поняття веб-сторінок

Основи HTML

• Гіпертекст, теги, атрибути
• Структура HTML-документа
• Робота з гіперпосиланнями
• Робота із зображенням
• Робота з абзацами і заголовками
• Використання спеціальних символів, коментарів
• Теги фізичного і логічного форматування тексту
• Теги блокові і рядкові
• Списки, види списків
• Форми
• Таблиці і таблична верстка
• Заголовок документа html і його теги

Базовий синтаксис CSS

• Вбудовування таблиць стилів в документ
• Визначення стилю в межах окремих тегів
• Зовнішні таблиці стилів
• Робота з текстом
• Блокова модель. Межі. Поля. Відступи
• Значення стильових властивостей (кольору, розміри, одиниці виміру)
• Селектори. Селектори класів і ідентифікаторів
• Поняття псевдокласів і псевдоелементів
• Спадкування, каскадування і приоритет
• Позиціонування та розміщення блоків
• Верстка шарами: використання тегів div і span
• Створення анімації на CSS
• Створення landing page
• Групування HTML сторінок і підключення до CSS
• Стандарти HTML/CSS

Основи JavaScript

• Основи синтаксису
• Змінні. Типи даних. Оператори
• Умовні конструкції та конструкції повторень
• Поняття призначених для користувача функцій і їх використання
• Загальні поняття ООП: клас, об'єкт
• Робота з масивами JavaScript
• DOM. Події. Діалогові вікна

Бібліотека jQuery

• Селектори, фільтри
• Робота з формами і стилями на jQuery
• Анімація
• Модулі jQuery

CMS система

• Підбір CMS системи під поставлені завдання
• Знайомство з CMS WordPress
• Встановлення WordPress
• Вибір теми, налаштування і оформлення
• Пошук, встановлення функціональних модулів WordPress
• Налаштування тем
• Модулі, інші налаштування та функції
• CMS Prestashop
• Пошук, встановлення функціональних модулів Prestashop
• Вибір, встановлення, налаштування шаблонів Prestashop
• Аналіз сайту перед розміщенням в інтернет
• Вибір хостинг-провайдера
• Платний і безкоштовний хостинг
• Реєстрація доменного імені і купівля хостингу
• Завантаження свого сайту на хостинг

Після курсу ти зможеш:

• Опануєш кросплатформений редактор SublimeText3 та навчишся ефективно його використовувати у своїй роботі
• Навчишся застосовувати такі технології, як HTML5, CSS3 та прийоми адаптивної верстки під будь-які пристрої
• Зможеш верстати статичні сайти будь-якої складності, використовуючи найкращі практики HTML та CSS
• Вмітимеш додавати на сайт анімацію та інші візуальні ефекти за допомогою CSS3
• Грамотно розробляти інтерактивні форми для взаємодії користувача з web-сервером
• Навчишся складати CV і проходити співбесіду на позицію HTML-верстальника

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

• Живі заняття в онлайн форматі
• 90% практики
• Підтримка викладачів
• Кар'єрні івенти

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

Антон Серяпов - Beckend Developer