курс

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

2678 студентов 341 сообщение
Последнее обновление: 12 июня 2024
Курс CSS: Адаптивность сайта
21 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 вечера придумывал, а оно вон как все оказывается было просто...

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

профессия
от 25 000 ₸ в месяц
Разработка фронтенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 20 июня
профессия
от 25 000 ₸ в месяц
Разработка веб-приложений на Django
10 месяцев
с нуля
Старт 20 июня
профессия
от 14 960 ₸ в месяц
Ручное тестирование веб-приложений
4 месяца
с нуля
Старт 20 июня
профессия
от 25 000 ₸ в месяц
Разработка приложений на языке Java
10 месяцев
с нуля
Старт 20 июня
профессия
от 24 542 ₸ в месяц
новый
Сбор, анализ и интерпретация данных
9 месяцев
с нуля
Старт 20 июня
профессия
от 25 000 ₸ в месяц
Разработка веб-приложений на Laravel
10 месяцев
с нуля
Старт 20 июня
профессия
от 28 908 ₸ в месяц
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 20 июня
профессия
от 39 525 ₸ в месяц
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
16 месяцев
с нуля
Старт 20 июня
профессия
от 25 000 ₸ в месяц
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 20 июня
профессия
новый
Автоматизированное тестирование веб-приложений на JavaScript
8 месяцев
c опытом
в разработке
Старт 20 июня