HTML и CSS — языки, с помощью которых верстают страницы в интернете. Овладеть основами этих языков совсем нетрудно — это первый шаг к профессии веб-разработчика.
Вначале вы узнаете, как работать со шрифтами и текстом, а в конце концов научитесь верстать несложные страницы с анимацией и без.
Авторы курса — разработчики из Яндекса.
У курса есть продолжение.
Learner Career Outcomes
50%
ont commencé une nouvelle carrière après avoir terminé ce cours
60%
ont bénéficié d'un avantage concret dans leur carrières grâce à ce cours
Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Dates limites flexibles
Réinitialisez les dates limites selon votre disponibilité.
Niveau débutant
Approx. 27 heures pour terminer
Recommandé : 5 недель обучения, 3 - 4 часа в неделю...
Russe
Sous-titres : Russe
Programme du cours : ce que vous apprendrez dans ce cours
Semaine
1
2 heures pour terminer
Введение в HTML
Первая неделя курса посвящена знакомству с HTML. Вы узнаете, откуда взялся этот язык разметки, как он развивается сегодня, из чего состоят HTML-элементы и как разметить ими обычный текст.
На второй неделе мы продолжим изучение HTML. Вы узнаете, что такое семантическая разметка и почему важно соблюдать семантику. Научитесь создавать ссылки в HTML-документе. Не обойдёмся и без практики: вам предстоит попрактиковаться в разметке текста.
Поговорим о том, почему появился CSS, и разберёмся в его структуре. Вы научитесь грамотно применять и комбинировать различные типы селекторов (селекторы тегов, классов, идентификаторов и атрибутов). Также мы расскажем, что такое псевдоэлементы и псведоклассы, какие они бывают и как с ними работать. Вы разберётесь в том, что такое специфичность, как она высчитывается и как это влияет на порядок применения свойств в CSS.
Задание для тренировки в работе с CSS-селекторами1 h
Ссылки на дополнительные материалы10 min
Введение в CSS. Конспект10 min
2 exercices pour s'entraîner
Проверьте себя24 min
Введение в CSS12 min
Semaine
4
4 heures pour terminer
Шрифты и текст
Четвёртая неделя курса посвящена работе со шрифтами и текстом. Вы узнаете о проблемах, связанных с использованием нестандартных шрифтов, и способах их решения. Научитесь управлять выводом шрифтов, применять цвет для текста, а ещё создавать интересные эффекты с помощью тени. Узнаете, как реализовать многоколоночную развёртку, а также как грамотно обходить проблему переполнения текста. Полученных навыков вам хватит, чтобы сверстать собственную газету.
Высота строки. Расстояние между буквами и словами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
Semaine
5
4 heures pour terminer
Анимации в CSS
На пятой неделе вы узнаете про основные виды трансформаций и о том, как создать анимации только при помощи CSS. Разумеется, попрактикуетесь в создании анимаций разных уровней сложности.
Стань ментором специализации "Разработка интерфейсов: вёрстка и JavaScript"10 min
Invitez vos amis et obtenez une réduction de 50 %
Partagez votre volonté d'apprendre ! Invitez un ami à commencer un cours et vous obtiendrez chacun une réduction de 50 % sur un cours ou sur le premier mois d'inscription à une Spécialisation lorsque votre ami effectuera un achat.
Отличный курс, преподы супер. Все четко, внятно, кратко, по делу. Была одна тема, которую не очень понял - специфичность. Ну, думаю, при желании разберусь сам. В остальном порядок. Двигаюсь дальше.
par AD•Apr 20th 2018
Это крутой курс! Всё по полочкам разложено и разжевано! Спасибо огромное!
À propos de Institut de physique et de technologie de Moscou
Московский физико-технический институт (Физтех) является одним из ведущих вузов страны и входит в основные рейтинги лучших университетов мира. Институт обладает не только богатой историей – основателями и профессорами института были Нобелевские лауреаты Пётр Капица, Лев Ландау и Николай Семенов – но и большой научно-исследовательской базой.
Основой образования в МФТИ является уникальная «система Физтеха», сформулированная Петром Капицей: кропотливый отбор одаренных и склонных к творческой работе абитуриентов; участие в обучении ведущих научных работников; индивидуальный подход к отдельным студентам с целью развития их творческих задатков; воспитание с первых шагов в атмосфере технических исследований и конструктивного творчества с использованием потенциала лучших лабораторий страны.
Среди выпускников МФТИ — нобелевские лауреаты Андрей Гейм и Константин Новоселов, основатель компании ABBYY Давид Ян, один из авторов архитектурных принципов построения вычислительных комплексов Борис Бабаян и др....
À 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 du 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.