?Design :
- respect de la charte graphique
- vérification du respect des règles WCAG (accessibilité et SEO)
- utlisation de TailwindCSS (CSS in JS), éventuellement de Sass ou Less
- conception mobile first et comportement responsive
?React.js :
- création de composants réutilisables
- migration de classes en fonctions
- utlisation des contextes
- création de custom hooks, de HOC
- connexion à des API via axios
- formulaires (collecte et validation) avec Formik
- tests avec Jest
?Node.js :
- web service via Express
- création de middlewares (authentification, gestion d’upload ...)
- connexion à MongoDb
- connexion à Cloudinary (BDD dédiée aux images)
- tests avec Jest
?Dev et Déploiement :
- CreateReact / Vite / Next
- Vercel / Heroku
p { line-height: 120%; margin-bottom: 0.25cm; background: transparent }PIC DIGITAL Intégrateur Web mai 2022 - juin 2022 - full remote
Objectif : Adaptation d'une plateforme "facebook like" au besoin client
Environnement tech. : HTML / LessCSS / php
Outils : Figma
Pragma Intégrateur Web février 2022 - full remote
Objectif : Intégration "pixel perfect" HTML/CSS
Environnement tech. : React / TailwindCSS / TypeScript
Outils : Figma, GitHub
Equipe internationale (échanges en anglais)
Open Classroom : Développeur web (2021)
Compétences acquises avec la formation, entre autres : |
- découper, assembler et intégrer une maquette graphique en HTML5 et CSS3, |
- ajouter du contenu multimédia (vidéos, son, images), |
- animer les pages web avec CSS3, |
- appliquer les standards du web et les normes en vigueur, |
- construire un site web fluide et responsive, |
- améliorer le référencement naturel (SEO), |
- faire réagir la page web en fonction des actions de l’utilisateur en JavaScript, |
- se connecter à un service web pour exploiter des données tierces (API), |
- gérer les comptes utilisateurs, |
- concevoir un site maintenable grâce à la gestion des erreurs et exceptions, |
- utiliser des bases de données SQL et noSQL |
body,div,table,thead,tbody,tfoot,tr,th,td,p { font-family:"Arial"; font-size:x-small }a.comment-indicator:hover + comment { background:#ffd; position:absolute; display:block; border:1px solid black; padding:0.5em; }a.comment-indicator { background:red; display:inline-block; border:1px solid black; width:0.5em; height:0.5em; }comment { display:none; }