Этот курс продолжает обучение тех, кто уже познакомился с основами HTML и CSS. На очереди всякие изыски: отображение сложных элементов, изучение различий между браузерами и графика.
В конечном итоге вы сможете сами сверстать страницу любой сложности.
Авторы курса — разработчики из Яндекса.
Este curso faz parte do Programa de cursos integrados Разработка интерфейсов: вёрстка и JavaScript
Тонкости верстки
oferecido por
Moscow Institute of Physics and Technology
Yandex
Programa de cursos integrados Разработка интерфейсов: вёрстка и JavaScriptMoscow Institute of Physics and Technology
Programa - O que você aprenderá com este curso
Semana
1Модель отображения, часть 1
На первой неделе курса вы увидите, что всё есть прямоугольники. И разберётесь с ключевыми понятиями отображения элементов на странице: боксы, отступы, границы. В конце недели вам предстоит сверстать макет необычного интернет-магазина.
5 videos (Total 28 min), 6 leituras, 1 teste
5 videos
Создание боксов6min
Нюансы работы с margin, padding и border5min
Немного о математике блочных элементов6min
Боксы инлайн-уровня4min
6 leituras
Задание для тренировки в работе с боксовой моделью10min
Мяндекс.Муррркет: решение10min
FAQ по заданиям на взаимную оценку10min
Ссылки из видео10min
Telegram специализации10min
Анкета для слушателя10min
Semana
2Модель отображения, часть 2
Позиционированием называется положение элемента в системе координат. Различают четыре типа позиционирования: нормальное, абсолютное, фиксированное и относительное — от них зависит и система координат. На этой неделе вы познакомитесь со всеми типами и научитесь выбирать подходящий для ваших задач.
7 videos (Total 36 min), 5 leituras, 1 teste
7 videos
Абсолютная система позиционирования5min
Позиционирование fixed и sticky2min
Контекст наложения9min
Плавающие элементы5min
Блочный контекст форматирования2min
Практические примеры4min
5 leituras
Задание для тренировки в работе с различными видами позиционирования10min
Задание для тренировки10min
Бабуленькин урожай. Решение10min
FAQ по заданиям на взаимную оценку10min
Ссылки из видео10min
Semana
3Модель отображения. Часть 3
Flexbox и Grid — современные инструменты для вёрстки макетов, о них и поговорим. Оба инструмента хороши по своему и должны использоваться совместно, а не как альтернатива друг другу. В конце недели ещё одно практическое задание: добавление к магазину красивой витрины.
3 videos (Total 25 min), 4 leituras, 1 teste
4 leituras
Бабуленькины котятки. Решение10min
FAQ по заданиям на взаимную оценку10min
Ссылки из видео10min
Конспект лекций10min
Semana
4Браузеры
Четвёртая неделя посвящена браузерам: вы узнаете об их базовой архитектуре, познакомитесь с устройством движка рендеринга браузера, разберётесь, как браузеры применяют CSS и HTML.
5 videos (Total 31 min), 1 leitura, 2 testes
5 videos
Как браузер читает HTML и CSS?9min
Как применяется CSS?4min
Компоновка6min
Отрисовка и <script>4min
1 leituras
Ссылки из видео10min
2 exercícios práticos
Проверьте себя20min
Браузер18min
Instrutores
Олег Семичев
разработчик интерфейсов, Яндекс
Артем Кувалдин
разработчик интерфейсов, Яндекс
Мохов Олег
разработчик интерфейсов, ЯндексSobre Moscow Institute of Physics and Technology
Московский физико-технический институт (неофициально известный как МФТИ или Физтех) является одним из самых престижных в мире учебных и научно-исследовательских институтов. Он готовит высококвалифицированных специалистов в области теоретической и прикладной физики, прикладной математики, информатики, биотехнологии и смежных дисциплин. Физтех был основан в 1951 году Нобелевской премии лауреатами Петром Капицей, Николаем Семеновым, Львом Ландау и Сергеем Христиановичем. Основой образования в МФТИ является уникальная «система Физтеха»: кропотливое воспитание и отбор самых талантливых абитуриентов, фундаментальное образование высшего класса и раннее вовлечение студентов в реальную научно-исследовательскую работу. Среди выпускников МФТИ есть Нобелевские лауреаты, основатели всемирно известных компаний, известные космонавты, изобретатели, инженеры.
Sobre 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.
Sobre o Programa de cursos integrados Разработка интерфейсов: вёрстка и JavaScript
Пройдя эту специализацию, вы освоите основные инструменты разработчика интерфейсов. Если всё получится, через 5 месяцев вы сможете работать младшим фронтендером.
Специализация состоит из двух частей: два курса про вёрстку и ещё два по JavaScript. Курсы про вёрстку не требуют практически никакой подготовки. Научиться основам JavaScript труднее, поэтому кое-какая подготовка нужна: преподаватели ожидают, что вы уже умеете программировать на каком-нибудь объектно-ориентированном или функциональном языке (например, C++, C#, Java, Python или Haskell).
Главная изюминка всех четырёх курсов — сложные, но не оторванные от реальности практические задания. Их составили разработчики Яндекса — они старались, чтобы упражнения как можно больше походили на настоящие рабочие задачи.
Пожалуйста, будьте готовы не только слушать лекции и читать учебные материалы, но и самостоятельно искать нужную информацию в интернете — без этого хорошо выполнить задания будет трудно. Навык поиска документации и пояснений к ней очень пригодится, когда вы начнёте профессионально заниматься разработкой для веба.
Perguntas Frequentes – FAQ
Quando terei acesso às palestras e às tarefas?
Ao se inscrever para um Certificado, você terá acesso a todos os vídeos, testes e tarefas de programação (se aplicável). Tarefas avaliadas pelos colegas apenas podem ser enviadas e avaliadas após o início da sessão. Caso escolha explorar o curso sem adquiri-lo, talvez você não consiga acessar certas tarefas.
O que recebo ao me inscrever nesta Especialização?
Quando você se inscreve no curso, tem acesso a todos os cursos na Especialização e pode obter um certificado quando concluir o trabalho. Seu Certificado eletrônico será adicionado à sua página de Participações e você poderá imprimi-lo ou adicioná-lo ao seu perfil no LinkedIn. Se quiser apenas ler e assistir o conteúdo do curso, você poderá frequentá-lo como ouvinte sem custo.
Qual é a política de reembolso?
Existe algum auxílio financeiro disponível?
Mais dúvidas? Visite o Central de Ajuda ao Aprendiz.
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.
