Фронтенд, група fe18a (верстка)
Зміст
- зірочкою позначено теми для самоопрацювання.
Інструменти веб-розробника
- Інструменти фронтенд-розробника
- Організація робочого простору
- Програма Adobe Photoshop
- Робота з консоллю операційної системи
- Порізка макета
- Робота з FTP
- Налаштування IDE
- Налаштування деплоймента на FTP в PhpStorm
- Знайомство з Git
- Хостинг на github.io
Верстка (HTML, CSS)
- Типові елементи веб-сторінки
- Модель даних веб-сторінки
- Знайомство з HTML
- SGML
- Абсолютні та відносні шляхи до файлів
- Doctype, head
- Строкові і блочні елементи
- Теги span та div
- Списки
- Порізка і модель даних сайта Колесов
- Спецсимволи
- Пісочниця розробника jsFiddle
- Введення в CSS
- Стилі браузера
- Стилі шрифта
- Одиниці вимірювання, формат кольору
- Розміри елемента
- Відступи
- Фон (background)
- Стилі display, visibility
- Бордери, границі, рамки
- Вирівнювання плаваючих блоків (float)
- Вага стилів
- Модифікатори :hover, :active, :visited, :link
- Акуратність коду
- Семантика HTML5
- Коментарі
- Інструмент Emmet
- Псевдоелементи :before та :after
- Стиль position
- Стиль z-index
- Спрайти
- Селектори CSS
- Більше стилів богу стилів
- Таблиці
- Таблиці CSS
- Алгоритм по випадаючому меню
- Рідко вживані теги
- Підключення шрифтів
Веб-форми, аудио-відео, фрейми, верстка e-mail
- Основні теги веб-форм
- Випадаючий список select
- Атрибути елементів веб-форм
- Елементи вебформ, добавлені в HTML5
- Аудио та відео
- Вбудований контент iframe
- Верстка e-mail
- Відправка даних форм на e-mail
- Гілки Git
- Практика по гілкам Git
- Типові алгоритми дій в Git
Адаптивна верстка
- Медіа-запити
- Адаптивна та чуйна верстка
- 12-колоночна css-сітка
- Фреймворк Бутстрап
- Бутстрап 4
- Препроцесори
- Зборщики проектів
- Flexbox
- Grid, grid
- Про CSS
Препроцесори, зборщики і пакетні менеджери: gulp, grunt, webpack, composer - Технологія іменування класів БЕМ