Вартість курсу: 5 000 грн на місяць
Тривалість курсу: 2 місяці, 10 занять по 4,5 години
Дата початку курсу: 23 вересня, 10:00 - 14:30, по субботах
Вимоги до слухачів: спеціальних вимог немає

*Курс доступний мовами: українська, російська, англійська

Frontend розробник. Верстка сайтів

Програма курсу
Базові поняття фронтенд-розробки
  • Веб Структура мережі Інтернет, клієнт-сервер, протоколи HTTP та FTP, ПЗ та АТ веб-сервера, система DNS.
  • Доменні імена, хостинг: вибір, розміщення сайту в Інтернет.
  • Стандартизація в Інтернеті: W3C, DOCTYPE, валідація документів.
  • Огляд мов розмітки.
  • Середовища розробки, Chrome devtools.
Мова розмітки HTML
  • Призначення, склад документа, теги, атрибути, роздільники та спецсимволи.
  • Системи передачі кольору.
  • Дані: Метадані, Текст, Гіперпосилання, Зображення, Мультимедіа, Списки, Форми, Таблиці.
  • Стандарт HTML5.
  • Основи пошукової оптимізації (SEO).
  • Accessibility.
Мова стильового оформлення CSS
  • Призначення, склад стильового документа, структура документа.
  • Класи, ідентифікатори, селектори, псевдоселектори, псевдоелементи.
  • Групування, успадкування, каскадування.
  • Модель візуального форматування.
  • Значення та одиниці виміру. Шрифт, Текст.
  • Вбудовування унікальних шрифтів, використання google-fonts.
  • Відступи, рамки, поля; основні та фонові кольори.
  • Позиціювання елементів.
  • CSS3: фони, градієнти, прозорість, тіні, заокруглення, трансформації та переходи, анімація.
  • Багатоколоночність, flexbox, сіткова розмітка.
  • Спрайти.
  • reset і normalize CSS.
  • Progressive enhancement та graceful degradation, написання ефективного коду.
  • Валідація документів.
Photoshop для роботи з макетом
  • Налаштування робочого простору, базові інструменти, клавіатурні поєднання, шари.
  • Вилучення графічних об'єктів, фонів.
  • Параметри дизайну: розміри, відступи, шрифти, кольори.
  • Розрізання макету, оптимізація, особливості графічних форматів.
  • Верстка макетів на практиці.
  • Огляд європейських та американських CSS-методологій.
  • Методологія БЕМ (BEM).
  • Огляд CSS-фреймворку Bootstrap для прискорення роботи.
  • Огляд CSS пост/препроцесорів.
  • Верстка розсилочних листів.
  • Адаптивна верстка (media queries, fluid grid, fluid images, mobile first) для портативних та настільних пристроїв (смартфони, планшети, ноутбуки, монітори ПК).
  • Кросбраузерність та налагодження під IE.
  • Best practices з досвіду викладачів-практиків.
Записатися
Будь ласка, заповніть форму. Наші менеджери зв'яжуться з Вами найближчим часом.
Made on
Tilda