Этот курс продолжает обучение тех, кто уже познакомился с основами HTML и CSS. На очереди всякие изыски: отображение сложных элементов, изучение различий между браузерами и графика. В конечном итоге вы сможете сами сверстать страницу любой сложности. Авторы курса — разработчики из Яндекса.
Этот курс входит в специализацию ''Специализация Разработка интерфейсов: вёрстка и JavaScript'
Тонкости верстки
от партнера
Московский физико-технический институт
Яндекс
Программа курса: что вы изучите
Неделя
13 ч. на завершение
Модель отображения, часть 1
На первой неделе курса вы увидите, что всё есть прямоугольники. И разберётесь с ключевыми понятиями отображения элементов на странице: боксы, отступы, границы. В конце недели вам предстоит сверстать макет необычного интернет-магазина.
5 видео ((всего 28 мин.)), 6 материалов для самостоятельного изучения, 1 тест
5 видео
Создание боксов6мин
Нюансы работы с margin, padding и border5мин
Немного о математике блочных элементов6мин
Боксы инлайн-уровня4мин
6 материала для самостоятельного изучения
Задание для тренировки в работе с боксовой моделью10мин
Мяндекс.Муррркет: решение10мин
FAQ по заданиям на взаимную оценку10мин
Ссылки из видео10мин
Telegram специализации10мин
Анкета для слушателя10мин
Неделя
23 ч. на завершение
Модель отображения, часть 2
Позиционированием называется положение элемента в системе координат. Различают четыре типа позиционирования: нормальное, абсолютное, фиксированное и относительное — от них зависит и система координат. На этой неделе вы познакомитесь со всеми типами и научитесь выбирать подходящий для ваших задач.
7 видео ((всего 36 мин.)), 5 материалов для самостоятельного изучения, 1 тест
7 видео
Абсолютная система позиционирования5мин
Позиционирование fixed и sticky2мин
Контекст наложения9мин
Плавающие элементы5мин
Блочный контекст форматирования2мин
Практические примеры4мин
5 материала для самостоятельного изучения
Задание для тренировки в работе с различными видами позиционирования10мин
Задание для тренировки10мин
Бабуленькин урожай. Решение10мин
FAQ по заданиям на взаимную оценку10мин
Ссылки из видео10мин
Неделя
33 ч. на завершение
Модель отображения. Часть 3
Flexbox и Grid — современные инструменты для вёрстки макетов, о них и поговорим. Оба инструмента хороши по своему и должны использоваться совместно, а не как альтернатива друг другу. В конце недели ещё одно практическое задание: добавление к магазину красивой витрины.
3 видео ((всего 25 мин.)), 4 материалов для самостоятельного изучения, 1 тест
4 материала для самостоятельного изучения
Бабуленькины котятки. Решение10мин
FAQ по заданиям на взаимную оценку10мин
Ссылки из видео10мин
Конспект лекций10мин
Неделя
41 ч. на завершение
Браузеры
Четвёртая неделя посвящена браузерам: вы узнаете об их базовой архитектуре, познакомитесь с устройством движка рендеринга браузера, разберётесь, как браузеры применяют CSS и HTML.
5 видео ((всего 31 мин.)), 1 материал для самостоятельного изучения, 2 тестов
5 видео
Как браузер читает HTML и CSS?9мин
Как применяется CSS?4мин
Компоновка6мин
Отрисовка и <script>4мин
1 материал для самостоятельного изучения
Ссылки из видео10мин
2 практического упражнения
Проверьте себя20мин
Браузер18мин
Пригласите друзей и получите скидку 50%
Разделите с друзьями свою любовь к учебе! Запишитесь на курс вместе с другом, и когда он совершит покупку, вы оба получите скидку 50% на курс или на первый месяц подписки на специализацию.
Посмотреть условия использованияПреподаватели
Олег Семичев
разработчик интерфейсов, Яндекс
Артем Кувалдин
разработчик интерфейсов, Яндекс
Мохов Олег
разработчик интерфейсов, ЯндексО Московский физико-технический институт
Московский физико-технический институт (Физтех) является одним из ведущих вузов страны и входит в основные рейтинги лучших университетов мира. Институт обладает не только богатой историей – основателями и профессорами института были Нобелевские лауреаты Пётр Капица, Лев Ландау и Николай Семенов – но и большой научно-исследовательской базой.
Основой образования в МФТИ является уникальная «система Физтеха», сформулированная Петром Капицей: кропотливый отбор одаренных и склонных к творческой работе абитуриентов; участие в обучении ведущих научных работников; индивидуальный подход к отдельным студентам с целью развития их творческих задатков; воспитание с первых шагов в атмосфере технических исследований и конструктивного творчества с использованием потенциала лучших лабораторий страны.
Среди выпускников МФТИ — нобелевские лауреаты Андрей Гейм и Константин Новоселов, основатель компании ABBYY Давид Ян, один из авторов архитектурных принципов построения вычислительных комплексов Борис Бабаян и др.
О Яндекс
Yandex is a technology company that builds intelligent products and services powered by machine learning. Our goal is to help consumers and businesses better navigate the online and offline world.
Специализация Разработка интерфейсов: вёрстка и JavaScript: общие сведения
Пройдя эту специализацию, вы освоите основные инструменты разработчика интерфейсов. Если всё получится, через 5 месяцев вы сможете работать младшим фронтендером.
Специализация состоит из двух частей: два курса про вёрстку и ещё два по JavaScript. Курсы про вёрстку не требуют практически никакой подготовки. Научиться основам JavaScript труднее, поэтому кое-какая подготовка нужна: преподаватели ожидают, что вы уже умеете программировать на каком-нибудь объектно-ориентированном или функциональном языке (например, C++, C#, Java, Python или Haskell).
Главная изюминка всех четырёх курсов — сложные, но не оторванные от реальности практические задания. Их составили разработчики Яндекса — они старались, чтобы упражнения как можно больше походили на настоящие рабочие задачи.
Пожалуйста, будьте готовы не только слушать лекции и читать учебные материалы, но и самостоятельно искать нужную информацию в интернете — без этого хорошо выполнить задания будет трудно. Навык поиска документации и пояснений к ней очень пригодится, когда вы начнёте профессионально заниматься разработкой для веба.
Часто задаваемые вопросы
Когда я получу доступ к лекциям и заданиям?
Зарегистрировавшись на сертификацию, вы получите доступ ко всем видео, тестам и заданиям по программированию (если они предусмотрены). Задания по взаимной оценке сокурсниками можно сдавать и проверять только после начала сессии. Если вы проходите курс без оплаты, некоторые задания могут быть недоступны.
Что я получу, оформив подписку на специализацию?
Записавшись на курс, вы получите доступ ко всем курсам в специализации, а также возможность получить сертификат о его прохождении. После успешного прохождения курса на странице ваших достижений появится электронный сертификат. Оттуда его можно распечатать или прикрепить к профилю LinkedIn. Просто ознакомиться с содержанием курса можно бесплатно.
Какие правила возврата средств?
Можно ли получить финансовую помощь?
Остались вопросы? Посетите Центр поддержки учащихся.
Coursera provides universal access to the world’s best education,
partnering with top universities and organizations to offer courses online.
© Coursera Inc., 2019 Все права защищены.
