Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Moscow Institute of Physics and Technology

Тонкости верстки

Moscow Institute of Physics and Technology via Coursera

This course may be unavailable.

Overview

Этот курс продолжает обучение тех, кто уже познакомился с основами HTML и CSS. На очереди всякие изыски: отображение сложных элементов, изучение различий между браузерами и графика.

В конечном итоге вы сможете сами сверстать страницу любой сложности.

Авторы курса — разработчики из Яндекса.

Syllabus

  • Модель отображения, часть 1
    • На первой неделе курса вы увидите, что всё есть прямоугольники. И разберётесь с ключевыми понятиями отображения элементов на странице: боксы, отступы, границы. В конце недели вам предстоит сверстать макет необычного интернет-магазина.
  • Модель отображения, часть 2
    • Позиционированием называется положение элемента в системе координат. Различают четыре типа позиционирования: нормальное, абсолютное, фиксированное и относительное — от них зависит и система координат. На этой неделе вы познакомитесь со всеми типами и научитесь выбирать подходящий для ваших задач.
  • Модель отображения. Часть 3
    • Flexbox и Grid — современные инструменты для вёрстки макетов, о них и поговорим. Оба инструмента хороши по своему и должны использоваться совместно, а не как альтернатива друг другу. В конце недели ещё одно практическое задание: добавление к магазину красивой витрины.
  • Браузеры
    • Четвёртая неделя посвящена браузерам: вы узнаете об их базовой архитектуре, познакомитесь с устройством движка рендеринга браузера, разберётесь, как браузеры применяют CSS и HTML.
  • Фотошоп и графика
    • Вы научитесь работать с изображениями и графикой. Узнаете о цветовых моделях, форматах изображений в вебе и как их оптимихировать. Итоговая практическая работа — сверстать с нуля макет.

Taught by

Олег Семичев, Артем Кувалдин and Мохов Олег

Reviews

Start your review of Тонкости верстки

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.