"Un maître fait plus d'erreurs qu'un débutant n'essaie"
Nous vous proposons 8 options de projets que vous pouvez réaliser « pour le plaisir » afin d'acquérir une réelle expérience de développement.
Projet 1. Clone Trello
Ce que vous apprendrez :
- Organisation des parcours de traitement des demandes (Routing).
- Glisser déposer.
- Comment créer de nouveaux objets (tableaux, listes, cartes).
- Traitement et vérification des données d'entrée.
- Du côté client : comment utiliser le stockage local, comment enregistrer les données sur le stockage local, comment lire les données du stockage local.
- Du côté serveur : comment utiliser les bases de données, comment enregistrer les données dans la base de données, comment lire les données de la base de données.
, réalisé en React+Redux.
Projet 2. Panneau d'administration
Une application CRUD simple, idéale pour apprendre les bases. Apprenons:
- Créez des utilisateurs, gérez les utilisateurs.
- Interagissez avec la base de données - créez, lisez, modifiez, supprimez des utilisateurs.
- Valider la saisie et travailler avec des formulaires.
Projet 3. Tracker de crypto-monnaie (application mobile native)
N'importe quoi : Swift, Objective-C, React Native, Java, Kotlin.
Étudions:
- Comment fonctionnent les applications natives.
- Comment récupérer les données de l'API.
- Comment fonctionnent les mises en page natives.
- Comment travailler avec des simulateurs mobiles.
. Si vous trouvez quelque chose de mieux, écrivez dans les commentaires.
Si vous êtes intéressé, le voici .
Projet 4. Configurez votre propre configuration Webpack à partir de zéro
Techniquement, ce n'est pas une application, mais c'est une tâche très utile pour comprendre comment fonctionne le webpack de l'intérieur. Désormais, ce ne sera plus une « boîte noire », mais un outil compréhensible.
Exigences:
- Compilez es7 vers es5 (bases).
- Compilez jsx en js - ou - .vue en .js (vous devrez apprendre les chargeurs)
- Configurez le serveur de développement Webpack et le rechargement à chaud du module. (vue-cli et create-react-app utilisent les deux)
- Utilisez Heroku, now.sh ou Github, découvrez comment déployer des projets Webpack.
- Configurez votre préprocesseur préféré pour compiler CSS - scss, less, stylet.
- Apprenez à utiliser des images et des fichiers SVG avec Webpack.
Projet 5. Clone de Hackernews
Chaque Jedi doit créer son propre Hackernews.
Ce que vous apprendrez en cours de route :
- Comment interagir avec l'API hackernews.
- Comment créer une application d'une seule page.
- Comment mettre en œuvre des fonctionnalités telles que l'affichage des commentaires, des commentaires individuels, des profils.
- Organisation des parcours de traitement des demandes (Routing).
Projet 6. Tudushechka
Sérieusement? Tudouchka ? Il y en a des milliers. Mais croyez-moi, il y a une raison à cette popularité.
L'application Tudu est un excellent moyen de vous assurer que vous comprenez les bases. Essayez d'écrire une application en Javascript Vanilla et une dans votre framework préféré.
Apprendre:
- Créez de nouvelles tâches.
- Vérifiez que les champs sont remplis.
- Filtrer les tâches (terminées, actives, toutes). Utiliser
filterиreduce. - Comprendre les bases de Javascript.
Projet 7. Liste glisser-déposer triable
Très utile pour comprendre .
Apprenons:
- API glisser-déposer
- Créez des interfaces utilisateur riches
Projet 8. Clone de Messenger (application native)
Vous comprendrez le fonctionnement des applications web et des applications natives, ce qui vous distinguera de la masse grise.
Ce que nous étudierons :
- Sockets Web (messages instantanés)
- Comment fonctionnent les applications natives.
- Comment fonctionnent les modèles dans les applications natives.
- Organisation des itinéraires de traitement des requêtes dans les applications natives.
Cela vous suffira pour un mois ou deux.
La traduction a été réalisée avec le soutien de l'entreprise qui est engagé professionnellement pour les gros clients, ainsi que .
Source: habr.com