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

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

Name: Основи фронтенду. HTML та CSS
Price: 1000 UAH
Rating: 5 (18 reviews)

5 (18)

2 730 студента

Опануйте основи фронтенду та створіть свою першу вебсторінку за 2 місяці

4 місяці

14 модулі

Теорія та практика

Антон Супрун

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

Навчатись за передплатою

from 500 ^₴/міс.

оформити

або

Купити цей курс назавжди

5400 ^₴

купити назавжди

гортайте, щоб дізнатись більше

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

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

Мова викладання: українська

Час на проходження: 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 відеолекція

Бриф

Our teachers

Антон Супрун

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

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

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

To portfolio

This course included in a multiple learning maps

It's recommended to take a look on this maps for better learning planning. Also, with the maps, you can be sure that you are ready to take this course.

Maps related to the course:

Вебдизайн

UX/UI та продуктовий дизайн

Основи фронтенду

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

Працювати з CSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Середня оцінка за відгуками 18 студентів

Євгенія Головенко

01.05.2024

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

Valentina Stotska

09.12.2023

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

Yan Kostylenko

30.03.2023

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

Денис Храмов

04.03.2023

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

Oksana Kostenetska

29.01.2023

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

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

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

Ми розробили цей курс для початківців, які тільки починають опановувати фронтенд.

Ми вважаємо, що вебдизайнерам буде корисним розуміння основ фронтенду.

Звісно! По завершенні курсу студенти отримають індивідуальні електронні сертифікати.

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

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

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

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

Знайомство з основними тегами

Знайомство з Visual Studio та верстка тексту

Робота зі стилями

Підключення стилів та верстка таблиць

Блочна верстка та селектори CSS

Блочна модель, селектори, псевдокласи та медіазапити

Флексбокси

Сітки, флексбокси та позиціонування

Робота з формами

Створення простої форми