Курс HTML5, CSS3 стартовый
Для кого этот курс
Курс предназначен для начинающих веб-разработчиков, а также для тех, кто хочет освоить основы верстки веб-страниц.Предварительные требования
• Уверенное владение персональным компьютером• Навыки работы с текстовыми редакторами
Продолжительность
20 ч.
Количество уроков
10 занятий
Стоимость обучения
144
Курс входит в
Специальности FrontEnd Разработчик + AI Skills, Full-stack. Node.js Разработчик + AI SkillsПрограмма курса
1
Введение в HTML. Типы элементов и атрибуты
В начале курса будет рассмотрено что такое html, для чего он нужен и как пишутся его элементы. Вы узнаете о тегах, форматировании в html, о редакторе в котором пишется код первоначальной разметке, с которой построена любая веб страница и для чего используются комментарии в коде. Как добавить на страницу картинки, а также различные переходы по ссылкам. Узнает первые типы элементов и их разницу с возможными ошибками при написании кода.
2
Введение в CSS и определение размеров блоков
На занятии будет рассмотрено способы подключения стилей на страницу, виды селекторов с помощью которых можно привязать стили указным элементам страницы. И по каким принципам определяется приоритетность записей в CSS. В данном уроке студент рассмотрит базовое поведение элементов при формировании им размеров. В каких случаях возможно, что контент будет выпадать из элемента и портить внешний вид страницы.
3
Работа с отступами, свойство margin и работа с текстом и видимостью элементов
Студент познакомится с механикой работы внешних отступов у элементов. Узнает, что такое проваливание(схлопывание) и в каких случаях оно присутствует. Просмотрим не явные отступы при работе с строчно-блочными элементами. Познакомится с различными правилами CSS для стилизации текста и как работает наследование стилей для элементов потомков. Как возможно скрывать элементы разметки на странице и в чем разница между разными способами.
4
Верстка с использованием Flexbox
Целью занятия является разобрать основные принципы работы модуля Flexbox и научить их использовать. Возможность задавать гибкое расстояние между блоками и как определяются их размеры в некоторых случаях. Поведение внешних отступов при использовании flexbox.
5
Комбинирование селекторов и работа с фоном, свойство background
Комбинирование очень важная часть при написании кода что рассмотрено в структуре списков и таблиц, поскольку большие вложенности необходимо создавать и разбирать постоянно на этапе работы с проектом. Возможности обращений к элементам по псевдоклассам и работу приоритета в таких структуре. На занятии будет разобраны основные способы записи палитры цветов в свойствах, где указывается окрас. В чем разница установки прозрачности элемента через opacity и rgba(). Случаи добавления картинок через CSS и размещение многого количества их на одном элементе.
6
Семантическая верстка
Студент узнает новые семантические теги, которые появились с HTML версии 5 и правила их использования. Рассмотрены структуры простых сайтов с использованием семантических тегов.
7
Формы
Целью данного урока является знакомство с формами и их назначением. Рассмотрение элементов форм, их возможностей и нюансами работы как у функционала, так и со стилизацией.
8
Позиционирование элементов
Целью данного урока является знакомство с форматированием элементов страницы, задания им позиционирования через свойство position. Так же будет рассмотрены псевдоелементы и возможность реализовывать простую анимацию для элементов.
9
Практика
Целью данного урока является закрепление пройденного теоретического материала
10
Практика
Целью данного урока является закрепление знаний на практике верстая макет.
Попробуй бесплатно
Полноценное занятие с тренером
Что входит в курс
20 часов живого обучения с тренером
Практические занятия и проверка ДЗ
Общение с группой
Поддержка ментора и ассистента
Тестирование и Сертификат
Видео курс от ITVDN
Как проходит обучение
1
Живые онлайн занятия
с тренером
2
Выполнение
домашних заданий
3
Проверка ДЗ
и фидбек
4
Тестирование
и сертификация
Сертификат после прохождения курса
Сертификат после прохождения курса
Тестирование и сертификация ИТ специалистов проходит на нашей собственной платформе TestProvider.com
Вы получаете заверенный сертификат от CyberBionic Systematics, подтверждающий уровень ваших знаний и увеличивающий шансы на успешное трудоустройство.
Каждый сертификат имеет серийный номер, работодатель может его проверить и убедиться в подлинности сертификата.
Готов
начать обучение?
Отправляй заявку и зафиксируй свою скидку на обучение
Александр Гончаренко
Web Frontend Developer.
Сертифицированный специалист MCSA
Виталий Мазяр
Web Frontend Developer. Тренер – консультант. Сертифицированный тренер Microsoft. Автор видео курсов на ITVDN
Богдан Мартыненко
Frontend Developer. Тренер – консультант
Алексей Татаренков
FrontEnd Developer, тренер-консультант в CyberBionic Systematics
Алексей Кучеренко
тренер-консультант направления FrontEnd at CyberBionic Systematics
Отзывы наших студентов
Отзывы с DOU
Отзывы с Facebook
Отзывы с Google
Андрей Лысюк
В учебном центре меня привлекло:
• Полный цикл HTML & CSS, JS, необходимый для современной web-разработки;
• Достаточно позитивные отзывы студентов.
Обучение на доступном уровне, отношение тренера и ментора хорошее, дружелюбное, все вопросы не остаются без разъяснения. На каждую тему (урок) нужно хотя бы один час практики. Гибкая система – можно обучаться по скайпу или очно.
Курсы хорошие, при желании можно получить все необходимые знания.
показать весь
Богдан Карзюк
Отличный курс. Всё четко и по делу. Никакой лишней информации. Прекрасные менторы и сам центр. Всем советую.
показать весь
Дмитрий Беляев
.NET Developer
Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.
показать весь
Компании, в которых работают наши студенты
Остались вопросы?
Подскажем, с чего начать, какую специальность выбрать и как найти первую работу.
О курсе HTML5, CSS3 стартовый
Курс HTML5&CSS3 Стартовый состоит из 10 логически взаимосвязанных уроков, на которых учащиеся применяют на практике теоретические знания технологий HTML5&CSS3 для создания простых элементов веб страницы.
Курс рассматривает базовые основы, которые необходимы для работы с внешним интерфейсом любого сайта: создание структуры сайта, использование семантических тегов, указание путей для файлов, варианты работы с размерами элементов, внутренние и внешние отступы, границы элементов, форматирование текста, отображение изображений/картинок, размещение блоков в нужном количестве и порядке, правила вложенности для таблиц и списков, палитрой цветов. Тем самым разобрав студен будет способен реализовать: меню сайта, блок социальных сетей, карточки товара и подобные информационные блоки, пагинацию, не сложные одно страничные сайты.
Курс рассматривает базовые основы, которые необходимы для работы с внешним интерфейсом любого сайта: создание структуры сайта, использование семантических тегов, указание путей для файлов, варианты работы с размерами элементов, внутренние и внешние отступы, границы элементов, форматирование текста, отображение изображений/картинок, размещение блоков в нужном количестве и порядке, правила вложенности для таблиц и списков, палитрой цветов. Тем самым разобрав студен будет способен реализовать: меню сайта, блок социальных сетей, карточки товара и подобные информационные блоки, пагинацию, не сложные одно страничные сайты.