Этот курс продолжает обучение тех, кто уже познакомился с основами HTML и CSS. На очереди всякие изыски: отображение сложных элементов, изучение различий между браузерами и графика.
В конечном итоге вы сможете сами сверстать страницу любой сложности.
Авторы курса — разработчики из Яндекса.
Этот курс входит в специализацию ''Специализация Разработка интерфейсов: вёрстка и JavaScript'
Тонкости верстки
от партнера
Moscow Institute of Physics and Technology
Yandex
Специализация Разработка интерфейсов: вёрстка и JavaScriptMoscow Institute of Physics and Technology
Программа курса: что вы изучите
Неделя
1Модель отображения, часть 1
На первой неделе курса вы увидите, что всё есть прямоугольники. И разберётесь с ключевыми понятиями отображения элементов на странице: боксы, отступы, границы. В конце недели вам предстоит сверстать макет необычного интернет-магазина.
5 видео ((всего 28 мин.)), 6 материалов для самостоятельного изучения, 1 тест
5 видео
Создание боксов6мин
Нюансы работы с margin, padding и border5мин
Немного о математике блочных элементов6мин
Боксы инлайн-уровня4мин
6 материала для самостоятельного изучения
Задание для тренировки в работе с боксовой моделью10мин
Мяндекс.Муррркет: решение10мин
FAQ по заданиям на взаимную оценку10мин
Ссылки из видео10мин
Telegram специализации10мин
Анкета для слушателя10мин
Неделя
2Модель отображения, часть 2
Позиционированием называется положение элемента в системе координат. Различают четыре типа позиционирования: нормальное, абсолютное, фиксированное и относительное — от них зависит и система координат. На этой неделе вы познакомитесь со всеми типами и научитесь выбирать подходящий для ваших задач.
7 видео ((всего 36 мин.)), 5 материалов для самостоятельного изучения, 1 тест
7 видео
Абсолютная система позиционирования5мин
Позиционирование fixed и sticky2мин
Контекст наложения9мин
Плавающие элементы5мин
Блочный контекст форматирования2мин
Практические примеры4мин
5 материала для самостоятельного изучения
Задание для тренировки в работе с различными видами позиционирования10мин
Задание для тренировки10мин
Бабуленькин урожай. Решение10мин
FAQ по заданиям на взаимную оценку10мин
Ссылки из видео10мин
Неделя
3Модель отображения. Часть 3
Flexbox и Grid — современные инструменты для вёрстки макетов, о них и поговорим. Оба инструмента хороши по своему и должны использоваться совместно, а не как альтернатива друг другу. В конце недели ещё одно практическое задание: добавление к магазину красивой витрины.
3 видео ((всего 25 мин.)), 4 материалов для самостоятельного изучения, 1 тест
4 материала для самостоятельного изучения
Бабуленькины котятки. Решение10мин
FAQ по заданиям на взаимную оценку10мин
Ссылки из видео10мин
Конспект лекций10мин
Неделя
4Браузеры
Четвёртая неделя посвящена браузерам: вы узнаете об их базовой архитектуре, познакомитесь с устройством движка рендеринга браузера, разберётесь, как браузеры применяют CSS и HTML.
5 видео ((всего 31 мин.)), 1 материал для самостоятельного изучения, 2 тестов
5 видео
Как браузер читает HTML и CSS?9мин
Как применяется CSS?4мин
Компоновка6мин
Отрисовка и <script>4мин
1 материал для самостоятельного изучения
Ссылки из видео10мин
2 практического упражнения
Проверьте себя20мин
Браузер18мин
Преподавателя
Олег Семичев
разработчик интерфейсов, Яндекс
Артем Кувалдин
разработчик интерфейсов, Яндекс
Мохов Олег
разработчик интерфейсов, ЯндексО Moscow Institute of Physics and Technology
Московский физико-технический институт (неофициально известный как МФТИ или Физтех) является одним из самых престижных в мире учебных и научно-исследовательских институтов. Он готовит высококвалифицированных специалистов в области теоретической и прикладной физики, прикладной математики, информатики, биотехнологии и смежных дисциплин. Физтех был основан в 1951 году Нобелевской премии лауреатами Петром Капицей, Николаем Семеновым, Львом Ландау и Сергеем Христиановичем. Основой образования в МФТИ является уникальная «система Физтеха»: кропотливое воспитание и отбор самых талантливых абитуриентов, фундаментальное образование высшего класса и раннее вовлечение студентов в реальную научно-исследовательскую работу. Среди выпускников МФТИ есть Нобелевские лауреаты, основатели всемирно известных компаний, известные космонавты, изобретатели, инженеры.
О Yandex
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 делает лучшее в мире образование доступным каждому, предлагая онлайн-курсы от ведущих университетов и организаций.
© Coursera Inc., 2018 Все права защищены.
