HTML и CSS — языки, с помощью которых верстают страницы в интернете. Овладеть основами этих языков совсем нетрудно — это первый шаг к профессии веб-разработчика.
Этот курс входит в специализацию ''Специализация Разработка интерфейсов: вёрстка и JavaScript'
от партнера
Московский физико-технический институт
Яндекс
E-Learning Development Fund
Специализация Разработка интерфейсов: вёрстка и JavaScriptМосковский физико-технический институтОб этом курсе
Недавно просмотрено: 62,783
Карьерные результаты учащихся
33%
начал новую карьеру, пройдя эти курсы
43%
получил значимые преимущества в карьере благодаря этому курсу
Сертификат, ссылками на который можно делиться с другими людьми
Получите сертификат по завершении
100% онлайн
Начните сейчас и учитесь по собственному графику.
Курс 1 из 5 в программе
Гибкие сроки
Назначьте сроки сдачи в соответствии со своим графиком.
Начальный уровень
Прибл. 17 часов на выполнение
Русский
Субтитры: Русский
Карьерные результаты учащихся
33%
начал новую карьеру, пройдя эти курсы
43%
получил значимые преимущества в карьере благодаря этому курсу
Сертификат, ссылками на который можно делиться с другими людьми
Получите сертификат по завершении
100% онлайн
Начните сейчас и учитесь по собственному графику.
Курс 1 из 5 в программе
Гибкие сроки
Назначьте сроки сдачи в соответствии со своим графиком.
Начальный уровень
Прибл. 17 часов на выполнение
Русский
Субтитры: Русский
от партнера
Московский физико-технический институт
Московский физико-технический институт (Физтех) является одним из ведущих вузов страны и входит в основные рейтинги лучших университетов мира. Институт обладает не только богатой историей – основателями и профессорами института были Нобелевские лауреаты Пётр Капица, Лев Ландау и Николай Семенов – но и большой научно-исследовательской базой.
Яндекс
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. Мы выстраиваем экосистему для обучения на всех стадиях жизненного цикла: от идеи и поиска средств на производство образовательной программы до поддержки, продаж и маркетинга. А сотрудничество с крупнейшими образовательными платформами позволяет запускать онлайн-курсы с максимальным эффектом и пользой для всех заинтересованных сторон.
Программа курса: что вы изучите
3 ч. на завершение
Введение в HTML
Первая неделя курса посвящена знакомству с HTML. Вы узнаете, откуда взялся этот язык разметки, как он развивается сегодня, из чего состоят HTML-элементы и как разметить ими обычный текст.
3 ч. на завершение
9 видео ((всего 42 мин.)), 6 материалов для самостоятельного изучения, 2 тестов
9 видео
МФТИ1мин
История6мин
Мифы W3C2мин
Анатомия HTML7мин
Элементы6мин
Группирующие элементы, часть 13мин
Группирующие элементы, часть 23мин
Таблицы3мин
Текстовые элементы6мин
6 материалов для самостоятельного изучения
О курсе и специализации10мин
МФТИ10мин
Немного о Яндексе10мин
Telegram специализации10мин
Анкета слушателя10мин
Ссылки из видео и дополнительные материалы10мин
2 практических упражнения
Проверьте себя30мин
Введение в HTML30мин
4 ч. на завершение
Введение в HTML, часть 2
На второй неделе мы продолжим изучение HTML. Вы узнаете, что такое семантическая разметка и почему важно соблюдать семантику. Научитесь создавать ссылки в HTML-документе. Не обойдёмся и без практики: вам предстоит попрактиковаться в разметке текста.
4 ч. на завершение
7 видео ((всего 50 мин.)), 3 материалов для самостоятельного изучения, 3 тестов
7 видео
Ссылочные элементы5мин
Встраиваемые элементы7мин
Элементы форм10мин
Тег <form>6мин
Интернационализация8мин
Создание HTML3мин
3 материала для самостоятельного изучения
FAQ по заданиям на взаимную оценку10мин
Ссылки из видео10мин
Ссылки на дополнительные материалы10мин
2 практических упражнения
Проверьте себя30мин
Введение в HTML, часть 230мин
3 ч. на завершение
Введение в CSS
Поговорим о том, почему появился CSS, и разберёмся в его структуре. Вы научитесь грамотно применять и комбинировать различные типы селекторов (селекторы тегов, классов, идентификаторов и атрибутов). Также мы расскажем, что такое псевдоэлементы и псведоклассы, какие они бывают и как с ними работать. Вы разберётесь в том, что такое специфичность, как она высчитывается и как это влияет на порядок применения свойств в CSS.
3 ч. на завершение
8 видео ((всего 50 мин.)), 3 материалов для самостоятельного изучения, 2 тестов
8 видео
История4мин
Структура CSS2мин
Основные селекторы4мин
Псевдоэлементы и псевдоклассы11мин
Отношения4мин
Специфичность11мин
Единицы измерения7мин
Создание CSS файлов3мин
3 материала для самостоятельного изучения
Задание для тренировки в работе с CSS-селекторами1ч
Ссылки на дополнительные материалы10мин
Введение в CSS. Конспект10мин
2 практических упражнения
Проверьте себя30мин
Введение в CSS30мин
3 ч. на завершение
Шрифты и текст
Четвёртая неделя курса посвящена работе со шрифтами и текстом. Вы узнаете о проблемах, связанных с использованием нестандартных шрифтов, и способах их решения. Научитесь управлять выводом шрифтов, применять цвет для текста, а ещё создавать интересные эффекты с помощью тени. Узнаете, как реализовать многоколоночную развёртку, а также как грамотно обходить проблему переполнения текста. Полученных навыков вам хватит, чтобы сверстать собственную газету.
3 ч. на завершение
10 видео ((всего 44 мин.)), 6 материалов для самостоятельного изучения, 1 тест
10 видео
Размер шрифта4мин
Высота строки. Расстояние между буквами и словами3мин
Начертание шрифта3мин
Семейства шрифтов. Проблемы использования нестандартных шрифтов8мин
Свойство font1мин
Базовые свойства для работы с текстом6мин
Многоколоночность и переполнение текста4мин
Форматирование пробелов и переносов в тексте5мин
Псевдоэлементы2мин
6 материалов для самостоятельного изучения
Задание для тренировки в работе со шрифтом30мин
Задание для тренировки в работе с текстом30мин
Газета из прошлого. Решение10мин
FAQ по заданиям на взаимную оценку10мин
Ссылки из видео и дополнительные материалы10мин
Шрифты и текст. Конспект10мин
Рецензии
Лучшие отзывы о курсе ОСНОВЫ HTML И CSS
от партнера AA23 нояб. 2018 г.
Отличный курс, преподы супер. Все четко, внятно, кратко, по делу. Была одна тема, которую не очень понял - специфичность. Ну, думаю, при желании разберусь сам. В остальном порядок. Двигаюсь дальше.
от партнера GA25 авг. 2019 г.
1-2 неделя. Показалось, что слишком "разбросан" материал. 3 неделя. Все супер. Преподавателю респект и уважение!\n\n4 неделя. Все супер!\n\n5 неделя. Неплохо рассказывали материал.
от партнера BA5 дек. 2020 г.
В общем и целом курс неплохой и интересный. Но хотелось бы побольше практики, связанной с реальными задачами. А так же чтобы к каждой теме был прикреплен конспект (хотя бы краткий).
от партнера MD3 мар. 2020 г.
Владел вопросами курса и ранее, но проходил в рамках специализации и узнал много нового и полезного для себя. Очень хороший курс.
Специализация Разработка интерфейсов: вёрстка и JavaScript: общие сведения
Пройдя эту специализацию, вы освоите основные инструменты разработчика интерфейсов. Если всё получится, через 5 месяцев вы сможете работать младшим фронтендером.
Часто задаваемые вопросы
Когда я получу доступ к лекциям и заданиям?
Что я получу, оформив подписку на специализацию?
Is financial aid available?
Получу ли я зачеты в университете за прохождение курса?
Остались вопросы? Посетите Центр поддержки учащихся.
