Курс HTML5, CSS3 для початківців

Цей курс для тебе якщо ти:

Початківці у програмуванні, майстри верстання, веб-розробники, а також професіонали, що бажають поповнити знання

4.5/5 DOU

96% Facebook

4.6/5 Google

Тривалість

20 год.

Кількість занять

10 занять

Початок курсу

Старт очікується

Курс входить до

FrontEnd Розробник + AI Skills, Full-stack. Node.js Розробник + AI Skills

Наші випускники працюють в

Ваш шлях

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

Кожне заняття — це живий онлайн-урок з практичними завданнями та зворотним зв'язком.

Введення у HTML. Типи елементів та атрибути

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

Введення в CSS та визначення розмірів блоків

На занятті буде розглянуто способи підключення стилів на сторінку, види селекторів, за допомогою яких можна прив'язати стилі указним елементам сторінки. І за якими принципами визначається пріоритетність записів у CSS. У цьому уроці студент розгляне базову поведінку елементів для формування ним розмірів. У яких випадках можливо, що контент випадатиме з елемента і псуватиме зовнішній вигляд сторінки.

Робота з відступами, властивість margin, робота з текстом та видимістю елементів

Студент познайомиться із механікою роботи зовнішніх відступів у елементів. Дізнається, що таке провалювання (схлопування) і в яких випадках воно є. Переглянемо не явні відступи під час роботи з рядково-блочними елементами. Познайомиться з різними правилами CSS для стилізації тексту і як працює спадкування стилів елементів нащадків. Як можна приховувати елементи розмітки на сторінці та у чому різниця між різними способами.

Верстка з використанням Flexbox

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

Комбінування селекторів та робота з фоном, властивість background

Комбінування дуже важлива частина при написанні коду, що розглянуто в структурі списків і таблиць, оскільки великі вкладеності необхідно створювати і розбирати постійно на етапі роботи з проектом. Можливості звернень до елементів із псевдокласів та роботу пріоритету в таких структурах. На заняттях буде розібрано основні способи запису палітри кольорів у властивостях, де вказується забарвлення. У чому різниця встановлення прозорості елемента через opacity та rgba(). Випадки додавання картинок через CSS та розміщення багато їх на одному елементі.

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

Студент дізнається про нові семантичні теги, які з'явилися з HTML версії 5 і правила їх використання. Розглянуто структури простих сайтів із використанням семантичних тегів.

Форми

Метою даного уроку є ознайомлення з формами та їх призначенням. Розгляд елементів форм, їх можливостей та нюансів роботи як з функціоналом, так і зі стилізацією.

Позиціювання елементів

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

Практика

Метою даного уроку є закріплення пройденого теоретичного матеріалу.

Практика

Метою даного уроку є закріплення знань на практиці верстаючи макет.

Старт очікується

Спробуй
HTML5, CSS3 стартовий безкоштовно

Перше повноцінне заняття з тренером.

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

Просто та зрозуміло

Структура заняття

120 хвилин

Теорія

Розбір коду

Q&A

Теорія - 60 хвилин

Розбір коду - 45 хвилин

Q&A сесія - 10 хвилин

Коли відбуваються заняття

Група 1

Група 2

ПН

ВТ

СР

ЧТ

ПТ

СБ

НД

19:00 - 21:00

Живе заняття з тренером

Задавай питання в реальному часі

Живі онлайн заняття з тренером

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

Виконання домашніх завдань

До кожного уроку розроблені практичні завдання, які необхідно виконувати і здавати у спеціальній LMS системі

Перевірка ДЗ та фідбек

Усі роботи студентів перевіряються і по кожному завданню надається фідбек з оцінкою та рекомендаціями.

Тестування та сертифікація

Після завершення курсу студенти складають фінальний тест і отримують сертифікат, який підтверджує рівень знань.

Сертифікація

Підтверди свої знання

Іменний сертифікат після закінчення курсу

Після завершення курсу та проходження тестування ви отримаєте іменний сертифікат від CyberBionic Systematics та TestProvider.com — платформи, яку визнають провідні IT-компанії України

Тестування та сертифікація ІТ фахівців проходить на нашій власній платформі TestProvider.com

Ви отримуєте завірений сертифікат від CyberBionic Systematics, який підтверджує рівень ваших знань та збільшує шанси на успішне працевлаштування.

Кожен сертифікат має серійний номер, роботодавець може його перевірити та переконатися у справжності сертифіката.

Хто проводить навчання

Твої тренери

Олександр Гончаренко

Перейти до Linkedin

Web Frontend Developer. Сертифікований спеціаліст MCSA

Віталій Мазяр

Перейти до Linkedin

Web Frontend Developer. Тренер – консультант. Сертифікований тренер Microsoft. Автор відео курсів на ITVDN

Богдан Мартиненко

Frontend Developer. Тренер – консультант

Олексій Татаренков

Перейти до Linkedin

FrontEnd Developer, тренер-консультант в CyberBionic Systematics

Олексій Кучеренко

Перейти до Linkedin

тренер-консультант напрямку FrontEnd at CyberBionic Systematics

Запис відкритий

Готовий почати навчання?

Відправляй заявку та зафіксуй свою знижку на навчання

Уточнимо деталі та зарезервуємо місце

Отримаєш перший урок безкоштовно

Почнеш карʼєру в ІТ

Відгуки студентів

Що кажуть ті, хто вже вчився

Відгуки наших студентів

Olha Aliakina

Python developer

Я пройшла курс Python Developer. Мені сподобалось, Python досить глибоко вивчали, з нуля і до асинхроного програмування, WebSocket... Насправді дуже багато тем розглянули, отримала уявлення як правцювати з БД, Git. Також вивчали Django, вже не так глибоко як Python, але достатньо, щоб робити проекти типу блог, веб магазин. Домашки у мене займали часу, якщо на базовому курсі все встигати було легко, то починаючи з ООП вже потребували більше часу. Але насправді дуже корисні завдання і різні, щоб мозок запрацював у різних напрямках однієї теми. Щоб виконати дз, у моєму курсі конктетно, треба було також переглядати лекції на ITDVN, не тільки лекцію викладача. Бо часто відповідь як вирішити певну задачку була на лекції ITDVN на відповідну тему. Після кожного з курсів можна пройти тестування і отримати сертифікацію по курсу. Для джунів це досить хороша опція, бо ці сертифікати можна викладати на лінкедин, щоб було підтвердження навчання. Що я і зробила. Тому рекомендувала б не забивати на тестування, а проходити. Я б сказала, що пройти курс Python Developer було для мене визванням, встигати робити всі домашки і кінцевий проект не було легко, але було варто того. Нагрузка відчувалась, але якраз нагрузка і запускає роботу мозку в потрібному напрямку. Я задоволена курсом.

Читати повністю

Підтверджено на DOU

Роман Кравчук

Узнал о курсе от знакомых. Специальность понравилась тем, что, что в ней есть очень много интересных тем и в них интересно разбираться. В начале курса все было легко и понятно, тяжелее всего было разобрать TypeScript и Angular. Тренер был очень хороший, объяснял материал максимально доступно для понимания. Ментор также давал максимум полезной информации.

Читати повністю

Підтверджено на CyberBionic Systematics

Дмитрий Беляев

.NET Developer

Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.

Читати повністю

Підтверджено на Google

Відгуки з DOU

4.5/5

переглянути всі

Відгуки з Facebook

96%

переглянути всі

Відгуки з Google

4.6/5

переглянути всі

Вартість навчання

Оберіть свій формат

Групове навчання з тренером

3 заняття на тиждень

20 годин

Живі online заняття в групі

20 год. / 10 занять з тренером

Відеозапис занять назавжди

Перевірка ДЗ та фідбек

3 міс. доступу до відеокурсів ITVDN

Чат курсу з підтримкою тренера

Доступ до системи LMS

Професійний софт від JETBRAINS

Онлайн тестування та Сертифікат

Відеокурс ITVDN у подарунок

130

або × 7 платежів

Оплата частинами

7 платежів

7 платежів

Відеолекції з підтримкою

1 вебінар на тиждень

20 годин

3 міс доступу до відео лекцій

20 год. відео / 6 год з тренером

Відеозаписи вебінарів назавжди

Перевірка ДЗ та фідбек

Чат курсу з підтримкою тренера

Доступ до системи LMS

Професійний софт від JETBRAINS

Онлайн тестування та Сертифікат

або × 7 платежів

Купити зараз

Оплата частинами

7 платежів

Консультація

Залишились питання?

Підкажемо, з чого почати, яку спеціальність обрати і як знайти першу роботу в IT.

0 800 337 146

Або напишіть нам у месенджери:

Viber

Шлях навчання

Курси, які можуть бути вам цікаві

Збудуй свій навчальний шлях від новачка до Senior-розробника поступово

Також вивчайте

JavaScript Стартовий

⏱ 14 годин · 7 занять

Рівень складності

Детальніше

Також вивчайте

Основи Git

⏱ 6 годин · 3 занять

Рівень складності

Детальніше

Також вивчайте

JavaScript Базовий

⏱ 36 годин · 18 занять

Рівень складності

Детальніше

Також вивчайте

AI Skills

⏱ 6 годин · 3 занять

Рівень складності

Детальніше

Курс HTML5, CSS3 для початківців

Цей курс для тебе якщо ти:

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

Спробуй
HTML5, CSS3 стартовий безкоштовно

Просто та зрозуміло

Структура заняття

Коли відбуваються заняття

Підтверди свої знання

Іменний сертифікат після закінчення курсу

Твої тренери

Готовий почати навчання?

Зарезервувати місце

Відгуки з DOU

Відгуки з Facebook

Відгуки з Google

Оберіть свій формат

Групове навчання з тренером

Відеолекції з підтримкою

Залишились питання?

Звʼяжемось з вами найближчим часом

Курси, які можуть бути вам цікаві

Записатися на курс

Дякуємо

Дякуємо

Курс HTML5, CSS3 для початківців

Цей курс для тебе якщо ти:

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

Спробуй HTML5, CSS3 стартовий безкоштовно

Просто та зрозуміло

Структура заняття

Коли відбуваються заняття

Підтверди свої знання

Іменний сертифікат після закінчення курсу

Твої тренери

Готовий почати навчання?

Зарезервувати місце

Відгуки з DOU

Відгуки з Facebook

Відгуки з Google

Оберіть свій формат

Групове навчання з тренером

Відеолекції з підтримкою

Залишились питання?

Звʼяжемось з вами найближчим часом

Курси, які можуть бути вам цікаві

Спробуй
HTML5, CSS3 стартовий безкоштовно