Основи верстки сайтів (Front-End Basics)


Веб-розробка - мабуть, найцікавіший напрямок в IT для початківців. У порівнянні з іншими напрямками, у неї більш низький поріг входу і набагато більша поширеність.
Будь-який веб додаток складається з двох частин: Front-end і Back-end.
Front-end являє собою опис програмним кодом візуальної частини веб-сайту. Незалежно від того, який браузер використовує користувач, сайт повинен виглядати і працювати коректно при будь-якій роздільній здатності монітора.
Back-end - серверна частина програми, якої не видно користувачам. Сюди відносяться авторизація, зберігання і обробка даних, e-mail розсилки тощо.
Від створення правильної структури сайту залежать швидкість завантаження веб-сайту, відповідність стандартам HTML, адекватність відображення в браузері, відповідність вимогам пошукових систем, коректне відображення адаптивності під різні екрани користувача.
Основні теми курсу:
  • Знайомство та робота з консоллю розробника
  • Робота з текстовим редактором і IDE
  • Знайомство з HTML (обов'язкова структура будь-якої веб-сторінки, поняття рядкових і блокових елементів веб сторінки, поняття парних і непарних тегів, семантичні теги, робота з тегами і атрибутами, робота з посиланнями і якорями, робота з текстом і коментарями, зображеннями, робота з блоками (div), підключення різних модулів до документа HTML, форматування елементів HTML)
  • Знайомство з CSS (базові принципи написання стилів, cпособи додавання CSS в HTML сторінку, зовнішні таблиці стилів, робота зі шрифтами, Flex box)
  • Адаптивна верстка
  • Гумова верстка
  • Кросбраузерна верстка
  • Avocode для розробника
  • Знайомство з CSS препроцесорами (SCSS, Stylus) та CSS фреймворками (Bootstrap)
  • Правила іменування класів по BEM
  • Взаємодія HTML & CSS & JS
  • основи UI/UX
  • основи роботи в графічних редакторах з дизайн-макетами
Студенти навчаться:
  • Створювати веб-сторінки
  • Наповнювати веб-сторінки текстом, посиланнями, спецсимволами, зображеннями, фонами, підключати іконочні і звичайні шрифти тощо
  • Додавати стилі всіх елементів веб-сторінки
  • Вивантажувати сайти на хостинг
  • Розуміти і розбиратися в адаптивній, кросбраузерній, попіксельній, гумовій, змішаній та статичній верстці
  • Створювати базові графічні інтерфейси
  • Верстати сайт і вивантажувати його на хостинг для загального доступу користувачів
  • Тривалість курсу - навчальний рік (вересень-червень)
  • Ціна: 1600 грн./4 тижні
  • Заняття проводяться 1 раз на тиждень: 2 год.
Окрім щотижневих занять з програмування:
  • за необхідності проводяться додаткові заняття, під час яких опрацьовуються пропущені з поважних причин теми та закріплюється вивчений матеріал.
  • зустріч зі спеціалістом в одній з таких сфер, як Штучний Інтелект, Блокчейн тощо, на якій можна буде дізнатися про розробку таких технологій "зсередини", поговорити про IT-освіту в топових київських ВУЗах та поставити будь-які питання.