Informações sobre o curso: Этот курс продолжает обучение тех, кто уже познакомился с основами HTML и CSS. На очереди всякие изыски: отображение сложных элементов, изучение различий между браузерами и графика. В конечном итоге вы сможете сами сверстать страницу любой сложности. Авторы курса — разработчики из Яндекса.
Para quem é direcionado este curso: В первую очередь курс рассчитан на тех, кто закончил предыдущий — «Основы HTML и CSS». Но если вы изучили программу «Основ» и не нашли там ничего нового, смело приступайте к «Тонкостям».
Desenvolvido por: Instituto de Física e Tecnologia de Moscou, Yandex
Ministrado por: Олег Семичев, разработчик интерфейсов, Яндекс
Ministrado por: Артем Кувалдин, разработчик интерфейсов, Яндекс
Ministrado por: Мохов Олег, разработчик интерфейсов, Яндекс
| Informações básicas | Curso 3 de 5 no Разработка интерфейсов: вёрстка и JavaScript Specialization |
| Nível | Intermediate |
| Idioma | Russian |
| Como ser aprovado | Seja aprovado em todas as tarefas para concluir o curso. |
| Classificação do usuário |
Programa
SEMANA 1
Модель отображения, часть 1
На первой неделе курса вы увидите, что всё есть прямоугольники. И разберётесь с ключевыми понятиями отображения элементов на странице: боксы, отступы, границы. В конце недели вам предстоит сверстать макет необычного интернет-магазина.
5 vídeos, 6 leituras
- Vídeo: Всё есть прямоугольники
- Vídeo: Создание боксов
- Vídeo: Нюансы работы с margin, padding и border
- Vídeo: Немного о математике блочных элементов
- Reading: Задание для тренировки в работе с боксовой моделью
- Vídeo: Боксы инлайн-уровня
- Reading: Мяндекс.Муррркет: решение
- Reading: FAQ по заданиям на взаимную оценку
- Reading: Ссылки из видео
- Reading: Telegram специализации
- Reading: Анкета для слушателя
Nota atribuída: Мяндекс.Муррркет
SEMANA 2
Модель отображения, часть 2
Позиционированием называется положение элемента в системе координат. Различают четыре типа позиционирования: нормальное, абсолютное, фиксированное и относительное — от них зависит и система координат. На этой неделе вы познакомитесь со всеми типами и научитесь выбирать подходящий для ваших задач.
7 vídeos, 5 leituras
- Vídeo: Относительная система позиционирования
- Vídeo: Абсолютная система позиционирования
- Vídeo: Позиционирование fixed и sticky
- Reading: Задание для тренировки в работе с различными видами позиционирования
- Vídeo: Контекст наложения
- Vídeo: Плавающие элементы
- Vídeo: Блочный контекст форматирования
- Vídeo: Практические примеры
- Reading: Задание для тренировки
- Reading: Бабуленькин урожай. Решение
- Reading: FAQ по заданиям на взаимную оценку
- Reading: Ссылки из видео
Nota atribuída: Бабуленькин урожай
SEMANA 3
Модель отображения. Часть 3
Flexbox и Grid — современные инструменты для вёрстки макетов, о них и поговорим. Оба инструмента хороши по своему и должны использоваться совместно, а не как альтернатива друг другу. В конце недели ещё одно практическое задание: добавление к магазину красивой витрины.
3 vídeos, 3 leituras
- Vídeo: Разметка
- Vídeo: Спецификация flexbox
- Vídeo: Спецификация grid
- Reading: Бабуленькины котятки. Решение
- Reading: FAQ по заданиям на взаимную оценку
- Reading: Ссылки из видео
Nota atribuída: Бабуленькины котятки
SEMANA 4
Браузеры
Четвёртая неделя посвящена браузерам: вы узнаете об их базовой архитектуре, познакомитесь с устройством движка рендеринга браузера, разберётесь, как браузеры применяют CSS и HTML.
5 vídeos, 1 leitura, 1 questionário de prática
- Vídeo: Основные группы браузеров
- Vídeo: Как браузер читает HTML и CSS?
- Vídeo: Как применяется CSS?
- Vídeo: Компоновка
- Vídeo: Отрисовка и <script>
- Practice Quiz: Проверьте себя
- Reading: Ссылки из видео
Nota atribuída: Браузер
SEMANA 5
Фотошоп и графика
Вы научитесь работать с изображениями и графикой. Узнаете о цветовых моделях, форматах изображений в вебе и как их оптимихировать. Итоговая практическая работа — сверстать с нуля макет.
8 vídeos, 4 leituras
- Vídeo: Графические форматы
- Vídeo: Цветовые модели
- Vídeo: Форматы графических файлов
- Vídeo: Архивация и компрессия
- Vídeo: Графический редактор
- Vídeo: Графика в HTML
- Vídeo: Градиенты
- Vídeo: Спрайты и base64
- Reading: FAQ по заданиям на взаимную оценку
- Reading: Ссылки из видео
- Reading: Ваши впечатления о курсе
- Reading: Стань ментором специализации "Разработка интерфейсов: вёрстка и JavaScript"
Nota atribuída: Вёрстка макета
Perguntas frequentes
Como funciona
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.
Desenvolvedores
Instituto de Física e Tecnologia de Moscou
Московский физико-технический институт (неофициально известный как МФТИ или Физтех) является одним из самых престижных в мире учебных и научно-исследовательских институтов. Он готовит высококвалифицированных специалистов в области теоретической и прикладной физики, прикладной математики, информатики, биотехнологии и смежных дисциплин. Физтех был основан в 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.
Custo
| Comprar curso | |
|---|---|
| Acesso aos materiais do curso | Disponível |
| Acesso a materiais valendo nota | Disponível |
| Receba uma nota final | Disponível |
| Obtenha um Certificado de Curso compartilhável | Disponível |
Classificações e avaliações
O Coursera proporciona acesso universal à melhor educação do mundo fazendo parcerias com as melhores universidades e organizações para oferecer cursos on-line.
© 2018 Coursera Inc. Todos os direitos reservados.
БА
Хороший курс. Сплошные плюсы. Существенных минусов два. Критерии оценки становятся понятны только при оценке задания и из постановки задачи нифига не выводятся. Ты аплоадишь работу, при проверке узнаешь, что на полный балл цвет фона надо было менять с transition, чертыхаешься, правишь свою работу, аплоадишь заново - и надеешься, что она успеет набрать положенные три голоса. Не то чтобы это было ужасно, но слегка подбешивает. Ну и система оценки. Понимаю, что HTML проверить без человеческого участия трудно. Но кажную божию неделю кросс-проверка при не слишком большом количестве народа - IMHO не самая хорошая идея. Это вынуждает ставить баллы по максимуму закрывая глаза на недочеты - потому что ты щас поставишь 2 из 20, соратник работу переделает, зааплоадит, а проверять ее уже будет некому. И будет он ждать следующей волны. Вобщем грусть. Но сам по себе курс отличный. Рекомендую.