Support WCS

Comment créer un site avec React

Dans Startup SAFARI Virtual Experience, il y a eu des cours de code. Celui-ci s’est concentré sur React. Il nous a été présenté par Thomas Paoli, un formateur de l’école de formation aux métiers de la Tech; Wild Code School. Il a fait une démo des fonctionnalités de cette application.

Voici un résumé succinct des différentes étapes de sa présentation. Vous pouvez aussi regardez la vidéo de son passage grâce au lien disponible en bas de l’article.

Qu’est-ce que React

React est une librairie Java script qui simplifie le travail des développeurs pour créer un site internet. Avant la création de React, les sites étaient créés en html, css et JavaScript. Mais l’inconvénient se trouvait dans la taille des fichiers. Ils pouvaient dépasser les mille lignes de codes. Le travail était fastidieux.

React permet de fragmenter ses lignes de codes en des blocs similaires à des Lego. Ces blocs sont réutilisable afin de ne pas réécrire un code qui à déjà été écrit ailleurs. Cela simplifie la tâche et vous évite de commettre des erreurs d’écriture.

La création du site

Le header

Le Header

Avant de commencer à coder, thomas à commencer par créer des composants. Ce sont ces fameux blocs qu’il aura à réutiliser.

Une fois ces composants prêts, il faut donc coder le header avec le logo du site incrusté dans une bannière. Je vous laisse voir toutes les différentes étapes dans la vidéo de la 08: 20 minute à la 21:07 minute.

La présentation de l’offre

Sur un site internet, il y a la partie sur laquelle est présentée l’offre. Thomas a créé trois cadres dans lesquels seront présentés des formations. Dans ces cadres doivent ce mettre des images. Dans cette partie il a utiliser du css pour rendre les cadres plus agréable. A cela il ajouta un paragraphe. Suivez le procédé de la 21:21 minute à la 56:23 minute.

Conclusion

Le but de cet article était de présenter succinctement, la démo de Thomas. La vidéo de son passage vous aidera pour reproduire ce qu’il a fait. Mais le plus important c’est que vous pouvez en apprendre plus grâce à Wild Code School. Ils disposent de plusieurs formations plus détaillés et des parcours accompagnés pour vous permettre de progresser.

Voici le lien de la vidéo.

Share this post