Sortie de ma formation initiale de 4 mois chez O'clock j'ai dû me rendre à l'évidence que je n'avais eu qu'une introduction au métier de développeur web et que beaucoup de choses m'échappaient. A la suite de ce constat je me suis investi dans un parcours d'apprentissage en autonomie pour acquérir de réelles compétences. Toute la difficulté réside dans la recherche de ressources sérieuses et actuelles.
2021 👉 ici
2020 👉 ici
Je finis ma formation initiale en février. Je suis confrontée à la réalité que l'on ne devient pas développeur web en 4 mois. Mon moral est entamé. En mars je cherche une solution et regarde les choses en face. En avril je décide de planifier mon auto-formation en vu de monter en compétences.
L'erreur que j'ai faite c'est d'apprendre un framawork avant de bien connaître javascript. Seulement trouver une formation javascript complète et en Français était mission impossible jusqu'en décembre.
Aujourd'hui je suis fière d'avoir tenu mes engagements et j'ai atteint mon premier objectif: coder avec plaisir et être employable.
Et oui ça devait arriver il fallait que je m'amuse avec OpenLayers dans Vuejs.
See the project online 👉 here
C'est LE projet qui m'a donné mal à la tête 🤯. Un super cours très complet en Vuejs. Ceci dit on n'est pas encore dans une application d'entreprise avec toutes les exigences complexes. Je n'ai toujours pas trouvé un cours avec la profondeur matérielle et l'accent mis sur les meilleures pratiques et les principes de développement d'entreprise.
Sujets abordés :
- Vue-CLI, Vue Router et State Management avec Vuex
- JavaScript moderne (ES6 / 7/8)
- Autorisations utilisateur et itinéraires protégés
- Authentification tierce
- Fonctions de base de données en temps réel et cloud de Firebase
- Architecture d'application et meilleures pratiques
- Division de code
- Configuration Webpack
- SEO et pré-rendu
Un cours de plus !! J'opte définitivement pour Vuejs.😁
Petit projet personnel en Vuejs. C'était dans l'idée de faire un portfolio, mais au final je penses ne jamais en faire.
Un cours en ligne où j'ai profité pour tester tailwindcss.
Un de mes premiers cours Vuejs qui va révéler mon infidélité envers React.
Je découvre la Jamstack et Gatsby. J'insiste avec mon projet OpenLayers pour le mettre en ligne mais c'est un échec au moment du build... et je n'y suis pas revenu.
Un petit projet personnel pour tester antdesign et prismjs. La canicule a raison de mon ordinateur et de ma motivation.Je ne suis pas bien inspirée.
Un petit cours pour satisfaire ma curiosité au sujet de svelte. J'apprendrais plus tard que la curiosité est chronophage et je vais devoir être focus sur un sujet, voire me spécialiser dans un domaine.
Gestion de formulaire avec le framework Svelte
- génération de menu déroulant
- faire communiquer les components enfants et parents
- gérer des évènements inputs click ....
- ajouter conditionnellement du style
- créer des custom event
- passer des props
- utilisation de lifecycle hook
Découverte des fondamentaux essentiels du framework Svelte
- créer des components Svelte
- faire communiquer les components enfants et parents
- gérer des évènements inputs click ....
- ajouter conditionnellement du style
- créer des custom event
- passer des props
Un cours en ligne histoire de voir le développement mobile.
Suivi d'un cours en ligne toujours dans la continuité d'apprendre React. A ce moment là je ne sais pas que je vais l'abandonner. Je suis à fond dedans.
This project was bootstrapped with Create React App.
je m'essaye à créer un portfolio en React.
Premier projet personnel me permettant de mettre en oeuvre mon apprentissage du developpement web depuis novembre 2018.
Je finis par penser que les portfolios sont inutiles au fond.
This project was bootstrapped with Create React App.
Je suis un autre cours react et je découvre Firebase pour la première fois.
Fonctionnalités du projet
-
Gestion de formulaire
-
Ajout & supression d'une recette
This project was bootstrapped with Create React App.
Suivi d'une formation e-learning.
Les outils
Ce projet a été démarré avec Create React App.
Enfin une formation avec un mini-projet qui propose des fonctionnalités qui se rapprochent du monde réel.
Fonctionnalités du projet
-
Gestion de formulaire
-
Générer des fichiers au format PDF
Ce projet a été démarré avec Create React App.
Je démarre un projet qui me tiens à coeur car j'ai un vif intérêt pour le webmapping. Et c'est ce qui m'a pousser à devenir développeuse web.
C'est grâce à ce projet que je retrouve l'envie d'atteindre mes objectifs. Et le fait d'avoir des github stars avec remerciements m'ont redonné confiance. Finalement mon code peut aider d'autres développeurs ? .......... énorme sensation.
Je me lance et décide d'apprendre React en suivant une formation en ligne.
Mais la suite me fera comprendre que ce n'est pas avec 1 seule semaine de cours javascript que l'on comprend vraiment ce framework.
Fonctionnalités du projet
-
Liste de films récupérée avec l' API externe The Movie DB
-
Afficher les détails d'un film
-
Barre de recherche utilisant l' API externe pour récupérer les films
-
Gérer une liste de favoris : ajouter un film, le suprimer, etc...
- Bootstrap
- Utilisation de Sass et des modules CSS
- Formik(utilisé par airbnb, lyft, docker etc) & Yup pour la gestion de la barre de recherche.
- Axios pour réaliser des requêtes HTTP vers le serveur ou les API tierces.
- API externe The Movie DB pour récupérer la liste de films.
- React-Router-Dom permettant de simuler la navigation entre plusieurs pages, tout en restant sur une SPA
- Firebase afin de pouvoir utiliser une base de données sans avoir à passer par un serveur.
- Déploiement avec Netlify
Ce projet a été démarré avec Create React App.
C'est le départ de mon aventure 😁
Je décide de tout mettre en oeuvre pour réellement devenir développeuse web.
Pour m'assurer d'atteindre mes objectifs je met en place mon traqueur d'apprentissage pour me rapeller d'où je viens et ne pas céder aux éventuels découragements en m'imposant une routine de coder quoiqu'il arrive.
