Этот курс входит в специализацию ''Специализация Разработка интерфейсов: вёрстка и JavaScript'

Олег Семичев и еще 2 преподавателя

от партнера

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

Яндекс

E-Learning Development Fund

Специализация Разработка интерфейсов: вёрстка и JavaScriptМосковский физико-технический институт

Об этом курсе

Недавно просмотрено: 20,103

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

Авторы курса — разработчики из Яндекса.

Сертификат, ссылками на который можно делиться с другими людьми

Получите сертификат по завершении

100% онлайн

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

Курс 2 из 5 в программе

Специализация Разработка интерфейсов: вёрстка и JavaScript

Гибкие сроки

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

Средний уровень

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

Русский

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

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

Сертификат, ссылками на который можно делиться с другими людьми

Получите сертификат по завершении

100% онлайн

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

Курс 2 из 5 в программе

Специализация Разработка интерфейсов: вёрстка и JavaScript

Гибкие сроки

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

Средний уровень

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

Русский

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

от партнера

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

Московский физико-технический институт (Физтех) является одним из ведущих вузов страны и входит в основные рейтинги лучших университетов мира. Институт обладает не только богатой историей – основателями и профессорами института были Нобелевские лауреаты Пётр Капица, Лев Ландау и Николай Семенов – но и большой научно-исследовательской базой.

Основой образования в МФТИ является уникальная «система Физтеха», сформулированная Петром Капицей: кропотливый отбор одаренных и склонных к творческой работе абитуриентов; участие в обучении ведущих научных работников; индивидуальный подход к отдельным студентам с целью развития их творческих задатков; воспитание с первых шагов в атмосфере технических исследований и конструктивного творчества с использованием потенциала лучших лабораторий страны. Среди выпускников МФТИ — нобелевские лауреаты Андрей Гейм и Константин Новоселов, основатель компании ABBYY Давид Ян, один из авторов архитектурных принципов построения вычислительных комплексов Борис Бабаян и др.

Яндекс

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.

E-Learning Development Fund

Фонд развития онлайн-образования (ФРОО) объединяет образовательные стартапы, проекты в области EdTech и запускает собственные онлайн-программы в области машинного обучения, программирования, мобильной разработки, VR, дизайна и IT. Мы выстраиваем экосистему для обучения на всех стадиях жизненного цикла: от идеи и поиска средств на производство образовательной программы до поддержки, продаж и маркетинга. А сотрудничество с крупнейшими образовательными платформами позволяет запускать онлайн-курсы с максимальным эффектом и пользой для всех заинтересованных сторон.

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

Оценка контента81%(1,449 оценки)

Неделя

Неделя 1

2 ч. на завершение

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

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

2 ч. на завершение

5 видео ((всего 28 мин.)), 6 материалов для самостоятельного изучения, 1 тест

5 видео

Всё есть прямоугольники4мин

Создание боксов6мин

Нюансы работы с margin, padding и border5мин

Немного о математике блочных элементов6мин

Боксы инлайн-уровня4мин

6 материалов для самостоятельного изучения

Задание для тренировки в работе с боксовой моделью10мин

Мяндекс.Муррркет: решение10мин

FAQ по заданиям на взаимную оценку10мин

Ссылки из видео10мин

Telegram специализации10мин

Анкета для слушателя10мин

Неделя

Неделя 2

2 ч. на завершение

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

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

2 ч. на завершение

7 видео ((всего 36 мин.)), 5 материалов для самостоятельного изучения, 1 тест

7 видео

Относительная система позиционирования5мин

Абсолютная система позиционирования5мин

Позиционирование fixed и sticky2мин

Контекст наложения9мин

Плавающие элементы5мин

Блочный контекст форматирования2мин

Практические примеры4мин

5 материалов для самостоятельного изучения

Задание для тренировки в работе с различными видами позиционирования10мин

Задание для тренировки10мин

Бабуленькин урожай. Решение10мин

FAQ по заданиям на взаимную оценку10мин

Ссылки из видео10мин

Неделя

Неделя 3

2 ч. на завершение

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

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

2 ч. на завершение

3 видео ((всего 25 мин.)), 4 материалов для самостоятельного изучения, 1 тест

3 видео

Разметка5мин

Спецификация flexbox12мин

Спецификация grid6мин

4 материала для самостоятельного изучения

Бабуленькины котятки. Решение10мин

FAQ по заданиям на взаимную оценку10мин

Ссылки из видео10мин

Конспект лекций10мин

Неделя

Неделя 4

2 ч. на завершение

Браузеры

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

2 ч. на завершение

5 видео ((всего 31 мин.)), 1 материал для самостоятельного изучения, 2 тестов

5 видео

Основные группы браузеров5мин

Как браузер читает HTML и CSS?9мин

Как применяется CSS?4мин

Компоновка6мин

Отрисовка и <script>4мин

1 материал для самостоятельного изучения

Ссылки из видео10мин

2 практических упражнения

Проверьте себя30мин

Браузер30мин

Специализация Разработка интерфейсов: вёрстка и JavaScript: общие сведения

Пройдя эту специализацию, вы освоите основные инструменты разработчика интерфейсов. Если всё получится, через 5 месяцев вы сможете работать младшим фронтендером.

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

Разработка интерфейсов: вёрстка и JavaScript

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

Когда я получу доступ к лекциям и заданиям?
Доступ к лекциям и заданиям предоставляется в зависимости от типа регистрации. Если вы проходите курс в режиме слушателя, то получите бесплатный доступ к большинству материалов курса. Чтобы открыть оцениваемые задания и возможность получить сертификат, необходимо будет приобрести прохождение с сертификатом. Это можно сделать во время прохождения в режиме слушателя или после него. Если вы не видите варианта 'Режим слушателя'.
Курс может не предлагаться в режиме слушателя. Попробуйте бесплатную пробную версию или подайте заявку на финансовую помощь.
Курс предлагаться в режиме 'Полный курс, без сертификата'. В нем можно просматривать все материалы, выполнять обязательные задания и получить итоговую оценку. Приобрести дополнительно прохождение с сертификатом в таком случае нельзя.
Что я получу, оформив подписку на специализацию?
Записавшись на курс, вы получите доступ ко всем курсам в специализации, а также возможность получить сертификат о его прохождении. После успешного прохождения курса на странице ваших достижений появится электронный сертификат. Оттуда его можно распечатать или прикрепить к профилю LinkedIn. Просто ознакомиться с содержанием курса можно бесплатно.
Is financial aid available?
Да, Coursera предоставляет финансовую помощь учащимся, которые не могут оплатить обучение. Чтобы подать заявление, перейдите по ссылке "Финансовая помощь" слева под кнопкой "Зарегистрироваться". Заполните форму заявления. Если его примут, вы получите уведомление. Обратите внимание: этот шаг необходимо выполнить для каждого курса специализации, в том числе для дипломного проекта. Подробнее
Получу ли я зачеты в университете за прохождение курса?
Этот курс не приравнивается к зачету в университетах, однако некоторые вузы принимают сертификаты на свое усмотрение. Дополнительную информацию уточняйте в своем деканате. Онлайн-дипломы и сертификаты Mastertrack™ от Coursera позволяют получить зачеты.

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

Тонкости верстки