HTML и CSS — языки, с помощью которых верстают страницы в интернете. Овладеть основами этих языков совсем нетрудно — это первый шаг к профессии веб-разработчика.
Этот курс входит в специализацию ''Специализация Разработка интерфейсов: вёрстка и JavaScript'
от партнера
Московский физико-технический институт
Яндекс
E-Learning Development Fund
Специализация Разработка интерфейсов: вёрстка и JavaScriptМосковский физико-технический институтОб этом курсе
Недавно просмотрено: 74,959
Карьерные результаты учащихся
50%
начал новую карьеру, пройдя эти курсы
60%
получил значимые преимущества в карьере благодаря этому курсу
Сертификат, ссылками на который можно делиться с другими людьми
Получите сертификат по завершении
100% онлайн
Начните сейчас и учитесь по собственному графику.
Курс 2 из 5 в программе
Гибкие сроки
Назначьте сроки сдачи в соответствии со своим графиком.
Начальный уровень
Прибл. 16 часов на выполнение
Русский
Субтитры: Русский
Карьерные результаты учащихся
50%
начал новую карьеру, пройдя эти курсы
60%
получил значимые преимущества в карьере благодаря этому курсу
Сертификат, ссылками на который можно делиться с другими людьми
Получите сертификат по завершении
100% онлайн
Начните сейчас и учитесь по собственному графику.
Курс 2 из 5 в программе
Гибкие сроки
Назначьте сроки сдачи в соответствии со своим графиком.
Начальный уровень
Прибл. 16 часов на выполнение
Русский
Субтитры: Русский
от партнера
Московский физико-технический институт
Московский физико-технический институт (Физтех) является одним из ведущих вузов страны и входит в основные рейтинги лучших университетов мира. Институт обладает не только богатой историей – основателями и профессорами института были Нобелевские лауреаты Пётр Капица, Лев Ландау и Николай Семенов – но и большой научно-исследовательской базой.
Яндекс
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мин
3 ч. на завершение
Введение в HTML, часть 2
На второй неделе мы продолжим изучение HTML. Вы узнаете, что такое семантическая разметка и почему важно соблюдать семантику. Научитесь создавать ссылки в HTML-документе. Не обойдёмся и без практики: вам предстоит попрактиковаться в разметке текста.
3 ч. на завершение
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 г.
Отличный курс, преподы супер. Все четко, внятно, кратко, по делу. Была одна тема, которую не очень понял - специфичность. Ну, думаю, при желании разберусь сам. В остальном порядок. Двигаюсь дальше.
от партнера MD3 мар. 2020 г.
Владел вопросами курса и ранее, но проходил в рамках специализации и узнал много нового и полезного для себя. Очень хороший курс.
от партнера AD19 апр. 2018 г.
Это крутой курс! Всё по полочкам разложено и разжевано! Спасибо огромное!
от партнера AZ16 июля 2020 г.
Отличный курс, разноплановые задания, хорошее объяснение. Спасибо.
Специализация Разработка интерфейсов: вёрстка и JavaScript: общие сведения
Пройдя эту специализацию, вы освоите основные инструменты разработчика интерфейсов. Если всё получится, через 5 месяцев вы сможете работать младшим фронтендером.
Часто задаваемые вопросы
Когда я получу доступ к лекциям и заданиям?
Доступ к лекциям и заданиям предоставляется в зависимости от типа регистрации. Если вы проходите курс в режиме слушателя, то получите бесплатный доступ к большинству материалов курса. Чтобы открыть оцениваемые задания и возможность получить сертификат, необходимо будет приобрести прохождение с сертификатом. Это можно сделать во время прохождения в режиме слушателя или после него. Если вы не видите варианта 'Режим слушателя'.
- Курс может не предлагаться в режиме слушателя. Попробуйте бесплатную пробную версию или подайте заявку на финансовую помощь.
- Курс предлагаться в режиме 'Полный курс, без сертификата'. В нем можно просматривать все материалы, выполнять обязательные задания и получить итоговую оценку. Приобрести дополнительно прохождение с сертификатом в таком случае нельзя.
Что я получу, оформив подписку на специализацию?
Записавшись на курс, вы получите доступ ко всем курсам в специализации, а также возможность получить сертификат о его прохождении. После успешного прохождения курса на странице ваших достижений появится электронный сертификат. Оттуда его можно распечатать или прикрепить к профилю LinkedIn. Просто ознакомиться с содержанием курса можно бесплатно.
Is financial aid available?
Да, Coursera предоставляет финансовую помощь учащимся, которые не могут оплатить обучение. Чтобы подать заявление, перейдите по ссылке "Финансовая помощь" слева под кнопкой "Зарегистрироваться". Заполните форму заявления. Если его примут, вы получите уведомление. Обратите внимание: этот шаг необходимо выполнить для каждого курса специализации, в том числе для дипломного проекта. Подробнее
Получу ли я зачеты в университете за прохождение курса?
Этот курс не приравнивается к зачету в университетах, однако некоторые вузы принимают сертификаты на свое усмотрение. Дополнительную информацию уточняйте в своем деканате. Онлайн-дипломы и сертификаты Mastertrack™ от Coursera позволяют получить зачеты.
Остались вопросы? Посетите Центр поддержки учащихся.
