О курсе
Фронтенд — неотделимая часть любого сайта. Фронтендер — человек, который делает так, чтобы пользователи могли взаимодействовать с созданным веб-дизайнером интерфейсом. А HTML и CSS –– основа фронтенда.
Курс по HTML, CSS поможет студентам освоить базу, чтобы самостоятельно создавать интерфейсы, учитывая современные технологии, процессы и подходы. Разберемся в особенностях создания пользовательского интерфейса сайтов –– HTML, CSS, основах работы в графических редакторах. Научимся делать сайт доступным на экранах разного размера и в разных условиях, а ещё оптимизировать свою работу для высшей продуктивности.
Кроме обучения HTML, сформируем навыки, которые помогут самостоятельно погружаться в сферу еще глубже и эффективно реагировать на изменения во фронтенде. Ведь потребности и требования пользователя растут, технические возможности расширяются, тренды меняются, а фронтенд разработчик должен все это отслеживать, изучать и уметь использовать.


22 500 грн при оплате всего курса

Программа курса
-
Вступление в HTML и CSS
- — Особенности и составляющие HTML.
- — Строение HTML тега, скелет HTML страницы.
- — CSS и его функции.
- — Правила построения таблиц стилей.
- — CSS селекторы, значения цветов и размеров.
- — Подключение CSS на HTML страницу.
- — Ознакомление с VSCode, Git, Figma.
-
Ссылки и изображения
- — Виды ссылок и их составляющие.
- — Путь к ресурсу.
- — Атрибуты ссылок.
- — Виды, форматы и атрибуты изображений.
- — Возможности SVG.
- — Теги для гиперссылок, изображений, группы изображения и подписи.
- — Chrome DevTools для инспектирования кода в браузере.
-
Основы типографики
- — Задачи и основные понятия типографики.
- — Группы правил для текста и шрифтов.
- — Подключение шрифтов на страницу.
-
CSS
- — Блочная модель.
- — Правила –– display, float, z-index, overflow.
- — Стилизация изображений.
- — Селекторы, их приоритетность.
- — Позиционирование элементов.
- — Стилизация ссылок.
-
Списки и таблицы
- — Теги для различных видов списков.
- — Счетчики.
- — Списки определений –– dt, dd, dl.
- — Основные теги для таблиц.
- — Стилизация списков и таблиц.
-
Теги для группировки, семантика
- — Особенности тегов div и span.
- — Семантика HTML, виды блоков сайта.
-
Flexbox
- — Стили для родительских и дочерних элементов.
- — Выравнивание блоков.
- — Построение «колонок».
-
Grid
- — Группы правил для grid элементов.
- — Различия между grid и flex.
- — Построение «колонок» и колоночный дизайн.
-
Responsive Design
- — Составляющие и основные приемы адаптивного дизайна.
- — Container Query.
- — Дублирование HTML для различных медиа.
-
Формы и их стилизация
- — Сущность форм, групп и подписей.
- — Текстовые поля и их типы.
- — Селекты, чекбоксы, кнопки и радиокнопки.
- — Валидация форм.
- — Дополнительные типы полей для ввода данных в формах.
- — Стилизация элементов форм.
-
Системы именования классов
- — Функции систем именования классов и архитектуры CSS.
- — Ознакомление с методологиями –– BEM, SMACSS, Atomic CSS, OOCSS.
- — Разделение страницы на структурные составляющие.
Курс для вас, если вы
Новичок
планируете изучение HTML и CSS с нуля, чтобы сделать первые шаги во front-end разработке и сверстать свои первые страницы
Дизайнер/ка сайтов
желаете пройти курсы верстки сайтов
Свитчер/ка
хотите сменить нынешнюю профессию и освоить основы CSS, HTML, чтобы перейти в ІТ
English
Intermediate и выше
Математика
на хорошем школьном уровне
Время
8+ часов в неделю для выполнения домашних заданий
Как проходит обучение
Вебинары
Вебинары с куратором и группой будут проходить по вторникам и по четвергам в 19:30.
Real-life задания
У нас действует Practicult — культ практики. Поэтому вы будете выполнять много сложной домашки из реальных рабочих будней. Have fun & survive.
Курсовой проект
В ходе курса вы сделаете большой проект. Ведь принцип курса — все как в жизни.
Регулярный фидбек
У нас нет базовых и премиум режимов. Только премиум, всегда. Получите от кураторов все. И да, десятая итерация — это нормально.
Сертификат за дело
Наши сертификаты действительно ценят на рынке. Поэтому мы выдаём их только тем студентам, которые выполнили не менее 70% домашних работ и защитили курсовой проект.
ГРАФИК
Старт
16 апреля 2024
Вебинары
вторник, четверг— 19:30
Язык обучения
украинский
Вопросы
Нужны ли какие-то навыки для поступления на курс?
Это базовый курс по HTML для людей без опыта в отрасли, все необходимое обучение верстке будем проходить с нуля. Однако мы ценим ваше время и хотим убедиться, что курс будет для вас полезным, а усилия принесут результат.
Поэтому для поступления необходимо пообщаться с менеджером, который свяжется с вами в течение 72 часов. Сразу после интервью вы получите ответ и рекомендации для поступления. Тогда же вы узнаете детали по оплате курса. Важно: место в группе бронируется только после внесения оплаты.
Если вы получите отказ –– не расстраивайтесь. Мы вышлем также список полезных ссылок. Ознакомьтесь с этими материалами, а затем смело подавайте заявку на курс снова.
Какой софт будет использоваться на курсе?
Чтобы каждый урок HTML CSS усвоить эффективно и применить знания на практике, вам понадобится браузер и любой текстовый редактор с подсветкой кода, например VSCode. Как установить редактор и работать с ним, расскажет куратор.
Как проходит коммуникация на курсе и в каком формате кураторы дают фидбек?
Вся коммуникация на курсе проходит на платформе Slack (рабочий чат группы, каналы для домашних заданий и полезных ссылок). Кураторы дают фидбек в виде комментариев к домашним заданиям и обсуждения на вебинарах.
Вебинары будут записываться?
Да, но лучше выделите время, чтобы присоединится к ним лично — будет интересно.
А сертификат будет?
Будет, если приложить усилия. Чтобы получить сертификат, нужно выполнить не менее 70% домашних работ, получить фидбек и «засчитано» от куратора, а также сдать и защитить курсовой проект. Дедлайном для сдачи и принятия работ является дата выпуска или защиты перед заказчиком.
Что, если мне не понравится?
Мы сможем вернуть вам деньги в течение 7 дней с начала курса, если вы передумаете.
Что такое HTML и CSS?
HTML и CSS –– основа веб-страниц.
HTML (HyperText Markup Language) –– это язык разметки, позволяющий создавать структурные элементы страницы, такие как заголовок, список, а также добавлять изображения, формы и т.д. с помощью тегов. То есть HTML верстка является скелетом сайта.
CSS (Cascading Style Sheets) –– это язык стиля веб-страницы, который формирует ее внешний вид –– цвет, размер элементов и другие визуальные эффекты. Также это базовые технологии, которыми овладевают студенты, пришедшие учиться на HTML курсы.
Нужно ли учить HTML и CSS?
Если планируете дальше развиваться во фронтенд разработке, то сначала следует именно изучить HTML и CSS. Потому что наслаивать знания языков программирования, фреймворков и библиотек вы будете именно на CSS и HTML основы.
Что пишут на HTML и CSS?
Базово CSS & HTML –– это два кита, на которых держится любой вебсайт. Поэтому верстка HTML CSS –– обязательный скилл для тех, кто хочет работать с веб-сайтами и фронтендом.
Что делает верстальщик сайтов?
Верстальщик сайта, или фронтенд разработчик, ответственный за видимую для пользователей часть сайта. Он создает интерфейс на основе макета от веб-дизайнера. Впрочем, верстка HTML –– это не только о чисто техническом воплощении готового макета, но и о том, чтобы готовый сайт был функциональным, удобным и понятным для пользователя.
Сколько нужно учиться на верстальщика?
Чтобы освоить HTML и CSS с нуля, вам понадобится минимум три месяца интенсивного обучения на курсе. Изучение HTML построено так, чтобы студенты много практиковались, а после завершения курса могли самостоятельно верстать простые сайты. Но это очень условный срок, ведь, чтобы усвоить все уроки HTML, CSS, вы будете иметь доступ к ним еще в течение года.
Какие еще курсы для разработчиков я могу пройти?
Если вы завершили курс по HTML и CSS и хотите продолжить прокачивать свои хард скиллы как фронтенд разработчик, советуем курсы по JavaScript и React для начинающих. Чтобы обучаться с нуля, регистрируйтесь на годовые курсы фронтенд разработчика.
Если думаете об обучении программированию в направлении бэкэнд, выбирайте Python с нуля или Golang с нуля.
Также в зависимости от планов профессионального развития обратите внимание на такое обучение –– курсы тестировщика, курсы по SQL, математика для программистов, курс по линейной алгебре и курс Алгоритмы.