Знижка - 10%
при оплаті відразу за весь курс
Йде набір на курс!
Термін навчання
20 занять
Вартість курсу
10 080.00 грн
Розробка видимої частини будь-якого сайту називається Front-end, і це область програмування, яка розвивається швидше за інші. Жоден сучасний веб-сайт і веб-додаток не обійдуться без Front-end розробника.
В рамках курсу Front-end Basic студенти без досвіду в розробці вивчають HTML і CSS та вчаться верстати сайти. Після успішного закінчення курсу студенти отримують достатньо знань і навичок для верстки сайту будь-якої складності.
ЦІЛІ КУРСУ
- Втілювати в верстку дизайн будь-якої складності
- Робити сайти, які однаково добре відображаються на будь-якому пристрої
- Помічати важливі дрібниці і писати код, який легко розширювати і підтримувати
- Навчитися розуміти структуру веб-сторінок
В кінці курсу виконується дипломний проєкт.
Записатися на проходження курсу
Формат навчання
Онлайн
Дата початку занять
18 листопада 2025
Термін навчання
20 занять
Занять на тиждень
2
Загальна кількість годин навчання
20
Допомога з працевлаштуванням
Нi
Сертифікат
Сертифікат
Організатор
Програма курса
Вступ. Установка необхідного ПЗ
- Знайомство та план курсу
- Типи файлів
- Браузер
- Мови програмування
- Редактори коду
Знайомство з HTML
- Структура HTML-документу
- Теги, атрибути тегів
- Розмітка тексту за допомогою HTML
- Посилання
- Списки
- Таблиці
- Зображення. формати зображень
- Форми
- Медіа (video, audio). Iframe
- Теги-орієнтири (header, main, aside, nav, section, article)
Git. Github
- Git. Github
Знайомство з CSS
- Каскадність. Спадкування
- Підключення CSS
- Рідні стилі. Normalize.css Reset.css
- Селектори
- Стилізація тексту
- Шрифти
- Блокова модель
- Float. Float layout. Clearfix
- Position
- Псевдокласи. Псевдоелементи
Advanced CSS
- Flexbox. Flexbox layout
- CSS Grid. Grid layout
- CSS препроцесори
- CSS фреймворки
- CSS методології
Просунута робота з графікою
- SVG
- SVG спрайти
- Іконочні шрифти
- Адаптивна графіка. Тег picture
- Оптимізація графіки
Адаптивна верстка
- Viewport. @media
- Одиниці вимірювання vh, vw, vmin, vmax, rem
- Знайомство з концепцією Responsive Web Design
- Mobile-first/Desktop-first
- Оптимізація сторінки
Семантика і доступність
- Семантична розмітка
- Доступність для користувача інтерфейсів
CSS анімації
- Transform
- Transition
- Filter
- Animation