@let Nous pouvons maintenant créer une variable (enfin) du côté template, et ainsi améliorer la visibilité du template. Avec une async pipe, nous pouvons récupérer la donnée d’une observable ou bien d’une promesse. Point à noter : nous devons obligatoirement mettre le point virgule en fin de ligne Nous pouvons concaténer, construire des données côté
L’arrivée de defer, en angular 17, validé en angular 18 est une très belle étape dans l’architecture lazy loadable de nos composants !Defer permet de lazy loader un composant, qui est enfant d’un autre, donc depuis une simple déclaration sur notre template, un composant devient un composant LL : lazy loadable. @defer https://angular.dev/guide/defer#defer https://blog.angular-university.io/angular-defer https://angularexperts.io/blog/angular-defer-lazy-loading-total-guide
Découvrons ensemble la mise en place des Signals, dans un composant, vers l’utilisation avec ngRx.
Ca y est TypeScript 5 est sorti. Et avec cette version l’arrivée du support des “vrais” decorators ! (pour anticiper la possible validation par la TC39 en 2024). Voyons ça de suite avec la création de deux decorateurs : un premier pour se chauffer : un logger de méthode, puis nous passerons à la construction d’un décorateur de validation. Logger
Angular 16 vient de sortir ! Les inputs vont pouvoir être requiredL’arrivée des signalsLa directive takeUntilDestroyedLe ng new en standalone, enfin ! nrgrx 16 est sortie, avec prise en compte des signaux. dotnet 8 en preview 3 EF core mise à jour asp.net core mise à jour ES2023 se prépare L’arrivée native decorator de prépare
Nous allons voir comment installer et configurer une application angular avec ngrx et bootstrap. Configuration Création du workspace angular ng new workspace –create-application=false Ajout de l’application Dans le workspace, ajouter une application : ng g app back-office. Installation de ngrx ng add @ngrx/store Installation de ngrx Ajout de bootstrap ng add ngx-bootstrap Création des différentes
Entre angular 16 qui se prépare, dotnet 8 aussi, l’année 2023 s’annonce belle en mise à jour ! angular 16 de next2 à next6 Nous avions déjà parlé des Signal, Ajoutons maintenant l’arrivée des Inputs indexés sur les paramètres de route. Nous pouvons noter aussi un travail sur le support de esbuild. Notons aussi le
Ca y est la préparation de la version 16 d’angular est lancée ! Et une grande nouveauté ce sont les Signaux ! Où comment se passer de rxjs ? Et peut-être même du detect changes, onchanges hook ? D’où ça vient ? Voyons d’abord d’où ça vient. C’est très inspiré de SolidJs. Où leur utilité
Ce mois-ci, y a du lourd ! Plein de pistes ! Et avant première, pour mars, le preview2 de dotnet8 arrive (on en reparle dans un mois). C’est parti pour les nouveautés ! Les librairies / framework Avec l’arrivée des signals, ça secoue bien angular ! Maui, qui ajoute son lot de nouveautés / mises
Depuis la mise à jour angular 15, nous avons une toute nouvelle façon de gérer les modules, et les non modules ahah. Dans notre main.ts, maintenant, plus de AppModule : bonjour les provide functions. Alors nous nous sommes dits : comme respecter ce principe et créer notre propre provide function ?! Découvrons comment faire ensemble
Utilise dotenv dans angular 15
Et ca y est, un mois entier de 2023 vient de passer ! Et les librairies ont été mises à jour, à un rythme effréné ! Découvrons ensemble ce qu’il s’est passé ce dernier mois de janvier 2023 : Les librairies Flutter en 3.7 Possibilité de créer des menus en cascade, finalisation du nouveau moteur
Factory method, ou Fabrique en français, est un patron de conception de création qui définit une interface pour créer des objets dans une classe mère, mais délègue le choix des types d’objets à créer aux sous-classes. Si on a plusieurs sous type selon certains conditions, on va isoler la création de l’objet spécialisé dans une
Le Design Pattern Builder est un patron de conception de création qui permet de construire des objets complexes étape par étape. Il permet de produire différentes variations ou représentations d’un objet en utilisant le même code de construction. L’idée ici est de prendre toutes les étapes de construction de l’objet et de 👍 Deux bonnes
Tu souhaites t’améliorer en Design patterns avec C# ?
Commençons cette aventure des Design Patterns avec l’un des patterns les plus connus : le Singleton. Où comment ne renvoyer qu’une seule instance d’une classe, quelque soit le nombre d’appels; Autrement dit : comment pouvoir limiter le nombre de new à un seul ?. Dans notre jeu, nous souhaitons mettre en place une classe qui
A chaque version, Entity framework core (EF core), de dotnet core, s’améliore, devient de plus en plus performant. Dans ce tutorial, nous allons voir comment mettre en place, pour notre jeu autour d’Harry Potter, un lien entre une classe Wizard et une Baguette. Nous partirons d’une approche code first : c’est le code qui guide
Découvre comment gérer les droits, les rôles avec asp.net core
En cette fin d’année 2022, DevToBeCurious nourrit ta curiosité, juste avant noël ! Quelles sont les nouveautés des librairies ? Vite est sortie en v4.0.0 et maintenant en 4.0.3. C’est quoi Vite ? Un remplaçant de Babel ? A en croire les benchmarks de Vite oui ! Tiens en passant, des personnes tentent d’utiliser Vite
Nous continuons notre découverte des nouveautés d’Angular 15 et de la standalone API, avec la composition de directives. Les directives, essentielles dans votre code Vous le savez, pour bien factoriser notre code de template, et certains comportements, il va être essentiel d’utiliser les Directive. A force d’en créer, vous aurez remarqué qu’on va créer de
Nous continuons notre découverte des dernières nouveautés d’Angular 14 et Angular 15.A partir d’angular 14, plus besoin de passer par l’injection par constructeur ! Nous allons pouvoir utiliser la method inject.Et ça c’est vraiment extra ordinaire ! Tout part d’un context d’injection Normalement pour faire une injection tu vas passer par le constructeur : A
Pour uploader un fichier, nous avons plusieurs choix dans dotnet 6.0, avec mvc.core.Utiliser fetch (et penser à polyfill votre fetch si vous êtes sous IE par exemple). Vous pouvez aussi utiliser simplement la méthode POST. Un formulaire plus précis Pour bien démarrer, vous devez ajouter un formulaire avec la précision form-data pour récupérer les données
Angular 15 est sorti courant novembre 2022. Découvrons ensemble les belles avancées de cette nouvelle version. Ca continue pour les standalone API Dans la version 14, Angular nous avions la possibilité de créer des SCAM, super facilement ! ng g c mon-component –standalone=true Vous vous rappelez ?Ca donnait un composant comme ça : Imaginez !
dotnet 7 Ca y est, dotnet 7 est enfin sorti ! Ca fait un moment que nous vous en parlions. Le voilà, tout beau, tout frais, le nouveau dotnet. MAUI est intégré à cette nouvelle version !Asp.net core a encore fait du sport : toujours plus performant. Et grosse nouveauté pour asp.net La possibilité de
Lorsqu’on travaille avec Angular, et que l’on souhaite passer des informations entre routes, il existe plusieurs moyens. On peut par exemple penser au passage de paramètre GET, comme une url MPA normale. Un autre moyen est le passage de paramètre via l’attribut data de chaque route. Nous verrons aussi le passage de paramètre dynamique. Découvrons
Début octobre, pas mal de nouveautés autour des librairies sont en train d’arriver ! Prenons par exemple dotnet 7 qui se prépare, angular 15 qui va arriver ..Faisons un tour ensemble sur les dernières nouveautés ! Angular en v15 next 5 https://github.com/angular/angular/releases/tag/15.0.0-next.5 Des breaking changes sur le router avec un non chargement du component directement,
On initie un cycle sur les perfs Nous allons commencer le cycle par Angular. Et entrons dans le vif du sujet dès maintenant. Quand on parle perf, on peut séparer les perfs en deux parties : – Les perfs de compilation – Les perfs d’exécution Les perfs de compilation Ici, nous allons parler TreeShaking, budget
En cette veille de rentrée, voici les dernières actualités autour des langages que nous formons chez DevToBeCurious. Prêt-e pour dotnet 7 (non LTS) ? Des mises à jour de C#, prévues pour novembre 2022. https://devblogs.microsoft.com/dotnet/csharp-11-preview-august-update/ Arrivée par exemple de required pour obliger à initialiser les propriétés Arrivée de l’attribut SetsRequiredMember dans le même but sur une méthode
Fin juin 2022, voyons les dernières mises à jour intéressantes sur les librairies que nous suivons. JS passe en ES2022 Ca y est, js 2022 est officiellement validé, enfin sa doc officielle : https://tc39.es/ecma262/ Que retenir de cette version ? Les champs privés sont possibles avec le # Présence des statics champs et méthodes Ajout du at
Hello tout le monde J’ai un ami qui souhaite monter sa startup. Sacré challenge, surtout qu’il y a du dev à mettre en place.Et il a décidé de tout coder, avec ses connaissances en php.Je saisis cette occasion pour parler d’une réflexion que l’on doit avoir nous les devs sur ce qu’un non dev a
Salut les curieux, les curieuses Quand on travaille avec react, redux, et le redux toolkit, on peut tomber sur des cas tricky qui peuvent nous faire perdre de précieuses minutes. C’est le cas que je propose ici. Dans mon store, j’ai : J’ai une ThunkAction. Et quand je veux dispatch, j’obtiens l’erreur suivante : TS2345:
La cap’snews Tech, c’est toutes les semaines (normalement :D). Tu y trouveras toutes les dernières nouveautés des librairies que nous suivons et formons chez DevToBeCurious. Et puis, chez DevToBeCurious, un-e dev heureux est un-e dev curieux-euse ! 🙂 On y ajoute aussi nos découvertes, nos tests, nos pocs, … 🌞 Sortie de la première version
Nous démarrons toute un ensemble d’articles pour apprendre à développer avec Razor pages. 106 objectifs pour remplis une belle aventure : savoir créer un site web avec dotnet 6, dotnet 7 et asp.net core. Nous avancerons étape par étape avec toi. Pour bien avancer, nous avons regrouper l’ensemble des objectifs en quêtes. Quête, objectif, ça
Nous démarrons cette aventure pour apprendre RazorPages avec l’installation de dotnet. Dotnet est en version 6 à l’heure où nous écrivons cet article. Si tu souhaites développer avec dotnet, sur ton pc, ton mac, ou ton linux (oui oui les trois), tu vas devoir installer la dotnet CLI, avec le SDK. Et ce qu’on découvre
Des mises à jour de librairies, demandez le programme ! 🙂 – Angular en v14 next 8 https://github.com/angular/components/releases/tag/14.0.0-next.8 Ca se rapproche ! 🙂 – On parle de c# 11 ici https://visualstudiomagazine.com/articles/2022/02/23/csharp-preview.aspx?oly_enc_id=8064G8005534G5M > Vous avez vu le !! ? – dotnet asp.net en v5.0.15 https://github.com/dotnet/aspnetcore/releases/tag/v5.0.15 – Godot en 3.4.4 https://github.com/godotengine/godot/releases/tag/3.4.4-stable (en attendant la 4) 16154 commit
Quelles sont les nouveautés des librairies depuis une semaine ? C’est la capsnews ! > Maui qui passe en 6.0.200-preview.14.2 une floppée de mise à jour, impressionnant le travail réalisé sur MAUI ! https://github.com/dotnet/maui/releases/tag/6.0.200-preview.14.2 > Angular qui passe en v14.0.0-next.7 deux petites mises à jour, on sent que ça se rapproche de la livraison de
Capz new des librairies que nous suivons chez DevToBeCurious : – Typescript en 4.6 Enfin, plus de super en première ligne ! Support de es2022 – dotnet 7 en preview 1 https://github.com/dotnet/aspnetcore/releases/tag/v7.0.0-preview.1.22109.13 vous avez testé le !! de C# 11 ? – dotnet MAUI en preview 13 https://github.com/dotnet/maui/releases/tag/6.0.200-preview.13.2 > Bcp de changements ! – Vuejs
C’est l’heure de la capznews de ce début de semaine ! Toujours un zest de curiosité sur les nouvelles versions : – Angular est en v14 next 3 ! Ca se rapproche https://github.com/angular/angular/releases/tag/14.0.0-next.3 Des questions qu’on se pose : https://itnext.io/what-to-expect-from-angular-14-in-2022-is-micro-frontend-coming-7932566f773 – .net 7 en preview 1 Et oui, ça yeah on passe à la prochaine
Voici venu la capsule news hebdomadaires sur les technos que nous suivons, formons : # Les librairies – Angular passe en v14.0.0 next 2 https://github.com/angular/angular/releases/tag/14.0.0-next.2 > Breaking change sur les objets de taille 0 pour les forms ! > Pour le routing, l’UrlTree est défini en fait qu’à UrlTree – Angular 13 passe en 13.2.2
dotnet a 20 ans dans quelques jours ! Déjà 20 ans. On pourrait croire que c’est un framework qui s’est endormi, qui est poussiéreux. Et que neni ! Passer d’une framework pro windows à un framework open source et multi plateforme, c’est un sacré virage, une sacré évolution. En trois étapes, dotnet s’est rajeuni, et
Une capsule news bien fraiche, pleine de nouveautés : Les librairies – Angular passe en 14.0.0 next 1https://lnkd.in/gS4A-Qsi> ngModuleFactory est déprécié en faveur de ngModule input – Redux pour react passe en v8.0.0 beta 3https://lnkd.in/guDWNUcB> fix d’une regression sur le useSelector – Babel passe en 7.17.0https://lnkd.in/g95KMj_F> Re ecriture sur le travail des decorators js –
Nouvelle capsule news de cette semaine : Les librairies + maui en 6.2.200 preview 12 ! https://github.com/dotnet/maui/releases/tag/6.0.200-preview.12 + nx en v13.1.5 https://github.com/nrwl/nx/releases/tag/13.1.5 > correction pour cypress + angular en 13.2.0 – rc 0 https://github.com/angular/angular/releases/tag/13.2.0-rc.0 > des deprecations + material-ui en v5.3.1 https://github.com/mui-org/material-ui/releases/tag/v5.3.1 + neo en v3.1.0 https://github.com/neomjs/neo/releases/tag/3.1.0 > inclusion du type module + gdunit en
Fin du support Google Ca y est l’annonce a été fait voilà deux semaines. C’est officiel, Google arrête le support d’AngularJS. Entre temps, nous sommes rendus, à l’heure où nous écrivons cet article, à la version 13 d’Angular. Ca va, ils nous ont laissé le temps … Vraiment ? Il existe encore bon nombre d’entreprises
A partir de la rentrée, continuez à nous suivre, pour la mise en place de notre solution de suivi des formations. C’est un site réel, avec des contraintes réelles (celles de notre centre de formation). C’est une solution qui contient : – Blazor (webassembly + dotnet) – Razor pages – Angular 13 – sql server
Vous aller démarrer un projet de développement, ou bien vous en reprenez un. Et vous vous demandez comment bien suivre votre projet, l’historique, le code mis en place. Comment avoir un outil de suivi de vos sources qui favorise la pérennisation de votre projet IT ? Git, un outil adapté pour la réussite de votre projet Faire
Après avoir choisi votre flow Git, et donc défini comment vous allez échanger avec vos collègues, il est temps de passer à la seconde étape de la cohésion technique de votre projet, de votre équipe. Comment s’assurer que votre équipe va grandir, s’améliorer, et surtout produire du code de qualité ? Voyons ensemble la seconde
Et pour vous ça change tout ! Après 6 mois de travail, d’organisation, de préparationAprès 6 mois d’échange, d’accompagnement de Forma’Zen (avec Virginie BEZIEL, et Emmanuelle DABBENE) Grâce à Qualiopi, vous pouvez dès à présent faire financer nos formations : – Apprendre Angular, niveau 1– Apprendre le C# et découvrir dotnet core (5, 6)– Maitriser les fondamentaux d’asp.net core Nos formations : disponibles ici
Nous venons de faire une vidéo pour montrer comment connecter une web api dotnet 6 avec un projet angular 13. Nous y découvrons comment utiliser : le mot clef type, les interfaces l’operator rxjs map le map des tableaux
Ca y est, nous l’attendions avec impatience : dotnet 6 est enfin sortie ! (nous en parlions voila quelques temps) Découvrons ensemble les grandes nouveautés à travers cet article.C’est parti !! Les nouveautés Amélioration des performances C’est vraiment un gros travail qu’a réalisé l’équipe dotnet sur cette nouvelle version : un gros travail sur les
Ca y est, c’est officiel : Angular 13 est sorti ! La release 13 sur github a été créée ! Les nouveautés Important – IE11 plus supporté Cette version 13 ne supporte plus IE 11. C’est un point bloquant ! Si vous souhaitez garder ce support, seule solution : rester sur Angular 12 (support présvu
C’est partie pour les Nouveautés dotnet 6. Pour rappel dotnet 6 est prévue pour sortie en novembre 2021 ! Un vrai travail sur l’amélioration des performances des améliorations autour du Filedes amélioration dans Blazor et Maui Un fileStream qui a été optimisé. Ils ont détecté des goulets d’étranglement avec la gestion async qui se syncrhonisait
Dernière nouveaué ou plutot mise à jour d’angular : la v19 va préparer un changement sur la gestion des effect. La signal api n’est en fait pas totalement stable. Et nous allons passer d’un système de micro tasks à un système qui vit dans le composant. Citons le blog d’angular : « Specifically, we’re moving effects
Angular 18 vient de sortir ! Nouveautés et améliorationsNous sommes le 23 mai 2024 et un tournant dans angular est arrivé !Oui, vous m’avez bien lu, un tournant !zoneless avait annoncé comme but, et ça yest, c’est officiel !Découvrons ensemble les nouveautés d’angular 18 !Zoneless dans angular 18Zoneless, c’est un comportement prévu depuis de nombreuses années,
dotnet 8 et Csharp 12 vont bientôt sortirent, à l’heure où nous écrivons cet article. Nous avons voulu tester les interceptors. Or, l’attribut InterceptsLocation n’est pas disponible. Que faire ? Prendre une version local du compileur La première option aurait été de prendre la version actuel de dotnet Roslyn et recompiler en local. Pas trop
Voici les nouveautés des deux derniers mois. Type script – 5.2 L’arrivée du using, comme le using du dotnet. Javascript validée en ES2023 Avec l’arrivée des decorateurs JS ! Redux en 5.0 beta Arrivée de UnknownAction Le code source convertit en TypeScript ! Entre autres Godot en 4.0.3Avalonia en 11.0.0 Et aussi Retours sur le BUILD
Déployer une api node.js sur Heroku, avec Gitlab CI/DI
Enfin, enfin, c’est réussi ! Sur notre projet de metaverse 2D que nous développons chez DevToBeCurious (vous en saurez plus d’ici quelques mois), nous avons mis en place le déploiement automatique depuis gitlab de notre front et de notre back. Spécifications techniques Nous avons un front qui contient : – du react– du phaserjs– du