Курсы 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
Про навчальний центр дізнався від друзів, які працюють в сфері IT. Обрав дану спеціальність, оскільки в ній працює мій друг, який і порекомендував її. Два-три місяці займався самостійно, перед тим, як іти на курси, щоб дізнатись, чи сподобається мені ця спеціальність, та чи буде мені в достатній мірі даватись для подальшого вивчення матеріал. Легко давались HTML та CSS, оскільки самостійно їх вивчав. Труднощі частково почались при вивченні JavaScript Advanced та Angular, однак з практикою та допомогою тренера вдалося їх подолати. Серед здобутих навичок, яких не було до курсів, це базові знання Angular, Gulp, Sass, Bootstrap, робота з npm. Про тренера і ментора тільки позитивні відгуки. Завжди допомагали вирішити проблеми, з якими стикався, задавали додаткові завдання, допомагали у вирішенні домашніх завдань. Основна порада для новачків, це перед тим, як іти на якісь курси, самостійно спробувати пару місяців попрактикуватись в обраному напрямку, щоб вирішити, чи це для них цікаво, чи є бажання розвиватися далі.
photo
Никита Косташ
Star Star Star Star Star
О CyberBionic Systematics узнал из интернета. Специальность заинтересовала своей продолжительностью, дополнительным материалом, который давали к обучению, домашками (дз – это основа практики и усвоения материала). Освоил HTML, CSS, выучил JavaScript, TypeScript, Angular на базовом уровне. Тренер Сергей Патёха был отличный, помощник тренера Ксения - тоже. Специальность очень перспективная.
photo
Артём Билас
Star Star Star Star Star
Узнал о данном учебном центре и пошел сюда учиться по совету друга. Опыта до этого в программировании не было, потому решил идти на FrontEnd, так как у него минимальный порог вхождения. Касательно специальности могу сказать то, что намного проще вырабатывается понимание вначале, а именно – при изучении HTML & CSS, так как ты видишь, что делаешь. Что касается логики – тут сложнее, но после практики приходит понимание. Преимущества – в этом учебном центре хорошая база, где ты понимаешь, что и как работает в итоге. Легко было в HTML & CSS, Bootstrap 4, Flex/Grid, а также при изучении препроцессоров. Что касается JS – это сложнее. Самое интересное было с TypeScript, но на его изучение нужно время. Angular интересный и сложный, он требует времени и практики, также открывает больше перспектив для дальнейшей работы в фирме, где ты позиционируешься не как простой верстальщик. Большое спасибо хочу сказать наставникам Ксении и Виталию. Помогали фактически 24/7. Спасибо за терпение и время. Приобрел навыки верстки и написания логики, структурирования своего приложения в web. Советы для тех, кто только начал: делайте домашку и не бойтесь спрашивать!
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 занятий

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

Подробнее