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

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

Для тех, кто только начинает свой путь во фронтенде, — подборка Академии Яндекса.

Ozaria

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

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

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

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

Pixactly

Pixactly

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

NetCoder

NetCoder

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

Grid Сritters

Grid Сritters

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

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

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

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

Краткий пересказ от YandexGPT