Front-end Beginning

Про курс

Базовый курс 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 и т.д.
12. Component-driven design with CSS.
13. Препроцессоры, постпроцессоры.
14. CSS frameworks: Bootstrap, Tailwind, etc.
15. Работа с SVG.
16. Modern CSS features. Front-end Accessibility (доступность).
17. Производительность верстки и оптимизация.
18. Devtools.