Bonjour les Web-atriens !

Bienvenue dans la première édition des AngulNews. L’idée de ce format est de vous ouvrir chaque début de semaine un condensé de tous les articles / tutoriels / vidéos que j’ai trouvés intéressants au cours de mes recherches la semaine précédente, concernant Angular, ses dérivés et le javascript.

Je vais débuter ce nouveau format avec pour commencer quelques outils que j’utilise au quotidien pour travailler avec Angular et ensuite on passera au récap de l’actualité !

Ce format est en test si cela vous plait merci de me faire un retour et on continuera comme ça !

Outils de développement / facilitations

_________

• Gérer une migration Angular avec update.angular.io : https://update.angular.io/
• Mettre en place un projet respectant l’ensemble des bonnes pratiques avec Angular Checklist  :  https://angular-checklist.io/projects
• Gérer de la génération de documentation technique en html / css / pdf pour Angular (mais pas que) avec Compodoc : https://compodoc.app/  ( Actuellement va être mis en place sur un projet de l’agence Parisienne )
• Convertir des maquettes SketchApp en composant Angular & Angular Material avec xLayer ( actuellement en Bêta, en cours de réalisation par une équipe Google ) : https://xlayers.app/#/home (Pas encore fonctionnel pas a surveiller )

________________________________________

Différentes sources de références pour une veille technologique au quotidien

_________

• Alligator.io https://alligator.io/angular/
• Medium.io https://medium.com/search?q=Angular
• Coursetro.com https://coursetro.com/ ( payant pour bénéficier de tout le contenu )
• Youtube Coding Tech ( Généraliste ) https://www.youtube.com/channel/UCtxCXg-UvSnTKPOzLH4wJaQ
• Youtube CodeConcept ( Généraliste ) https://www.youtube.com/channel/UCY_guo_AYBs0cIkeMVc16iw
• Et bien d’autres que je vous ferais découvrir dans de prochaines news …

________________________________________

L’actualité Angular et Javascript

_________

Angular :

Le récap de l’actu Releases / Features

___

La Bêta 11 de Angular 8 vient de sortir ce qui signifie que les « release candidate » ne devraient pas tarder à arriver avec une RC1 et possiblement une RC2 pour des projets Angular 8 vers fin Avril / début Mai.

Que va apporter Angular 8 ?

Angular 8 devrait intégrer un tout nouveau moteur interne du nom d’Ivy. Rassurez-vous : cela sera rétro-compatible, mais cela devrait en revanche booster les performances d’Angular, et peut-être aussi simplifier certains concepts comme les NgModules.

Bien sûr une nouvelle montée en version du support Typescript, des nouveaux types de Navigation pour le Router, une génération des fichiers sass/less vers du .css.

Ajout de la fonction markAllAsTouched() pour les Controls Abstrait. Je simplifie grandement les annonces « techniques » mais si vous avez des questions n’hésitez pas à venir en parler !

Javascript :

ES2019 est tombé en début d’année, quelles sont les nouveautés ?

___

• Array.prototype.flat() pour aplatir un tableau de façon récursive automatiquement et faire un forEach dans le résultat final.
• Array.prototype.flatMap() même chose mais avec l’opérateur .map
• Object.fromEntries() pour transformer une liste des key-value vers un object à la volée.
• String.prototype.{trimStart, trimEnd} trimStart() pour supprimer les espaces blancs au début en string et trimEnd() et pour supprimer les espaces blancs en fin vers un string;
• Optional Catch Binding Vous n’êtes plus obligés de récupérer une variable d’erreur dans le catch.
• Function.prototype.toString Renvoie maintenant la fonction en conservant les espaces / sauts de lignes.

Des nouvelles normes sur la lecture et le formatage des fichiers JSON & l’ajout de nouveaux supports pour les MetaData (c’est le paradis) : une formation à Paris arrivera prochainement sur les MetaDatas Javascript !

________________________________________

Les tutoriels de la semaine  :

Parce que la formation, c’est le nerf de la guerre !

___

Cette semaine si vous êtes en formation ou que vous avez du temps pour vous perfectionner, je vous invite à travailler sur les tutoriels suivants qui selon moi sont très formateurs en fonction de ce que vous voulez apprendre.

• Revoir sa façon de commiter / Convention de nommages : https://www.conventionalcommits.org
• Guide sur la sécurité avec Angular et l’authenfication par Jon Web Tokens : https://www.conventionalcommits.org
• Créer un IDE en ligne via Angular en 6 chapitre, partie 1 : https://medium.com/@ofir3322/create-an-online-ide-with-angular-6-nodejs-part-1-163a939a7929
• Gérer une api avec Angular via la pattern : Model-Adapter : https://dev.to/florimondmanca/consuming-apis-in-angular–the-model-adapter-pattern-3fk5
• 13 minutes de vidéo autour des vulnérabilités en Javascript (en anglais) : https://www.youtube.com/watch?v=ze_F1_0QGsw
• Et pour ceux qui veulent s’amuser avec un peu de CSS et de JS un petit effet sympa de glitch : https://codepen.io/anon/pen/jemLgm

Si vous tombez sur de super outils, news, tutoriel à faire partager afin de ne pas perdre cela. N’hésitez pas à me le partager pour la prochaine news !

Bonne semaine à tous et n’oubliez pas, soyez bienveillants envers vous-même et les autres !