Top des projets
La rĂ©alisation de ce projet m’a permis de monter en compĂ©tences sur le langage React.JS et de pouvoir le dĂ©ployer en alternance. J’ai trouvĂ© cela immersif et enrichissant. La rĂ©alisation de cette API m’a appris davantage de techniques, notamment sur le dĂ©veloppement sous React. Lors d’entretien professionnel, je peux donc soutenir cette nouvelle compĂ©tence en prĂ©sentant ce projet comme exemple.
Louis Poulin
Etudiant en 3e année de B. Dev fullstack & DevOps
Dans le cadre de cette semaine de formation, il nous a Ă©tĂ© demandĂ© de rĂ©aliser un « PokĂ©dex » avec un cahier des charges dĂ©taillant les spĂ©cificitĂ©s souhaitĂ©es. J’ai trouvĂ© que le choix du thĂšme Ă©tait trĂšs intĂ©ressant et a pu, de toute Ă©vidence, susciter de la nostalgie chez la plupart d’entre nous. Un projet divertissant et innovant Ă la fois !
Mory Kadoch
Etudiant en 3e année de B. Dev fullstack
Une API, c’est quoi ? L’API PokĂ©api
Une API (application programming interface ou « interface de programmation d’application ») est une interface logicielle qui permet de « connecter » un logiciel ou un service Ă un autre logiciel ou service afin d’Ă©changer des donnĂ©es et des fonctionnalitĂ©s.
Les objectifs pour construire
leur
Les Ă©tudiants du bachelor dĂ©veloppement fullstack avaient pour mission de dĂ©velopper une interface/application de pokĂ©dex React.JS en utilisant l’API PokĂ©api. Lâapplication devait prendre en compte la valeur de lâURL comprenant un container de dĂ©tails affichant :
– le nom et lâimage de face
– le poids
– la taille
– les 3 premiĂšres capacitĂ©s de chaque PokĂ©mon et les statistiques
Enfin, les Ă©tudiants devaient installer un loader visuel CSS pour le chargement ou rechargement des composants en adaptant les changements de statuts liĂ©s Ă l’application. Pour ce faire, ils devaient mettre en place, via une page dĂ©diĂ©e, un systĂšme de stockage en favoris afin de maintenir la persistance en cas de rafraĂźchissement du navigateur. Toute une technique !
Conceptualiser sa 1re
Pour le bon fonctionnement d’une API en react.JS, plusieurs consignes ont Ă©tĂ© demandĂ©es :
Utilisation de Next.js et de librairies JavaScript
Utilisation d'Axios pour les calls avec lâAPI et les gestions dâerreurs
Obligation d'intégrer la SCSS/SASS avec ou sans framework CSS
Rendre plaisant l'UI design de l'API et du framework
React comme réaction !
Le projet React.JS s’est dĂ©roulĂ© sur deux semaines. Les Ă©lĂšves se devaient d’ĂȘtre investis, car les critĂšres de notation Ă©taient trĂšs poussĂ©s. le challenge premier Ă©tait qu’ils gardent une assiduitĂ© particuliĂšre sur la totalitĂ© des 15 jours de travail. J’attendais d’eux Ă©normĂ©ment d’autonomie et aucune triche !
L’utilisation de certains outils tels que Github pour leur rĂ©alisation, ainsi que l’utilisation de certains tutoriels est formellement proscrite sous peine de sanction. De cette façon, je les pousse Ă surpasser leur recherche, leur rĂ©activitĂ©… et leur ponctualitĂ© bien sĂ»r !
Cela leur sera utile dans leur vie professionnelle ! Je n’accepte aucun retard, mĂȘme s’ils sont dĂ»s Ă des pannes techniques…
Morgan Leroux
DĂ©veloppeur front-end ReactJS
Les critĂšres d’une bonne
Ce projet React.JS avait quatre critĂšres principaux de notation :
Je n’avais jamais fait de
Le fait que le projet ait Ă©tĂ© tournĂ© vers PokĂ©mon rend le travail plus motivant que s’il avait portĂ© sur une demande plus « classique » bien qu’elle aurait pu faire appel aux mĂȘmes compĂ©tences techniques.
C’Ă©tait donc avec un trĂšs bon Ă©tat d’esprit que mes camarades et moi-mĂȘme avons rĂ©alisĂ© ce projet pour lequel j’ai souhaitĂ© exploiter davantage mes compĂ©tences : un design plus poussĂ©, de meilleures fonctionnalitĂ©s, et mĂȘme l’ajout de musiques issues des jeux PokĂ©mon.
Pouvoir s’exercer sur un nouveau langage dans le contexte de la formation m’a permis aussi d’assimiler les enseignements thĂ©oriques de la semaine et de pouvoir les dĂ©ployer en entreprise la semaine suivante.
Je n’avais jamais fait de React avant ce cours et j’ai trouvĂ© gĂ©nial d’avoir acquis un bon niveau en seulement une semaine. Bien sĂ»r, la marge de progression reste Ă approfondir, mais elle me permet aujourd’hui, de me diriger vers le dĂ©veloppement d’applications mobiles en React native.
Je remercie évidemment le formateur pour la qualité de son enseignement et sa pédagogie.
Mory Kadoch
DĂ©veloppeur full stack
Et vous, tenté par le React.JS ?
SĂ©duit par le projet d’API en react.JS ?
Réalisez des projets fructueux pour votre avenir en intégrant un parcours complet du post-bac au bac+5.
IPSSI n’attend plus que vous !
Prenez contact tout au long de l’annĂ©e pour Ă©changer avec lâun de nos conseillers et parler de votre avenir ! đ€
Je prends contact