Об этом курсе
4.6
Оценки: 70
Рецензии: 5

100% онлайн

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

Гибкие сроки

Назначьте сроки сдачи в соответствии со своим графиком.

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

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

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

Русский

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

100% онлайн

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

Гибкие сроки

Назначьте сроки сдачи в соответствии со своим графиком.

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

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

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

Русский

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

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

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

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

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

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

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

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

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

Браузеры

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

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

Avatar

Олег Семичев

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

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

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

Мохов Олег

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

О Московский физико-технический институт

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

О Яндекс

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. Просто ознакомиться с содержанием курса можно бесплатно.

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