лучший способ улучшить навыки развития фронта? Это практика! Создание практики веб-сайта-самый эффективный способ учиться. Было бы лучше, если бы вам заплатили за это; Даже создание веб -сайта для себя или своей семьи и друзей может значительно улучшить ваши навыки. Даже создание проектов только для практики может позволить вам быстро расти, что определенно намного эффективнее, чем просто чтение материалов!

Вот некоторые ресурсы, которые поощряют вас улучшить свои навыки, создавая проекты:

Frontend Mentor

эта платформа была запущена только недавно, а также является вдохновением для написания этой статьи. Предоставление фронтальных проектов для разработчиков сама по себе является успешной бизнес-моделью! Некоторые проекты бесплатны, некоторые проекты взимаются.

hackerrank

многие компании также строят свой бизнес вокруг аналогичной модели. Hackerrank фокусируется в основном на охоте на работу и имеет четкие цели, но тесты на навыки (проблемы), которые он обеспечивает не только оценить ваши способности, но и ценный учебный ресурс.

аналогичные платформы включают в себя: Codewars, Challengerocket, CodeSignal, Topcoder (VCS должен очень понравиться эта модель).

Coderbyte

Coderbyte также предлагает платные планы, предназначенные для улучшения ваших навыков собеседования с помощью задачи.

Типичный сценарий: иногда веб -сайт является продуктом, а вы клиент; Иногда компания по подбору персонала является клиентом, а вы - продукт.

попытаться воспроизвести работу Dribbble

классический метод: найдите свою любимую часть на Dribbble и попробуйте воспроизвести его. @KeyFramers делают это часто. Практический сайт Тима Эвко, используемый для случайного выбора работ Dribbble (а также проблемы с GitHub и задачи кодирования), но в настоящее время раздел Dribbble, кажется, не вышел из эксплуатации, а другие функции все еще доступны!

Мэтт Делак выполнял аналогичные упражнения в прошлом. Indrek Lasn также поделился аналогичными статьями на среде.

Front-End Challenge Club

Энди Белл руководил клубом проблем с фронталом, и, хотя он в настоящее время приостановлен, вы все равно можете просмотреть его архивы.

Codepen Проблемы

Codepen запускает проблемы каждую неделю, предлагая темы (а также идеи и ресурсы), которые вы можете играть свободно. Расслабляющий и приятный вызов.

100 дней CSS Challenge

Матиас Мартин создал 100-дневный вызов CSS. Все проблемы и записи публично видны - конечно, дело в том, чтобы попытаться выполнить проблему самостоятельно.

ежедневно ui

Daily UI Challenge предоставляет новую проблему каждый день (бесплатно). Многие люди используют код для выполнения этих проблем.

Frontloops

Frontloops предлагает 30 задач с информацией, предложениями, материалами и решениями за 19 долларов.

cssbattle

, если вы хотите имитировать проекты с максимально небольшим кодом, то CSSBattle будет идеальным для вас.

написание программ с максимально кратким кодом, как можно более, часто называют «Code Golf», и есть также специализированные веб -сайты.

Ace Front End

Front End Ace предлагает проблемы, ориентированные на родные HTML, CSS и JavaScript.

я заметил, что первая задача состояла в том, чтобы сбросить меню навигации, но оно не обработало арию, расширенное свойство. Я не уверен, насколько это проблематично, и это не критика Front End Ace - это просто напоминание о том, что любая проблема может быть проблематичной. Но это не значит, что вы не можете учиться на этом.

codier

Codier предоставляет открытые проблемы, включая решения, опубликованные другими пользователями.

rendezvous с cassidoo

еженедельный информационный бюллетень Cassidy содержит проблему в каждом выпуске.

Рина Дайан Кабаллар цитирует Тим ​​Керри в расширенных ограничениях CSS:

]

Carry рекомендует начинать с объектов реального мира-например, интерфейс игровой консоли или калькулятора-и пытается воспроизвести его только с помощью CSS. «Хороший способ раздвинуть границы на языке - создать то, что этот язык не должен был сделать», - сказал он.

]