Онлайн-курс в записі

Основи фронтенду. HTML та CSS

5 (17)
2 672 студента
Опануйте основи фронтенду та створіть свою першу вебсторінку за 2 місяці
4 місяці
14 модулів
Теорія та практика
Навчатись за передплатою
від 500 ₴/міс.
або
Купити цей курс назавжди
4500
гортайте, щоб дізнатись більше

Що ви отримаєте на курсі?

На курсі ви пройдете шлях від знайомства з загальними принципами верстки вебпроєктів до створення адаптивної посадкової сторінки.
Мова викладання: українська
Час на проходження: 4 місяці
Перевірка домашніх робіт
Отримання сертифіката
Теорія та практика
Підтримка від спільноти студентів
Додаткові матеріали
Служба підтримки CASES

Кому стане в пригоді

Вебдизайнерам
Веброзробникам
Фронтенд-розробникам

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

Курс присвячений знайомству з основами мови HTML і таблиць CSS та практичним аспектам фронтенд-розробки.

Теорія
1 година навчання
Вступ до курсу. Що таке HTML та CSS. Теги та їхні типи. Теги для розмітки тексту.
4 відеолекції
1 стаття
Додаткові матеріали
Практика
2 години навчання
Знайомство з Visual Studio. Верстка тексту. Встановлення та налаштування Visual Studio Code.
2 відеолекції
3 статті
Бриф
Теорія
1 година навчання
Підключення каскадних таблиць стилів CSS та форматування текстів. Робота з таблицями.
2 відеолекції
Додаткові матеріали
Практика
5 годин навчання
Підключення стилів та верстка таблиць.
1 відеолекція
Бриф
Теорія
1 година навчання
Семантична верстка. Що таке «Блочкова модель» та як вона влаштована. Селектори CSS. Псевдокласи. Media query.
5 відеолекцій
1 стаття
Додаткові матеріали
Практика
7 годин навчання
Робота з Figma для фронтенд-розробників. Блочкова модель, селектори, псевдокласи та медіазапити.
2 відеолекції
Бриф
Теорія
1 година навчання
Що таке флексбокси та як з ними працювати. Робота з сітками. Види позиціювання елементів.
3 відеолекції
Додаткові матеріали
Практика
15 годин навчання
Сітки, флексбокси та позиціювання.
1 відеолекція
Бриф
Теорія
1 година навчання
Верстка форм. Оформлення форм. Кросбраузерність в CSS.
3 відеолекції
Додаткові матеріали
Практика
40 годин навчання
Створення простої форми.
1 відеолекція
Бриф

Хто викладає

Антон Супрун

Антон Супрун

Ведучий розробник CASES та Креативної Практики

Антон Супрун — ведучий розробник CASES та Креативної Практики.

Займається фронтенд-розробкою понад 15 років, працював у Ciklum, був технічним директором та партнером в агенції POPEL Agency.

Цей курс входить в декілька карт навчання

Радимо ознайомитись з картами, щоб ліпше спланувати свій план навчання. Також за допомогою карт ви зможете переконатись, що ви готові до проходження цього курсу.
Пов’язані з курсом карти:

Після проходження курсу ви зможете

Працювати з CSS

Таблиці стилів дають змогу спростити процес створення сторінок і поліпшити їхній зовнішній вигляд.

Працювати з Visual Studio Code

Visual Studio Code — це простий, утім, потужний редактор коду, який є базовим інструментом фронтенд-розробника.

Створювати семантичну верстку

Веброзробнику важливо застосовувати семантичну верстку для того, аби сторінки мали чітку та комфортну структуру.

Створювати прості CSS-анімації

CSS анімації — це інструмент, який дає змогу додавати анімацію на вебсторінки без використання JavaScript.

Створювати UI Kit

UI Kit допомагає зібрати усі елементи інтерфейсу в одному місці та оптимізувати робочий процес розробника.

Верстати прості адаптивні сторінки

Протягом курсу ви навчитеся верстати прості сторінки, що будуть добре відображається на всіх можливих пристроях.

Як проходить навчання

Отримайте доступ до бібліотеки курсів, навчальних карт, перевірки практичних робіт та підтримки спільноти!

Теорію ми викладаємо цікаво та зрозуміло

Ми ретельно готуємо матеріали для курсу та дбаємо про їхню якість. При цьому ми переконані, що уроки мають викладатись простими словами, бути зрозумілими та неодмінно цікавими. Щоб студенти не нудились, поки навчаються.

Виконуйте практичні завдання та отримуйте рецензії

На нашій платформі значна частина курсів містить брифи, що створені спеціально для наших курсів, а також відеоуроки та інтерактивні майстеркласи, що допоможуть закріпити вам знання на практиці. А наша команда рецензентів ще й перевірить їх та надасть зворотний зв’язок.

В кінці навчання — отримуйте отакий сертифікат

Якщо ви успішно виконаєте всі завдання курсу, то наприкінці навчання ви отримаєте сертифікат, який ви зможете з гордістю додати до свого резюме. Сертифікати можна отримати як українською, так і англійською мовами.

Маршрут навчання складено!

На Креативній Практиці доступні десятки курсів для різних рівнів фахівців. Але за допомогою карт навчання ви завжди знатимете, з якого курсу починати, і який курс проходити далі. Для різних тем та спеціальностей ми склали різні карти.

З нашою спільнотою ви ніколи не лишитесь наодинці зі складностями!

Під час навчання долучайтесь до нашої спільноти студентів в Telegram чи в Discord та отримуйте підтримку, підказки та корисності від інших студентів 24/7.

А хочете — можете й не здавати тести та практику

Ще у нас є режим «Вільного слухача». Для тих, хто не хоче здавати тести та роботи на перевірку і надає перевагу самостійному опануванню тем. Сертифікати в цьому режимі ви не отримаєте, проте навчатиметесь в комфортному для себе форматі.

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

Середня оцінка за відгуками 17 студентів
5
Євгенія Головенко Євгенія Головенко
01.05.2024

Дуже інформативно! Та дуже корисні практики

5
Valentina Stotska Valentina Stotska
09.12.2023

Дякую за чудовий курс! Багато корисної інформації, все структуровано і зрозуміло. Практичні модулі потужні, допомогають засвоїти об'ємний теоретичний...

5
Yan Kostylenko Yan Kostylenko
30.03.2023

Пройшов цей курс з задоволенням!

5
Денис Храмов Денис Храмов
04.03.2023

Дякую за цей чудовий курс! Хоча я не фронтендер і не кодер, а дизайнер, мені все одно було дуже цікаво проходити цей матеріал. Антон Супрун чудовий...

5
Oksana Kostenetska Oksana Kostenetska
29.01.2023

Дуже інформативний курс, зокрема нереально круті практичні модулі.

5

Спробуйте можливості передплати безкоштовно

Тиждень повного доступу

Безплатно

Всі можливості платформи без обмежень
Оце так можливість!

Цілий тиждень безплатного користування платформою без обмежень

Отримайте повний доступ до десятків онлайн-курсів з бібліотеки CASES: з графічного дизайну, вебдизайну, UX/UI, фронтенду та креативного підприємництва. А ще — знижки від партнерів та підтримку нашої чудової спільноти!

Доступ за передплатою

від 500 ₴/міс.
Щомісячний платіж
  • Доступ до курсу в період дії передплати
  • Доступ до інших курсів в бібліотеці
  • Доступ до всіх оновлень цього курсу
  • Сертифікат про проходження курсу українською та англійською
  • Служба підтримки

Придбати курс назавжди

4500
Єдиноразовий платіж
  • Повний доступ до цього курсу назавжди
  • Рецензії домашніх робіт
  • Доступ до всіх оновлень цього курсу
  • Сертифікат про проходження курсу українською та англійською
  • Служба підтримки

Відповіді на деякі важливі запитання

Якщо ви маєте активну передплату, ви можете розпочати курс будь-якої миті. Навчання відбувається у самостійному форматі за власним графіком.

Основи фронтенду. HTML та CSS
Курс Креативної Практики
4500 грн
Спільнота
Відеотека
Про нас