Найти в Дзене
KARPOV.COURSES | DEV

Где прокачаться во фронтенд-разработке

Один из самых лёгких и удобных способов прокачать свои скиллы в разработке — игры. Мы собрали для вас подборку сайтов, где можно практиковаться во фронтенд-разработке в игровой форме.
⬥ Grid Garden
Grid Garden — это тренажёр, в котором вам нужно написать CSS-код, чтобы вырастить морковный сад. Игра разделена на 28 уровней: от самых простых до более сложных.
Ссылка: cssgridgarden.com
⬥ Flexbox Froggy
Тренажёр Flexbox Froggy похож на Grid Garden, но здесь вы будете использовать свойство justify-content, чтобы помочь лягушонку Фрогги.
Ссылка: flexboxfroggy.com
⬥ CheckiO
На CheckiO можно в игровой форме изучать JavaScript. Пользователи участвуют в соревновании и решают задачи, чтобы пройти миссию и перейти на следующий уровень. Кстати, есть альтернативная версия игры, в которой надо писать код на Python.
Ссылка: js.chekio.org
⬥ LearnGitBranching
LearnGitBranching помогает новичкам разобраться в работе Git. Интерактивный онлайн-тренажёр доступен как на русском, так и на английском я

Один из самых лёгких и удобных способов прокачать свои скиллы в разработке — игры. Мы собрали для вас подборку сайтов, где можно практиковаться во фронтенд-разработке в игровой форме.

⬥ Grid Garden

Grid Garden — это тренажёр, в котором вам нужно написать CSS-код, чтобы вырастить морковный сад. Игра разделена на 28 уровней: от самых простых до более сложных.
Ссылка:
cssgridgarden.com

⬥ Flexbox Froggy

Тренажёр Flexbox Froggy похож на Grid Garden, но здесь вы будете использовать свойство justify-content, чтобы помочь лягушонку Фрогги.
Ссылка:
flexboxfroggy.com

⬥ CheckiO

На CheckiO можно в игровой форме изучать JavaScript. Пользователи участвуют в соревновании и решают задачи, чтобы пройти миссию и перейти на следующий уровень. Кстати, есть альтернативная версия игры, в которой надо писать код на Python.
Ссылка:
js.chekio.org

⬥ LearnGitBranching

LearnGitBranching помогает новичкам разобраться в работе Git. Интерактивный онлайн-тренажёр доступен как на русском, так и на английском языках.
Ссылка:
learngitbranching.js.org