À propos de ce cours
13,647 consultations récentes

100 % en ligne

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

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.

Niveau intermédiaire

Approx. 22 heures pour terminer

Recommandé : 4 hours/week...

Russe

Sous-titres : Russe

100 % en ligne

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

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.

Niveau intermédiaire

Approx. 22 heures pour terminer

Recommandé : 4 hours/week...

Russe

Sous-titres : Russe

Programme du cours : ce que vous apprendrez dans ce cours

Semaine
1
3 heures pour terminer

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

На первой неделе курса вы увидите, что всё есть прямоугольники. И разберётесь с ключевыми понятиями отображения элементов на странице: боксы, отступы, границы. В конце недели вам предстоит сверстать макет необычного интернет-магазина.

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

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

Позиционированием называется положение элемента в системе координат. Различают четыре типа позиционирования: нормальное, абсолютное, фиксированное и относительное — от них зависит и система координат. На этой неделе вы познакомитесь со всеми типами и научитесь выбирать подходящий для ваших задач.

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

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

Flexbox и Grid — современные инструменты для вёрстки макетов, о них и поговорим. Оба инструмента хороши по своему и должны использоваться совместно, а не как альтернатива друг другу. В конце недели ещё одно практическое задание: добавление к магазину красивой витрины.

...
3 vidéos (Total 25 min), 4 lectures, 1 quiz
3 vidéos
Спецификация flexbox12 min
Спецификация grid6 min
4 lectures
Бабуленькины котятки. Решение10 min
FAQ по заданиям на взаимную оценку10 min
Ссылки из видео10 min
Конспект лекций10 min
Semaine
4
1 heure pour terminer

Браузеры

Четвёртая неделя посвящена браузерам: вы узнаете об их базовой архитектуре, познакомитесь с устройством движка рендеринга браузера, разберётесь, как браузеры применяют CSS и HTML.

...
5 vidéos (Total 31 min), 1 lecture, 2 quiz
5 vidéos
Как браузер читает HTML и CSS?9 min
Как применяется CSS?4 min
Компоновка6 min
Отрисовка и <script>4 min
1 lecture
Ссылки из видео10 min
2 exercices pour s'entraîner
Проверьте себя20 min
Браузер18 min
Semaine
5
3 heures pour terminer

Фотошоп и графика

Вы научитесь работать с изображениями и графикой. Узнаете о цветовых моделях, форматах изображений в вебе и как их оптимихировать. Итоговая практическая работа — сверстать с нуля макет.

...
8 vidéos (Total 38 min), 4 lectures, 1 quiz
8 vidéos
Цветовые модели6 min
Форматы графических файлов7 min
Архивация и компрессия2 min
Графический редактор2 min
Графика в HTML6 min
Градиенты3 min
Спрайты и base644 min
4 lectures
FAQ по заданиям на взаимную оценку10 min
Ссылки из видео10 min
Ваши впечатления о курсе10 min
Стань ментором специализации "Разработка интерфейсов: вёрстка и JavaScript"10 min

Enseignants

Avatar

Олег Семичев

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

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

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

Мохов Олег

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

À propos de Institut de physique et de technologie de Moscou

Московский физико-технический институт (неофициально известный как МФТИ или Физтех) является одним из самых престижных в мире учебных и научно-исследовательских институтов. Он готовит высококвалифицированных специалистов в области теоретической и прикладной физики, прикладной математики, информатики, биотехнологии и смежных дисциплин. Физтех был основан в 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

  • Une fois que vous êtes inscrit(e) pour un Certificat, vous pouvez accéder à toutes les vidéos de cours, et à tous les quiz et exercices de programmation (le cas échéant). Vous pouvez soumettre des devoirs à examiner par vos pairs et en examiner vous-même uniquement après le début de votre session. Si vous préférez explorer le cours sans l'acheter, vous ne serez peut-être pas en mesure d'accéder à certains devoirs.

  • Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.

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