Меню

Front-end Basic. Базовий курс для початківців. Онлайн

Відгуки: 0
Початок занять: 
5 Лютий, 2026
Набір на курс!
Термін навчання: 
20 занять

Вартість:

Залишити заявку

Умови акції

знижка - 10%

при оплаті відразу за весь курс

Опис

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

В рамках курсу Front-end Basic студенти без досвіду в розробці вивчають HTML і CSS та вчаться верстати сайти. Після успішного закінчення курсу студенти отримують достатньо знань і навичок для верстки сайту будь-якої складності.

ЦІЛІ КУРСУ

  • Втілювати в верстку дизайн будь-якої складності
  • Робити сайти, які однаково добре відображаються на будь-якому пристрої
  • Помічати важливі дрібниці і писати код, який легко розширювати і підтримувати
  • Навчитися розуміти структуру веб-сторінок

В кінці курсу виконується дипломний проєкт.

Програма навчання

Вступ. Установка необхідного ПЗ

  • Знайомство та план курсу
  • Типи файлів
  • Браузер
  • Мови програмування
  • Редактори коду

Знайомство з 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
Дні тижня:
на вибір
Час занять:
на вибір
Кількість занять на тиждень:
2
Вік аудиторії:
Дорослі, Студенти
Вид підготовки:
Базовий курс
Місто:
Київ, Онлайн
Викладач:
фахівець-практик
Документ про закінчення:
Сертифікат
Опції:
Групові заняття, Індивідуальне навчання
Працевлаштування:
Немає

На мапі

Адреса:
  • Онлайн

Залиште свій відгук

Всі відгуки достовірні! До публікації допускаються тільки відгуки від людей, які раніше залишали заявку на навчання.

Останні відгуки

За даним курсом поки немає відгуків.

Схожі курси

5 Лютий 2026
Набір на курс!

Курс React. Створення складних Front-end-додатків. Онлайн

Створіть складні Front-end додатки з React за 8 тижнів. Від віртуального DOM до Redux. Розробите повноцінний SPA-проєкт з маршрутизацією та управлінням станом.

Hillel, комп'ютерна школа (Онлайн)
Акція

Вартість

9 360
грн
10400
грн
Кнопка записи: 
Залишити заявку
Подробно о курсе
  • Київ
  • Онлайн
12 занять
Оновлений курс

12 Лютий 2026
Набір на курс!

Front-end Pro. Просунутий рівень після курсу Front-end Basic. Онлайн

Станьте Junior Front-end Developer з глибоким знанням JavaScript та React. Створіть власні веб-додатки з REST API та ООП. Бонус: тренінг з проходження співбесіди та тестова співбесіда з технічним фахівцем.

Hillel, комп'ютерна школа (Онлайн)
Акція

Вартість

17 100
грн
19000
грн
Кнопка записи: 
Залишити заявку
Подробно о курсе
  • Київ
  • Онлайн
38 занять
Оновлений курс