Un guide du dĂ©butant pour le dĂ©veloppement d’applications Web
Comment crĂ©er une application web ? C’Ă©tait en 2010, j’avais l’idĂ©e d’une application web qui permettrait Ă ma famille et moi de partager des images, d’organiser des courses, de remplir un calendrier partagĂ© et de stocker des factures.
Ma famille Ă©tait terriblement dĂ©sorganisĂ©e. Nous avions besoin de ça ! Il y avait une petite complication avec ma vision – je ne savais pas comment crĂ©er une application Web.
Mais heureusement, je pouvais crĂ©er un site statique avec HTML et CSS, donc ça ne pouvait pas ĂŞtre si difficile, n’est-ce pas ?
Je me suis trompĂ©, j’ai passĂ© 3 jours Ă essayer d’apprendre comment fonctionnait une base de donnĂ©es et comment connecter le frontend au backend. Ces 3 jours ont Ă©tĂ© difficiles et la fin de mon rĂŞve. J’ai Ă©tĂ© vaincu.
Heureusement, cela ne m’a pas dĂ©couragĂ©. Au cours des 9 annĂ©es suivantes, j’ai dĂ©veloppĂ© plus de 20 applications Web. Ce guide est mon cadeau pour moi-mĂŞme en 2010 et pour les autres dĂ©butants.
Qu’est-ce que ce guide et comment va-t-il m’aider ?
Comment crĂ©er une application web ? Le paysage du dĂ©veloppement d’applications Web est de nature capricieuse et souvent considĂ©rĂ© comme un art sombre pour de nombreux “non-codeurs”.
Le lexique entourant «l’art sombre» le rend moins accessible et, Ă bien des Ă©gards, dissuade les espoirs. Je vous promets, ce guide n’est pas comme ça.
Dans ce guide, j’espère mettre en lumière le dĂ©veloppement d’applications Web et fournir au lecteur.
Vous, un niveau de compréhension qui devrait vous doter des compétences et du dialogue nécessaires pour vous tenir confortablement parmi les développeurs et développer votre propre application Web.
Ce guide est conçu pour les développeurs (débutants), les entrepreneurs, les chefs de produit techniques, les étudiants, les ingénieurs, les spécialistes du marketing technique.
Vous apprendrez ce qu’est le dĂ©veloppement d’applications Web, comment cela fonctionne et ce que vous devez faire pour crĂ©er une application Web.
Dans les sections à venir, je vais diviser le sujet en ses parties les plus élémentaires et les plus intéressantes et vous montrer comment combiner ses éléments pour créer une application Web réussie.
Les sections de ce guide comprennent :
1. Qu’est-ce que le dĂ©veloppement d’applications Web
2. Exemples de dĂ©veloppement d’applications Web
3. Processus de dĂ©veloppement d’applications Web
4. Cadres de dĂ©veloppement d’applications Web
5. Plateformes de dĂ©veloppement d’applications Web
6. Cours d’apprentissage complĂ©mentaire
Qu’est-ce que le dĂ©veloppement d’applications Web ?Â
Comment crĂ©er une application web ? Le dĂ©veloppement d’applications Web est le processus impliquĂ© dans la crĂ©ation d’une application Web.
Il est plus axĂ© sur l’interaction avec le navigateur que sur les processus d’ingĂ©nierie standard.
La plupart des cas de dĂ©veloppement d’applications Web impliqueront de dĂ©finir le problème, de modĂ©liser la solution, d’interagir avec les utilisateurs, d’adopter un cadre/de choisir un outil.
Et enfin, de crĂ©er et de tester l’application Web – dans la plupart des cas, de manière itĂ©rative avec les utilisateurs.
Qu’est-ce qu’une application Web ?Â
Comment crĂ©er une application web ? Pour ceux d’entre vous qui ne savent pas ce qu’est une application Web, j’ai inclus une dĂ©finition ci-dessous :
Une application Web, souvent appelée application Web, est un programme informatique interactif construit avec des technologies Web (HTML, CSS, JS).
Qui stocke (Base de données, Fichiers) et manipule des données (CRUD), et est utilisé par une équipe ou utilisateur unique pour effectuer des tâches sur Internet.
CRUD est un acronyme populaire et est au cĹ“ur du dĂ©veloppement d’applications Web. Il signifie CrĂ©er, Lire, Mettre Ă jour et Supprimer.
Les applications Web sont accessibles via un navigateur Web tel que Google Chrome et impliquent souvent un mécanisme de connexion/inscription.
Applications Web contre site Web
Comment créer une application web ? La principale différence est la façon dont nous interagissons avec chacun. Les applications Web sont définies par leur entrée.
Nous crĂ©ons, lisons, mettons Ă jour et supprimons des donnĂ©es dans une application Web. Les sites Web sont dĂ©finis par leur sortie – nous lisons les actualitĂ©s, les informations marketing, les FAQ sur les sites Web.
Applications Web progressives
Comment crĂ©er une application web ? Les applications Web progressives sont un type d’application Web plus rĂ©cent qui se comporte comme et surpasse souvent les applications natives.
Ce sont des applications Web qui suivent une méthodologie légèrement différente et impliquent un ensemble supplémentaire de technologies telles que les service workers, les manifestes, les notifications push.
Les applications Web progressives peuvent ĂŞtre tĂ©lĂ©chargĂ©es sur votre appareil et stockĂ©es sur votre Ă©cran d’accueil.
Ce qui les rend accessibles et “de type natif”, et contrairement aux applications Web, elles peuvent ĂŞtre consultĂ©es et utilisĂ©es hors ligne.
Comment crĂ©er une application web ? 6 exemples d’applications web
1. Mailchimp
Comment créer une application web ? est une plateforme de marketing automation spécialisée dans le marketing par e-mail.
Ils existent depuis 2001 et leur plate-forme est une application Web très complexe avec une belle interface utilisateur qui rend la plate-forme simple à utiliser.
2. Google Documents
Comment crĂ©er une application web ? Croyez-le ou non, Google Docs est une application Web. Il est Ă©galement disponible sous forme d’application mobile.
Créé en 2012, Google Docs est nĂ© de l’acquisition d’un certain nombre d’autres applications Web et est idĂ©al pour crĂ©er, lire, mettre Ă jour et supprimer des documents.
3. Noti on
Comment créer une application web ? Notion est une application Web tout-en-un de prise de notes et de collaboration avec prise en charge du démarquage.
Le produit a été lancé en 2016 et devient rapidement un incontournable dans de nombreuses petites entreprises.
4. Table Ă air
Comment crĂ©er une application web ? Beaucoup se rĂ©fèrent Ă Airtable comme « Excel en ligne ». Il est similaire Ă Excel dans l’interface utilisateur, mais ajoute des couches de fonctionnalitĂ©s supplĂ©mentaires.
Ce qui en fait une solution de base de donnĂ©es puissante pour les entreprises. Airtable est une application Web complexe avec des milliers d’utilisateurs.
5. Xéro
Comment crĂ©er une application web ? est une application web de comptabilitĂ©. En mettant l’accent sur les donnĂ©es.
Xero met en évidence la façon dont une application Web peut gérer des calculs difficiles et les présenter aux utilisateurs dans une interface simple.
6. Force de vente
Comment créer une application web ? Salesforce est le produit SaaS numéro 1 au monde du point de vue des revenus. En tant que CRM, il est de nature complexe.
Ce qui en fait un excellent exemple d’application Web Ă multiples facettes, notamment des tableaux de bord, des rapports, des tableaux, etc.
Processus de dĂ©veloppement d’applications Web
Comment crĂ©er une application web ? Il existe de nombreux processus diffĂ©rents impliquĂ©s dans la crĂ©ation d’une application Web.
Ci-dessous, j’ai rĂ©sumĂ© les diffĂ©rentes Ă©tapes du processus de dĂ©veloppement d’applications Web.
Si vous souhaitez apprendre Ă crĂ©er une application Web plus en dĂ©tail, je vous conseille de consulter cet article incroyablement informatif – Comment crĂ©er une application Web .
C’est parti, les 8 Ă©tapes pour crĂ©er une application web.
1. Définissez le problème que vous résolvez
Comment crĂ©er une application web ? La dĂ©finition du problème est essentielle. C’est votre Ă©toile polaire et fournit la direction. Votre solution est nĂ©e de votre problème.
2. Planifiez le flux de travail de votre application Web
Comment crĂ©er une application web ? Une fois que vous connaissez votre solution, tracez le flux de travail de son fonctionnement. Que doit-il se passer dans votre application Web pour qu’elle rĂ©solve le problème ?
3. Wireframe/prototypage de votre application web
Comment créer une application web ? Transformez votre workflow en wireframe. Votre wireframe est simplement un outil de communication de votre solution à votre utilisateur cible.
4. Recevoir la validation
Comment créer une application web ? Présentez votre wireframe aux utilisateurs potentiels de votre nouvelle application web.
Enregistrez les commentaires et rĂ©itĂ©rez la conception jusqu’Ă ce que vous et vos utilisateurs potentiels soyez satisfaits.
5. Choisissez votre puissance de feu
Comment créer une application web ? Vous utiliserez différents outils/plateformes/frameworks pour construire votre application web.
Il est important de choisir un outil adapté au travail (dans ce cas, votre application Web).
Et de ne pas choisir ce qui est populaire. Exemple – pour une simple application Ă faire, Django combinĂ© avec React peut ĂŞtre exagĂ©rĂ©.
6. Créez votre application Web
Base de données
Comment créer une application web ? Déterminez les données que vous devez stocker dans votre base de données ainsi que vos types de données. Créez ensuite votre base de données.
L’extrĂ©mitĂ© avant
Comment créer une application web ? Vous allez probablement construire votre frontend et votre backend en même temps.
Votre frontend reflétera vaguement votre wireframe/prototype que vous avez validé précédemment.
Le frontend se compose de HTML, CSS et JS – comme l’un de nos frameworks frontend ci-dessous.
Backend
Comment crĂ©er une application web ? La crĂ©ation de votre backend est l’une des Ă©tapes les plus difficiles du processus de dĂ©veloppement d’applications Web. L
es principales fonctions du backend sont de fournir des points de terminaison HTTP pour votre frontend (rappelez-vous CRUD !), d’authentifier les utilisateurs, d’autoriser et de servir le frontend.
7. Testez votre application Web
Comment créer une application web ? Le test de votre application Web est un processus continu et se produit généralement pendant et après la phase de construction.
Vous pouvez automatiser les tests ou le faire manuellement. Pendant la phase de test, vous devez essayer de couvrir les tests de fonctionnalitĂ©, d’utilisabilitĂ©, de compatibilitĂ©, de sĂ©curitĂ© et de performance.
8. Hébergez et déployez votre application Web
Comment crĂ©er une application web ? L’hĂ©bergement consiste Ă exĂ©cuter votre application Web sur un serveur.
Vous devrez acheter un domaine et choisir un fournisseur d’hĂ©bergement cloud.
Pour obtenir votre application Web de votre machine locale à votre fournisseur de cloud et la déployer, vous devrez utiliser un outil CI.
Et en un mot, c’est le processus de dĂ©veloppement d’applications Web. Encore une fois, si vous avez besoin de plus d’informations sur la façon de crĂ©er une application Web, consultez Comment crĂ©er une application Web