À propos de ce cours : HTML и CSS — языки, с помощью которых верстают страницы в интернете. Овладеть основами этих языков совсем нетрудно — это первый шаг к профессии веб-разработчика. Вначале вы узнаете, как работать со шрифтами и текстом, а в конце концов научитесь верстать несложные страницы с анимацией и без. Авторы курса — разработчики из Яндекса. У курса есть продолжение.
Les destinataires de ce cours : Курс предназначен в первую очередь для студентов и выпускников технических вузов, но может подойти любому человеку, изучающему разработку веб-сервисов с нуля. Стартовые требования простые: умение пользоваться браузером и готовность изучать дополнительные материалы и документацию.
Créé par : Moscow Institute of Physics and Technology, Yandex
Enseigné par : Мохов Олег, разработчик интерфейсов, Яндекс
Enseigné par : Артем Кувалдин, разработчик интерфейсов, Яндекс
Enseigné par : Олег Семичев, разработчик интерфейсов, Яндекс
| Informations de base | Cours 2 de 5 dans Разработка интерфейсов: вёрстка и JavaScript Specialization |
| Niveau | Débutant |
| Engagement | 5 недель обучения, 3 - 4 часа в неделю |
| Langue | Russian |
| Comment réussir | Réussissez tous les devoirs notés pour terminer le cours. |
| Notes des utilisateurs |
Programme de cours
SEMAINE 1
Введение в HTML
Первая неделя курса посвящена знакомству с HTML. Вы узнаете, откуда взялся этот язык разметки, как он развивается сегодня, из чего состоят HTML-элементы и как разметить ими обычный текст.
9 vidéos, 6 lectures, 1 quiz pour s'exercer
- Reading: О курсе и специализации
- Reading: МФТИ
- Reading: Немного о Яндексе
- Discussion Prompt: Давайте знакомиться
- Reading: Telegram специализации
- Reading: Анкета слушателя
- Vidéo: История
- Vidéo: Мифы W3C
- Vidéo: Анатомия HTML
- Vidéo: Элементы
- Vidéo: Группирующие элементы, часть 1
- Vidéo: Группирующие элементы, часть 2
- Vidéo: Таблицы
- Vidéo: Текстовые элементы
- Practice Quiz: Проверьте себя
- Reading: Ссылки из видео и дополнительные материалы
- Discussion Prompt: Редакторы кода и IDE
Noté: Введение в HTML
SEMAINE 2
Введение в HTML, часть 2
На второй неделе мы продолжим изучение HTML. Вы узнаете, что такое семантическая разметка и почему важно соблюдать семантику. Научитесь создавать ссылки в HTML-документе. Не обойдёмся и без практики: вам предстоит попрактиковаться в разметке текста.
7 vidéos, 3 lectures, 1 quiz pour s'exercer
- Vidéo: Ссылочные элементы
- Vidéo: Встраиваемые элементы
- Vidéo: Элементы форм
- Vidéo: Тег <form>
- Vidéo: Интернационализация
- Vidéo: Создание HTML
- Practice Quiz: Проверьте себя
- Reading: FAQ по заданиям на взаимную оценку
- Reading: Ссылки из видео
- Reading: Ссылки на дополнительные материалы
Noté: Введение в HTML, часть 2
Noté: Разметить текст
SEMAINE 3
Введение в CSS
Поговорим о том, почему появился CSS, и разберёмся в его структуре. Вы научитесь грамотно применять и комбинировать различные типы селекторов (селекторы тегов, классов, идентификаторов и атрибутов). Также мы расскажем, что такое псевдоэлементы и псведоклассы, какие они бывают и как с ними работать. Вы разберётесь в том, что такое специфичность, как она высчитывается и как это влияет на порядок применения свойств в CSS.
8 vidéos, 3 lectures, 1 quiz pour s'exercer
- Vidéo: Структура CSS
- Vidéo: Основные селекторы
- Vidéo: Псевдоэлементы и псевдоклассы
- Vidéo: Отношения
- Vidéo: Специфичность
- Vidéo: Единицы измерения
- Vidéo: Создание CSS файлов
- Reading: Задание для тренировки в работе с CSS-селекторами
- Practice Quiz: Проверьте себя
- Reading: Ссылки на дополнительные материалы
- Reading: Введение в CSS. Конспект
Noté: Введение в CSS
SEMAINE 4
Шрифты и текст
Четвёртая неделя курса посвящена работе со шрифтами и текстом. Вы узнаете о проблемах, связанных с использованием нестандартных шрифтов, и способах их решения. Научитесь управлять выводом шрифтов, применять цвет для текста, а ещё создавать интересные эффекты с помощью тени. Узнаете, как реализовать многоколоночную развёртку, а также как грамотно обходить проблему переполнения текста. Полученных навыков вам хватит, чтобы сверстать собственную газету.
10 vidéos, 6 lectures
- Vidéo: Размер шрифта
- Vidéo: Высота строки. Расстояние между буквами и словами
- Vidéo: Начертание шрифта
- Vidéo: Семейства шрифтов. Проблемы использования нестандартных шрифтов
- Vidéo: Свойство font
- Reading: Задание для тренировки в работе со шрифтом
- Vidéo: Базовые свойства для работы с текстом
- Vidéo: Многоколоночность и переполнение текста
- Vidéo: Форматирование пробелов и переносов в тексте
- Vidéo: Псевдоэлементы
- Reading: Задание для тренировки в работе с текстом
- Reading: Газета из прошлого. Решение
- Reading: FAQ по заданиям на взаимную оценку
- Reading: Ссылки из видео и дополнительные материалы
- Reading: Шрифты и текст. Конспект
Noté: Газета из прошлого
SEMAINE 5
Анимации в CSS
На пятой неделе вы узнаете про основные виды трансформаций и о том, как создать анимации только при помощи CSS. Разумеется, попрактикуетесь в создании анимаций разных уровней сложности.
6 vidéos, 6 lectures
- Vidéo: Множественные преобразования
- Vidéo: Преобразования в трёхмерном пространстве
- Vidéo: Переходы
- Vidéo: Анимации
- Vidéo: Разбор задач по теме
- Reading: Задание для тренировки в работе с анимациями
- Reading: Мультик. Решение
- Reading: FAQ по заданиям на взаимную оценку
- Reading: Ссылки из видео и дополнительные материалы
- Reading: Ваши впечатления о курсе
- Reading: Стань ментором специализации "Разработка интерфейсов: вёрстка и JavaScript"
Noté: Мультик
FAQ
Comment cela fonctionne
Coursework
Each course is like an interactive textbook, featuring pre-recorded videos, quizzes and projects.
Help from Your Peers
Connect with thousands of other learners and debate ideas, discuss course material, and get help mastering concepts.
Certificates
Earn official recognition for your work, and share your success with friends, colleagues, and employers.
Créateurs
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.
Tarification
| Acheter le cours | |
|---|---|
| Accéder au contenu du cours | Disponible |
| Accéder au contenu noté | Disponible |
| Recevoir une Note Finale | Disponible |
| Obtenir un Certificat de Cours partageable | Disponible |
Notation et examens
супер!
Это крутой курс! Всё по полочкам разложено и разжевано! Спасибо огромное!
Замечательный курс, узнал много нового о шрифтах и анимации) Спасибо)
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.
КВ
Очень информативный и интересный курс. Немного затрудняет прохождение то, что другие пользователи оценивают задания, но это очень полезный формат.