Подборка игр и тренажёров для начинающих разработчиков интерфейсов

Освойте базовый синтаксис HTML и CSS, технику Pixel Perfect и красивую вёрстку

Подборка игр и тренажёров для начинающих разработчиков интерфейсов

Разработка

Скоро начнётся регистрация на новый сезон Школы разработки интерфейсов — образовательную программу для тех, кто хочет заниматься фронтендом. Кандидатам необходимо знать HTML, CSS и JavaScript и иметь опыт фронтенд-разработки. Для тех, кто только начинает свой путь во фронтенде, — подборка Академии Яндекса.

Ozaria 

Ozaria — сервис для изучения JavaScript и Python в игровой форме. Подойдёт тем, кому мало освоить разработку интерфейсов, хочется заодно спасти мифическое королевство.

Яндекс.Практикум

alt

В Яндекс.Практикуме можно бесплатно освоить базовый синтаксис HTML и CSS (управление цветом, шрифтами и расположением блоков на странице). Обучение происходит в процессе работы над проектами в тренажёре.

Pixactly

alt

Pixactly пригодится разработчикам интерфейсов для того, чтобы развить глазомер и технику вёрстки Pixel Perfect. Если руководствоваться этой техникой, то свёрстанный шаблон должен в точности (пиксель в пиксель) совпадать с макетом.

NetCoder

alt

NetСoder — тренажёр «Нетологии-Групп», в котором можно попробовать выполнить базовые задания по вёрстке.

Grid Сritters

alt

Grid Сritters — игра, с помощью которой можно освоить популярный инструмент для разметки CSS Grid. По сюжету игрок — пилот космического корабля, которому нужно спасти жителей планеты Гридерос от вымирания.

Тренажёр Ильяхова

alt

В этом тренажёре нужно выбирать из двух вариантов вёрстки лучший — и таким образом развивать вкус и «насмотренность». Однако теоретических обоснований того, почему тот или иной вариант правильный, не предлагается.

Больше по теме

Разработка

Основные виды сортировок и примеры их реализации

Памятка для тех, кто готовится к собеседованию на позицию разработчика

Разработка

5 способов побольше узнать об алгоритмах

От Википедии до курсов ШАДа и MIT

Разработка

Python: простые, но полезные советы по оптимизации кода

Санитарная обработка данных, пропуск начала итерируемого объекта и другие приёмы

Разработка

Как проходит проектная часть Школы разработки интерфейсов?

История команды, которая разработала личный кабинет для кандидата на обучение в Школе

Анализ данных, Разработка

Чем занимается разработчик инфраструктуры и как им стать

«Для нас все остальные разработчики Яндекса — пользователи»

Разработка

Язык программирования Rust: видеозаписи лекций курса от CS центра

Освойте безопасный язык программирования для браузеров

Разработка

Спорт для разработчиков: как устроено олимпиадное программирование

Ключевые соревнования, советы по подготовке и работе в команде