About this Course
17,390

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

탄력적인 마감일

일정에 따라 마감일을 재설정합니다.

중급 단계

완료하는 데 약 22시간 필요

권장: 4 hours/week...

러시아어

자막: 러시아어

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

탄력적인 마감일

일정에 따라 마감일을 재설정합니다.

중급 단계

완료하는 데 약 22시간 필요

권장: 4 hours/week...

러시아어

자막: 러시아어

강의 계획 - 이 강좌에서 배울 내용

1
완료하는 데 3시간 필요

Модель отображения, часть 1

На первой неделе курса вы увидите, что всё есть прямоугольники. И разберётесь с ключевыми понятиями отображения элементов на странице: боксы, отступы, границы. В конце недели вам предстоит сверстать макет необычного интернет-магазина....
5 videos (Total 28 min), 6 readings, 1 quiz
5개의 동영상
Создание боксов6m
Нюансы работы с margin, padding и border5m
Немного о математике блочных элементов6m
Боксы инлайн-уровня4m
6개의 읽기 자료
Задание для тренировки в работе с боксовой моделью10m
Мяндекс.Муррркет: решение10m
FAQ по заданиям на взаимную оценку10m
Ссылки из видео10m
Telegram специализации10m
Анкета для слушателя10m
2
완료하는 데 3시간 필요

Модель отображения, часть 2

Позиционированием называется положение элемента в системе координат. Различают четыре типа позиционирования: нормальное, абсолютное, фиксированное и относительное — от них зависит и система координат. На этой неделе вы познакомитесь со всеми типами и научитесь выбирать подходящий для ваших задач....
7 videos (Total 36 min), 5 readings, 1 quiz
7개의 동영상
Абсолютная система позиционирования5m
Позиционирование fixed и sticky2m
Контекст наложения9m
Плавающие элементы5m
Блочный контекст форматирования2m
Практические примеры4m
5개의 읽기 자료
Задание для тренировки в работе с различными видами позиционирования10m
Задание для тренировки10m
Бабуленькин урожай. Решение10m
FAQ по заданиям на взаимную оценку10m
Ссылки из видео10m
3
완료하는 데 3시간 필요

Модель отображения. Часть 3

Flexbox и Grid — современные инструменты для вёрстки макетов, о них и поговорим. Оба инструмента хороши по своему и должны использоваться совместно, а не как альтернатива друг другу. В конце недели ещё одно практическое задание: добавление к магазину красивой витрины....
3 videos (Total 25 min), 4 readings, 1 quiz
3개의 동영상
Спецификация flexbox12m
Спецификация grid6m
4개의 읽기 자료
Бабуленькины котятки. Решение10m
FAQ по заданиям на взаимную оценку10m
Ссылки из видео10m
Конспект лекций10m
4
완료하는 데 1시간 필요

Браузеры

Четвёртая неделя посвящена браузерам: вы узнаете об их базовой архитектуре, познакомитесь с устройством движка рендеринга браузера, разберётесь, как браузеры применяют CSS и HTML....
5 videos (Total 31 min), 1 reading, 2 quizzes
5개의 동영상
Как браузер читает HTML и CSS?9m
Как применяется CSS?4m
Компоновка6m
Отрисовка и <script>4m
1개의 읽기 자료
Ссылки из видео10m
2개 연습문제
Проверьте себя20m
Браузер18m
5
완료하는 데 3시간 필요

Фотошоп и графика

Вы научитесь работать с изображениями и графикой. Узнаете о цветовых моделях, форматах изображений в вебе и как их оптимихировать. Итоговая практическая работа — сверстать с нуля макет....
8 videos (Total 38 min), 4 readings, 1 quiz
8개의 동영상
Цветовые модели6m
Форматы графических файлов7m
Архивация и компрессия2m
Графический редактор2m
Графика в HTML6m
Градиенты3m
Спрайты и base644m
4개의 읽기 자료
FAQ по заданиям на взаимную оценку10m
Ссылки из видео10m
Ваши впечатления о курсе10m
Стань ментором специализации "Разработка интерфейсов: вёрстка и JavaScript"10m

강사

Avatar

Олег Семичев

разработчик интерфейсов, Яндекс
Avatar

Артем Кувалдин

разработчик интерфейсов, Яндекс
Avatar

Мохов Олег

разработчик интерфейсов, Яндекс

모스크바 물리 기술원 정보

Московский физико-технический институт (неофициально известный как МФТИ или Физтех) является одним из самых престижных в мире учебных и научно-исследовательских институтов. Он готовит высококвалифицированных специалистов в области теоретической и прикладной физики, прикладной математики, информатики, биотехнологии и смежных дисциплин. Физтех был основан в 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....

Разработка интерфейсов: вёрстка и JavaScript 전문 분야 정보

Пройдя эту специализацию, вы освоите основные инструменты разработчика интерфейсов. Если всё получится, через 5 месяцев вы сможете работать младшим фронтендером. Специализация состоит из двух частей: два курса про вёрстку и ещё два по JavaScript. Курсы про вёрстку не требуют практически никакой подготовки. Научиться основам JavaScript труднее, поэтому кое-какая подготовка нужна: преподаватели ожидают, что вы уже умеете программировать на каком-нибудь объектно-ориентированном или функциональном языке (например, C++, C#, Java, Python или Haskell). Главная изюминка всех четырёх курсов — сложные, но не оторванные от реальности практические задания. Их составили разработчики Яндекса — они старались, чтобы упражнения как можно больше походили на настоящие рабочие задачи. Пожалуйста, будьте готовы не только слушать лекции и читать учебные материалы, но и самостоятельно искать нужную информацию в интернете — без этого хорошо выполнить задания будет трудно. Навык поиска документации и пояснений к ней очень пригодится, когда вы начнёте профессионально заниматься разработкой для веба....
Разработка интерфейсов: вёрстка и JavaScript

자주 묻는 질문

  • 강좌에 등록하면 바로 모든 비디오, 테스트 및 프로그래밍 과제(해당하는 경우)에 접근할 수 있습니다. 상호 첨삭 과제는 이 세션이 시작된 경우에만 제출하고 검토할 수 있습니다. 강좌를 구매하지 않고 살펴보기만 하면 특정 과제에 접근하지 못할 수 있습니다.

  • 강좌를 등록하면 전문 분야의 모든 강좌에 접근할 수 있고 강좌를 완료하면 수료증을 취득할 수 있습니다. 전자 수료증이 성취도 페이지에 추가되며 해당 페이지에서 수료증을 인쇄하거나 LinkedIn 프로필에 수료증을 추가할 수 있습니다. 강좌 내용만 읽고 살펴보려면 해당 강좌를 무료로 청강할 수 있습니다.

궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.