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

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

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

Разработка

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

Ozaria 

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

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

alt

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

Pixactly

alt

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

NetCoder

alt

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

Grid Сritters

alt

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

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

alt

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

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

Разработка

Что такое код-ревью и кто им занимается?

Эффективный способ заботиться о качестве кода 

Разработка

31 ссылка для тех, кто хочет освоить iOS-разработку

Исчерпывающий гайд по запуску своего приложения 

Разработка, Яндекс в вузах, Яндекс в школе

Ежедневная олимпиада: как устроены сборы в спортивном программировании

В чём преимущество школ перед самостоятельной работой и чего ждать от участия в сборах

Разработка

Чем занимается веб-разработчик и как начать работать в этой области?

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

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

От C++ до теории игр: 10 лекций CS центра

Знакомьтесь с новыми языками программирования, технологиями и областями 

Разработка

Виноград, кот, микрофон, арбуз: как программировать при помощи эмодзи

Рассказываем про эзотерический язык программирования Emojicode

Менеджмент, Разработка

«На своей работе я учусь решать проблемы»

Рассказ сотрудников внутренней службы техподдержки Яндекса Олега Безушко и Николая Чхиквадзе