Купуєте для команди?
Виберіть 5 або 10 ліцензій, щоб придбати доступ для кількох слухачів за зниженою ціною на одну особу. Після придбання представник eBSI зв’яжеться з вами, щоб підтвердити дані слухачів і надати кожному учаснику доступ до курсу.
Розвиньте практичні знання та впевненість у курсі «Вступ до HTML і CSS. Програмування. Частина 2».
Дослідження показали, що дизайн вебсайту впливає на сприйняття компанії, а його оформлення безпосередньо пов’язане з довірою до неї. Тому організаціям надзвичайно важливо мати якісно розроблені вебсайти.
Чому цей курс важливий
Курс перетворює цю тему на практичне, структуроване навчання, яке можна застосовувати в реальних ділових і робочих ситуаціях. Він допоможе вам вийти за межі визначень і зрозуміти, як пов’язані між собою ідеї, інструменти та рішення, що розглядаються в курсі.
Що ви отримаєте
- Практичне розуміння ключових понять курсу «Вступ до HTML і CSS. Програмування. Частина 2».
- Розуміння того, як застосовувати знання з цієї теми в реальних робочих і ділових ситуаціях.
- Упевненіше застосування методів і передових практик, що розглядаються в курсі.
Для кого цей курс?
Курс підійде фахівцям із цифрового маркетингу, власникам малого та середнього бізнесу, підприємцям, спеціалістам із продажів і маркетингу, а також усім, хто відповідає за розвиток онлайн-бізнесу.
Коротко про курс
-
Тривалість навчання: приблизно 2 години.
-
Формат: онлайн-навчання у власному темпі.
-
Професійний розвиток: курс CPD.
Дослідження показали, що дизайн вебсайту впливає на сприйняття компанії, а його оформлення безпосередньо пов’язане з довірою до неї. Тому організаціям надзвичайно важливо мати якісно розроблені вебсайти.
Цей курс розвиває базові знання, здобуті в частині 1, і навчає додаткових навичок, корисних для створення вебсайтів.
Зокрема, ви дізнаєтеся:
- чому важливі продуктивність і впорядкування коду,
- як формувати структуру та дизайн вебсайту,
- що таке адаптивний вебдизайн,
- а також які найкращі практики HTML і CSS допомагають підтримувати чистий код, придатний для повторного використання.
Теми курсу:
Урок 1: Продуктивність і впорядкування коду
ТЕМА A: Стратегія та структура
- Продуктивність
- Архітектура стилів
ТЕМА B: Об’єктноорієнтований CSS
- Методологія об’єктноорієнтованого CSS
- Відокремлення структури від оформлення
- Відокремлення вмісту від контейнера
ТЕМА C: Масштабована та модульна архітектура CSS
- Масштабований і модульний CSS
- П’ять основних категорій
- Яку методологію обрати?
ТЕМА D: Код для повторного використання
- Повторне використання стилів
- Практичне завдання 1-4: написання коду для повторного використання
- Підсумок
- Контрольні запитання
Урок 2: HTML: як розташовувати вміст
ТЕМА A: Повторення
ТЕМА B: Розташування вмісту за допомогою обтікання
- Розташування елементів за допомогою обтікання
- Макет без обтікання
- Триколонковий макет із використанням обтікання
- Скасування обтікання
- Практичне завдання 2-2: поєднання дво- та триколонкових макетів
ТЕМА C: Розташування за допомогою inline-block
- Розташування елементів за допомогою inline-block
- Практичне завдання 2-3: створення колонок за допомогою inline-block
- Підсумок
- Контрольні запитання
Урок 3: Складні селектори
ТЕМА A: Поширені селектори
- Селектор типу
- Селектори класу
- Селектори ідентифікатора
- Селектори дочірніх елементів
ТЕМА B: Селектори атрибутів
- Селектор наявності атрибута
- Селектор відповідності значенню атрибута
- Селектор наявності рядка в атрибуті
- Селектор початку або кінця значення атрибута
- Псевдокласи
- Практичне завдання 3-2: використання селекторів
- Підсумок
- Контрольні запитання
Урок 4: Адаптивний вебдизайн
ТЕМА A: Гнучкі макети
- Гнучкий макет
- Гнучка сітка
ТЕМА B: Медіазапити
- Використання медіазапитів
- Логічні оператори в медіазапитах
- Практичне завдання 4-2: використання динамічної ширини та медіазапитів
- Підсумок
- Контрольні запитання
Урок 5: Як писати якісний код
ТЕМА A: Практики написання HTML-коду
- Розмітка, що відповідає стандартам
- Використання семантичних елементів
- Використання належної структури документа
- Впорядкування синтаксису
- Практичне завдання 5-1: застосування найкращих практик HTML
ТЕМА B: Практики написання CSS-коду
- Впорядкування коду за допомогою коментарів
- Написання CSS із використанням кількох рядків і пробілів
- Використання правильних назв класів
- Використання скорочених властивостей і значень
- Практичне завдання 5-2: застосування найкращих практик CSS
- Підсумок
- Контрольні запитання