HTML и CSS — языки, с помощью которых верстают страницы в интернете. Овладеть основами этих языков совсем нетрудно — это первый шаг к профессии веб-разработчика.
Вначале вы узнаете, как работать со шрифтами и текстом, а в конце концов научитесь верстать несложные страницы с анимацией и без.
Авторы курса — разработчики из Яндекса.
У курса есть продолжение.
Этот курс входит в специализацию ''Специализация Разработка интерфейсов: вёрстка и JavaScript'
Основы HTML и CSS
от партнера
Moscow Institute of Physics and Technology
Yandex
Специализация Разработка интерфейсов: вёрстка и JavaScriptMoscow Institute of Physics and Technology
Программа курса: что вы изучите
Неделя
1Введение в HTML
Первая неделя курса посвящена знакомству с HTML. Вы узнаете, откуда взялся этот язык разметки, как он развивается сегодня, из чего состоят HTML-элементы и как разметить ими обычный текст.
9 видео (всего 42 мин.), 6 материалов для самостоятельного изучения, 2 тестов
9 видео
МФТИ1мин
История6мин
Мифы W3C2мин
Анатомия HTML7мин
Элементы6мин
Группирующие элементы, часть 13мин
Группирующие элементы, часть 23мин
Таблицы3мин
Текстовые элементы6мин
6 материала для самостоятельного изучения
О курсе и специализации10мин
МФТИ10мин
Немного о Яндексе10мин
Telegram специализации10мин
Анкета слушателя10мин
Ссылки из видео и дополнительные материалы10мин
2 практического упражнения
Проверьте себя16мин
Введение в HTML20мин
Неделя
2Введение в HTML, часть 2
На второй неделе мы продолжим изучение HTML. Вы узнаете, что такое семантическая разметка и почему важно соблюдать семантику. Научитесь создавать ссылки в HTML-документе. Не обойдёмся и без практики: вам предстоит попрактиковаться в разметке текста.
7 видео (всего 50 мин.), 3 материалов для самостоятельного изучения, 3 тестов
7 видео
Ссылочные элементы5мин
Встраиваемые элементы7мин
Элементы форм10мин
Тег <form>6мин
Интернационализация8мин
Создание HTML3мин
3 материала для самостоятельного изучения
FAQ по заданиям на взаимную оценку10мин
Ссылки из видео10мин
Ссылки на дополнительные материалы10мин
2 практического упражнения
Проверьте себя18мин
Введение в HTML, часть 224мин
Неделя
3Введение в CSS
Поговорим о том, почему появился CSS, и разберёмся в его структуре. Вы научитесь грамотно применять и комбинировать различные типы селекторов (селекторы тегов, классов, идентификаторов и атрибутов). Также мы расскажем, что такое псевдоэлементы и псведоклассы, какие они бывают и как с ними работать. Вы разберётесь в том, что такое специфичность, как она высчитывается и как это влияет на порядок применения свойств в CSS.
8 видео (всего 50 мин.), 3 материалов для самостоятельного изучения, 2 тестов
8 видео
История4мин
Структура CSS2мин
Основные селекторы4мин
Псевдоэлементы и псевдоклассы11мин
Отношения4мин
Специфичность11мин
Единицы измерения7мин
Создание CSS файлов3мин
3 материала для самостоятельного изучения
Задание для тренировки в работе с CSS-селекторамимин
Ссылки на дополнительные материалы10мин
Введение в CSS. Конспект10мин
2 практического упражнения
Проверьте себя24мин
Введение в CSS12мин
Неделя
4Шрифты и текст
Четвёртая неделя курса посвящена работе со шрифтами и текстом. Вы узнаете о проблемах, связанных с использованием нестандартных шрифтов, и способах их решения. Научитесь управлять выводом шрифтов, применять цвет для текста, а ещё создавать интересные эффекты с помощью тени. Узнаете, как реализовать многоколоночную развёртку, а также как грамотно обходить проблему переполнения текста. Полученных навыков вам хватит, чтобы сверстать собственную газету.
10 видео (всего 44 мин.), 6 материалов для самостоятельного изучения, 1 тест
10 видео
Размер шрифта4мин
Высота строки. Расстояние между буквами и словами3мин
Начертание шрифта3мин
Семейства шрифтов. Проблемы использования нестандартных шрифтов8мин
Свойство font1мин
Базовые свойства для работы с текстом6мин
Многоколоночность и переполнение текста4мин
Форматирование пробелов и переносов в тексте5мин
Псевдоэлементы2мин
6 материала для самостоятельного изучения
Задание для тренировки в работе со шрифтом30мин
Задание для тренировки в работе с текстом30мин
Газета из прошлого. Решение10мин
FAQ по заданиям на взаимную оценку10мин
Ссылки из видео и дополнительные материалы10мин
Шрифты и текст. Конспект10мин
Преподавателя
Мохов Олег
разработчик интерфейсов, Яндекс
Артем Кувалдин
разработчик интерфейсов, Яндекс
Олег Семичев
разработчик интерфейсов, ЯндексО 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).
Главная изюминка всех четырёх курсов — сложные, но не оторванные от реальности практические задания. Их составили разработчики Яндекса — они старались, чтобы упражнения как можно больше походили на настоящие рабочие задачи.
Пожалуйста, будьте готовы не только слушать лекции и читать учебные материалы, но и самостоятельно искать нужную информацию в интернете — без этого хорошо выполнить задания будет трудно. Навык поиска документации и пояснений к ней очень пригодится, когда вы начнёте профессионально заниматься разработкой для веба.
Часто задаваемые вопросы
Когда я получу доступ к лекциям и заданиям?
Зарегистрировавшись на сертификацию, вы получите доступ ко всем видео, тестам и заданиям по программированию (если они предусмотрены). Задания по взаимной оценке сокурсниками можно сдавать и проверять только после начала сессии. Если вы проходите курс без оплаты, некоторые задания могут быть недоступны.
Что я получу, оформив подписку на специализацию?
Записавшись на курс, вы получите доступ ко всем курсам в специализации, а также возможность получить сертификат о его прохождении. После успешного прохождения курса на странице ваших достижений появится электронный сертификат. Оттуда его можно распечатать или прикрепить к профилю LinkedIn. Просто ознакомиться с содержанием курса можно бесплатно.
Какие правила возврата средств?
Можно ли получить финансовую помощь?
Остались вопросы? Посетите Центр поддержки учащихся.
Coursera делает лучшее в мире образование доступным каждому, предлагая онлайн-курсы от ведущих университетов и организаций.
© Coursera Inc., 2018 Все права защищены.
