Skip to content

Latest commit

 

History

History
163 lines (100 loc) · 7.92 KB

log2020.md

File metadata and controls

163 lines (100 loc) · 7.92 KB

Bilan 2020

C'est plus tard que l'effort fourni paira.

ImagePour Github

Lassée de lire les comparaisons des frameworks JavaScript pour en choisir un, j'avais eu la folle idée de tester les principaux à savoir React, Vue et Angular. Et maintenant je sais exactement de quoi il en ressort.

Mon point de vue au vue de mon expérience :

  • React est facile à prendre en main à condition d'avoir un bon niveau en javascript. Ce que j'aime le moins, il faut à chaque fois utiliser des librairies indépendantes. Et il y en a un paquet.

  • Vue le chouchou des débutants. Très simple à comprendre. Il est possible d'ajouter des librairies développées par la même équipe assurant la compatibilité et leur maintenance, au fur et à mesure des besoins.

  • Angular est un framework dit "opinionated". Donc moins de liberté, il faut toujours suivre ce qui est recommandé. J'ai aimée qu'il n'y ait besoin d'aucune librairie pour les fonctionnalités commune comme requêtes HTTP, routing, formulaires, applications progressives pour mobile -PWA-, Web workers, rendu serveur -SSR- etc .... Mais c'est clairement le framework le plus long et complexe à apprendre. Il y a beacoups de choses à apprendre. Notament la programmation réactive avec RxJs ou encore TypeScript ..... etc

Conclusion:

React est volontairement minimaliste, simple à utiliser et laisse une complète liberté aux développeurs. Angular est plus complet et complexe, et il est beaucoup plus orienté. Vue se situe entre les deux approches et il a l’avantage d’avoir une approche progressive en fonction des besoins.

Pourquoi finalement je choisi d'approfondir Angular ?

  • si j'arrive sur une application Angular que je n’avais jamais vu auparavant, je suis assurée qu'elle sera globalement architecturée de la même façon que toutes les applications Angular.
  • comme tout l’écosystème JavaScript se met progressivement à Typescript, ce n'est pas une perte de temps de l'apprendre.
  • Pour ce qui est de la programmation réactive, toutes les entreprises technologiques utilisent ce nouveau paradigme (GAFAM et Netflix par exemple). Le hic cela me demande plus de temps pour la maîtriser car ce n'est pas facile à comprendre.
  • En France, Angular est actuellement le framework le plus recherché, suivi de près par React.
  • Et parce que je suis folle

Objectifs 2021

  • On l'aura compris, je vais continuer avec Angular bien que je fisse une pause car j'ai saturé des frameworks 😅. Et je laisse ce que j'appelle la "percolation" faire son petit effet.

  • Donc je vais travailler sur du Vanilla JavaScript. J'ai entamé You Don't Know JS Yet (book series) - 2nd Edition ainsi qu'une formation en ligne sur les algorithmes et les structures de données.

  • Trouver une formation sur RxJS.

  • Et en parallèle me préparer à la recherche d'emploi et postuler.

  • Et aussi, mais ça risque de faire beaucoup, je voudrais faire mes premiers pas dans la contribution open source.

La difficulté en autoformation c'est de se mettre au défi ne manière encourageante plutôt que décourageante.

Décembre 2020

Une petite extension chrome qui traduit un mot sélectionné. Juste par curiosité.

chromeExension

Octobre - Novembre - Décembre 2020

Toujours dans l'optique d'avoir de réelles compétences en JavaScript, je suis la formation de Chris Ferdinandi avec ses petits projets ciblés pour aider à apprendre à résoudre des problèmes et à penser en JS.

vanilla

Juin - Juillet - Août - Septembre 2020

Je reprends le travail pour la saison et je démarre une application Angular 9 affichant des collections de photos avec l'API Unsplash et utilisant NgRx.

Je fais une pause car je tiens à suivre une formation en Vanilla JavaScript en octobre.

ngrxangular

Mai 2020

Une application de démonstration simple comme Trello qui utilise @angular/flex-layout, @angular/material et l' API native HTML 5 pour le Drag and Drop.

L' objectif est d'apprendre à mettre en place facilement une fonctionnalité de Drag and Drop dans une application Angular en utilisant les bonnes pratiques de développement.

trello

Authentification avec des tokens JWT

une simple application MEAN permettant à des utilisateurs de s'enregistrer puis de s'authentifier.

jwt

  • Création de l'utilisateur dans la base de données MongoDB
  • Création du token JWT
  • Persistance du token
  • Rafraîchissement du token

Mars / Avril 2020

Découverte d'Angular

cocktails

Février 2020

Introduction à l'authentification par mot de passe en utilisant les sessions

Une formation pour voir les sessions.

nodeAuth

Introduction à Nodejs

Formation Nodejs histoire de voir le javascript côté backend

nodetweet

GitHub stars Introduction aux JWT

Une formation où je découvre que mettre en place un systhème d'authentification est compliqué et demande beaucoup de compétences. J'ai encore beaucoup de travail devant moi 😄.

jwt

  • Création de l'utilisateur dans la base de données MongoDB
  • Gestion des erreurs
  • Création du token JWT
  • Persistance du token
  • Rafraîchissement du token

Janvier 2020

un blog en vanilla javascript

L'objectif est d'approfondir mes connaissances en Javascript.

blog

  • Créer plusieurs bundles avec webpack pour avoir un bundles par page.
  • Utiliser Sass avec webpack
  • Utliliser des images et des assets avec webpack
  • Réaliser toutes les requêtes CRUD (CREATE / READ / UPDATE / DELETE)
  • Récupération d'articles, création d'articles, mise a jour et supression
  • Menu de navigation responsive
  • Redirection après la création, affichage de la date et annulation de la création
  • Edition d'article
  • Menu catégories et filtrer les articles par catégories
  • Tri des articles par date
  • Créer une popup pour la suppression d'un article