10 projets pour vous amener à votre premier travail de développement en 2020

Débarquer votre premier travail de développement Web peut être intimidant, avec une liste apparemment sans fin de technologies à maîtriser. Ce guide met en évidence dix compétences cruciales pour stimuler vos perspectives d'emploi en 2020 et au-delà, avec des idées de projet et des ressources recommandées.

Compétences clés et idées de projet:

1. maîtriser votre éditeur de code (vs code): Devenez maîtrisé dans le code vs, explorant les extensions (comme Gettier et Eslint) et les raccourcis clavier. Projet: Installer vs Code, explorer trois extensions, configurer Butter et Eslint et mémoriser les raccourcis clavier. Ressource: Visual Studio Code: Outils d'édition et de débogage de bout en bout pour les développeurs Web .

2. Créez un formulaire de contact: Créez un formulaire de contact réactif, accessible et de style bien de style avec divers types d'entrée. Projet: Concevoir et construire un formulaire de contact, assurer la compatibilité des navigateurs et un style élégant. Envisagez le téléchargement sur Codepen. Ressource: Modèles de conception de formulaire .

3. Validation côté client: Implémentez la validation côté client dans votre formulaire de contact à l'aide de types d'entrée appropriés et de validation personnalisée. Évitez les boîtes d'alerte et envisagez de détecter les bot. Projet: Ajouter une validation côté client à votre formulaire de contact, en fournissant des messages d'erreur intuitifs. Ressource: javascript: novice to ninja, 2nd edition .

4. Convertisseur de devises (API Fixer): Créez un convertisseur de devises Récupérant les taux de change à partir de l'API Fixer, mettant dynamiquement à la mise à jour de l'interface utilisateur sans rafraîchissement de page. Projet: Créez un convertisseur de devises à l'aide de l'API Fixer et des fonctionnalités JavaScript modernes (Vanilla JS ou un cadre comme React). Ressource: javascript: meilleure pratique .

5. Conception du site Web de portefeuille: Concevez votre site Web de portefeuille, en vous concentrant sur la mise en page, le schéma de couleurs, la typographie et la présentation du contenu. Projet: Concevez votre site Web de portefeuille, en considérant l'expérience utilisateur et l'attrait visuel. Ressource: Les principes de la belle conception Web .

6. Développement du site Web du portefeuille: Codez votre site Web de portefeuille à l'aide de CSS moderne (Flexbox, Grid, VW / VH Units), incorporant des animations et votre formulaire de contact. Projet: Développez votre site Web de portefeuille à l'aide de techniques et d'animations CSS modernes. Ressource: CSS Master, 2e édition .

7. Audit des performances Web (Lighthouse): Audit les performances de votre site Web de portefeuille à l'aide de Lighthouse, en résolvant tous les problèmes identifiés. Projet: Audit votre site Web avec Lighthouse et optimisez les performances sur les appareils. Ressource: Jump start Performances Web .

8. Compétence de la ligne de commande (bash): Familiarisez-vous avec la coquille de bash, effectuant diverses tâches et explorant les alias. Projet: Utilisez Bash pendant une semaine, effectuant une navigation du système de fichiers, la manipulation de fichiers et l'exploration des alias. Pensez à explorer Zsh. Ressource: BASH Quick Start Guide .

9. Contrôle de version (Git & GitHub): Utilisez Git pour gérer vos projets, en poussant votre code dans un référentiel GitHub. Projet: Mettez votre application de convertisseur de devises sous Git Version Control et poussez-la sur GitHub. Ressource: Jump start git .

10. Application Node.js: Créez une application simple Node.js, incorporant le routage, les modèles, la gestion de formulaire, l'interaction de la base de données et l'authentification de base. Projet: Suivez un tutoriel Node.js (par exemple, la création d'une application Web simple) et adaptez-la. Ressource: Forums SitePoint.

Questions fréquemment posées (FAQ):

Cette section fournit des réponses concises aux questions courantes sur l'atterrissage d'un premier travail de développeur, couvrant des projets de portefeuille, des compétences essentielles, une expérience du monde réel, une préparation des entretiens et des ressources d'apprentissage. Les FAQ d'origine sont réécrites pour la concision et la clarté.

Conclusion:

Construire un portefeuille solide à travers des projets pratiques est primordial. Combinez ces compétences avec l'apprentissage cohérent et l'engagement actif dans la communauté des développeurs pour améliorer considérablement vos prospects d'emploi.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!