Ma formation

PROJET 1
COMMENCER SA FORMATION

L'objectif de ce premier projet est de nous mettre dans les meilleures conditions pour réussir son parcours. Organiser sa formation : planifier les différents modules à réaliser sur 6 mois, et veilles technologiques. Réaliser un rétro-planning de la formation à venir.

Langage de balisage et feuille de style Langage de programmation Logiciel Framework Méthode Outil
PROJET 2
CRÉER UN SITE WEB EN HTML5 ET CSS3

La mission principale de ce projet est d'intégrer une interface responsive d'un site web, pour une agence de voyage.

La capacité à créer des interfaces web responsives est cruciale dans le développement web moderne. Ces compétences sont fondamentales pour assurer une expérience utilisateur optimale sur divers appareils.

Partie front-end d'un site. Création d'un site d'une agence de voyage en HTML5 CSS3 à partir de maquettes Figma. Site responsive pour desktop, tablette et mobile.

HTML CSS VSCode Git DevTools Figma
PROJET 3
CRÉER UN SITE DYNAMIQUE AVEC JAVASCRIPT
  • Introduction à JavaScript. Affichage dynamique d'une galerie photos à partir d'une API avec la méthode FETCH. Authentification et utilisation d'un token pour pouvoir /DELETE et /POST.

  • Dans ce troisième projet, nous découvrons la programmation à travers JavaScript. Le plus difficile n'est pas de trouver la fonction ou méthode adéquate, mais d'absorber toutes les notions liées aux algorithmes en général : les fonctions, les méthodes, les mots-clés, les classes. Ce projet est très riche car nous découvrons également : la manipulation du DOM, npm pour les packages, l'installation des dépendances, etc.
  • Il m'a fallu lire, relire et re re relire les cours. Ce projet est celui qui m'a demandé le plus de recherches, que ce soit à travers les communautés en ligne, ou via l'IA.
JavaScript Git Postman API REST Node.js Kanban Swagger UI Figma
PROJET 4
PLANIFIER LE DÉVELOPPEMENT DU SITE D'UN CLIENT
  • Mener, préparer et planifier le projet de développement d’un site, dans le cadre d'une méthodologie agile. Outil de curation pour la veille informationnelle et un Kanban pour définir les sprints. Proposer une solution technique cohérente.

  • Le plus difficile dans ce quatrième projet, est proposer des outils dans la solution technique, que nous n'avons nous-mêmes jamais utilisés. Étant sans expérience, il était aussi difficile de projeter un délai concret pour le nombre de sprints. Je trouve que ce projet est très abstrait pour une personne n'ayant jamais pratiqué les méthodes agiles et pas d'expérience en tant que dév.
  • Proposer une stack cohérente, à savoir du JS pour du front et du back, faciliant le peer-programming ! Quant aux sprints, j'ai proposé un délai large pour être sûre d'être dans les temps. L'évaluateur a semblé trouver ça cohérent.
Méthodes agiles SCRUM Kanban Spécifications techniques Notion Trello
PROJET 5
DÉBUGGER ET OPTIMISER UN SITE

La mission principale de ce projet est d'identifier les problèmes de chargement et de référencement.

Optimiser le référencement (SEO) et l'accessibilité d'un site. Débugger un site web grâce aux Chrome Webtools. Rédiger un cahier de recette pour tester un site.

SEO JavaScript Google Lighthouse Google Keywords Planner (Google Ads) Google Analytics Google Search Console
PROJET 6
CRÉER UNE APPLICATION WEB AVEC REACT

Dans ce projet, on implémente le front-end d'un application en utilisant React et React Router pour créer une expérience utilisateur moderne et réactive.

Créer un site web d'agence de location d'appartement Kasa, avec React.js. Définir les composants à créer et à réutiliser. Créer un composant pour les routes. Utiliser SASS pour gérer le CSS et l'implémentation d’animations CSS.

Le projet se concentre exclusivement sur le développement front-end, en se basant sur les maquettes fournies et en utilisants des données simulées d'un ficher JSON

React.js React Router Create React App SASS JavaScript
PROJET 7
DÉVELOPPER LE BACK-END D'UN SITE

Développer le back-end d'un site de notation de livres. Créer un serveur avec Express.js et connecter à une database MongoDB. Développer des modèles de données et implémenter des opérations CRUD pour la gestion des livres. Implémenter un système d'authentification sécurisé pour les users du site. Gestion du téléchargement et optimisation des images. Pratique du Green Code.

Node.js JavaScript Express MongoDB Mongoose Architecture MVC
PROJET 8
CRÉER ET PUBLIER SON PORTFOLIO

Dernière ligne droite ! Ici on met en ligne notre portfolio pour vous présenter notre travail et nos compétences. J'ai commencé ce portfolio dès que j'ai débuté mon parcours Développeur Web via OpenClassrooms. Étant donné que je ne connaissais aucune techno, j'ai tout fait en HTML/CSS/JS. Étant prise par le temps, je laisse le site ainsi. Néanmoins, ce portfolio est amené à évoluer, je ferais sans doute une refonte totale avec un framework. Et puis je créerai une API pour les données affichées. Pour la création de mon portfolio, effet parallax oblige !

La section Certificats Image d'un chapeau de diplômé a été développée en ReactJS. Les librairies utilisées sont les suivantes : Smooth-scroll-to-top et React-modal

HTML CSS JavaScript ReactJS

Soft skills

Heaume de la
persévérance

Spalière de la
confiance

Plastron de l'
autonomie

Solerets du
Travail d'équipe

Personnage en pixel

Gantelets de la
créativité

Personnage en pixel

Amulette de la
discrétion

Personnage en pixel

Boucle de l'
enthousiasme

Personnage en pixel

Anneau de la
curiosité

Personnage en pixel