Front-end Beginning

Про курс

Базовий курс, який допоможе зробити перші кроки у вебпрограмуванні. А потім вирішити, куди розвиватися далі: пірнати у front-end чи обмежитися базовим набором для створення якісних вебінтерфейсів.

Сьогодні дизайнер сайтів більше не може вдавати, що HTML і CSS його не стосуються. Адже підсумковий результат вебпроєкту — справний сайт, а не набір файлів jpeg.

На курсі отримаємо базу, щоб самостійно створювати інтерфейси, враховуючи сучасні технології, процеси та підходи. Розберемося в різних аспектах створення користувацького інтерфейсу сайтів: HTML, CSS, основах роботи в графічних редакторах. Навчимося робити свій сайт доступним на екранах різного розміру та за різних умов, а також оптимізувати свою роботу для більшої продуктивності.

Кураторка

Тетяна Мельник

Front-end/Tech Lead у Projector. Понад 10 років досвіду роботи Front-end розробницею в різних проєктах: від сімейного бізнесу й аутсорсу до європейських продуктових компаній.

Програма курсу

1. Вступ до HTML.
2. Робота з Figma й іншими графічними редакторами.
3. Семантична розмітка, SEO нюанси.
4. Вступ до CSS: основні правила роботи CSS.
5. Responsive design.
6. Flexbox. Grids.
7. Робота з IDE. Макет сторінки.
8. Робота із зображеннями.
9. Верстка компонентів (форми, кнопки, чекбокси, модальні вікна).
10. Робота зі шрифтами.
11. Підходи до організації та архітектури CSS-коду: БЕМ, Atomic CSS та ін. Component-driven design with CSS.
12. Препроцесори, постпроцесори.
13. CSS frameworks: Bootstrap, Tailwind, etc.
14. Робота з SVG.
15. Modern CSS features. Front-end Accessibility (доступність).
16. Продуктивність верстки та оптимізація.
17. Devtools.