Курс 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, подтверждающий уровень ваших знаний и увеличивающий шансы на успешное трудоустройство.
Каждый сертификат имеет серийный номер, работодатель может его проверить и убедиться в подлинности сертификата.
Готов
начать обучение?
Отправляй заявку и зафиксируй свою скидку на обучение
Сергей Патёха
Senior Software Engineer at BIScience, тренер-консультант CyberBionic Systematics
Александр Гончаренко
Web Frontend Developer.
Сертифицированный специалист MCSA
Анна Павлюк
WEB Frontend Developer.
Тренер – консультант
Елена Хижняк
WEB Frontend Developer. Сертифицированный тренер Microsoft (MCSA)
Полина Соколенко
WEB Frontend Developer.
Тренер – консультант
Анастасия Ткаченко
WEB Frontend Developer. Тренер – консультант
Филипп Севене
Web Frontend Developer. Тренер – консультант.
MCPS: Microsoft Certified Professional
Виталий Мазяр
Web Frontend Developer. Тренер – консультант. Сертифицированный тренер Microsoft. Автор видео курсов на ITVDN
Оксана Дмитриева
WEB Frontend Developer. Тренер – консультант
Ростислав Силивейстр
WEB Frontend Developer. Тренер – консультант
Александр Петрик
Full-Stack Developer, CEO at Dinamicka Development, Microsoft Certified Specialist (MCTS, MCPD, MCT), автор курсов ITVDN.
Денис Ковтун
Web Frontend Developer. Тренер – консультант.
Сертифицированный тренер Microsoft
Богдан Мартыненко
Frontend Developer. Тренер – консультант
Тарас Заславский
FrontEnd Developer. Тренер-консультант
Владислав Белик
React FrontEnd Developer, тренер-консультант по направлению FrontEnd
Алексей Татаренков
FrontEnd Developer, тренер-консультант в CyberBionic Systematics
Алексей Кучеренко
тренер-консультант направления FrontEnd at CyberBionic Systematics
Александр Виноградов
Software Developer, тренер-консультант по направлению Node.js Developer в CyberBionic Systematics
Отзывы наших студентов
Отзывы с DOU
Olha Aliakina
Python developer
Я пройшла курс Python Developer.
Мені сподобалось, Python досить глибоко вивчали, з нуля і до асинхроного програмування, WebSocket... Насправді дуже багато тем розглянули, отримала уявлення як правцювати з БД, Git. Також вивчали Django, вже не так глибоко як Python, але достатньо, щоб робити проекти типу блог, веб магазин.
Домашки у мене займали часу, якщо на базовому курсі все встигати було легко, то починаючи з ООП вже потребували більше часу. Але насправді дуже корисні завдання і різні, щоб мозок запрацював у різних напрямках однієї теми. Щоб виконати дз, у моєму курсі конктетно, треба було також переглядати лекції на ITDVN, не тільки лекцію викладача. Бо часто відповідь як вирішити певну задачку була на лекції ITDVN на відповідну тему.
Після кожного з курсів можна пройти тестування і отримати сертифікацію по курсу. Для джунів це досить хороша опція, бо ці сертифікати можна викладати на лінкедин, щоб було підтвердження навчання. Що я і зробила. Тому рекомендувала б не забивати на тестування, а проходити.
Я б сказала, що пройти курс Python Developer було для мене визванням, встигати робити всі домашки і кінцевий проект не було легко, але було варто того. Нагрузка відчувалась, але якраз нагрузка і запускає роботу мозку в потрібному напрямку. Я задоволена курсом.
Прочитать оригинал
Отзывы с Facebook
Евгений Евгеньевич
Angular Developer
Пройшов у CyberBionics все що тільки можна))
Близько 5 різних курсів по frontend після чого вже 5 років є Angular розробником і нещодавно піврічний курс по .NET
Дякую школі, вона допомогла мені стати тим, хто я є.
Прочитать оригинал
Отзывы с Google
Дмитрий Беляев
.NET Developer
Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.
Прочитать оригинал
Компании, в которых работают наши студенты
Остались вопросы?
Подскажем, с чего начать, какую специальность выбрать и как найти первую работу.
О курсе HTML5, CSS3 для начинающих
Курс HTML5&CSS3 Стартовый состоит из 10 логически взаимосвязанных уроков, на которых учащиеся применяют на практике теоретические знания технологий HTML5&CSS3 для создания простых элементов веб страницы.
Курс рассматривает базовые основы, которые необходимы для работы с внешним интерфейсом любого сайта: создание структуры сайта, использование семантических тегов, указание путей для файлов, варианты работы с размерами элементов, внутренние и внешние отступы, границы элементов, форматирование текста, отображение изображений/картинок, размещение блоков в нужном количестве и порядке, правила вложенности для таблиц и списков, палитрой цветов. Тем самым разобрав студен будет способен реализовать: меню сайта, блок социальных сетей, карточки товара и подобные информационные блоки, пагинацию, не сложные одно страничные сайты.
Курс рассматривает базовые основы, которые необходимы для работы с внешним интерфейсом любого сайта: создание структуры сайта, использование семантических тегов, указание путей для файлов, варианты работы с размерами элементов, внутренние и внешние отступы, границы элементов, форматирование текста, отображение изображений/картинок, размещение блоков в нужном количестве и порядке, правила вложенности для таблиц и списков, палитрой цветов. Тем самым разобрав студен будет способен реализовать: меню сайта, блок социальных сетей, карточки товара и подобные информационные блоки, пагинацию, не сложные одно страничные сайты.