Этот курс продолжает обучение тех, кто уже познакомился с основами 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
Learners taking this Course are
- Artists
- Software Engineers
- Data Engineers
- Data Analysts
- Business Analysts
Syllabus - What you will learn from this course
Week
13 hours to complete
Модель отображения, часть 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
23 hours to complete
Модель отображения, часть 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
33 hours to complete
Модель отображения. Часть 3
Flexbox и Grid — современные инструменты для вёрстки макетов, о них и поговорим. Оба инструмента хороши по своему и должны использоваться совместно, а не как альтернатива друг другу. В конце недели ещё одно практическое задание: добавление к магазину красивой витрины.
3 videos (Total 25 min), 4 readings, 1 quiz
4 readings
Бабуленькины котятки. Решение10m
FAQ по заданиям на взаимную оценку10m
Ссылки из видео10m
Конспект лекций10m
Week
41 hour to complete
Браузеры
Четвёртая неделя посвящена браузерам: вы узнаете об их базовой архитектуре, познакомитесь с устройством движка рендеринга браузера, разберётесь, как браузеры применяют 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
Московский физико-технический институт (Физтех) является одним из ведущих вузов страны и входит в основные рейтинги лучших университетов мира. Институт обладает не только богатой историей – основателями и профессорами института были Нобелевские лауреаты Пётр Капица, Лев Ландау и Николай Семенов – но и большой научно-исследовательской базой.
Основой образования в МФТИ является уникальная «система Физтеха», сформулированная Петром Капицей: кропотливый отбор одаренных и склонных к творческой работе абитуриентов; участие в обучении ведущих научных работников; индивидуальный подход к отдельным студентам с целью развития их творческих задатков; воспитание с первых шагов в атмосфере технических исследований и конструктивного творчества с использованием потенциала лучших лабораторий страны.
Среди выпускников МФТИ — нобелевские лауреаты Андрей Гейм и Константин Новоселов, основатель компании ABBYY Давид Ян, один из авторов архитектурных принципов построения вычислительных комплексов Борис Бабаян и др.
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.