Ta pédagogie est juste incroyable !! Vraiment mais vraiiiiiment merci, je me forme en autodidacte depuis plus d'un avec divers contenus UA-cam, et tu es le premier qui m'a convaincu d'acheter sa formation ! J'ai commencé par React mais j'ai besoin d'être rapidement opé sur Angular et tu me sauves la vie ! Je file de suite prendre ta formation Angular :)
Là je débute mon apprentissage en Angular vue que c'est une technologie que m'impose le cabinet ou je dois effectuer mon stage et je tombe sur cette vidéo. Tout avance bien et j'apprécie bcp.Très sincèrement merci🙏🙏🙏
Lior tu est le meilleur ! Ton approche pédagogique est excellente, je débute dans la programmation web et je m’intéresse à Angular mais j'ai beaucoup d'appréhension car je le trouve difficile. Mais après avoir vu ta vidéo tu as réussi à me faire changer d'avis et je vais essayer. Merci à toi.
Salut, Heureux de la voir arriver. Tes vidéos sur la découverte du framework était déjà fabuleuse. Je vais la prendre avec un grand plaisir, elle sera en bonne place avec celle de symfony-api-react. Je m'étais risqué sur angular alors que j'étais totalement débutant, et j'avais galèré. Merci pour ton travail
Mille mercis pour ce gros teaser, j'avais suivi ton tuto symfony4 à l'époque, j'aime beaucoup ta pédagogie, très empathique et claire, je vais suivre maintenant celle-ci :) Mais décontenancé un peu après ces 2 heures (pas par toi, mais par l'organisation du code).... A l'époque (oui je suis vieux), mettre du js dans du html était le mal absolu, d'où les js externes et les listener (surtout pas de onClick, beurk). Et tout cela présenté pour les meilleures raisons du monde : chacun son métier, chaque langage son fichier, pas de couplage entre la mise en forme et le comportement, pas d'encapsulation, le js c'est pour les devs, le html/css c'est pour le templating et le design, etc etc. On voulait éviter d'encapsuler du js dans le HTML, mais maintenant si j'ai bien compris on est dans l'inverse total, on encapsule le html dans le js (le template dans le component avec toute la sémantique angular dedans donc inacccessible pour les "non angulariens"), tout en ayant quand même du spécifique angular dans le html qui reste (comme la notation pour les boolean de la video à 1:59:10 ). Bref, tout est encapsulé à tous les niveaux et dans tous les sens. Je vois du HTML totalement noyé dans le code js, où on mélange de facto l'implémentation du template, le dynamisme, et probablement donc aussi la business logic (puisque l'idée c'est sûrement aussi la consommation d'API pour les comportements) En tant que neophyte du truc, ça me perturbe beaucoup. Mais peut être est-ce simplement dû à mon ignorance de la techno ? Help
C'est un exemple très simple, mais généralement on a un fichier pour le template html et notre composant Angular dans un autre fichier, on a donc bien la séparation dont tu parles😉😉
@@toham Merci pour ta réponse ! Ah ouf, c'est tout bête mais c'est typiquement ce genre de pensées un peu "parasite" qui ralentit la compréhension de ce super contenu. Bonne année !
Cool, je vais mater ça. Je vais me répéter mais la méthode de Lior de recréer un framework de zéro aide vraiment à comprendre la mécanique et les concepts derrière un outil comme Angular ou Symfony (j'ai eu Lior en prof sur ces deux techno). Faudra que je regarde la formation avancée si ça touche à ce que j'aimerais creuser un peu plus, mais je vais déjà regarder ça pour me rappeler des souvenirs de formation 😉
Merci beaucoup Lior pour ce nouveau cours. Tes cours Symfony/API Platform m'ont ete tres utiles professionnellement, faut croire qu'il en sera de meme avec Angular. C'est quoi ton font dans VS Code, c'est tres joli.
Bonjour, merci pour ce tutoriel, c'est super clair au niveau des explications tip top. Cependant je le déroule en ce moment (janvier 2024) et j'ai l'impression que les outils, ou versions ng ou node ont évolués et demandent quelques petites adaptations du code (le routing n'est pas demandé sur la commande ng new, nécessite de faire référence à l'url @picocss/css/pico/pico.css et pas juste @picocss/css, j'ai pas le fichier app.module.ts dans playground, etc) est-il possible d'accéder au code source final de l'application pour débloquer l'avancement du tuto ? merci par avance
Salut ! Bravo pour ta pédagogie Lior. J'avais déjà apprécié tes présentations du framework y' a quelques mois. Petite question la promo sur la formation complète sera dispo jusqu'à quelle date?
Super vidéo 😁, J'ai commencé ionic avec angular, j'ai intégré leaflet mais la géolocalisation m'impose le HTTPS pour débloquer cette restriction. Pour le web ça fonctionne bien mais pour le mobile non. Tu as déjà rencontré ce cas sur mobile?
J'ai fait très peu de dev mobile avec Angular, pour du mobile je suis toujours parti sur React Native qui me semblait mieux intégré qu'Ionic (à l'époque, il parait que maintenant c'est du même au pareil)
35:59 C'est moi ou je vois 9 requêtes, 2,5 Mo transférés, 246 ms pour un Hello World ? EDF a intérêt de vite remettre ses centrales en service sinon on ne passera pas l'hiver ¯\_(ツ)_/¯
@@LiorCHAMLA Relativement léger ? Tu te moques là Lior, relativement par rapport à quoi ;p J'ouvre ma console, je vais sur le site d'Angular : Je prends 528Ko de js (en enlevant les scripts Google) Je prends 110Ko de xhr en enlevant leur fichier json de presque un 2MO pour le moteur de recherche alors qu'on ne va pas forcément s'en servir ? J'ai aspiré toutes le pages et j'ai refait leur site à l'identique pour moins de 50Ko de js minifié NON gzippé, en SPA, avec le scrollpsy des pages touça touça. Et comme les pages sont en HTML, pas de souci de SEO, Google aspire le site en scannant les liens, voilà tout. Le monde est en train de crever et les développeurs chargent la mule ... m'en fous, suis vieux, je ne verrai pas le pire mais ça va arriver vite quand même ;p
L’art de l’encapsulation pour créer des nouveaux langages. A force de vouloir simplifier le c, c++ avec la gestion des pointeurs, la compilation et le typage; j’ai pas l’impression qu’on ai amélioré les temps d’apprentissage. Le wysywig serait plus intuitif
Je comprend pas bien le sens de tes interventions ^^, le jour où C et C++ seront des langages côté navigateur qui ne nécessiteront pas d'intégrer des trucs ultra limites genre "Ouai avec WebAssembly maintenant tu peux utiliser du C dans le navigateur", y aura peut-être un intérêt à comparer des pommes et des oranges, genre du Javascript et du C++ 🤔 Pour l'instant, la technologie qui permet de programmer au sein d'une page web, et ce, depuis bientôt 30 ans, ça s'appelle le Javascript et donc on doit s'y faire et si possible, donner des outils aux gens pour qu'ils l'utilisent de mieux en mieux dans différents contextes.
salut Lior, je te remercie pour ces vidéos très utiles. Ici j'ai un problème, j'ai installé Angular 17.3 et j'ai suivi tes recos ... jusqu'à min 25 ça va ... mais après je ne trouve pasapp.module.ts, il n'y a que app.component.ts, et dans main.ts il fait appel à bootstrapApplication(AppComponent, appConfig) ... j'ai essayé de créer app.module.ts mais il n'accepte pas dans les déclaration AppComponent .... voilà je suis bloqué à ce niveau. Je ne sais pas quelle version angular tu as ? est-ce que je dois changer de version ? en tout cas merci++++
Bonjour ... déjà trouvé : par défaut Angular 17 génère l'application en mode standalone ... il faut faire : ng generate application playground --no-standalone MERCI+++ et BON COURAGE
![[Français ] Angular from scratch ( A to Z )](/img/n.gif)
Ta pédagogie est juste incroyable !!
Vraiment mais vraiiiiiment merci, je me forme en autodidacte depuis plus d'un avec divers contenus UA-cam, et tu es le premier qui m'a convaincu d'acheter sa formation !
J'ai commencé par React mais j'ai besoin d'être rapidement opé sur Angular et tu me sauves la vie !
Je file de suite prendre ta formation Angular :)
Tu régales vraiment! 2h30 de vidéo d'intro à ta formation pour 0€! La grande classe. Merci Lior 🥰
Un grand merci !!! très agréable a suivre et une pédagogie efficace, j'ai pris beaucoup de plaisir a suivre le tuto 😊
Là je débute mon apprentissage en Angular vue que c'est une technologie que m'impose le cabinet ou je dois effectuer mon stage et je tombe sur cette vidéo. Tout avance bien et j'apprécie bcp.Très sincèrement merci🙏🙏🙏
Avec Lior tout est assez simple et clair.
Merci :)
Lior tu est le meilleur ! Ton approche pédagogique est excellente, je débute dans la programmation web et je m’intéresse à Angular mais j'ai beaucoup d'appréhension car je le trouve difficile. Mais après avoir vu ta vidéo tu as réussi à me faire changer d'avis et je vais essayer. Merci à toi.
Faut pas se tromper : c'est difficile ! Mais j'ai fait tout mon possible pour le rendre plus simple :)
Salut,
Heureux de la voir arriver. Tes vidéos sur la découverte du framework était déjà fabuleuse.
Je vais la prendre avec un grand plaisir, elle sera en bonne place avec celle de symfony-api-react. Je m'étais risqué sur angular alors que j'étais totalement débutant, et j'avais galèré.
Merci pour ton travail
Vraiment Bravo, j'aime beaucoup votre façon et votre pédago.
Merci beaucoup.
Merci à toi Jawad :)
Le meilleur formateur du monde, merci Lior
Merci beaucoup 😘
Un grand merci encore pour tout ton travail ! Tu nous met toujours bien, ca fait super plaisir 👍🔥
Mille mercis pour ce gros teaser, j'avais suivi ton tuto symfony4 à l'époque, j'aime beaucoup ta pédagogie, très empathique et claire, je vais suivre maintenant celle-ci :)
Mais décontenancé un peu après ces 2 heures (pas par toi, mais par l'organisation du code).... A l'époque (oui je suis vieux), mettre du js dans du html était le mal absolu, d'où les js externes et les listener (surtout pas de onClick, beurk). Et tout cela présenté pour les meilleures raisons du monde : chacun son métier, chaque langage son fichier, pas de couplage entre la mise en forme et le comportement, pas d'encapsulation, le js c'est pour les devs, le html/css c'est pour le templating et le design, etc etc.
On voulait éviter d'encapsuler du js dans le HTML, mais maintenant si j'ai bien compris on est dans l'inverse total, on encapsule le html dans le js (le template dans le component avec toute la sémantique angular dedans donc inacccessible pour les "non angulariens"), tout en ayant quand même du spécifique angular dans le html qui reste (comme la notation pour les boolean de la video à 1:59:10 ). Bref, tout est encapsulé à tous les niveaux et dans tous les sens.
Je vois du HTML totalement noyé dans le code js, où on mélange de facto l'implémentation du template, le dynamisme, et probablement donc aussi la business logic (puisque l'idée c'est sûrement aussi la consommation d'API pour les comportements)
En tant que neophyte du truc, ça me perturbe beaucoup. Mais peut être est-ce simplement dû à mon ignorance de la techno ? Help
C'est un exemple très simple, mais généralement on a un fichier pour le template html et notre composant Angular dans un autre fichier, on a donc bien la séparation dont tu parles😉😉
@@toham Merci pour ta réponse ! Ah ouf, c'est tout bête mais c'est typiquement ce genre de pensées un peu "parasite" qui ralentit la compréhension de ce super contenu.
Bonne année !
Merci Lior, tres pedagogue et tes explications m'ont fait comprendre beaucoup de notions qui etaient floues dans ma tete c est un regal!💯
Parfait ça ! Merci :)
Je n'ai pas encore commencé mais je sais deja que je vais beaucoup apprendre. J'ai hate de commencer la vidéo, merci beaucoup
Merci encore une fois Lior CHAMLA - Web Develop Me
Je viens de découvrir votre chaine et c'est une pépite.
Je peux avoir le nom de la font que tu utilise pour ton editeur
Je viens de découvrir Angular grâce à toi et je suis tomber amoureux
Super! Merci Liior
T'es juste incroyable wesh
Merci Lior pour le partage.
Toujours aussi excellent merci bcp
Merci beaucoup :)
Popopopoh ça claque ! Trop hâte de déguster ce petit bijou 😉
Cool, je vais mater ça. Je vais me répéter mais la méthode de Lior de recréer un framework de zéro aide vraiment à comprendre la mécanique et les concepts derrière un outil comme Angular ou Symfony (j'ai eu Lior en prof sur ces deux techno).
Faudra que je regarde la formation avancée si ça touche à ce que j'aimerais creuser un peu plus, mais je vais déjà regarder ça pour me rappeler des souvenirs de formation 😉
Merci énormément à toi :)
Merci beaucoup Lior pour ce nouveau cours. Tes cours Symfony/API Platform m'ont ete tres utiles professionnellement, faut croire qu'il en sera de meme avec Angular. C'est quoi ton font dans VS Code, c'est tres joli.
La font que j'utilisais lors du tournage est Operator Mono, même si désormais j'ai changé pour Monolisa :)
Yes! Enfin.
Bonjour,
Est ce que tu as abordé les tests unitaires et les TNRs dans la formation Angular?
Évidemment, je vous en fais bouffer dans tous les sens 🤘
Félicitations 🎉
Merci Lior pour ce cadeau de Noël inattendu, 🎉 je connais maintenant mon cadeau d’anniversaire 😊. Encore bravo travail au top comme toujours !
Merci énormément à toi pour ton soutien :)
Bonjour, merci pour ce tutoriel, c'est super clair au niveau des explications tip top.
Cependant je le déroule en ce moment (janvier 2024) et j'ai l'impression que les outils, ou versions ng ou node ont évolués et demandent quelques petites adaptations du code (le routing n'est pas demandé sur la commande ng new, nécessite de faire référence à l'url @picocss/css/pico/pico.css et pas juste @picocss/css, j'ai pas le fichier app.module.ts dans playground, etc) est-il possible d'accéder au code source final de l'application pour débloquer l'avancement du tuto ? merci par avance
Angular material, pouvez-vous nous faire une vidéo sur ça svp ?
Merci beaucoup professeur
Avec plaisir
Dommage qu'on ne puisse mettre qu'un seul pouce en l'air ! 🔥
Merci pour cette video
Merci à vous
Sublime !
Salut ! Bravo pour ta pédagogie Lior. J'avais déjà apprécié tes présentations du framework y' a quelques mois.
Petite question la promo sur la formation complète sera dispo jusqu'à quelle date?
Ça dure un mois 😉
Merci pour la vidéo Lior :) Du coup je me remet à Angular pour le boulot. Dis moi, c'est quoi l'extension que tu utilises dans ton terminal ?
Tu veux dire pour l'auto complétion ? J'utilise "fig" ça marche que sous Mac pour l'instant :)
@@LiorCHAMLA Merci ;)
Ah enfin le retour.... La formation en Angular était aussi attendu que la sortie de avatar 😁
J'avoue c'était un mirage ce truc :x
je prépare le popcorn!
yes he's back !!
💪🚀✨
Bravo !
Merci beaucoup :)
Super intro 🎉. Quelqu’un connaît le plugin utiliser sur le terminal pour avoir l’explication des flags d’une commande ?
J'utilise "fig", c'est un logiciel qui pour l'instant ne fonctionne que sous mac :x
Super vidéo 😁,
J'ai commencé ionic avec angular, j'ai intégré leaflet mais la géolocalisation m'impose le HTTPS pour débloquer cette restriction.
Pour le web ça fonctionne bien mais pour le mobile non.
Tu as déjà rencontré ce cas sur mobile?
J'ai fait très peu de dev mobile avec Angular, pour du mobile je suis toujours parti sur React Native qui me semblait mieux intégré qu'Ionic (à l'époque, il parait que maintenant c'est du même au pareil)
Je pense que React native est toujours mieux que ionic. Pourtant je préfère Angular à React ! :)
Hello,
Petite question personnelle, quelle technologie préfères-tu utiliser entre Angular et React ? :)
j'aime la question donc je veux voir aussi sa réponse mais je crois que si je ne me trompe pas React peut utiliser Framework Angular
Ta formation à l'air top bravo.
En revanche, je t'invite à utiliser renderer2 pour modifier le style d'un élément ;)
Merci Younes !
Petite question un peu bête: je dois commencer par cette vidéo ou celle sortie juste après ?
Dans l'idéal, faut commencer par "Recréer Angular" :)
@@LiorCHAMLA Merci !
Le père Noël est là, faites de la place pour le maître des lieux LIOR CHAMLA ✨✨🥰🥳
Let's go !
Bonjour Lior, merci pour la vidéo gratuite. Serait il possible d'utiliser mon CPF pour la formation complete ? Merci
Hélas non, impossible d'utiliser ton CPF ici :x
J'ai un problème pour installer nodejs
Allez-y les yeux fermés (mais les oreilles grandes ouvertes) si le sujet vous intéresse !
Hello Angular 15 est un peu couvert?
Y'aura un ajout de section là dessus, c'est sorti pendant le tournage :)
@@LiorCHAMLA Bravo.
Hello chamla, je demande la police que tu utilises pour ton terninal
Operator Mono
35:59 C'est moi ou je vois 9 requêtes, 2,5 Mo transférés, 246 ms pour un Hello World ?
EDF a intérêt de vite remettre ses centrales en service sinon on ne passera pas l'hiver ¯\_(ツ)_/¯
En mode dev c'est lourdingue (y a les source maps etc), quand tu le build pour le prod tu retrouves un bundle RELATIVEMENT (:D :D) léger
@@LiorCHAMLA Relativement léger ? Tu te moques là Lior, relativement par rapport à quoi ;p
J'ouvre ma console, je vais sur le site d'Angular :
Je prends 528Ko de js (en enlevant les scripts Google)
Je prends 110Ko de xhr en enlevant leur fichier json de presque un 2MO pour le moteur de recherche alors qu'on ne va pas forcément s'en servir ?
J'ai aspiré toutes le pages et j'ai refait leur site à l'identique pour moins de 50Ko de js minifié NON gzippé, en SPA, avec le scrollpsy des pages touça touça.
Et comme les pages sont en HTML, pas de souci de SEO, Google aspire le site en scannant les liens, voilà tout.
Le monde est en train de crever et les développeurs chargent la mule ... m'en fous, suis vieux, je ne verrai pas le pire mais ça va arriver vite quand même ;p
@@lmz-dev bon tu me laisses kiffer la vie un peu ou des le début tu veux me déprimer ? 😂
@@LiorCHAMLA Bah ça se voit que tu te chauffes au bois, mois j'ai une trame électrique ...
... Pitié !!!!! :)
Symfony est au moins aussi lourd, non ?
alors je ne sais que faire
L’art de l’encapsulation pour créer des nouveaux langages. A force de vouloir simplifier le c, c++ avec la gestion des pointeurs, la compilation et le typage; j’ai pas l’impression qu’on ai amélioré les temps d’apprentissage.
Le wysywig serait plus intuitif
Je comprend pas bien le sens de tes interventions ^^, le jour où C et C++ seront des langages côté navigateur qui ne nécessiteront pas d'intégrer des trucs ultra limites genre "Ouai avec WebAssembly maintenant tu peux utiliser du C dans le navigateur", y aura peut-être un intérêt à comparer des pommes et des oranges, genre du Javascript et du C++ 🤔
Pour l'instant, la technologie qui permet de programmer au sein d'une page web, et ce, depuis bientôt 30 ans, ça s'appelle le Javascript et donc on doit s'y faire et si possible, donner des outils aux gens pour qu'ils l'utilisent de mieux en mieux dans différents contextes.
Pourquoi Twitter est la poubelle du web mdr
Copié collé des cours, il c’est meme pas embêté à modifié l’arborescence ni les détails tout est repris à l’identique
salut Lior, je te remercie pour ces vidéos très utiles. Ici j'ai un problème, j'ai installé Angular 17.3 et j'ai suivi tes recos ... jusqu'à min 25 ça va ... mais après je ne trouve pasapp.module.ts, il n'y a que app.component.ts, et dans main.ts il fait appel à bootstrapApplication(AppComponent, appConfig) ... j'ai essayé de créer app.module.ts mais il n'accepte pas dans les déclaration AppComponent .... voilà je suis bloqué à ce niveau. Je ne sais pas quelle version angular tu as ? est-ce que je dois changer de version ? en tout cas merci++++
Bonjour ... déjà trouvé : par défaut Angular 17 génère l'application en mode standalone ... il faut faire : ng generate application playground --no-standalone MERCI+++ et BON COURAGE