Опис курсу:

Курс HTML/CSS - це навчання роботі з мовою розмітки веб-сторінок. Програма призначена для новачків, які бажають вивчити основи front-end розробки. На курсі ви зможете освоїти HTML з нуля: ознайомитися з теоретичними основами верстки і структурою HTML документа, порядком публікації документів в web і зможете створювати повноцінні сторінки. HTML для початківців є базисом для веб-розробників, а після його вивчення вже можна починати працювати над реальними проектами. Вже перший урок дасть можливість попрактикуватися у створенні нескладних HTML-сторінок, роботи з мультимедіа та таблицями стилів CSS.

Після вивчення курсу Ви зможете:

  • Створювати веб сторінки;
  • Наповнювати їх вмістом (текстом, посиланнями, спецсимволами, зображеннями, фонами, підключати іконочні і звичайні шрифти і тд);
  • Додавати стилі всіх елементів веб сторінки;
  • Вивантажувати сайти на хостинг;
  • Розуміти і розбиратися в адаптивній, кросбраузерній, попіксельній, гумовій, змішаній і статичній верстці;
  • Працювати з WORDPRESS (Створювати і підключати базу даних до WP, завантажувати теми і працювати з плагінами);
  • Зверстати лише однієї сторінки сайт і вивантажити його на хостинг для загального доступу користувачів за посиланням

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

  • Введення в веб-технології;
    • Призначення технологій;
    • Стек розробки для сайту;
    • Принцип роботи 'клієнт-сервер';
    • Консоль розробника;
    • Текстовий редактор і IDE;
    • Що таке HTML & CSS & JS і їх взаємодія;
  • HTML
    • Базові принципи верстки;
    • Знайомство з поняттям тегу і атрибуту;
    • Обов'язкова структура будь-якої веб-сторінки;
    • Поняття малих і блокових елементів веб сторінки;
    • Поняття парних і непарних тегів;
    • Семантичні теги;
    • Спецсимволи;
    • Робота з тегами і атрибутами;
    • Робота з посиланнями і якорями;
    • Робота з текстом і коментарями;
    • Робота з різними системами кольорів в HTML;
    • Робота з зображеннями;
    • Нумеровані і марковані списки;
    • Робота з блоками (div);
    • Таблиці;
    • Форми;
    • Елементи форм (інпут);
    • Айфрейми;
    • Підключення різних модулів до документу HTML;
    • Форматування елементів HTML;
  • Робота з браузером
    • Установка корисних розширень для верстки;
    • Відладник коду;
  • Хостингові і доменні панелі;
  • Файловий менеджер (Filezilla);
  • CSS
    • Що таке CSS;
    • Базові принципи написання стилів;
    • 3 способи додавання CSS в HTML сторінку;
    • Зовнішні таблиці стилів;
    • Відносні і статичні одиниці вимірювання;
    • Робота зі шрифтами (сімейства, стилі, розміри, насиченість)
    • Робота з межами елементів (бордер радіус, тіні);
    • Робота з відступами і розмірами елементів;
    • Градієнти;
    • Робота з властивостями float і clear;
    • Flex box;
    • Робота з фоном (зображення і колір, розміри, прозорість);
    • Селектори;
    • Продвинуті селектори;
    • Пріоритети стилів;
    • Перезапис стилів;
    • Псевдокласи, псевдоелементи;
    • Робота з анімацією елементів;
    • Валідація;
    • Медіазапити;
  • Адаптивна верстка;
  • Гумова верстка;
  • Піксель-перфектна верстка;
  • Статична верстка;
  • Кросбраузерна верстка;
  • Змішана верстка;
  • Фотошоп для розробника
    • Нарізка макета;
    • Основні інструменти;
    • Поняття сітки;
  • CMS Wordpress створення і підключення бази даних;
    • Налаштування тем;
    • Налаштування плагінів;
    • Налаштування меню;
    • Вивантаження на сервер;
  • Правила іменування класів по BEM;
  • Бібліотека Bootstrap;
  • Основи препроцесора Less;

Мінімальні вимоги:

  • Наявність власного ноутбуку для занять в аудиторіях
  • Встановлений Sublime Text, Photoshop та файловий менеджер (наприклад, Filezilla)

* Вказані знижки не сумуються з іншими діючими акціями та спеціальними пропозиціями. Якщо у Вас виникли питання, звертайтеся за консультацією до наших менеджерів!