• Skip to main content
  • Skip to header right navigation
  • Skip to after header navigation
  • Skip to site footer
Lesjeudis

Blog Les Jeudis

Actualité Informatique et Digital

  • Annonces
    • Par région
    • Par métier
    • Par technologies
    • Par entreprise
    • Fiche métiers
  • Entreprises
  • News
  • Se connecter
  • Déposer CV
  • Recruteur
    • Connexion Recruteurs
    • Employeurs
    • Trouvez des CVs
    • Postez des offres
  • Categories du Blog
    • Développement
    • Réseaux et Systèmes
    • Digital
    • E-commerce
    • Marché de l’emploi
    • Conseils
    • Evénements
    • Design
    • Marketing
    • Interviews
    • —-
  • Annonces
    • Toutes nos offres d’emploi
    • par région
    • par métier
    • par technologies
    • par sociétés
    • Par Industries
    • Fiches Métiers
  • Entreprises
  • Tests
  • offres recommandées
  • Se connecter
  • Déposez CV
  • Employeurs
    • Connexion recruteurs
    • Employeurs
    • Trouvez des CVs
    • Postez des offres
  • Développement
  • Réseaux et Systèmes
  • Digital
  • E-commerce
  • Marché de l’emploi
  • Conseils
  • Evénements
  • Design
Le secret pour devenir un développeur de premier rang est de concevoir des choses

Le secret pour devenir un développeur de premier rang est de concevoir des choses !

06/01/2020 par Indrek Lasn

Voici une liste d’applications amusantes à créer !

Vous ne pouvez devenir un grand développeur qu’en consentant les efforts nécessaires. Prenez par exemple votre corps. Vous ne deviendrez jamais musclé, simplement en lisant beaucoup de choses sur le fitness. Pour avoir des résultats, il va vous falloir vous rendre à la salle de gym, y passer des heures à vous exercer et à transpirer ! Le même concept s’applique au codage.

Voici huit fantastiques projets pour entraîner vos muscles de codeur. L’objectif est de construire chaque application avec la suite technologique que vous préférez. Détende-vous et faites comme bon vous semble !

Projet 1. Clone de Trello

Trello clone by Indrek Lasn — Demo Link

Ce que vous apprendrez en élaborant un clone de Trello :

  • Le routage.
  • Le glisser-déposer.
  • La création de nouveaux objets (tableaux, listes, cartes).
  • L’entrée de données et leur validation.
  • Le côté client : comment utiliser le stockage local, enregistrer des données sur le stockage local et lire des données depuis le stockage local.
  • Le côté serveur : comment utiliser les bases de données, enregistrer des données dans la base de données et lire des données depuis la base de données.

Voici l’exemple référence — créé avec React et Redux.

Projet 2. Tableau de bord de l’administrateur

Github Repository

Application CRUD simple, idéale pour apprendre les fondamentaux. Voici ce que vous apprendrez :

  • La création des utilisateurs et la gestion des utilisateurs.
  • L’interaction avec une base de données : créer, lire, modifier et supprimer des utilisateurs.
  • La validation des données entrées et le fonctionnement des formulaires.

Projet 3. Tracker de Cryptomonnaie (Application Mobile Native)

Github repository

Doit être une application native — Swift, Objective-C, React Native, Java et Kotlin peuvent être utilisés.

Ce que vous apprendrez :

  • Comment fonctionnent les applications mobile natives.
  • La récupération de données à partir d’une API.
  • Comment fonctionnent les mises en page natives.
  • Comment travailler avec des simulateurs mobiles.

Utilisez cette API. Si vous en trouvez une qui soit meilleure, postez-la dans les commentaires.

Lien TK. Au cas où vous aimeriez savoir de quelle façon cette application a été construite, j’ai rédigé un tutoriel.

Projet 4. Mettez au point votre propre configuration Webpack à partir de rien

En réalité, il ne s’agit techniquement pas d’une application, mais il est quand même très utile de comprendre comment fonctionne Webpack. Vous ne verrez plus Webpack comme une boite noire, mais comme un puissant outil à votre portée.

Exigences :

  • Compiler es7 en es5 (les bases).
  • Compiler .jsx en .js, ou .vue en.js (vous en apprendrez plus sur les loaders).
  • Configuration du serveur de développement webpack et Hot Module Reloading. (vue-cli et create-react-app utilisent les deux).
  • Créez une version prête à la production et déployez-la en utilisant les pages Heroku, now.sh ou GitHub. (Vous apprendrez comment déployer des projets webpack.)
  • Configurer votre préprocesseur favori pour compiler en CSS simple : SCSS, Less, Stylus.
  • Apprendre à utiliser les images et les SVG avec webpack.

Voici une excellente ressource pour les parfaits débutants.

Projet 5. Clone de Hacker News

Hacker News Clone

Tout le monde a déjà construit sa propre version de Hacker News — Ne soyons pas une exception.

Voici ce que vous apprendrez :

  • L’interaction avec l’API de Hacker News.
  • La création des applications web monopages.
  • Comment implémenter des fonctionnalités telles que la consultation des commentaires, des commentaires individuels et des profils.
  • Le routage.

Voici la documentation de l’API de Hacker News.

Projet 6. Application de Gestion de Tâches

To-Do App

TodoMVC

Sérieusement ? Une application de gestion de tâches ? Il y en a déjà énormément ! Oui je sais, mais écoutez, il y a une raison au fait qu’elles sont si populaires.

Une application de gestion de tâches est un excellent moyen de s’assurer d’apprendre les fondamentaux. Essayez d’en concevoir une avec JavaScript, puis une autre avec votre framework/bibliothèque préféré.

Ce que vous apprendrez :

  • La création de nouvelles tâches.
  • La validation des champs.
  • Le filtrage des tâches (terminées, actives, toutes). L’usage des fonctions filtrer et réduire.
  • Comprendre les fondamentaux de JavaScript.

Projet 7. Liste Triable Drag and Drop

Sortable Drag and Drop List

Github repository

Il est très utile de comprendre l’API Drag and Drop (glisser-déposer). Cela vous permet vraiment de vous démarquer des autres si vous êtes capable de créer des applications complexes.

Ce que vous apprendrez :

  • L’API Drag and Drop.
  • La création d’Interfaces Utilisateurs (UI) riches.

Projet 8. Un clone de Messenger (Application Native)

Messenger Clone (Native App)

Comprendre comment fonctionnent les applications natives et les applications Web vous permettra de vous démarquer de la masse.

Ce que vous apprendrez :

  • Les Websockets (messagerie instantanée).
  • Comment fonctionnent les applications natives.
  • Comment se font les mises en page en natif.
  • Le routage pour les applications natives.

Conclusion

La création de ces applications devrait vous tenir occupé pendant un mois ou deux. Choisissez une application dans la liste ci-dessus et créez-la ! Au cas où vous auriez besoin d’un petit peu de motivation pour commencer, voici un guide sur « Comment rester motivé en tant que développeur« .

Si vous voulez faire passer vos capacités JavaScript à un niveau supérieur, je vous recommande de lire la série de livres « You Don’t Know JS« .

N’oubliez pas également tester vos connaissances informatiques ou lire nos ressources pour ameliorer ses competences de progammation a travers de leçons et tutoriels.

La source originale de cet article en anglais se trouve dans ‘Medium’

Category: Développement, Conseils

About Indrek Lasn

Indrek est un écrivain renommé en technologie et amélioration de soi, ainsi qu’un éditeur chez Cleversonder et Newly

Previous Post: « Marketing Big data Comment la Big Data a changé le marketing d’aujourd’hui
Next Post: MBSE : une approche modèle pour l’ingénierie de demain Model Based System Engineering »

Reader Interactions

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Sidebar

Rechercher

Nos Meilleurs Articles

un développeur des jeux video

Comment trouver le job de ses rêves dans le gaming ?

illustration montre trois interfaces (UI) de dévelopeur front-end, mobile, et back-end: le développeur full stack

Le développeur full stack, un métier à tout faire

bilan test de compétences informatiques

Quels tests pour faire un bilan de compétences informatiques ?

un développeur travaille sur son ordinateur

Comment devenir Développeur frontend – une feuille de route

personnes et robots faisant la queue pour un travail informatique ou numérique

Pourquoi vous ne trouvez pas de travail dans l’IT

banniere pour l'article 'la marque personnelle' montrant un singe à la 'rap' et noms des reseaux sociaux

10 façons de créer votre « personal branding » ou marque personnelle

outils de développement React JS

Top 10 des meilleurs outils de développement React de 2022

React.js vs Vue.js

React vs Vue – Qui est le meilleur ?

banniere pour l'article 'Formation développeur Web'

Quelle formation pour devenir développeur web ?

Des employés vont négocier se salaire

Comment négocier son salaire à la hausse

Les systèmes embarqués, l'Internet of Things - banniere

Les systèmes embarqués

smartphone avec l'appli de CB et les textes: iOS, Android et windows

Développer une application mobile pas à pas

Categories

  • Blockchain (9)
  • Conseils (52)
  • Design (40)
  • Développement (136)
  • Digital (305)
  • Divers (5)
  • E-commerce (12)
  • Evénements (25)
  • Fiche métier (1)
  • Formation (6)
  • Interviews (38)
  • Marché de l'emploi (59)
  • Marketing (128)
  • Méthodologie (8)
  • Réseaux et Systèmes (23)
  • Web (148)

Nos Categories

Blockchain

Conseils

Méthodologies

Design

Développement 

Digital

E-commerce

Evénements

Formation

Interviews

Marché de l’emploi

Marketing

Réseaux et Systèmes

Web

Candidats

Emploi par région

Emploi par métier

Emploi par technologie

Emploi par type de contrat

Tous les emplois

Fiches métiers informatiques

Nos Services

S’inscrire

Annonces

Magazine

Salon LesJeudis

Support

Nous contacter

Vous êtes recruteur ?

A Propos

Conditions générales d’utilisation

Politique de confidentialité

Droit d’accès aux données 

personnelles

Social

Facebook

Twitter

Linkedi

Nos Categories

Blockchain

Conseils

Contenu Top

Design

Digital

E-commerce

Evénements

Interviews

Marché de l’emploi

Marketing

Réseaux et Systèmes

SEO

Web

Candidats

Emploi par région

Emploi par métier

Emploi par technologie

Emploi par industrie

Emploi par type de contrat

Tous les emplois

Fiches métiers informatiques

Support

Nous contacter

Vous êtes recruteur ?

A Propos

Conditions générales d’utilisation

Politique de confidentialité

Droit d’accès aux données 

personnelles

Social

Facebook

Twitter

Linkedi

Nos Services

S’inscrire

Annonces

Évènements

Tests

Magazine

Salon LesJeudis

Les Jeudis

© 2021 Groupe Les Jeudis