курс

CSS: Адаптивность сайта

2701 студент 341 сообщение
Последнее обновление: 12 июня 2024
Курс CSS: Адаптивность сайта
3 900 ₽ в месяц
за все курсы Хекслета
Зарегистрироваться
  • Тренажер с практикой
  • Бессрочный доступ к теории
  • Асинхронный формат
    обучения

Включено в курс

7 уроков (видео и/или текст)
7 упражнений в тренажере
19 проверочных тестов
Помощь в «Обсуждениях»
Доступ к остальным курсам платформы

Чему вы научитесь

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

Описание

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

Курс по адаптивности расширяет знания по позиционированию элементов: их ширина, переносы на разных разрешениях экрана. Для изучения курса понадобится умение верстать контент и позиционировать его на странице. Этим навыкам посвящены три курса:

  1. Основы верстки контента
  2. CSS: Позиционирование элементов
  3. CSS: Основы Flex

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

Продолжительность 7 часов
  • 1

    Введение

    Знакомимся с темой и целями курса
  • 2

    Проверка адаптивности сайта

    Выясняем, как проверить ваш сайт на различных устройствах
  • 3

    Viewport

    Выясняем, что такое мета-тег viewport и как он помогает в адаптивности

    тесты

  • 4

    Гибкие элементы

    Познакомимся с версткой с использованием процентов

    тесты

    упражнение

  • 5

    Flex

    Разбираемся в возможностях Flex при создании адаптивных макетов

    тесты

    упражнение

  • 6

    Медиазапросы

    Знакомимся с одним из самых мощных инструментов для создания адаптивных сайтов — Media Queries

    тесты

    упражнение

  • 7

    Медиазапросы и другие устройства

    Выясняем, для каких устройств возможно применять свои стили

    тесты

    упражнение

  • 8

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

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

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

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

Формат обучения

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже

#
Задание
% завершений

Отзывы

Аватар пользователя Андрей Андреев
Андрей Андреев 02 мая 2020

https://ru.hexlet.io/code_reviews/259320 автор снимаю шляпу перед твоим решением, 2 вечера придумывал, а оно вон как все оказывается было просто...

Рекомендуемые программы

профессия
от 6 300 ₽ в месяц
Осваивайте разработку веб-страниц, оживляйте дизайн макетов, публикуйте сайты и приложения. Отслеживайте ошибки в интерфейсе и устраняйте их
10 месяцев
с нуля
Старт 25 июля
профессия
от 6 300 ₽ в месяц
Обучитесь разработке бэкенда сайтов и веб-приложений — серверной части, которая отвечает за логику и базы данных
10 месяцев
с нуля
Старт 25 июля
профессия
от 6 183 ₽ в месяц
Выполняйте ручное тестирование веб-приложений, находите ошибки в продукте. Узнайте все о тест-дизайне.
4 месяца
с нуля
Старт 25 июля
профессия
от 6 300 ₽ в месяц
Научитесь разработке веб-приложений, сайтов и программного обеспечения на языке Java, программируйте и используйте структуры данных
10 месяцев
с нуля
Старт 25 июля
профессия
от 5 025 ₽ в месяц
новый
Собирайте, анализируйте и интерпретируйте данные, улучшайте бизнес-процессы и продукт компании. Обучитесь работе с библиотеками Python
9 месяцев
с нуля
Старт 25 июля
профессия
от 6 300 ₽ в месяц
Занимайтесь созданием сайтов, веб-приложений, сервисов и их интеграцией с внутренними бизнес-системами на бекенд-языке PHP
10 месяцев
с нуля
Старт 25 июля
профессия
от 5 840 ₽ в месяц
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 25 июля
профессия
от 9 900 ₽ в месяц
Обучитесь разработке визуальной части сайта — фронтенда, а также реализации серверной — бэкенда. Освойте HTML, CSS, JavaScript
16 месяцев
с нуля
Старт 25 июля
профессия
от 6 300 ₽ в месяц
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 25 июля
профессия
новый
Организовывайте процесс автоматизации тестирования на проекте, обучитесь языку программирования JavaScript, начните управлять процессом тестирования
8 месяцев
c опытом
в разработке
Старт 25 июля