Этот курс продолжает обучение тех, кто уже познакомился с основами HTML и CSS. На очереди всякие изыски: отображение сложных элементов, изучение различий между браузерами и графика.
В конечном итоге вы сможете сами сверстать страницу любой сложности.
Авторы курса — разработчики из Яндекса.
This course is part of the Разработка интерфейсов: вёрстка и JavaScript Specialization
Тонкости верстки
Offered By
Moscow Institute of Physics and Technology
Yandex
Разработка интерфейсов: вёрстка и JavaScript SpecializationMoscow Institute of Physics and Technology
Syllabus - What you will learn from this course
Week
1Модель отображения, часть 1
На первой неделе курса вы увидите, что всё есть прямоугольники. И разберётесь с ключевыми понятиями отображения элементов на странице: боксы, отступы, границы. В конце недели вам предстоит сверстать макет необычного интернет-магазина.
5 videos (Total 28 min), 6 readings, 1 quiz
5 videos
Создание боксов6m
Нюансы работы с margin, padding и border5m
Немного о математике блочных элементов6m
Боксы инлайн-уровня4m
6 readings
Задание для тренировки в работе с боксовой моделью10m
Мяндекс.Муррркет: решение10m
FAQ по заданиям на взаимную оценку10m
Ссылки из видео10m
Telegram специализации10m
Анкета для слушателя10m
Week
2Модель отображения, часть 2
Позиционированием называется положение элемента в системе координат. Различают четыре типа позиционирования: нормальное, абсолютное, фиксированное и относительное — от них зависит и система координат. На этой неделе вы познакомитесь со всеми типами и научитесь выбирать подходящий для ваших задач.
7 videos (Total 36 min), 5 readings, 1 quiz
7 videos
Абсолютная система позиционирования5m
Позиционирование fixed и sticky2m
Контекст наложения9m
Плавающие элементы5m
Блочный контекст форматирования2m
Практические примеры4m
5 readings
Задание для тренировки в работе с различными видами позиционирования10m
Задание для тренировки10m
Бабуленькин урожай. Решение10m
FAQ по заданиям на взаимную оценку10m
Ссылки из видео10m
Week
3Модель отображения. Часть 3
Flexbox и Grid — современные инструменты для вёрстки макетов, о них и поговорим. Оба инструмента хороши по своему и должны использоваться совместно, а не как альтернатива друг другу. В конце недели ещё одно практическое задание: добавление к магазину красивой витрины.
3 videos (Total 25 min), 4 readings, 1 quiz
4 readings
Бабуленькины котятки. Решение10m
FAQ по заданиям на взаимную оценку10m
Ссылки из видео10m
Конспект лекций10m
Week
4Браузеры
Четвёртая неделя посвящена браузерам: вы узнаете об их базовой архитектуре, познакомитесь с устройством движка рендеринга браузера, разберётесь, как браузеры применяют CSS и HTML.
5 videos (Total 31 min), 1 reading, 2 quizzes
5 videos
Как браузер читает HTML и CSS?9m
Как применяется CSS?4m
Компоновка6m
Отрисовка и <script>4m
1 reading
Ссылки из видео10m
2 practice exercises
Проверьте себя20m
Браузер18m
Instructors
Олег Семичев
разработчик интерфейсов, Яндекс
Артем Кувалдин
разработчик интерфейсов, Яндекс
Мохов Олег
разработчик интерфейсов, ЯндексAbout Moscow Institute of Physics and Technology
Московский физико-технический институт (неофициально известный как МФТИ или Физтех) является одним из самых престижных в мире учебных и научно-исследовательских институтов. Он готовит высококвалифицированных специалистов в области теоретической и прикладной физики, прикладной математики, информатики, биотехнологии и смежных дисциплин. Физтех был основан в 1951 году Нобелевской премии лауреатами Петром Капицей, Николаем Семеновым, Львом Ландау и Сергеем Христиановичем. Основой образования в МФТИ является уникальная «система Физтеха»: кропотливое воспитание и отбор самых талантливых абитуриентов, фундаментальное образование высшего класса и раннее вовлечение студентов в реальную научно-исследовательскую работу. Среди выпускников МФТИ есть Нобелевские лауреаты, основатели всемирно известных компаний, известные космонавты, изобретатели, инженеры.
About 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.
About the Разработка интерфейсов: вёрстка и JavaScript Specialization
Пройдя эту специализацию, вы освоите основные инструменты разработчика интерфейсов. Если всё получится, через 5 месяцев вы сможете работать младшим фронтендером.
Специализация состоит из двух частей: два курса про вёрстку и ещё два по JavaScript. Курсы про вёрстку не требуют практически никакой подготовки. Научиться основам JavaScript труднее, поэтому кое-какая подготовка нужна: преподаватели ожидают, что вы уже умеете программировать на каком-нибудь объектно-ориентированном или функциональном языке (например, C++, C#, Java, Python или Haskell).
Главная изюминка всех четырёх курсов — сложные, но не оторванные от реальности практические задания. Их составили разработчики Яндекса — они старались, чтобы упражнения как можно больше походили на настоящие рабочие задачи.
Пожалуйста, будьте готовы не только слушать лекции и читать учебные материалы, но и самостоятельно искать нужную информацию в интернете — без этого хорошо выполнить задания будет трудно. Навык поиска документации и пояснений к ней очень пригодится, когда вы начнёте профессионально заниматься разработкой для веба.
Frequently Asked Questions
When will I have access to the lectures and assignments?
Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.
What will I get if I subscribe to this Specialization?
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
What is the refund policy?
Is financial aid available?
More questions? Visit the Learner Help Center.
Coursera provides universal access to the world’s best education,
partnering with top universities and organizations to offer courses online.
© 2018 Coursera Inc. All rights reserved.
