Dev & Data Science

Front-end Beginning. HTML & CSS

Базовый курс, который поможет освоить основы HTML и сделать первые шаги в веб-программировании. А потом решить, куда развиваться дальше: нырять во front-end или ограничиться базовым набором для создания качественных веб-интерфейсов.

О курсе

Фронтенд — неотделимая часть любого сайта. Фронтендер — человек, который делает так, чтобы пользователи могли взаимодействовать с созданным веб-дизайнером интерфейсом. А HTML и CSS –– основа фронтенда.

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

Кроме обучения HTML, сформируем навыки, которые помогут самостоятельно погружаться в сферу еще глубже и эффективно реагировать на изменения во фронтенде. Ведь потребности и требования пользователя растут, технические возможности расширяются, тренды меняются, а фронтенд разработчик должен все это отслеживать, изучать и уметь использовать.

16 апреля 2024 курс длится 3 месяца
7 500 грн/мес. 7 875 грн/мес. при оплате частями
22 500 грн при оплате всего курса
15 мест каждый студент получает регулярный фидбек

Кураторы

Авторка программы Татьяна Мельник
Кураторка Юлия Евсеенко
Куратор Леонид Костецкий
Кураторка Ольга Шемена
Куратор Василий Кашапов
Кураторка Виктория Комаровская
куратор Вадим Васько
куратор Андрей Кедысь
Куратор Владислав Ермолаев

Программа курса

  • Вступление в 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

Язык обучения

украинский

Узнайте больше

Twitter Сборище технарей, новости Development & Data Science, физра для мозга, непрошеные советы и социально-научные холивары
Лекция Что такое этот ваш фронтенд
Видеокурс Basic Math for Developers
Статья Фронтенд разработчик: чем занимается, что умеет, с чего начать
Интенсив SQL для начинающих

Вопросы

Нужны ли какие-то навыки для поступления на курс?

Это базовый курс по 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, математика для программистов, курс по линейной алгебре и курс Алгоритмы.

Регистрация

Остались вопросы?
Не стесняйтесь их задавать.

Проконсультируйте меня