Курс HTML та CSS: основи верстки

Ти отримаєш не лише фундаментальні знання, але й навчишся використовувати найновіші технології та інструментами. Ти швидко навчишся оформляти сторінки так, щоб вони виглядали стильно та професійно. А головне ти закладеш міцний фундамент для подальшого розвитку в Front-end.

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

Основи HTML

• Що таке HTML
• Елементи, теги та атрибути
• Структура сторінки

Налаштування середовища розробки

• Використання терміналу при веб-розробці
• Основи роботи з Git, (GitHub, Gitlab)
• Налаштування плагінів для Visual Studio Code
• Emmet plugin

Основи CSS

• Основні CSS селектори
• Як будувати структуру та називати класи
• Одиниці виміру
• Робота з кольорами
• Робота з фоном
• Робота з зображеннями
• Робота з шрифтами
• Блона модель
• Скидання стилів
• Властивість Display
• Вирівнювання та центрування (Bootstrap, Figma, Skeleton)
• FlexBox
• Таблиці HTML
• CSS Grid Layout
• Потоки в CSS, абсолютне позиціонування
• Псевдоелементи та псевдокласи
• CSS анімації

Продовження HTML

Форми.

Препроцесори SCSS, Sass, Less

Препроцесори SCSS, Sass, Less.

Методологія BEM

Методологія BEM.

Продовження CSS

• Мобільна верстка
• Адаптивна верстка
• Гумова верстка

Навички які ти отримаєш після курсу

• Вебверстка: створення привабливих вебсторінок, їх стилізація
• Використання CSS-фреймворків: майстерне володіння Bootstrap
• Ефективне налагодження коду: виявлення й виправлення помилок на льоту
• Адаптивний дизайн: створення сторінок, які красиво виглядають на будь-яких пристроях

Викладачі курсу

Світлана Троян - Front End Developer