🚀 LANCEZ VOUS AVEC LE FRAMEWORK ANGULAR !
HTML-код
- Опубликовано: 21 дек 2022
- ⭐ DECOUVRE MA FORMATION ANGULAR : learn.web-develop.me/angular-...
🔥 REJOINS NOUS SUR TWITCH : / liior
📧 INCRIVEZ VOUS A MA NEWSLETTER : eepurl.com/gZ0LEH
▶ Après des années de réflexion et de préparation, des mois de tournage et de montage, je suis EXTRÊMEMENT fier de vous présenter mes cours pour vous lancer sur Angular !
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
😺 RETROUVEZ MOI ICI LES BROS
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
Twitch : / liior
Twitter : / liiorc
LinkedIn : / lior-chamla
Discord : / discord
CodePen : codepen.io/liorchamla/
☕ Si tu veux me soutenir, paye moi un café 😁💓 : www.buymeacoffee.com/LiorChamla 
Наука
Tu régales vraiment! 2h30 de vidéo d'intro à ta formation pour 0€! La grande classe. Merci Lior 🥰
Un grand merci encore pour tout ton travail ! Tu nous met toujours bien, ca fait super plaisir 👍🔥
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
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🙏🙏🙏
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 :)
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 :)
Super! Merci Liior
Le meilleur formateur du monde, merci Lior
Merci beaucoup 😘
Avec Lior tout est assez simple et clair.
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 Lior pour le partage.
Popopopoh ça claque ! Trop hâte de déguster ce petit bijou 😉
Vraiment Bravo, j'aime beaucoup votre façon et votre pédago.
Merci beaucoup.
Merci à toi Jawad :)
Toujours aussi excellent merci bcp
Merci beaucoup :)
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 :)
Merci encore une fois Lior CHAMLA - Web Develop Me
Félicitations 🎉
Sublime !
T'es juste incroyable wesh
Yes! Enfin.
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 pour cette video
Merci à vous
Je viens de découvrir Angular grâce à toi et je suis tomber amoureux
Dommage qu'on ne puisse mettre qu'un seul pouce en l'air ! 🔥
je prépare le popcorn!
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
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 professeur
Avec plaisir
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 :)
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
Bravo !
Merci beaucoup :)
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 😉
yes he's back !!
💪🚀✨
Ta formation à l'air top bravo.
En revanche, je t'invite à utiliser renderer2 pour modifier le style d'un élément ;)
Merci Younes !
Angular material, pouvez-vous nous faire une vidéo sur ça svp ?
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 ! :)
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 🤘
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
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 ;)
Le père Noël est là, faites de la place pour le maître des lieux LIOR CHAMLA ✨✨🥰🥳
Let's go !
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
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
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 !
J'ai un problème pour installer nodejs
Hello Angular 15 est un peu couvert?
Y'aura un ajout de section là dessus, c'est sorti pendant le tournage :)
@@LiorCHAMLA Bravo.
Allez-y les yeux fermés (mais les oreilles grandes ouvertes) si le sujet vous intéresse !
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
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 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