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

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

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

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

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

20 ч.

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

10 занятий

Начало курса

Старт ожидается

Курс входит в

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
Практика
Целью данного урока является закрепление знаний на практике верстая макет.
Старт ожидается

Попробуй
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
Денис Попов
Project Manager, Ciklum
Star Star Star Star Star
Курсы от CyberBionic Systematics дадут замечательную возможность каждому окунуться в мир программирования и благодаря актуальности рассматриваемых тем и практических заданий увидеть всю многогранность этого мира. Поднять себя на новые высоты с которых уже можно видеть свои профессиональные горизонты, наметить пути их завоевания и смело двинуться в путь.
photo
Олег Йовчик
Star Star Star Star Star
Начал обучение в марте. Frontend заинтересовал как один из самых легких курсов в программировании. К тому же Frontend – одна из самых востребованных специальностей. Материал курса, по моему мнению, абсолютно полный. Легко давался HTML, CSS, Bootstrap. Тяжелее JavaScript, TypeScript, Angular. Большой плюс, что есть видеокурсы, чтобы повторить материал. Тренер и его помощник во время курса отлично справились с задачей! Помогали с практикой как на занятиях, так и через Skype (в послеурочное время). Новичкам посоветовал бы брать курсы отдельно по разделам, чтобы более глубоко усвоить материал на практике (ведь курс Frontend обширный, много информации, но немного не хватает времени на усвоение). В перспективе для сея вижу освоение нескольких фреймворков (Vue.js, React).
photo
Богдан Карзюк
Star Star Star Star Star
Отличный курс. Всё четко и по делу. Никакой лишней информации. Прекрасные менторы и сам центр. Всем советую.
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

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

Viber Viber
Telegram Telegram
WhatsApp WhatsApp

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

Напишите мне в
Путь обучения

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

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

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

JavaScript Стартовый

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

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

Подробнее

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

Основы Git

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

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

Подробнее

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

JavaScript Базовый

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

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

Подробнее

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

AI Skills

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

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

Подробнее