La meilleure façon d'améliorer les compétences de développement frontal? C'est de la pratique! La construction d'un site Web est le moyen le plus efficace d'apprendre. Ce serait mieux si vous pouvez être payé pour cela; Même la construction d'un site Web pour vous-même ou votre famille et vos amis peut améliorer considérablement vos compétences. Même la création de projets juste pour la pratique peut vous permettre de vous développer rapidement, ce qui est certainement beaucoup plus efficace que de simplement lire du matériel!

Voici quelques ressources qui vous encouragent à améliorer vos compétences en créant des projets:

Frontend Mentor

Cette plate-forme n'a été lancée que récemment et est également l'inspiration pour l'écriture de cet article. Fournir des projets frontaux aux développeurs est un modèle commercial prospère en soi! Certains projets sont gratuits, certains projets sont facturés.

hackerRank

De nombreuses entreprises construisent également leurs entreprises autour d'un modèle similaire. HackerRank se concentre principalement sur la recherche d'emploi et a des objectifs clairs, mais les tests de compétences (défis) qu'il fournit peut non seulement évaluer vos capacités, mais aussi une précieuse ressource d'apprentissage.

Les plates-formes similaires incluent: CodeWars, Challengerocket, CodeSignal, TopCoder (VCS doit beaucoup aimer ce modèle).

coderbyte

CoderByte propose également des plans payants conçus pour améliorer vos compétences d'entrevue grâce à des questions de défi.

Scénario typique: Parfois, le site Web est un produit, et vous êtes un client; Parfois, la société de recrutement est un client et vous êtes un produit.

Essayez de reproduire le travail de Dribbble

Méthode classique: trouvez votre pièce préférée sur Dribbble et essayez de la reproduire. @KeyFramers le font souvent. Le site de pratique de Tim Evko utilisé pour sélectionner au hasard Dribbble Works (ainsi que les problèmes de github et les défis de codage) pour vous, mais la section Dribbble semble être hors service pour le moment, et d'autres fonctionnalités sont toujours disponibles!

Matt Delac a fait des exercices similaires dans le passé. INDREK LASN a également partagé des articles similaires sur Medium.

Front-end Challenges Club

Andy Bell a dirigé le Front-end Challenge Club, et bien qu'il soit actuellement en attente, vous pouvez toujours voir ses archives.

codepen défis

Codepen lance des défis chaque semaine, offrant des thèmes (ainsi que des idées et des ressources) que vous pouvez jouer librement. Un défi relaxant et agréable.

100 jours de défi CSS

Matthias Martin a créé un défi CSS de 100 jours. Tous les défis et entrées sont visibles publiquement - bien sûr, le but est d'essayer de relever le défi vous-même.

ui quotidien

Daily UI Challenge fournit chaque jour un nouveau défi (gratuit). Beaucoup de gens utilisent du code pour relever ces défis.

frontloops

Frontloops propose 30 défis avec des informations, des suggestions, du matériel et des solutions pour 19 $.

cssbattle

Si vous aimez imiter les conceptions avec le moins de code possible, alors CSSBattle sera parfait pour vous.

Écriture de programmes avec le code aussi concis que possible est souvent appelé "Code Golf" et il existe également des sites Web de défi spécialisés.

ace front end

ACE Front End offre des défis axés sur le HTML, CSS et JavaScript natifs.

J'ai remarqué que le premier défi était de déposer le menu de navigation, mais il n'a pas géré la propriété expansée Aria. Je ne sais pas à quel point cela est problématique, ni une critique de l'as frontal - c'est juste un rappel que tout défi peut être problématique. Mais cela ne signifie pas que vous ne pouvez pas en apprendre.

codier

Codier fournit des défis ouverts, y compris des solutions publiées par d'autres utilisateurs.

Rendezvous avec Cassidoo

La newsletter hebdomadaire de Cassidy contient un défi dans chaque numéro.

Rina Diane Caballar Quotes Tim porte dans les limites CSS étendues:

Carry recommande de commencer par des objets du monde réel - comme l'interface d'une console de jeu ou d'une calculatrice - et d'essayer de la reproduire en utilisant CSS uniquement. "Une bonne façon de repousser les limites dans une langue est de créer quelque chose que cette langue n'aurait pas dû faire", a-t-il déclaré.