À propos de ce cours
4.7
45 notes
4 avis
Этот курс продолжает обучение тех, кто уже познакомился с основами HTML и CSS. На очереди всякие изыски: отображение сложных элементов, изучение различий между браузерами и графика. В конечном итоге вы сможете сами сверстать страницу любой сложности. Авторы курса — разработчики из Яндекса....
Globe

Cours en ligne à 100 %

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Calendar

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.
Intermediate Level

Niveau intermédiaire

Clock

Recommandé : 4 hours/week

Approx. 21 heures pour terminer
Comment Dots

Russian

Sous-titres : Russian
Globe

Cours en ligne à 100 %

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Calendar

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.
Intermediate Level

Niveau intermédiaire

Clock

Recommandé : 4 hours/week

Approx. 21 heures pour terminer
Comment Dots

Russian

Sous-titres : Russian

Programme du cours : ce que vous apprendrez dans ce cours

1

Section
Clock
3 heures pour terminer

Модель отображения, часть 1

На первой неделе курса вы увидите, что всё есть прямоугольники. И разберётесь с ключевыми понятиями отображения элементов на странице: боксы, отступы, границы. В конце недели вам предстоит сверстать макет необычного интернет-магазина....
Reading
5 vidéos (Total 28 min), 6 lectures, 1 quiz
Video5 vidéos
Создание боксов6 min
Нюансы работы с margin, padding и border5 min
Немного о математике блочных элементов6 min
Боксы инлайн-уровня4 min
Reading6 lectures
Задание для тренировки в работе с боксовой моделью10 min
Мяндекс.Муррркет: решение10 min
FAQ по заданиям на взаимную оценку10 min
Ссылки из видео10 min
Telegram специализации10 min
Анкета для слушателя10 min

2

Section
Clock
3 heures pour terminer

Модель отображения, часть 2

Позиционированием называется положение элемента в системе координат. Различают четыре типа позиционирования: нормальное, абсолютное, фиксированное и относительное — от них зависит и система координат. На этой неделе вы познакомитесь со всеми типами и научитесь выбирать подходящий для ваших задач....
Reading
7 vidéos (Total 36 min), 5 lectures, 1 quiz
Video7 vidéos
Абсолютная система позиционирования5 min
Позиционирование fixed и sticky2 min
Контекст наложения9 min
Плавающие элементы5 min
Блочный контекст форматирования2 min
Практические примеры4 min
Reading5 lectures
Задание для тренировки в работе с различными видами позиционирования10 min
Задание для тренировки10 min
Бабуленькин урожай. Решение10 min
FAQ по заданиям на взаимную оценку10 min
Ссылки из видео10 min

3

Section
Clock
3 heures pour terminer

Модель отображения. Часть 3

Flexbox и Grid — современные инструменты для вёрстки макетов, о них и поговорим. Оба инструмента хороши по своему и должны использоваться совместно, а не как альтернатива друг другу. В конце недели ещё одно практическое задание: добавление к магазину красивой витрины....
Reading
3 vidéos (Total 25 min), 4 lectures, 1 quiz
Video3 vidéos
Спецификация flexbox12 min
Спецификация grid6 min
Reading4 lectures
Бабуленькины котятки. Решение10 min
FAQ по заданиям на взаимную оценку10 min
Ссылки из видео10 min
Конспект лекций10 min

4

Section
Clock
1 heure pour terminer

Браузеры

Четвёртая неделя посвящена браузерам: вы узнаете об их базовой архитектуре, познакомитесь с устройством движка рендеринга браузера, разберётесь, как браузеры применяют CSS и HTML....
Reading
5 vidéos (Total 31 min), 1 lecture, 2 quiz
Video5 vidéos
Как браузер читает HTML и CSS?9 min
Как применяется CSS?4 min
Компоновка6 min
Отрисовка и <script>4 min
Reading1 lecture
Ссылки из видео10 min
Quiz2 exercices pour s'entraîner
Проверьте себя20 min
Браузер18 min

Enseignants

Олег Семичев

разработчик интерфейсов, Яндекс

Артем Кувалдин

разработчик интерфейсов, Яндекс

Мохов Олег

разработчик интерфейсов, Яндекс

À propos de Moscow Institute of Physics and Technology

Московский физико-технический институт (неофициально известный как МФТИ или Физтех) является одним из самых престижных в мире учебных и научно-исследовательских институтов. Он готовит высококвалифицированных специалистов в области теоретической и прикладной физики, прикладной математики, информатики, биотехнологии и смежных дисциплин. Физтех был основан в 1951 году Нобелевской премии лауреатами Петром Капицей, Николаем Семеновым, Львом Ландау и Сергеем Христиановичем. Основой образования в МФТИ является уникальная «система Физтеха»: кропотливое воспитание и отбор самых талантливых абитуриентов, фундаментальное образование высшего класса и раннее вовлечение студентов в реальную научно-исследовательскую работу. Среди выпускников МФТИ есть Нобелевские лауреаты, основатели всемирно известных компаний, известные космонавты, изобретатели, инженеры....

À propos de 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....

À propos de la Spécialisation Разработка интерфейсов: вёрстка и JavaScript

Пройдя эту специализацию, вы освоите основные инструменты разработчика интерфейсов. Если всё получится, через 5 месяцев вы сможете работать младшим фронтендером. Специализация состоит из двух частей: два курса про вёрстку и ещё два по JavaScript. Курсы про вёрстку не требуют практически никакой подготовки. Научиться основам JavaScript труднее, поэтому кое-какая подготовка нужна: преподаватели ожидают, что вы уже умеете программировать на каком-нибудь объектно-ориентированном или функциональном языке (например, C++, C#, Java, Python или Haskell). Главная изюминка всех четырёх курсов — сложные, но не оторванные от реальности практические задания. Их составили разработчики Яндекса — они старались, чтобы упражнения как можно больше походили на настоящие рабочие задачи. Пожалуйста, будьте готовы не только слушать лекции и читать учебные материалы, но и самостоятельно искать нужную информацию в интернете — без этого хорошо выполнить задания будет трудно. Навык поиска документации и пояснений к ней очень пригодится, когда вы начнёте профессионально заниматься разработкой для веба....
Разработка интерфейсов: вёрстка и JavaScript

Foire Aux Questions

  • 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.

  • 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.

D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.