Хекслет
80 отзывов

Основы современной верстки от Хекслет

При разработке современных интерфейсов учитываются не только последние технологии, но и мировые стандарты, предъявляемые к этим интерфейсам. Чтобы лучше понимать причины и следствия их появления, правильно применять в своих проектах, мы познакомимся с профессиональной терминологией и базовыми концепциями языков разметки и стилей HTML и CSS.
  • Сертификат об обучении
3900 ₽ / мес.

Актуальная стоимость обучения.

Данные обновлены 19 ноября 2022 г.

  • Сертификат об обучении
Перейти на страницу курса
Важно. Итоговая цена на странице курса может отличаться.

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

Ознакомьтесь с программой курса «Основы современной верстки» от Хекслет

1. Введение

  • Курс «Основы современной вёрстки» является базой для изучения основ верстки сайтов HTML и CSS. В этом уроке мы кратко расскажем о том, что узнаем на курсе и как эти знания можно применять на практике.

2. Введение в HTML

  • Урок посвящен HTML верстке с нуля. Говорим о роли атрибутов и изучаем общую схему описания HTML тегов.

3. Блочная модель

  • Какие элементы отвечают за каркас страницы, а какие помогают в процессе ее стилизации или добавления функциональных частей? Знакомимся с блочными и строчными элементами HTML и изучаем влияние стилей на итоговую ширину элементов.

4. Семантический HTML

  • Основная цель любой HTML-вёрстки — передача смысла блоков. В этом уроке мы рассмотрим возможности последнего стандарта HTML5 в области семантики и узнаем о доступности в веб.

5. Базовая структура HTML документа

  • Любой HTML-документ имеет базовую структуру, состоящую из тегов и служебных элементов. Они нужны браузеру для корректного отображения информации. В данном уроке разберёмся с каждой строчкой этой структуры.

6. Основы CSS

  • Для визуального оформления веб-страницы создан язык CSS. Изучаем базовые возможности языка, разбираемся, как их использовать вместе с HTML. Учимся подключать CSS файлы и знакомимся с базовыми типами селекторов.

7. Каскадность в CSS

  • Что такое каскадность, и как она работает в CSS? Урок посвящен различиям в приоритетах селекторов и умению использовать это в своих проектах.

8. Chrome DevTools

  • При вёрстке сайта важно вовремя найти ошибки или понять, как правильно преобразовать нужный нам блок. Ранее это делалось преимущественно вручную. Сейчас современные браузеры имеют функцию веб-инспектора. Рассмотрим возможности одного из них – Chrome DevTools.

9. Редакторы кода

  • Чтобы сохранять результаты работы, вам потребуется редактор кода. В этом уроке разберем, как установить Visual Studio Code. Это мощный инструмент, который можно использовать не только для вёрстки, но и для программирования на любом языке.

10. Emmet

  • Изучаем один из самых полезных плагинов для верстальщика — Emmet. Он позволит ускорить разметку HTML-кода и снимет бóльшую часть рутинных действий.

11. Публикация в интернете

  • Чтобы выложить проект в интернет, нужно воспользоваться хостингом — специальным сервером, который будет хранить файлы и предоставит доступ к ним через доменное имя. В этом уроке мы рассмотрим бесплатный хостинг GitHub.

12. Графические редакторы

  • На рынке существует несколько основных редакторов. Некоторые из них специфичны только для одной операционной системы, другие имеют возможность установки на любую из них. В этом разделе посмотрим на основные действия при работе верстальщика с онлайн-редактором Figma.

13. Самостоятельная работа

  • Дополнительные задания, которые позволяют закрепить полученную теорию.

14. Дополнительные материалы

  • Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса.
Подробная информация о курсе

Город
Онлайн
Формат обучения
Онлайн
Сертификат
Есть
Инструменты на курсе
HTML5
Поделись курсом с друзьями

Подробнее о школе Хекслет
Хекслет - это онлайн-школа программирования, за выпускниками которой охотятся компании. Данные практические курсы по программированию помогают новичкам стать профессиональными программистами, а опытным разработчикам получать новые знания и расти профессионально.
  • Преимущества и недостатки обучения в Хекслет
  • Большой объём информации. На курсах Вы получите столько информации, сколько иные программисты не получают за всю свою жизнь.

  • Преподаватели-эксперты. У каждого преподавателя за спиной многолетний опыт работы, ценные знания и выпускники-специалисты.

  • Постоянная поддержка. Кураторы курсов всегда готовы прийти на помощь каждому ученику.

  • Обучение с нуля. В этой школе из новичка сделают профессионала с хорошим портфолио!

  • Самообучение. Ответы на некоторые волнующие вопросы приходится искать самостоятельно, обращаясь к поисковикам.

  • Сложность обучения. Программирование - это нелегко, а на его освоение затрачивается много сил и энергии.

  • Отзывы о Хекслет

    Взгляните, что студенты и выпускники говорят про Хекслет

    Отзыв о школе

    Можно попробовать бесплатно, посмотреть как выглядит интерфейс платформы изнутри и определиться, подходит ли вам такой формат. Подача материала приятная, теория глубокая, упражнения интересные и применимые в реальной жизни. Есть несколько тарифов – для самостоятельного, групповог...

    Показать отзыв полностью
    Отзыв о школе

    Для индивидуального обучения веб-разработки Хекслет подходит на 100%, есть бесплатный доступ, за это время точно решите стоит вам этим заниматься или лучше поискать себя в другом. Обзор на школу нашел на сайте «Это Развод». Подача материалов удобная, но будет сложно, поэтому моти...

    Показать отзыв полностью
    + ещё 78 отзывов о Хекслет
    Мы ежедневно собираем, публикуем и обновляем отзывы об онлайн-курсах на просторах Интернета.
    Все отзывы →
    Оставить отзыв о курсе
    Проходили курс «Основы современной верстки» от Хекслет? Поделитесь своим отзывом: расскажите о плюсах и минусах обучения на данной программе.

    Прикрепите к отзыву сертификат о прохождении курса. После проверки мы пометим ваш отзыв как достоверный. Мы не будем делиться вашими данными с другими лицами.

    Основы современной верстки
    • Хекслет
    • 3900 ₽ / мес.