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

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

На этом курсе вы изучите основы верстки сайтов HTML. Знание этого языка пригодится, когда вы начнете работать над версткой своих первых веб-страниц. Вы узнаете больше об HTML-разметке и возможностях современного стандарта HTML5. Также вы получите базовые знания по стилизации с помощью CSS: научитесь подключать стили, использовать селекторы, работать с каскадностью. В дополнение к HTML и CSS, вы научитесь работать со встроенными в браузер средствами отладки верстки, в частности с Google Chrome DevTools. В итоге вы научитесь использовать язык разметки HTML для верстки текста на сайте, а также познакомитесь с базовыми правилами использования CSS и стилизации текста. Новые навыки вы сможете сразу же применить на практике — мы изучим редакторы для верстки и плагины к ним. В конце каждого урока вы будете встречать небольшие самостоятельные задания. Они направлены на более практическое понимание освещенной темы, поэтому очень рекомендуемы для выполнения. Основы верстки пригодится, если вы решите изучать веб-разработку вне зависимости от направления. Знания из этого курса помогают программистам размечать данные и выводить их на сайт. Этот курс подойдет новичкам и разработчикам, которые не сталкивались с версткой в своей работе.
  • Сертификат об обучении
3900 ₽ / мес.

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

Данные обновлены 21 июня 2024 г.

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

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

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

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 ₽ / мес.