Angular 18 - Cours complet pour débutants

[@Washerprod34]

Le tuto dont j'avais besoin ! Je suis développeur web junior React et je cherche à apprendre Angular pour espérer trouver un boulot là dedans, en plus de ça, ça me force à me mettre à Typescript donc c'est parfait, le coup de pouce dont j'avais besoin ahah

[@PapeBoubacarDiallo]

je me réjouis d'avoir tombé sur ce tutoriel si enréchissant et résumant l'essentiel .

[@julienalexandre9033]

Un super tuto vraiment très très bien expliqué ! Merci beaucoup et vivement les prochains cours notamment sur RxJS 😁

[@lautoroutedivinetv]

Jusqu'ici 24:11 je me regale, merci monsieur , video tres explicative. Allez je continue le voyage

[@AminaChakir-o2c]

Bravo pour cette vidéo, aussi bien sur les notions techniques abordées que sur la qualité de la vidéo (image, son, montage). Il doit y avoir un travail énorme de réalisé, surtout pour quasi 5h de vidéo !

[@SimpleTechProd]

Merci beaucoup. Ouai ça m'a pris un temps fou, mais quand je vois les retours, ça a largement valu la peine. Encore merci pour ton retour.

[@Mohamed-uf5jh]

Excellent ! L'une des meilleurs tutoriels sur Angular en francais avec une mise a jour 2024

[@SimpleTechProd]

Oh merci beaucoup!!!

[@mondedufootball9044]

Merci pour la vidéo, grâce toi j'arrive enfin à implémenter les concepts que j'ai appris dans la docs

[@SteveBodouinALIMAAMBASSA]

bonjour la chaîne je suis ravi que vous ayez fait cette mise à niveau car j’étais déjà un peux coincer avec les app.module vraiment merci on attends encore un nouveau voyage avec vous merci😍😍😍

[@romain2417]

ouh, à peine 25 secondes de vidéo, et tu parles déjà de Magic, j'aime 😁

[@stevemafoa9142]

C’est vraiment ce qu’il me fallait ! Hâte de voir la suite un peu plus avancé.👌🏾

[@SimpleTechProd]

Merci :)

[@jonathanlacourt6456]

Merci beaucoup pour vos tutos et vos explications perfect :)

[@djeinfo5896]

L'une des meilleurs tutoriels sur Angular. Méthode et pédagogie

[@SimpleTechProd]

Merci beaucoup

[@mamadoudiouldebarry5374]

je ne connaissais rien en angular mais maintenant je sui situé c'est excellent ce tuto merci énormément

[@BertrandZuchuat]

Merci pour la référence ☺ Un très bon tuto. Bravo 👏🏻

[@SimpleTechProd]

Merci à vous pour l'email :) J'ai beaucoup apprécié la gentillesse

[@nakrishofficiel1170]

Merci à vous pour cette vidéo, elle est vraiment excellente, très complète et bien détaillée, j'espère que vous en ferez une sur react et flutter

[@SimpleTechProd]

Merci beaucoup. Ca fait un moment que je voulais m'attaquer à flutter ou react justement, mais malheureusement le temps me manque.

[@OmarBenromdhane-n4h]

du tunisien merci beaucoup pour cette formation , je comprend bien la logique d'angular

[@SimpleTechProd]

Merci :)

[@massekacodeur]

Bravo Merci beaucoup, c'est vraiment excellent ce tuto pour les débutants

[@0100-g5k]

Merci j'avais besoin de m'y remettre depuis la version 14 je te trouve très pédagogue

[@SimpleTechProd]

Merci beaucoup. J'ai mis beaucoup d'énergie dans ce cours, du coup lire ça me fait très plaisir.

[@SebastienBurckhardt]

Super vidéo ! je connaissais déjà, mais avec les nouveautés, je voulais reprendre à 0 et tu m'as permis de réapprendre. J'ai hâte de voir ta vidéo sur les tests, qui sont primordial pour faire une application robuste. J'espère aussi que tu feras des vidéos plus avancées sur Angular. Je trouve toujours bien d'apprendre les rouages d'un framework et son utilisation avancée.

[@SimpleTechProd]

Merci beaucoup, venant de quelqu'un qui connaissait déjà Angular, ça me fait d'autant plus plaisir :) Il y aura bientôt des nouvelle vidéo Angular, la je fais une petite pause de ces vidéos, car ça m'a pris des mois à écrire/filmer/monter, du coup là j'ai besoin de montrer d'autres choses. Mais j'y reviendrai dans quelques semaines.

[@KIM-wu1ip]

Excellent tuto sur Angular, en plus très pédagogique.

[@SimpleTechProd]

Merci beaucoup :)

[@adamasane5704]

merci beaucoup pour ces bonnes explications je suis débutante en développement et cette vidéo ma beaucoup servis

[@SimpleTechProd]

Content de lire ça :) J'espère que le reste de mon contenu vous sera tout aussi utile :)

[@PierreBultezDev]

Extraordinaire, merci beaucoup.

[@msghalass]

Merci, c'est très bien expliqué

[@TheKouskefil]

Bonjour, c'est une belle formation. elle est très instructive, merci pour cette vidéo. J'aimerais savoir avec l'architecture standalone des composants, comment peut-on gérer une liste d'imports volumineuse. Par exemple, si je dois utiliser angular material qui a besoin qu'on import un nombre important de modules. Merci

[@souissioussama9485]

Une très bonne explication, merci beaucoup pour l'effort !

[@SimpleTechProd]

Avec plaisir :) et merci

[@Wilfried-JsTech]

Merci beaucoup à vous cette série de vidéo m'a beaucoup aidé et surtout la partie des signaux

[@SimpleTechProd]

Avec grand plaisir. Je suis content de voir que les vidéos vous ont aidés!

[@jo.adolphenkunga1319]

C'est la meilleur vidéo, t'es meilleur

[@SimpleTechProd]

Merci beaucoup :)

[@Kill_monger27]

Un grand merci pour cette vidéo!

[@SimpleTechProd]

Avec grand plaisir :)

[@Soldat01976]

tu me sauves la vie merci à toi

[@cerbere4187]

Qualité de vidéo irréprochable bravo

[@SimpleTechProd]

Merci

[@danielokpe3969]

Bonjour, merci pour ce cours il m'a beaucoup aidé !! Cependant il y a une chose que j'aimerais maitriser avec le framework angular mais j'ai un peu de mal... Il s'agit du protocole websocket avec les libraires stompjs et sockjs. J'espère que tu pourras en faire des vidéos. Merci encore :)

[@SimpleTechProd]

Merci pour ces suggestions. Je me les note et si je trouve un peu de temps dans le planning des prochains mois, j'en parlerai en vidéo!

[@BambaMbow-o2g]

Merci.

[@angelokezimana]

Excellent tutoriel

[@SimpleTechProd]

Merci 🙏

[@basilesamdogo]

j'avais appris angular mais avec les mise à jour majeur effectuer par l'equipe de angular elle est devenu inutilisable pour moi mais avec ta video je voie clair .merci

[@SimpleTechProd]

Oh super! Ca me fait très plaisir de lire ça! Merci

[@Miracle-Josnel]

Merci bcp. Net ce qu'il me faut

[@SimpleTechProd]

Avec plaisir. Bon visionnage et n'hésite pas à me dire ce que t'en a pensé :)

[@jeanchristophegomis4650]

Je ne suis qu'à la moitié de la vidéo mais je me suis dit waouh........!

[@SimpleTechProd]

Oh merci beaucoup :) J'espère que le reste de la vidéo vous a tout autant plu

[@devcrown]

Salut super vidéo tu devrais postuler en tant que mentor chez openclassroom tu fait le même format de vidéo ils vont te prendre direct et en plus t pédagogue

[@SimpleTechProd]

C'est gentil ! Merci pour ton commentaire

[@nicodemevodounnou1815]

Merci beaucoup pour le cours. Est-ce qu'on peut avoir les assets (images et icons ) ?

[@yamimaheraandrianjafy4851]

Merci pour ce tuto riche beaucoup de connaissances, ma question est donc il n'y a plus de notion de module ou feature module dans Angular en introduisant ce concept de standalone ? Je constate que l'utilisation de notion de module ou feature module par fonctionnalité est plus pratique pour bien structurer le projet Angular. Merci

[@JBUQim]

Merci pour ce tuto très complet et intéressant. J'ai cependant une question, pourquoi faire une copie de la copie a 2:13:58 , L38

[@SimpleTechProd]

Dans le code, on stoque une fois le monstre en local, ce stoquage doit garder le dernier état sauvegardé du monstre. Comme on retourne la première copie à l'utilisateur de notre service, si on stoquerai cette copie dans notre tableau local et que l'utilisateur changerai par example le nom de la copie qu'on lui a retourné, ce changement serait aussi présent dans notre tableau. Comme on ne veut pas que ce tableau puisse être changé sans passer par les méthodes du services, on stoque une copie à laquelle l'utilisateur n'a pas d'accès.

[@nadetdevfullstack7041]

Excellent

[@SimpleTechProd]

Merci :)

[@hugoam5581]

Bonjour, serait-il possible d'avoir le lien du projet final ? pour mieux décortiquerle code super tutorial !

[@eliezokou6188]

Salut merci beaucoup pour la vidéo mais je me rend compte que je n'ai pas de fichier asset mais j'ai un asset dans le fichier json et je n'arrive pas à voir l'image que j'intègre sur la page

[@kouassiyanncalixtenguessan6150]

Je m'abonne. Super VIDEO de prise en main surtout avec les évolutions du framework...○ Seul GROS bémol, les images sont inaccessibles.

[@SimpleTechProd]

Merci pour l'abonnement et pour le commentaire. Pour les images: ou est-ce que tu as enregistré les images (quel dossier) et comment as-tu renseigné les balises src ? Si je peux aider n'hésitez pas.

[@raptorcrazymp5896]

Pile au bon moment. Je commence ma nouvelle opportunité et je dois savoir coder avec angular ! Merci ! J'ai un problème pour charger les images. Par exemple, dans le chapitre 3 au moment où je dois ajouter l'image de l'icône, impossible de l'afficher (je n'ai pas d'erreur). J'ai essayé en ajoutant un dossier assets comme dans les anciennes versions d'angular mais ça ne fonctionne pas (path : . Le dossier assets est à la racine de src... Pareil quand j'utilise avec le dossier public (path :), le dossier public est à la racine du projet. Comment je peux régler le problème ? Merci par avance pour vos réponses !

[@SimpleTechProd]

Salut, Tout d’abord merci! Je suis content de lire que t’apprécies la vidéo jusque là. Pour les images tu as deux choix: 1. Tu ajoutes le dossier assets à l’intérieur du dossier public et tu auras des chemins de la forme src=‘assets/img/electric.jpg’ 2. Tu mets le dossier img directement dans le dossier public et dans ce cas les urls seront de la forme: src=‘img/electric.jpg’ Bonne continuation

[@RomaricNGUETTIA-w2w]

bonjour j'ai un soucis au niveau de public pour l'insertion de l'image

[@sergeo_bkbs3181]

Je trouve la vidéos pile au moment ou je voulais me lancer. J'ai même eu à faire la recherche

[@SimpleTechProd]

Génial la coïncidence :) J'espère que la vidéo te plaira

[@dosamuel-mb]

Merci beaucoup. Peut-on avoir une vidéo avec NgRX svp ?

[@SimpleTechProd]

Bonne idée, je prend note et j'essaye de rajouter ça à mon planning pour le prochain trimestre. :)

[@Wilfried-JsTech]

Svp nous pouvons avoir des vidéos sur Rxjs et Ngrx et le ssr car j'ai les difficultés à utiliser le SSR

[@SimpleTechProd]

A partir de la rentrée je recommencerai à faire des vidéos sur différents sujets: outils de dev, programmation python et des vidéos plus avancées sur Angular. Je me note ces sujets pour les vidéos avancées, et je les ajouterai à mon planning pour le prochain trimestre :) Et merci pour les suggestions, c'est très apprécié.

[@ashishlesnar9577]

please make in english, it will be really helpful

[@SimpleTechProd]

Hi, thank you for your comment. I tried that a while back, but my videos weren't getting any attention, probably because there is already a lot of software development content in english on KZbin. But I see that I start getting a lot of requests to make the videos in english I will reconsider it. In any case, thanks for asking and have a nice day

[@Miracle-Josnel]

Trop cool ce tuto mais vous vous n'avez pas mis le les images

[@astuce_in2656]

Merci beaucoup pour la vidéo. Néanmoins les images de la balise ne s'affiche pas chez moi. Pouvez-vous m'aidez à résoudre ce problème ?

[@SimpleTechProd]

Avec plaisir. Est-ce que tu peux me dire ou tu as stoqué tes images et quel "src" tu indique dans ta balise img ?

[@hardytambeck5067]

​@@SimpleTechProd J'ai également le même problème. Mes images sont stockées dans le dossier public/img vu que je suis sur Angular 18. Dans la balise img je mets src= "/public/img/energy.png" mais ça ne marche pas

[@SimpleTechProd]

Le public est en trop. Il faut faire un src=‘img/energy.png’. Bonne journée

[@joel-g8w]

Bonsoir, Merci pour ce tuto, je débute et je bloque déjà dans le chapitre 3 La version de mon angular installé est la V-18, je ne peux pas voir mes images mis dans un dossier images dans le dossier publics comme il est indiqué dans la vidéo. Puis je avoir de l'aide? Grand merci d'avance.

[@SimpleTechProd]

Bonsoir, si tes images sont dans un dossier images dans le dossier public. Il faudra les utliser comme ceci A bientôt

[@joel-g8w]

Merci, je vois l'image maintenant😉

[@LucRigaud-bk9bl]

Bonjour, d'abord, merci pour ce tuto d'Angular de qualité :) Cependant, j'ai un soucis sur la méthode "modal" importé depuis @angular/core, mon IDE (VSC) me dit que modal n'existe pas sur @angular/core. J'ai raté l'installation d'une librairie? J'utilise Angular 18.2.3

[@SimpleTechProd]

Avec plaisir. Probablement juste une faute de frappe. La méthode en question est la méthode ´model’. Ici la documentation plus détaillé: angular.dev/guide/signals/model Si ce n’est pas ça, fais moi signe et je regarderai en détail avec la version 18.2.3

[@LucRigaud-bk9bl]

@@SimpleTechProd en effet, je vois bien la doc, je n'ai pourtant pas de faute de frappe, je vais regarder un peu plus profondément. merci. ;)

[@LucRigaud-bk9bl]

Problème trouvé, mon Cli est bien v18 mais pas le framework (facePalm)

[@SimpleTechProd]

Content que tu aies pu trouver le problème. Si je peux aider avec autre chose n’hésite pas

[@LucRigaud-bk9bl]

@@SimpleTechProd C'est bon, je suis à jour sur les dernières dépendances compatible avec la V18 + Angular V18, ça m'apprendra à bien vérifier toutes mes version avant de commencer un projet , je garde ça en tête pour la suite. En tout cas, merci d'être aussi réactif, cela fait plaisir. Je viens tout juste de te connaître du fait que je commence un taf sous angular, j'ai fais une recherche sur google, ce qui m'a emmené ici et ton cours m'aide beaucoup à me remettre à niveau. Merci et lâche nous des perles comme cette vidéo d'un niveau plus avancé :) Pourquoi pas sur les nouvelles méthode d'Angular 18 ;p Si je ne me trompe pas une des plus grandes nouveauté de la 18 est ReactiveState. Merci pour le travail fournis jusqu'ici pour aider les novices, c'est admirable. :)

[@ratoteck]

hello ! Très bon tutoriel ! Par contre j'ai une petite erreur avec le transform (51:03), ça me dit 'TS-992012: Component imports must be standalone components, directives, pipes, or must be NgModules.' Sais-tu comment corriger ce souci ? Merci !

[@SimpleTechProd]

Salut et merci. Pour ce genre d'erreur il me faudrait un peu plus de contexte sur la configuration du projet, mais on peut en discuter sur Discord si tu veux. Y a le lien vers le discord dans la description. (bon comme tu peux le voir je prend un peu de temps à répondre, mais normalement je répond toujours)

[@ratoteck]

@@SimpleTechProd merci de ta réponse ! J'ai trouvé comment résoudre le souci. En effet j'ai suivi en parallèle ton tutoriel via ton site. Mais chose que ne dit pas ta vidéo c'est que dans le @component, il faut que imports, ne contienne pas un tableau vide, mais qu'il y ait [CommonModule] en valeur. Merci beaucoup néanmoins de ton aide ! =)

[@djeinfo5896]

il y a un petit problème avec le localStorage. Une erreur "localStorage is not defined" apparait. C'est à cause du SSR. j'ai du modifié le fichier angular.json pour modifier les valeurs de SSR et de PRERENDER

[@SimpleTechProd]

Salut, tu as probablement loupé le moment ou je disais de ne pas activer le SSR vers 10:30. En tout cas tu peux tout à fait utiliser le localstorage tout en restant sur du SSR en utilisant le localStorage en combinaison avec afterNextRender: angular.dev/guide/ssr#authoring-server-compatible-components Bon continuation. :)

[@DiogoAndrade-qh4mr]

Si tu fais cette vidéo de 4h ça veut dire que c'était la dernière vidéo tuto Angular ??

[@SimpleTechProd]

Salut, c'est la dernière pour cette série d'introduction. Je vais en faire plus à la rentrée, mais qui seront plus avancés et moins accessibles sans bases d'Angular. Donc à partir de maintenant je pars du principe que les gens qui regardent mes vidéos ont les notions mentionnées dans cette vidéo. :)

[@JeanGilbert-k4o]

Je ne vois pas l'intérêt des copy....

[@اخبارالرياضة-م9م]

Extraordinaire, merci beaucoup.