Курс 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
Олег Йовчик
Начал обучение в марте. Frontend заинтересовал как один из самых легких курсов в программировании. К тому же Frontend – одна из самых востребованных специальностей.
Материал курса, по моему мнению, абсолютно полный. Легко давался HTML, CSS, Bootstrap. Тяжелее JavaScript, TypeScript, Angular. Большой плюс, что есть видеокурсы, чтобы повторить материал.
Тренер и его помощник во время курса отлично справились с задачей! Помогали с практикой как на занятиях, так и через Skype (в послеурочное время).
Новичкам посоветовал бы брать курсы отдельно по разделам, чтобы более глубоко усвоить материал на практике (ведь курс Frontend обширный, много информации, но немного не хватает времени на усвоение).
В перспективе для сея вижу освоение нескольких фреймворков (Vue.js, React).
показать весь
Назар Есипчук
FrontEnd Developer
Я ученик 11 класса и решил для себя попробовать курсы по специальности Frontend Developer. О CyberBionic Systematics я узнал, когда просто искал курсы в интернете, просматривал разные рейтинги. По поводу самого курса - я доволен. Для меня все было достаточно легко, а когда были сложные моменты, тренера всегда помогали. Тренер раскрывал все темы очень четко и отвечал на все возникшие вопросы. Новичкам советую стараться не откладывать на потом то, что они могут сделать сразу.
О дальнейших перспективах в этой специальности - я хотел бы попасть на программу получения опыта в CyberBionic Systematics, а дальше найти еще что-то.
показать весь
Максим Мищенко
ITVDN – прекрасный ресурс, который помог мне вникнуть в тему веб-разработки.
В Учебном центре работают приятные и отзывчивые тренеры, которым в любой момент можно задать вопрос, и они с удовольствием помогут. Мне очень понравилось обучение здесь, могу с уверенностью сказать, что рекомендую учебный центр CyberBionic Systematics.
показать весь
Компании, в которых работают наши студенты
Остались вопросы?
Подскажем, с чего начать, какую специальность выбрать и как найти первую работу.
О курсе HTML5, CSS3 стартовый
Курс HTML5&CSS3 Стартовый состоит из 10 логически взаимосвязанных уроков, на которых учащиеся применяют на практике теоретические знания технологий HTML5&CSS3 для создания простых элементов веб страницы.
Курс рассматривает базовые основы, которые необходимы для работы с внешним интерфейсом любого сайта: создание структуры сайта, использование семантических тегов, указание путей для файлов, варианты работы с размерами элементов, внутренние и внешние отступы, границы элементов, форматирование текста, отображение изображений/картинок, размещение блоков в нужном количестве и порядке, правила вложенности для таблиц и списков, палитрой цветов. Тем самым разобрав студен будет способен реализовать: меню сайта, блок социальных сетей, карточки товара и подобные информационные блоки, пагинацию, не сложные одно страничные сайты.
Курс рассматривает базовые основы, которые необходимы для работы с внешним интерфейсом любого сайта: создание структуры сайта, использование семантических тегов, указание путей для файлов, варианты работы с размерами элементов, внутренние и внешние отступы, границы элементов, форматирование текста, отображение изображений/картинок, размещение блоков в нужном количестве и порядке, правила вложенности для таблиц и списков, палитрой цветов. Тем самым разобрав студен будет способен реализовать: меню сайта, блок социальных сетей, карточки товара и подобные информационные блоки, пагинацию, не сложные одно страничные сайты.