HTML и CSS — языки, с помощью которых верстают страницы в интернете. Овладеть основами этих языков совсем нетрудно — это первый шаг к профессии веб-разработчика.
Вначале вы узнаете, как работать со шрифтами и текстом, а в конце концов научитесь верстать несложные страницы с анимацией и без.
Авторы курса — разработчики из Яндекса.
У курса есть продолжение.
Ce cours fait partie de la Spécialisation Разработка интерфейсов: вёрстка и JavaScript
Основы HTML и CSS
proposé par
Institut de physique et de technologie de Moscou
Yandex
Spécialisation Разработка интерфейсов: вёрстка и JavaScriptInstitut de physique et de technologie de Moscou
Programme du cours : ce que vous apprendrez dans ce cours
Semaine
12 heures pour terminer
Введение в HTML
Первая неделя курса посвящена знакомству с HTML. Вы узнаете, откуда взялся этот язык разметки, как он развивается сегодня, из чего состоят HTML-элементы и как разметить ими обычный текст.
9 vidéos (Total 42 min), 6 lectures, 2 quiz
9 vidéos
МФТИ1 min
История6 min
Мифы W3C2 min
Анатомия HTML7 min
Элементы6 min
Группирующие элементы, часть 13 min
Группирующие элементы, часть 23 min
Таблицы3 min
Текстовые элементы6 min
6 lectures
О курсе и специализации10 min
МФТИ10 min
Немного о Яндексе10 min
Telegram специализации10 min
Анкета слушателя10 min
Ссылки из видео и дополнительные материалы10 min
2 exercices pour s'entraîner
Проверьте себя16 min
Введение в HTML20 min
Semaine
24 heures pour terminer
Введение в HTML, часть 2
На второй неделе мы продолжим изучение HTML. Вы узнаете, что такое семантическая разметка и почему важно соблюдать семантику. Научитесь создавать ссылки в HTML-документе. Не обойдёмся и без практики: вам предстоит попрактиковаться в разметке текста.
7 vidéos (Total 50 min), 3 lectures, 3 quiz
7 vidéos
Ссылочные элементы5 min
Встраиваемые элементы7 min
Элементы форм10 min
Тег <form>6 min
Интернационализация8 min
Создание HTML3 min
3 lectures
FAQ по заданиям на взаимную оценку10 min
Ссылки из видео10 min
Ссылки на дополнительные материалы10 min
2 exercices pour s'entraîner
Проверьте себя18 min
Введение в HTML, часть 224 min
Semaine
33 heures pour terminer
Введение в CSS
Поговорим о том, почему появился CSS, и разберёмся в его структуре. Вы научитесь грамотно применять и комбинировать различные типы селекторов (селекторы тегов, классов, идентификаторов и атрибутов). Также мы расскажем, что такое псевдоэлементы и псведоклассы, какие они бывают и как с ними работать. Вы разберётесь в том, что такое специфичность, как она высчитывается и как это влияет на порядок применения свойств в CSS.
8 vidéos (Total 50 min), 3 lectures, 2 quiz
8 vidéos
История4 min
Структура CSS2 min
Основные селекторы4 min
Псевдоэлементы и псевдоклассы11 min
Отношения4 min
Специфичность11 min
Единицы измерения7 min
Создание CSS файлов3 min
3 lectures
Задание для тренировки в работе с CSS-селекторамиs
Ссылки на дополнительные материалы10 min
Введение в CSS. Конспект10 min
2 exercices pour s'entraîner
Проверьте себя24 min
Введение в CSS12 min
Semaine
44 heures pour terminer
Шрифты и текст
Четвёртая неделя курса посвящена работе со шрифтами и текстом. Вы узнаете о проблемах, связанных с использованием нестандартных шрифтов, и способах их решения. Научитесь управлять выводом шрифтов, применять цвет для текста, а ещё создавать интересные эффекты с помощью тени. Узнаете, как реализовать многоколоночную развёртку, а также как грамотно обходить проблему переполнения текста. Полученных навыков вам хватит, чтобы сверстать собственную газету.
10 vidéos (Total 44 min), 6 lectures, 1 quiz
10 vidéos
Размер шрифта4 min
Высота строки. Расстояние между буквами и словами3 min
Начертание шрифта3 min
Семейства шрифтов. Проблемы использования нестандартных шрифтов8 min
Свойство font1 min
Базовые свойства для работы с текстом6 min
Многоколоночность и переполнение текста4 min
Форматирование пробелов и переносов в тексте5 min
Псевдоэлементы2 min
6 lectures
Задание для тренировки в работе со шрифтом30 min
Задание для тренировки в работе с текстом30 min
Газета из прошлого. Решение10 min
FAQ по заданиям на взаимную оценку10 min
Ссылки из видео и дополнительные материалы10 min
Шрифты и текст. Конспект10 min
4.6
23 avis67%
a commencé une nouvelle carrière après avoir terminé ces cours
75%
a bénéficié d'un avantage concret dans sa carrière grâce à ce cours
Meilleurs avis
Отличный курс, преподы супер. Все четко, внятно, кратко, по делу. Была одна тема, которую не очень понял - специфичность. Ну, думаю, при желании разберусь сам. В остальном порядок. Двигаюсь дальше.
Это крутой курс! Всё по полочкам разложено и разжевано! Спасибо огромное!
Enseignants
Мохов Олег
разработчик интерфейсов, Яндекс
Артем Кувалдин
разработчик интерфейсов, Яндекс
Олег Семичев
разработчик интерфейсов, ЯндексÀ propos de Institut de physique et de technologie de Moscou
Московский физико-технический институт (неофициально известный как МФТИ или Физтех) является одним из самых престижных в мире учебных и научно-исследовательских институтов. Он готовит высококвалифицированных специалистов в области теоретической и прикладной физики, прикладной математики, информатики, биотехнологии и смежных дисциплин. Физтех был основан в 1951 году Нобелевской премии лауреатами Петром Капицей, Николаем Семеновым, Львом Ландау и Сергеем Христиановичем. Основой образования в МФТИ является уникальная «система Физтеха»: кропотливое воспитание и отбор самых талантливых абитуриентов, фундаментальное образование высшего класса и раннее вовлечение студентов в реальную научно-исследовательскую работу. Среди выпускников МФТИ есть Нобелевские лауреаты, основатели всемирно известных компаний, известные космонавты, изобретатели, инженеры.
À propos de 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.
À propos de la Spécialisation Разработка интерфейсов: вёрстка и JavaScript
Пройдя эту специализацию, вы освоите основные инструменты разработчика интерфейсов. Если всё получится, через 5 месяцев вы сможете работать младшим фронтендером.
Специализация состоит из двух частей: два курса про вёрстку и ещё два по JavaScript. Курсы про вёрстку не требуют практически никакой подготовки. Научиться основам JavaScript труднее, поэтому кое-какая подготовка нужна: преподаватели ожидают, что вы уже умеете программировать на каком-нибудь объектно-ориентированном или функциональном языке (например, C++, C#, Java, Python или Haskell).
Главная изюминка всех четырёх курсов — сложные, но не оторванные от реальности практические задания. Их составили разработчики Яндекса — они старались, чтобы упражнения как можно больше походили на настоящие рабочие задачи.
Пожалуйста, будьте готовы не только слушать лекции и читать учебные материалы, но и самостоятельно искать нужную информацию в интернете — без этого хорошо выполнить задания будет трудно. Навык поиска документации и пояснений к ней очень пригодится, когда вы начнёте профессионально заниматься разработкой для веба.
Foire Aux Questions
Quand aurai-je accès aux vidéos de cours et aux devoirs ?
Une fois que vous êtes inscrit(e) pour un Certificat, vous pouvez accéder à toutes les vidéos de cours, et à tous les quiz et exercices de programmation (le cas échéant). Vous pouvez soumettre des devoirs à examiner par vos pairs et en examiner vous-même uniquement après le début de votre session. Si vous préférez explorer le cours sans l'acheter, vous ne serez peut-être pas en mesure d'accéder à certains devoirs.
À quoi ai-je droit si je m'abonne à cette Spécialisation ?
Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.
Quelle est la politique de remboursement ?
Une aide financière est-elle possible ?
D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.
Coursera propose un accès universel à la meilleure formation au monde,
en partenariat avec des universités et des organisations du plus haut niveau, pour proposer des cours en ligne.
© 2019 Coursera Inc. Tous droits réservés.
