Angular n'est plus une usine à gaz : 6 nouveautés qui vont révolutionner le quotidien des dévs

Подписаться 47 тыс.

Просмотров 11 тыс.

50% 1

Obtenir un CDI, un stage ou une alternance pour devenir développeur professionnel :
www.angularsenior.fr/apply
***
Ne nous mentons pas : Angular à la réputation d'être une usine à gaz, à juste titre.
Cependant, la sortie de nouvelles améliorations est en train de rendre Angular plus simple à apprendre et à coder avec.
Concrètement ?
On va taper moins de lignes de code.
C'est donc moins de boulot pour nous...
Découvrez dans cette vidéo ces 6 nouvelles fonctionnalités d'Angular.
Bon visionnage,
Simon.
***
00:00 : Introduction
02:07 : L' API des Standalone Components
04:49 : Des formulaires réactifs typés (ou Typed Forms)
06:02 : La gestion des titres simplifiés
07:20 : Les Extended Diagnostics
09:29 : Les Guards fonctionnels
10:33 : Les Signals

Опубликовано:

5 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 60

@saminserge2674 Год назад

Merci beaucoups @Simon Dieny comme d'habitude , pour nous les abonnes , on prends toujours du plaisir en regardant tes tutos. Une tres bonne continuation 😊

@arwanammar4675 7 месяцев назад

Merci Encore pour ta formation sur Angular de 9H !!

@thibertnkubonage9216 Год назад

merci beaucoup Simon 💯

@MalickOusman 11 месяцев назад

merci

@codeursenior 10 месяцев назад

👍

@SiliceIO Год назад

Merci pour ce partage fort instructif

@codeursenior Год назад

Merci pour ton retour. Bon code !

@fabricesioul3397 Год назад

Quelle clarté ! J'y connais rien à Angular mais j'ai l'impression d'avoir tout compris ! 😅

@blkemerone4099 11 месяцев назад

@SgtWanabee Год назад

Je suis architecte cloud avec 20 ans d'expérience. Et - à titre perso - j'utilise encore Angular avec une approche professionnelle. Tu vois ça existe encore. Et merci pour tes vidéos de grande qualité

@codeursenior 10 месяцев назад

Merci pour votre partage éclairé !

@moudjahidinesalissou9011 Год назад

Merci beaucoup Maître

@vanessahaefeli5108 10 месяцев назад

Si tu t'ennuies😉, n'hésite pas à mettre à jour le code du site Pokemon de la formation que tu as fais. en tous cas elle est vraiment géniale. merci beaucoup pour toutes les infos.

@codeursenior 10 месяцев назад

Merci ! Le nouveau lien a été mis en place. 👍

@remix2die4 Год назад

Que de bonnes nouvelles. J'ai fait le bon choix avec Angular.

@galluladavid8631 Год назад

Merci simon . Très clair , comme d habitude . Mais j’ai une question . Est ce que le udpate entre angular 14 et 15 fonctionne sans -forcepour la production?

@julienjoseph-agathe7447 Год назад

Si tu montes de version tous les package nécessaires oui bien sûr.

@LiorCHAMLA Год назад

ANGULAR 4TW SIMON !

@guillaumeparicio139 9 месяцев назад

Bonjour Simon, il me semblait que tu proposais une formation complète angular il y a quelques mois avec des fascicules, un suivi , de la veille pour qq centaine d'euros mais je n'arrive plus à mettre la main dessus. Est elle encore disponible ?

@user-ep2vn2wb5m Год назад

Merci! J'aimerais savoir si les standalone components résolvent le problème de page blanche au démarrage ou le temps de chargement en général. Jusqu'ici j'ai essayé plusieurs techniques (Lazy-loading, PreLoadingStrategy, CodeMort, Unsubscribe...) y compris les tiennes mais il y a toujours cette maudite page blanche qui s'affiche un moment avant le démarrage de l'application. La seule alternative que j'ai trouvé est d'utiliser Scully...

@Simon_IHG Год назад

Non la page blanche vient de l'hydratation. Si tu veux éviter cette page blanche tu as deux solutions. Essayer de réduire drastiquement le code JavaScript qui est chargé au lancement de ta page ou de passer par du SSR (server side rendering) qui a été amélioré avec Angular 16

@user-ep2vn2wb5m Год назад

@@Simon_IHG Merci je vois, j'avais déjà essayé la réduction du Js sans grand changement, pour le SSR j'ai jamais essayé mais pour ce que je sais et vu la taille des projets à optimiser, ça prendra beaucoup trop de temps à implémenter.

@nathymangaYT Год назад

Il aura quand même fallut arriver à la version 16 d'Angular pour voir apparaitre ce que React fait avec useState()/useMemo()/useEffect(), VueJS avec data/computed/watch et SolidJS avec createSignal()/createMemo()/createEffect()...

@k4nful Год назад

ils étaient focus sur d'autres aspects. n'oublions pas qu' Angular est un FRAMEWORK complet. Contrairement à React et Vue qui sont des "simples" librairies (qui se complètent petit à petit). Les changements dans un Framework sont bien plus couteux que dans une lib.

@nathymangaYT Год назад

Je suis pas un rageux d'Angular (je l'utilise encore), mais c'est quand même une mauvaise excuse de dire qu'ils ont d'autres chose à faire ^^". Comme tu dis, "simples" librairies ouais ...

@davadou Год назад

Attention que pour moi c'est tout sauf des avantages les fonctionnalités React que tu donnes, c'est plutôt une réponse a un problème qui n'existait pas dans Angular. Ici ça a ajouté pour une raison bien précise.

@aldrichcodelabs Год назад

Hello tu pourra fais une vidéo pratique sur les mises en places des Guards ?

@codeursenior 10 месяцев назад

Hello, je ne pense pas que je ferai une vidéo dédié, mais plutôt un chapitre dans un tutoriel dédié à l'avenir.

@aldrichcodelabs 10 месяцев назад

Merci@@codeursenior 💗

@someonelol3404 11 месяцев назад

Coucou, tu penses quoi du framework Svelte ?

@codeursenior 11 месяцев назад

Hello, je le met dans la catégorie des frameworks JS "sexy", avec Qwik.js et Solid.js. Je me base sur le marché : Pour le moment les offres d'emploi sont toujours sur React / Angular / Vue majoritairement.

@someonelol3404 11 месяцев назад

@@codeursenior À quand un tutoriel Vue.js?

@codeursenior 11 месяцев назад

@@someonelol3404 Un jour, un jour ! Le prochain gros tutoriel sur du Frontend sera logiquement sur Vue 3. 👍

@popylolify Год назад

Hello, Le lien renvoyant vers ta formation envoie vers une page dépourvu de produits... Et je t'invite à modifier la description de ton Profil, la version par défaut est encore visible 😅

@codeursenior 10 месяцев назад

Hello, merci pour ton retour, tu as les liens en question qui font tache ? Merci !

@sebuzz17 11 месяцев назад

Pas d'accord sur le point des modules et à titre perso, je n'utilise pas de shared module (pas très modulaire de mettre tous ses composants, pipes, directives, etc dans un seul module). L'avantage des modules permet de faire du lazy-loading ce qui n'était pas possible simplement avec des composants, c'est bien pour ça que le loadComponent est arrivé en même temps que le standalone. Au passage, je n'avais pas de problème avec les modules. Sinon, grosse différence entre Signals et Observables, les signaux sont synchrones, ils ne dépendent pas d'événements comme RxJs, mais d'un graph de dépendances des states, pour moi ce n'est pas vraiment comparable.

@codeursenior 10 месяцев назад

Hello, merci pour ces précisions pertinentes !

@j4nch 8 месяцев назад

Concernant les standalone components, je trouve qu'ils auraient pu faire mieux. C'est un pas dans la bonne direction, mais franchement devoir re-lister tout ce que tu importes dans chacun de tes composants, c'est limite encore + pénible qu'avant(ou tu le faisais qu'une fois par module). Je préférais qu'il l'importe automatiquement s'il y a un import dans le début du fichier. La au final j'ai un module avec tous les composants de la librairie graphique qui sont utilisés partout(button, cards, ...) et avec les standalone component, tu dois le ré-importer à chaque composant.

@latifaattar5407 7 месяцев назад

Bonjour, je suis en formation développeur Web et j'entame les cours sur Angular sauf que entre mes cours et l'actualité de Angular, les choses ont évolué. Et je n'arrive pas pas à m'y retrouver. Lorsque j'installe Angular cli , il me met la version 17.0.0 et , je me retrouve avec un fichier app.config.ts et app.routes.ts. au lieu de app.module.ts et app.routing.modules.ts, j'ai fait du mieux que j'ai pu pour m'adapter mais j'ai une erreur NullInjectorError sur HttpClient. Il me met no provider for HttpClient. Si tu peux juste me guider sur comment faire pour aborder cette nouvelle version

@laurentinengamifiyatete5697 Год назад

Il y a un ami qui avais bloqué sur angular il a du recommence avec réact alors cela que je me suis dit je prend react

@superwaper2791 Год назад

Du coup on se retrouve avec des composant avec 40 lignes d'import xD, en vrai pour moi il ne faut quand même pas trop vite mettre à la poubelle ces modules. Mais plutôt resté intelligent et par exemple faire un materialModule et importé dans notre standalone component, juste ce materialModule qui lui contient tous les module material dont on à besoin.

@codeursenior Год назад

Hello, tout à fait. On peut regrouper les modules plus bas niveau ensemble et les utiliser dans notre code métier en 1 seul importation. L'API est toujours rétro-compatible donc profitons des avantages des deux côtés ! Merci pour le retour. 👍

@fidelemelodie2913 10 месяцев назад

Bjr Simon, je viens de m'abonner à votre page car je veux créer une application. J'aimerais vraiment que vous me suivez. Merci de me répondre

@codeursenior 10 месяцев назад

On a un deal ?

@PeterMoueza Год назад

Note100 : 99.3

@codeursenior 10 месяцев назад

Wow, pas mal. Merci !

@otmanm4095 Год назад

Angular FTW

@davadou Год назад

Remettons l'église au milieu du village, ngModule a été créé parceque les js modules n'étaient pas stable. Maintenant nous pouvons nous passer de ceux-ci.

@skaffen Год назад

Intéressant mais ça force un peu sur ta mise en avant (tu te compares carréement aux développeurs "lambda", sympa le jugement)

@codeursenior Год назад

Je veux parler de compétences ici : Average skills = Average income.

@TheoLeChnow Год назад

cool mais pitié améliore ta prononciation anglaise 🙏

@codeursenior 10 месяцев назад

Are you sure ?

@TheoLeChnow 9 месяцев назад

@@codeursenior definitely :D

@codeursenior 9 месяцев назад

@@TheoLeChnow 😅

@LinuxForLife Год назад

Que du bla-bla, aucune démonstration par du code: n'apporte quasi rien. Circulez il n'y a rien à voir!

@nuketoto3868 Год назад

il y a la théorie et la pratique , ici c'était la théorie

@k4nful Год назад

Si tu as un minimum d'expérience sur Angular tout ce qu'il présente c'est basique (à part les signals ) pas besoin de code, c'est des problèmes quotidiens pour un dev sur Angular, les NgModules, les Guards, les titres des pages etc.

@skaffen Год назад

Cette vidéo parle des nouveautés d'Angular, c'est pas un tutorial. Il faut lire le titre.