Об этом курсе: HTML и CSS — языки, с помощью которых верстают страницы в интернете. Овладеть основами этих языков совсем нетрудно — это первый шаг к профессии веб-разработчика. Вначале вы узнаете, как работать со шрифтами и текстом, а в конце концов научитесь верстать несложные страницы с анимацией и без. Авторы курса — разработчики из Яндекса. У курса есть продолжение.
Для кого этот курс: Курс предназначен в первую очередь для студентов и выпускников технических вузов, но может подойти любому человеку, изучающему разработку веб-сервисов с нуля. Стартовые требования простые: умение пользоваться браузером и готовность изучать дополнительные материалы и документацию.
Автор: Московский физико-технический институт, Яндекс
Преподаватели: Мохов Олег, разработчик интерфейсов, Яндекс
Преподаватели: Артем Кувалдин, разработчик интерфейсов, Яндекс
Преподаватели: Олег Семичев, разработчик интерфейсов, Яндекс
| Основные сведения | Course 2 of 5 in the Разработка интерфейсов: вёрстка и JavaScript Specialization |
| Уровень | Beginner |
| Выполнение | 5 недель обучения, 3 - 4 часа в неделю |
| Язык | Russian |
| Как пройти курс | Чтобы пройти курс, выполните все оцениваемые задания. |
| Оценки пользователей |
Программа курса
НЕДЕЛЯ 1
Введение в HTML
Первая неделя курса посвящена знакомству с HTML. Вы узнаете, откуда взялся этот язык разметки, как он развивается сегодня, из чего состоят HTML-элементы и как разметить ими обычный текст.
9 видео, 6 материалов для самостоятельного изучения, 1 practice quiz
- Leyendo: О курсе и специализации
- Видео: МФТИ
- Leyendo: МФТИ
- Leyendo: Немного о Яндексе
- Cuadro de aviso de la discusión: Давайте знакомиться
- Leyendo: Telegram специализации
- Leyendo: Анкета слушателя
- Видео: История
- Видео: Мифы W3C
- Видео: Анатомия HTML
- Видео: Элементы
- Видео: Группирующие элементы, часть 1
- Видео: Группирующие элементы, часть 2
- Видео: Таблицы
- Видео: Текстовые элементы
- Cuestionario de práctica: Проверьте себя
- Leyendo: Ссылки из видео и дополнительные материалы
- Cuadro de aviso de la discusión: Редакторы кода и IDE
Оцениваемый: Введение в HTML
НЕДЕЛЯ 2
Введение в HTML, часть 2
На второй неделе мы продолжим изучение HTML. Вы узнаете, что такое семантическая разметка и почему важно соблюдать семантику. Научитесь создавать ссылки в HTML-документе. Не обойдёмся и без практики: вам предстоит попрактиковаться в разметке текста.
7 видео, 3 материалов для самостоятельного изучения, 1 practice quiz
- Видео: Семантическая разметка
- Видео: Ссылочные элементы
- Видео: Встраиваемые элементы
- Видео: Элементы форм
- Видео: Тег <form>
- Видео: Интернационализация
- Видео: Создание HTML
- Cuestionario de práctica: Проверьте себя
- Leyendo: FAQ по заданиям на взаимную оценку
- Leyendo: Ссылки из видео
- Leyendo: Ссылки на дополнительные материалы
Оцениваемый: Введение в HTML, часть 2
Оцениваемый: Разметить текст
НЕДЕЛЯ 3
Введение в CSS
Поговорим о том, почему появился CSS, и разберёмся в его структуре. Вы научитесь грамотно применять и комбинировать различные типы селекторов (селекторы тегов, классов, идентификаторов и атрибутов). Также мы расскажем, что такое псевдоэлементы и псведоклассы, какие они бывают и как с ними работать. Вы разберётесь в том, что такое специфичность, как она высчитывается и как это влияет на порядок применения свойств в CSS.
8 видео, 3 материалов для самостоятельного изучения, 1 practice quiz
- Видео: История
- Видео: Структура CSS
- Видео: Основные селекторы
- Видео: Псевдоэлементы и псевдоклассы
- Видео: Отношения
- Видео: Специфичность
- Видео: Единицы измерения
- Видео: Создание CSS файлов
- Leyendo: Задание для тренировки в работе с CSS-селекторами
- Cuestionario de práctica: Проверьте себя
- Leyendo: Ссылки на дополнительные материалы
- Leyendo: Введение в CSS. Конспект
Оцениваемый: Введение в CSS
НЕДЕЛЯ 4
Шрифты и текст
Четвёртая неделя курса посвящена работе со шрифтами и текстом. Вы узнаете о проблемах, связанных с использованием нестандартных шрифтов, и способах их решения. Научитесь управлять выводом шрифтов, применять цвет для текста, а ещё создавать интересные эффекты с помощью тени. Узнаете, как реализовать многоколоночную развёртку, а также как грамотно обходить проблему переполнения текста. Полученных навыков вам хватит, чтобы сверстать собственную газету.
10 видео, 6 материалов для самостоятельного изучения
- Видео: Что такое шрифт? Анатомия шрифта
- Видео: Размер шрифта
- Видео: Высота строки. Расстояние между буквами и словами
- Видео: Начертание шрифта
- Видео: Семейства шрифтов. Проблемы использования нестандартных шрифтов
- Видео: Свойство font
- Leyendo: Задание для тренировки в работе со шрифтом
- Видео: Базовые свойства для работы с текстом
- Видео: Многоколоночность и переполнение текста
- Видео: Форматирование пробелов и переносов в тексте
- Видео: Псевдоэлементы
- Leyendo: Задание для тренировки в работе с текстом
- Leyendo: Газета из прошлого. Решение
- Leyendo: FAQ по заданиям на взаимную оценку
- Leyendo: Ссылки из видео и дополнительные материалы
- Leyendo: Шрифты и текст. Конспект
Оцениваемый: Газета из прошлого
НЕДЕЛЯ 5
Анимации в CSS
На пятой неделе вы узнаете про основные виды трансформаций и о том, как создать анимации только при помощи CSS. Разумеется, попрактикуетесь в создании анимаций разных уровней сложности.
6 видео, 6 материалов для самостоятельного изучения
- Видео: Преобразования
- Видео: Множественные преобразования
- Видео: Преобразования в трёхмерном пространстве
- Видео: Переходы
- Видео: Анимации
- Видео: Разбор задач по теме
- Leyendo: Задание для тренировки в работе с анимациями
- Leyendo: Мультик. Решение
- Leyendo: FAQ по заданиям на взаимную оценку
- Leyendo: Ссылки из видео и дополнительные материалы
- Leyendo: Ваши впечатления о курсе
- Leyendo: Стань ментором специализации "Разработка интерфейсов: вёрстка и JavaScript"
Оцениваемый: Мультик
Часто задаваемые вопросы
Как это работает
Trabajo del curso
Cada curso es como un libro de texto interactivo, con videos pregrabados, cuestionarios y proyectos.
Ayuda de tus compañeros
Conéctate con miles de estudiantes y debate ideas y materiales del curso, y obtén ayuda para dominar los conceptos.
Certificados
Obtén reconocimiento oficial por tu trabajo y comparte tu éxito con amigos, compañeros y empleadores.
Авторы
Московский физико-технический институт
Московский физико-технический институт (неофициально известный как МФТИ или Физтех) является одним из самых престижных в мире учебных и научно-исследовательских институтов. Он готовит высококвалифицированных специалистов в области теоретической и прикладной физики, прикладной математики, информатики, биотехнологии и смежных дисциплин. Физтех был основан в 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.
Стоимость
| Приобрести курс | |
|---|---|
| Получить доступ к материалам курса | Доступен |
| Получить доступ к оцениваемым материалам курса | Доступен |
| Получить итоговую оценку | Доступен |
| Earn a shareable Course Certificate | Доступен |
Рейтинги и отзывы
Это крутой курс! Всё по полочкам разложено и разжевано! Спасибо огромное!
Замечательный курс, узнал много нового о шрифтах и анимации) Спасибо)
Для базы вполне достаточно, некоторые задачи сложные, от этого не менее интересны.
Coursera делает лучшее в мире образование доступным каждому, предлагая онлайн-курсы от ведущих университетов и организаций.
© Coursera Inc., 2018 Все права защищены.
супер!