Об этом курсе
4.7
Оценки: 52
Рецензии: 4
100% онлайн

100% онлайн

Начните сейчас и учитесь по собственному графику.
Гибкие сроки

Гибкие сроки

Назначьте сроки сдачи в соответствии со своим графиком.
Промежуточный уровень

Промежуточный уровень

Часов на завершение

Прибл. 22 часа на выполнение

Предполагаемая нагрузка: 5 hours/week...
Доступные языки

Русский

Субтитры: Русский
100% онлайн

100% онлайн

Начните сейчас и учитесь по собственному графику.
Гибкие сроки

Гибкие сроки

Назначьте сроки сдачи в соответствии со своим графиком.
Промежуточный уровень

Промежуточный уровень

Часов на завершение

Прибл. 22 часа на выполнение

Предполагаемая нагрузка: 5 hours/week...
Доступные языки

Русский

Субтитры: Русский

Программа курса: что вы изучите

Неделя
1
Часов на завершение
3 ч. на завершение

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

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

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

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

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

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

Браузеры

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

Преподавателя

Avatar

Олег Семичев

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

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

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

Мохов Олег

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

О 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). Главная изюминка всех четырёх курсов — сложные, но не оторванные от реальности практические задания. Их составили разработчики Яндекса — они старались, чтобы упражнения как можно больше походили на настоящие рабочие задачи. Пожалуйста, будьте готовы не только слушать лекции и читать учебные материалы, но и самостоятельно искать нужную информацию в интернете — без этого хорошо выполнить задания будет трудно. Навык поиска документации и пояснений к ней очень пригодится, когда вы начнёте профессионально заниматься разработкой для веба....
Разработка интерфейсов: вёрстка и JavaScript

Часто задаваемые вопросы

  • Зарегистрировавшись на сертификацию, вы получите доступ ко всем видео, тестам и заданиям по программированию (если они предусмотрены). Задания по взаимной оценке сокурсниками можно сдавать и проверять только после начала сессии. Если вы проходите курс без оплаты, некоторые задания могут быть недоступны.

  • Записавшись на курс, вы получите доступ ко всем курсам в специализации, а также возможность получить сертификат о его прохождении. После успешного прохождения курса на странице ваших достижений появится электронный сертификат. Оттуда его можно распечатать или прикрепить к профилю LinkedIn. Просто ознакомиться с содержанием курса можно бесплатно.

Остались вопросы? Посетите Центр поддержки учащихся.