Курс HTML & CSS
Старт навчання
Старт курсу запитуйте в адміністрації
30 год. по 2-3 рази на тиждень
Опис курсу
Курс 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)
* Примітка: зазначені знижки не сумуються з іншими діючими акціями та спеціальними пропозиціями. Знижка застосовується тільки до нових заявок та при умові повної оплати курсу. Якщо у Вас виникли питання, звертайтеся за консультацією до наших менеджерів!
Рекомендовані курси
