HTML и CSS — языки, с помощью которых верстают страницы в интернете. Овладеть основами этих языков совсем нетрудно — это первый шаг к профессии веб-разработчика.
Вначале вы узнаете, как работать со шрифтами и текстом, а в конце концов научитесь верстать несложные страницы с анимацией и без.
Авторы курса — разработчики из Яндекса.
У курса есть продолжение.
Ce cours fait partie de la Spécialisation Разработка интерфейсов: вёрстка и JavaScript
Основы HTML и CSS
proposé par
Moscow Institute of Physics and Technology
Yandex
Spécialisation Разработка интерфейсов: вёрстка и JavaScriptMoscow Institute of Physics and Technology
Programme du cours : ce que vous apprendrez dans ce cours
Semaine
1Введение в 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
2Введение в 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
3Введение в 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
4Шрифты и текст
Четвёртая неделя курса посвящена работе со шрифтами и текстом. Вы узнаете о проблемах, связанных с использованием нестандартных шрифтов, и способах их решения. Научитесь управлять выводом шрифтов, применять цвет для текста, а ещё создавать интересные эффекты с помощью тени. Узнаете, как реализовать многоколоночную развёртку, а также как грамотно обходить проблему переполнения текста. Полученных навыков вам хватит, чтобы сверстать собственную газету.
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
19 avisMeilleurs avis
par SE•Dec 8th 2018
Ребята, классный курс! Может, работы проверять нужно только менторам?
Enseignants
Мохов Олег
разработчик интерфейсов, Яндекс
Артем Кувалдин
разработчик интерфейсов, Яндекс
Олег Семичев
разработчик интерфейсов, ЯндексÀ propos de Moscow Institute of Physics and Technology
Московский физико-технический институт (неофициально известный как МФТИ или Физтех) является одним из самых престижных в мире учебных и научно-исследовательских институтов. Он готовит высококвалифицированных специалистов в области теоретической и прикладной физики, прикладной математики, информатики, биотехнологии и смежных дисциплин. Физтех был основан в 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.
© 2018 Coursera Inc. Tous droits réservés.
