Курсы HTML 5 CSS ᐈ Курс верстки для начинающих с нуля ᐈ CyberBionic Systematics

Курс HTML5, CSS3 для начинающих

Этот курс для тебя, если вы:

Курс предназначен для начинающих веб-разработчиков, а также для тех, кто хочет освоить основы верстки веб-страниц.

Продолжительность

20 ч.

Количество занятий

10 занятий

Начало курса

14 июля

Расписание занятий

3 раза в неделю (19:00-21:00)

Курс входит в

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

Наши выпускники работают в

Ваш путь

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

Каждое занятие – это живой онлайн-урок с практическими задачами и обратной связью.

01
Введение в HTML. Типы элементов и атрибуты
В начале курса будет рассмотрено что такое html, для чего он нужен и как пишутся его элементы. Вы узнаете о тегах, форматировании в html, о редакторе в котором пишется код первоначальной разметке, с которой построена любая веб страница и для чего используются комментарии в коде. Как добавить на страницу картинки, а также различные переходы по ссылкам. Узнает первые типы элементов и их разницу с возможными ошибками при написании кода.
02
Введение в CSS и определение размеров блоков
На занятии будет рассмотрено способы подключения стилей на страницу, виды селекторов с помощью которых можно привязать стили указным элементам страницы. И по каким принципам определяется приоритетность записей в CSS. В данном уроке студент рассмотрит базовое поведение элементов при формировании им размеров. В каких случаях возможно, что контент будет выпадать из элемента и портить внешний вид страницы.
03
Работа с отступами, свойство margin и работа с текстом и видимостью элементов
Студент познакомится с механикой работы внешних отступов у элементов. Узнает, что такое проваливание(схлопывание) и в каких случаях оно присутствует. Просмотрим не явные отступы при работе с строчно-блочными элементами. Познакомится с различными правилами CSS для стилизации текста и как работает наследование стилей для элементов потомков. Как возможно скрывать элементы разметки на странице и в чем разница между разными способами.
04
Верстка с использованием Flexbox
Целью занятия является разобрать основные принципы работы модуля Flexbox и научить их использовать. Возможность задавать гибкое расстояние между блоками и как определяются их размеры в некоторых случаях. Поведение внешних отступов при использовании flexbox.
05
Комбинирование селекторов и работа с фоном, свойство background
Комбинирование очень важная часть при написании кода что рассмотрено в структуре списков и таблиц, поскольку большие вложенности необходимо создавать и разбирать постоянно на этапе работы с проектом. Возможности обращений к элементам по псевдоклассам и работу приоритета в таких структуре. На занятии будет разобраны основные способы записи палитры цветов в свойствах, где указывается окрас. В чем разница установки прозрачности элемента через opacity и rgba(). Случаи добавления картинок через CSS и размещение многого количества их на одном элементе.
06
Семантическая верстка
Студент узнает новые семантические теги, которые появились с HTML версии 5 и правила их использования. Рассмотрены структуры простых сайтов с использованием семантических тегов.
07
Формы
Целью данного урока является знакомство с формами и их назначением. Рассмотрение элементов форм, их возможностей и нюансами работы как у функционала, так и со стилизацией.
08
Позиционирование элементов
Целью данного урока является знакомство с форматированием элементов страницы, задания им позиционирования через свойство position. Так же будет рассмотрены псевдоелементы и возможность реализовывать простую анимацию для элементов.
09
Практика
Целью данного урока является закрепление пройденного теоретического материала
10
Практика
Целью данного урока является закрепление знаний на практике верстая макет.
Старт 14 июля 2026

Попробуй
HTML5, CSS3 стартовый бесплатно

Первое полноценное занятие с тренером.

Как проходит обучение

Просто и понятно

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

120 минут

Теория

Разбор кода

Q&A

Теория – 60 минут

Разбор кода – 45 минут

Q&A сессия - 10 минут

Когда проходят занятия

Группа 1

Группа 2

ПН

ВТ

СР

ЧТ

ПТ

СБ

ВС

19:00 - 21:00

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

Задавай вопрос в реальном времени

1

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

Занятия группы проходят онлайн. Это эффективное живое общение. Все уроки записываются и доступны для просмотра.

2

Выполнение домашних заданий

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

3

Проверка ДЗ и фидбек

Все работы студентов проверяются по каждому заданию предоставляется фидбек с оценкой и рекомендациями.

4

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

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

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

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

Именный сертификат по окончании курса

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

Тестирование и сертификация ИТ специалистов проходит на нашей собственной платформе TestProvider.com
Вы получаете заверенный сертификат от CyberBionic Systematics, подтверждающий уровень ваших знаний и увеличивающий шансы на успешное трудоустройство.
Каждый сертификат имеет серийный номер, работодатель может его проверить и убедиться в подлинности сертификата.
Certificate
Хто проводить навчання

Твої тренери

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

Готов начать обучение?

Отправляй заявку и зафиксируй свою скидку на обучение

Уточнено детали и зарезервировано место

Получишь первый урок бесплатно

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

Зарезервировать место

Оставь контакты - мы позвоним и расскажем детали

Отзывы студентов
Что говорят те, кто уже учился
Отзывы наших студентов
photo
Евгений Петрушенко
Star Star Star Star Star
Учебный центр CyberBionic Systematics мне посоветовал друг сотрудника. Специальность FrontEnd меня заинтересовала тем, что она легче для понимания, чем BackEnd, и мне приятнее работать с визуальной составляющей (и наглядно видеть каждый этап разработки). Так как основы программирования я уже знал, легко дались первые 3-4 курса. Сложнее всего было, наверное, заставить себя делать домашние задания. Большое преимущество – наличие под рукой видео ресурса ITVDN, с которого я постоянно брал и конспектировал всю основную информацию. Без этого, скорее всего, было бы сложнее учиться. Навыки приобрел все те, над которыми была основная учеба и практика. Наш тренер, Мазяр Виталий – один из лучших. Доходчиво объясняет, всегда относится с пониманием, если что-то непонятно, всегда объяснит повторно, и даже сверхурочно. Для меня это едва ли не самый главный пункт, ради которого можно (и нужно!) выбирать очные курсы CyberBionic Systematics. Помощник тренера, Ксения, также прекрасный ментор, которая проверяла домашние задания (указывая нам на наши ошибки), а также вела основной менеджмент и организацию учеников. Я думаю, что специальность FrontEnd однозначно стоит выбирать даже тем людям, которые не слишком сильны в программировании, потому что прекрасные тренера объяснят и научат всем основам. Главное – учить все постепенно и структурированно, и брать всю специальность целиком, ведь это – основное преимущество курсов. Надеюсь, что перспективы по данной специальности будут для меня позитивные, потому что данная сфера будет актуальна 5-10 лет точно. Спасибо CyberBionic Systematics и ITVDN, что создали такую прекрасную возможность шаг за шагом выучить все то, что необходимо на современном IT-рынке.
photo
Мирослав Рогаченко
Star Star Star Star Star
Спасибо CyberBionic Systematics за интенсивное и интересное обучение, за постоянную поддержку со стороны тренеров и ментора. Курс был насыщен полезной и актуальной информацией, для себя узнал много нового и разобрался со сложными вещами, которые нелегко воспринимались.
photo
Евгений Евгеньевич
Angular Developer
Star Star Star Star Star
Пройшов у CyberBionics все що тільки можна)) Близько 5 різних курсів по frontend після чого вже 5 років є Angular розробником і нещодавно піврічний курс по .NET Дякую школі, вона допомогла мені стати тим, хто я є.

Читать полностью

Подтверждено на Facebook
icon

Отзывы с DOU

icon

Отзывы с Facebook

icon

Отзывы с Google

Стоимость обучения

Выберите формат

Групповое обучение с тренером

3 занятия в неделю

20 часов

Живые онлайн-занятия в группе

20 ч. / 10 занятий с тренером

Видеозапись занятий навсегда

Проверка домашних заданий и фидбек

1 мес. доступа к видеокурсам ITVDN

Чат курса с поддержкой тренера

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

Профессиональный софт от JETBRAINS

Онлайн-тестирование и сертификат

Видеокурс ITVDN в подарок

130

или × 7 платежей

Купить сейчас

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

Monobank

7 платежей
PrivatBank

7 платежей

Видеолекции с поддержкой

1 вебинар в неделю

20 часов

3 мес. доступа к видеолекциям

20 ч. видео / 6 ч. с тренером

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

Проверка домашних заданий и фидбек

Чат курса с поддержкой тренера

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

Профессиональный софт от JETBRAINS

Онлайн-тестирование и сертификат

65

или × 7 платежей

Купить сейчас

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

Monobank

7 платежей
PrivatBank

7 платежей
Консультация

Остались вопросы?

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

Phone

0 800 337 146

Или напишите нам в мессенджеры:

Свяжемся с вами в ближайшее время

Путь обучения

Курсы, которые могут быть вам интересны

Построй свой учебный путь от новичка до Senior-разработчика постепенно

Также изучайте

JavaScript Стартовый

⏱ 14 часов · 7 занятий

Уровень сложности

Подробнее

Также изучайте

Основы Git

⏱ 6 часов · 3 занятий

Уровень сложности

Подробнее

Также изучайте

JavaScript Базовый

⏱ 36 часов · 18 занятий

Уровень сложности

Подробнее

Также изучайте

AI Skills

⏱ 6 часов · 3 занятий

Уровень сложности

Подробнее