Angular Tutorial Français pour Débutant - Cours complet 9h [2022]
ฝัง
- เผยแพร่เมื่อ 4 ก.ค. 2024
- La Newsletter du Codeur Senior : www.angularsenior.fr/apply
Correction du code à télécharger : angularsenior.fr/ressources-a...
OUI... Vous êtes bien sur un tutoriel Angular JS de plus de 9 heures, en français.
Comment suivre ce tutoriel Angular de 9 heures ?
Eh bien... dans l'ordre !
Vous avancerez sur le même projet Angular pendant tout le tutoriel...
Ensuite, vous déploierez votre application Angular sur Internet... et vous pourrez un lien vers votre application web à vos amis et à vos collègues.
00:00 : Introduction
01:38 : Préambule
13:41 : Présentation d'Angular
25:36 : Premiers pas avec Angular
58:10 : Les Composants
01:27:53 : Les Templates
02:26:26 : Les Directives
02:47:52 : Les Pipes
03:01:13 : Les Routes
03:53:19 : Les Modules
04:15:50 : Les Services
04:41:51 : Les Formulaires
05:50:51 : La Programmation Réactive
06:10:36 : Les Requêtes HTTP
07:34:38 : La Librairie RxJS
08:14:22 : Authentification et Sécurité
08:47:24 : Déployer votre Application Angular
09:11:38 : [BONUS] Le JavaScript Moderne avec ES6.
Voici les questions que vous vous posez surement :
Qu'est-ce que j'aurais accomplis en suivant ce cours de plus de 9h ?
Ce tutoriel vous permettra de passer de 0 à 1 sur Angular.
(Vous développerez facilement votre première application web avec Angular et vous la déploierez en ligne)
Au fait... T'es qui mec ?
Je m'appelle Simon, et j'ai été un des plus jeunes formateurs professionnels de France sur les technologies modernes JavaScript à ATOS (+110.000 collaborateurs dans le monde).
Aujourd'hui, je suis Tech Lead Frontend.
Et pourquoi tu postes un tutoriel de 9h ?! C'est un travail de dingue, pourquoi donner tout cela ?
Je suis un "faux" TH-camur...
Mon métier principal est le code et je suis actuellement Tech Lead en CDI.
Environ une fois par semaine, je donne une formation en présentiel sur les technologies JavaScript à des ingénieurs de métier.
Sur le côté, je m'engage à partager une vidéo par semaine...
Si mon emploi du temps le permet, j'accompagne 10 d'entre vous "en ligne" chaque mois pour ceux qui veulent devenir des développeurs web compétents et reconnus.
Si vous avez des questions, des remarques ou des suggestions sur ce tutoriel, alors l'espace commentaires est à vous.
Soyez persévérant... et ne lâchez rien !
Bon développement,
Simon.
🔗 Liens et Ressources utiles :
========================
- Correction du code à télécharger : angularsenior.fr/ressources-a...
- Code à copier-coller : angularsenior.fr/ressources-a...
- Lien vers l'application de démonstration : angularsenior.fr/ressources-a...
- Documentation officielle de Angular : angular.io
- Documentation officielle de Materialize : materializecss.com
Quel monstre ! J'en profite en tant qu'autodidacte pour te dire mon ressenti: les offres de formations ne sont pas assez complètes, trop decoupées. Tu as tres bien compris le truc et propose des grosses sessions de ce type plutot que des videos tres basiques de 1h qui ne servent a rien. A titre de comparaison la formation JS que je fais sur udemy fait 68h. Autre chose:il y a un manque cruel de projets "comme en entreprise" dans les formations.
Salut Ollie, merci pour ton retour, j'apprends des choses...
Je pensais au contraire que les vidéos trop longues risquées d'être indigestes pour certains !
(Ton commentaire me rassure donc. Resté concentré suffisamment longtemps permet surement d'assimiler plus de choses)
Concernant les projets comme en entreprise, je pense que c'est le point sur lequel les tutos sont le plus fragiles...
(Comment travailler en équipe ? Que faire si le backend n'est pas prêt ? Ou ne correspond pas au specifications ? Quand écrire des tests avec des contraintes budgets serrés ?)
Quoi qu'il en soi, merci pour ton retour et bon développement à toi !
À bientôt,
Simon.
@@codeursenior Je suis également formateur Angular et CTO chez Web-atrio et j'ai recommandé cette vidéo à nos salariés
Le format de 9/10H au contraire est agréable et j'ai trouvé ton allocution et tes explications très claire ! Courage pour la suite ta chaine TH-cam est Top
@@polaris1900 Merci pour ton message !
Bon développement à toute l'équipe,
Simon.
@@codeursenior je pense que justement , le but serais de faire un tuto de 8 heure sur quelque chose , puis reprendre se quelquechose et refaire un tuto a partir de sa et ainsi de suite sa permtrais d'avoir des point d'accroche et de voir comment metre en relation certaine chose , en tout cas bonne chance pour la suite Mr Simon ! :)
@@LalonFreecs Au top, merci pour ton retour. Je vise de rester sur ce format alors. 👍
Je débute seulement le tutoriel, mais je le trouve déjà très intéressant, merci ! =)
Petite remarque :
le app.module.ts n'apparait plus automatiquement dans les dernières versions d'Angular, standalone serait la nouvelle option par défaut, si on veut que app.module soit présent, il faut ajouter cette option --no-standalone lors de la création du projet, exemple : ng new pokemon-app --minimal --style=css --no-standalone
Super, content que le tutoriel vous plaise. Merci pour votre retour pertinent. Effectivement, c’est la commande qui permet de garder les modules dans les versions recentes de Angular. Un prochain tutoriel est prévu avec la mise à jour. Bon code !
Formidable, que dire ... j'ai du passer plus de 100 heures, à faire et refaire les modules plusieurs fois ! A chaque passage je comprenais mieux chaque détails, je me formalisais avec le vocabulaire. Bravo, la meilleure formation en 25 ans de dev. 😃 MERCI !
Ton message me fait chaud au cœur... 🙏 J'ai hâte d'avoir de pouvoir vous créer d'autres tutoriels comme ça !
Bon développement à toi,
Simon.
Merci Simon du fond du cœur pour cette précieuse formation. J'ai adoré suivre ta vidéo et j'ai énormément appris grâce à toi! Ta manière d'expliquer les concepts est assez claire et agréable, ce qui a rendu l'apprentissage d'Angular vraiment passionnant pour moi. 🙏
Ton explication sur les Observables est très claire et précise. J'ai rarement vu aussi bien expliqué :)
Merci !
Merci Simon pour le contenu que tu nous propose, t'es le meilleur en matière de pédagogie, j'ai pu suivre presque 10 H de vidéos sans m'en lasser. Merci beaucoup !
J'en suis qu'à la moitié du cours pour le moment, et je me rend compte que j'ai jamais aussi bien saisi la logique que dans tous les autres tutos, cours gratuits ou payants !
Un grand merci pour cette vidéo de qualité très bien expliqué :)
Merci pour ton retour Alexandre, ça me motive à vous préparer d'autres tutoriels !
Merci beaucoup Simon
C'est le meilleur cous que j'ai suivi depuis que je m'intéresse à Angular.
Quand je dis meilleur c'est vraiment meilleur du côté de pédagogie, succession logique, maitrise de la technique etc....
J'en ai fait presque la moitié, je continue...
Merci Simon, j'ai tout regardé jusqu'au bout :) Franchement super cours pour bien appréhender les bases d'Angular et partir du bon pied. C'est top de ta part de le partager gratuitement, d'autant que tu n'as pas dû ménager tes efforts pour produire ce cours. Très bonne continuation et merci encore
Merci à toi pour ton retour motivant !
Bon développement à toi pour la suite,
Simon.
Wow quel beau cadeau ! Vraiment merci beaucoup pour cette formation sur Angular. Je commence à peine suivre la formation, je suis déjà heureux 😊
Merci pour votre retour, bon développement à vous !
Simon.
Merci beaucoup pour ce tuto (et gratuit en plus) ! Sans hésitation le meilleur tuto FR sur Angular.
merci pour ce cours qui donne vraiment un bel aperçu d'angular que je découvre à peine, grace à toi. D'habitude, je me sent obligé de suivre plusieurs tutos pour capter et comprendre l'ensemble, bien souvent en anglais, mais là, j'avoue qu'avec le travail que tu as fourni, pour nous, j'ai finalement gagné bcp de temps d'apprentissage. Mes plus sincères félicitations mon cher Simon, et bien entendu, je vais continuer à suivre ta chaîne pour en apprendre d'avantage sur ces nouvelles technos
Bravo!
Bonjour ! Je voulais tout d'abord vous remerciez pour cette superbe formation sur le framework Angular ! Etant en 3ème année d'informatique, je n'ai pas encore eu la chance d'étudié de nombreux framework ^^.. Mon bagage continu d'évoluer et j'espère que cela me servira comme un grand avantage, encore merci !
Merci pour cette formation Angular qui m'a beaucoup apprit et qui permet de démystifier le framework. C'est super !
Au top, merci pour votre retour et bon code pour la suite. 👍
Merci infiniment ! Je suis diplômé en front-end développeur, j'ai eu de très bon professeurs et je peux vous dire cher Simon que ça aurait été un honneur de vous compter (en fait ça l'est vu que je suis vos cours) parmi eux. Je vous remercie encore et vous souhaite une longue et agréable carrière pleine de joie et de surprise. Bravo pour ce bel exemple !
Félicitations à vous, bienvenu dans le monde du code pro !
Excellente continuation à vous et surtout bon développement,
Simon.
Salut Simon,
je viens de terminer ce cours qui n'est pas du tout un tutoriel!!!
Un grand merci à toi pour ce contenu et le temps passer. Je vais maintenant essayer de connecter mon pokedex à une base de données, les enfants pourront donc le garnir sans retenue😁!
Bon développement !!!!!
Un grand merci à toi !
Tu as su apporter énormément de valeur dans un format très bien pensé et conçu!
Merci Meddy ! Je garde la même recette pour de prochains tutoriels !
tout d'abord un grand MERCI, car il y a du boulot pour la faire, même si on se rend compte que c'est un sujet qui est repris souvent en tuto, cette video est au top ! Car tu expliques ce que tu fais en direct. Quand tu commences avec Angular 17, et que tu tombes sur la video.... tu te dis "chouette, c'est ludique en plus Pokemon ! Comme ça je montrerais aux enfants les progrès que je fais" ... Tu ne t'attends pas à devoir modifier pas mal de choses. Ce qui n'est pas évident quand tu commences Angular après avoir commencé html, css et JS la semaine avant... Heureusement les collègues de formation plus expérimentés sont là ! Merci à eux aussi ;-)
Merci beaucoup pour ce cours !
Un énorme travail révélant de grandes qualités pédagogiques.
J'ai jamais vu un cours aussi complet et bien expliqué
Un grand merci
Merci pour ton retour ! Hâte de pouvoir vous proposer d’autres cours sur TH-cam 👍
Bon développement, Simon.
Wow super, bravo pour cette magnifique vidéo, merci beaucoup pour la qualité de cette vidéo
Cette formation est génial ! Merci beaucoup Simon :)
Ton tutoriel est complet, instructif, ludique tout en restant très techniques. Bien que le sujet soit complexe, tu parviens à nous faire comprendre le fonctionnement d'Angular afin de mieux le maîtriser. J'ai poursuivit la formation avec ton cours sur Udemy où tu proposes une mise à jours vers Angular 15 et l'abolition des modules ! Tu es le seul pour l'instant à expliquer l'utilisation d'Angular avec les standalone components. Encore merci ! Je vais pouvoir poursuivre mon apprentissage d'Angular avec de très bonnes bases !
C'est très très rare que je commente une vidéo mais je tenais à vous remercier c'est le meilleur tuto ! que j'ai vu de ma vie et le fait que ce soit long nous permet de très bien comprendre sachant que c'est une première sur angular vous êtes un prof incroyable . Je viens de me connecter sur mon téléphone je suis vraiment trop heureuse d'avoir fini Merci merci merci
C'est un plaisir de lire votre commentaire, merci !
Bon développement sur Angular alors. 😉
À bientôt,
Simon.
Bonjour, merci pour ce tuto monstrueux, super travail! Merci pour la découverte de Angular dans son ensemble!
Avec plaisir !
Bon développement pour la suite,
Simon.
Hello les dev,
tout d'abord merci à Simon pour ce tuto tout simplement MONSTRUEUX! Quelle pédagogie. Mille fois merci. Cela fait cinq semaines que je dévore tes explications. J'en ai même fait une synthèse d'une centaine de pages.
Petite correction suite à la nouvelle version d'Angular sur le chapitre Authentification et Sécurité. Angular utilise maintenant une fonction au lieu d'une class. Donc au niveau du guard AuthGuard
import { CanActivateFn } from '@angular/router';
export const authGuard: CanActivateFn = () => {
console.log('le guard a bien été appelé');
return true;
};
Bon Dev à tous
Wouah Simon,
je suis sans voix, c'est le meilleur cours que je suis sur internet, vous etes un monstre, je ne trouve aucun pour qualifier ce cours, c'est juste parfait.
Vraiment merci pour ce partage et du temps que vous avez consacrer pour nous delivrer cette merveille de cours.
Merci le Monstre :)
Merci pour ce commentaire, c'est très motivant pour vous en proposer d'autres à l'avenir !
Merci pour ce cours Simon ! Très utile pour une première approche d'Angular ! je m'abonne !
Hello Thomas, you're welcom !
Ce tuto est vraiment super ! Merci bcp pour tout le temps que tu y as mis :-)
Bonjour, un vrai régal de suivre cette formation, merci pour tout le boulot
Merci pour votre message Jérôme, j’espère pouvoir vous proposer d’autres tutoriels prochainement !
je suis satisfait de votre formation Simon. C'est incroyable de partager une telle formation avec gratuit
Au top, merci pour votre message !
C’est le meilleur Tuto sur Angular, Merci Simon 👍
Merci, ça fait chaud au cœur ! 🙏
Bonjour Simon, Un grand merci pour cette formation très complète, j'ai apprécié le sérieux et la maîtrise du sujet. Bravo !
Hello, merci pour ton message ! J’espère pouvoir vous proposer d’autres tutoriels cette année.
Bon code,
Simon.
Merci pour ce cours très complet. Très clair et simple d'approche. Excellent travail
Merci Pascal. 👍
Super formation qui permet d'avoir de bonnes bases et très pédagogue. Merci beaucoup Simon !
Merci pour ton retour Julien !
Bon apprentissage et bon code, Simon.
Bonjour simon, j'arrive longtemps après le post de ce cours mais je tiens à te remercier, ta pédagogie est vraiment super et permet d'aborder angular de manière beaucoup plus limpide.
Hello, au top d’avoir pris le temps pour ton retour. Content que le cours t’ai permis d’avancer !
Bon apprentissage,
Simon.
Cours super complet merci beaucoup!
Merci pour se cour et pour les bases solide que j'ai pû apprendre avec toi. Bravo pour le travail que tu a fait pour nous permettre d'appréhender et d'apprendre le contenu d'Angular. 💪👍
Merci pour ton message, bon développement sur Angular pour la suite !
du pur platinium tes cours ! merci beaucoup !!!
Merci à toi pour ton retour encourageant ! 👍
Bon développement,
Simon.
Excellente leçon. Votre façon de transfert de connaissances est vraiment pro. Mille merci.
Vous m'avez facilité l'accès à Anguler en peu de temps. Merci
Merci pour votre message, c’est l’objectif de cette chaîne. 👍
Bon développement,
Simon.
C'est de l'or cette vidéo, à partager sans hésiter ✌️👍🙌
Au top ! 👊
Bon développement,
Simon.
Merci beaucoup pour ce super tutoriel très complet !!! Très bonne vidéo pour découvrir Angular !
Merci pour ton retour !
Bon développement à toi pour la suite,
Simon.
Merci pour ce beau tuto qui ratisse large sur toutes les fonctionnalités dont on peut avoir besoin pour développer en Angular. La video est longue mais c'est nécéssaire (personnellement je préfère un format long que plein de petites videos). Deux petites remarques : à un moment ça parle d'un lien en description pour en savoir plus sur les Regex, mais le lien n'y est pas, si jamais tu l'a sous la main :) et dernière petite chose, au début du cours on a quelques "exercices" plutôt sympa pour mettre au défi ce qu'on apprends, ça aurait été sympa d'en avoir dans les parties plus compliquées pour bien assimiler. merci en tous cas c'est top !
Merci pour ce cours, c'est très bien expliqué et les exemples d'utilisation sont pertinents.
Merci pour ton retour positif ! 👍
Bon développement à toi et à bientôt,
Simon.
Bravo meilleur cours que j'ai pu suivre dernièrement. Cette formation est très bien faite et va jusqu'à la mis en ligne du projet en production. Ce qui n'est pas souvent le cas ailleurs. J'ai eu l'occasion de voir en parallèle le reactJs et VueJs et ta formation ma complètement séduit pour la technologie Angular. Je vais continuer à te suivre pour sur ce framework. Encore merci pour ton excellent travail.
Un grand merci pour ton retour, content de t’avoir fait découvrir Angular ! 👍
Bon code,
Simon.
Merci Simon pour tes efforts. Le cours a été compris dans sa généralité et l'application bien déployée. Je continuerai à suivre le reste de tes formations. Bien de choses à toi.
Salut, merci pour ton retour et félicitations à toi pour avoir suivi le cours en entier. Bon code pour la suite !
Je vis juste de commencer vidéo j'ai compris direct que c'était une mine d'or. Je ramène toute ma famille sur ta chaîne !
Franchement merci beaucoup Simon,
Je viens de finir la partie sur les Modules et j'espère finir le cours d'ici demain.
Je suis en stage de L3 Informatique et j'ai besoin d'Angular durant ce dernier je n'avais jamais utilisé ni vu de framework avant.
J'ai regardé d'autres tutos mal fait et ce cours est une véritable mine d'or tout est plus clair merci encore !
Au top, merci pour ton message, c'est motivant pour vous proposer d'autres tutoriels !
Bon stage à toi,
Simon.
Je suis enfin arrivé au bout du cours complet !
Donc ce message pour te remercier ! La vidéo est extrêmement bien faite !
Félicitations à toi, moins de 5% des élèves vont jusqu’à bout, tu es sur la bonne voie.
Bon code à toi.
Super cours :) franchement c'est très généreux de ta part de mettre en ligne gratuitement un tel cours.
Juste un truc, tu peux accéder à tes services injectés dans le constructeur depuis ton template html en les déclarant public :)
Sinon, excellent cours, franchement bravo !
Merci... pour ton retour et l'astuce des services dans le template ! 😉
(Généralement je ne fais jamais ça, je garde mes services côté classe du composant mais c'est toujours bon de le savoir)
Bon développement et à bientôt,
Simon.
Bonsoir Simon,
Pour commencer, un grand merci à toi pour ton temps et pour ton sens inné de formateur. Vraiment énorme cette vidéo !!!!
Pour la petite histoire, j'ai fini ma formation de développeur web REACT fin Novembre. Suite à une de tes vidéos, je me suis posé la question, REACT ou ANGULAR.
Du coup, je viens de terminer ta formation sur ANGULAR, en plusieurs fois bien évidemment 🥵🥵 Elle m'a beaucoup éclairé sur le sujet.
Je ne sais toujours pas ce que je vais choisir, donc je pense que je vais me lancer maintenant sur ta formation de 7h sur REACT............
En tous cas, un grand Bravo, car tu donne vraiment de ta personne pour aider les débutants et c'est génial de pouvoir vivre en direct la conception et la réflexion d'un codeur. (car j'ai l'impression que le codage n'est pas que le code, mais aussi la façon d'appréhender un projet et la réflexion qu'il y a autour avant de mettre les mains sur VS........
Merci Merci
Super vidéo Simon, merci ! C'est clair, précis et simple. Idéal pour démarrer en Angular et on peut dire que nous avons atteint un certain niveau au bout de ces 9h36. Ca donne envie de continuer et de s'engager sur le développement d'applications web en Angular. Merci encore 👌
Franchement au top, j'ai kiffé suivre cette formation
Merci pour retour ! Bon développement pour la suite, Simon.
Super formation. Merci pour ce travail énorme qui permet de parcourir ou reparcourir les concepts du Framework Angular rapidement et de manière ludique
Au top, c'est l'objectif. J'espère pouvoir vous proposer la version 17 très prochainement !
La vidéo que j’attendais 👍🏾
Au top, bon apprentissage alors. 😉
Bon développement,
Simon.
Bonjour Simon, merci beaucoup pour ce tutorial j'ai commencé a apprendre Angular il arrive a point nommé.
Parfait ! Bon développement alors. 😉
Simon.
Congrats guy. C'est du très bon boulot. Tu utilises des bonnes pratiques intéréssantes
Merci !
Bon développement à toi,
Simon.
Vraiment je peut rien dire d'autre à part un grand merci. Je suis développeur web bas plus sur php, jquery, boostrap, css... J'ai toujours voulu du nouveau mais jamais eu trop le temps et je me sentais trop limité un peu triop vieux avec ce que je connaissais déjà pas dit que je suis mauvais dans ce que je connais mais j'ai besoin de news challenge. Une fois j'ai commencé à apprendre Angular par le biais d'un ami mais après j'ai laissé car les tutos que je trouvais n'étais pas à jour. Donc j'ai laissé et voilà que je trouve un tuto de 22 soit la dernière version ou une version plus récente. Vraiment merci beaucoup, je vais m'organiser pour l'apprendre. Vraiment merci
Bonjour, merci pour votre partage d'expérience. C'est intéressant de voir que souvent nos seules croyances sont nos barrières... Si ce tuto a pu vous motivé à vous lancer dans l'apprentissage de technos JavaScript plus récentes, c'est un plaisir pour moi d'entrendre ça.
Bon développement et bon apprentissage à vous,
Simon.
Merci beaucoup pour ce manifique cours
Super vidéo , merci ! C'est clair, précis et simple. Idéal pour démarrer en Angular
Merci bien, bon apprentissage et bon code.
Simon.
infiniment merci ! vous n'imaginez pas à quel point ce cours m'a aidé ! encore un grand merci )
Salut Yassine, c'est un plaisir d'entendre ça !
Bon développement sur Angular,
Simon.
J'ai fais une formation d'insertion pour ma reconversion professionnelle, j'ai appris pendant 13 mois le HTML, CSS, javascript, PHP, SQL et le framework PHP codeigniter 4 (méthode mvc, et fonctions d'inscription/connexion/déconnexion aussi avec des objets et base de donnée) mais j'ai trouvé les cours vachement basique et j'ai pas eu l'impression d'évoluer. Ca m'a fait de l'expérience mais sans plus. Je vais voir un peu ce qu'est angular avec cette vidéo, et je me lancerais peut-être dedans.
Hello Mike, malheurement les tutoriels permettent d’apprendre « How it work » sur des cas toujours simple. Le monde de l’entreprise est généralement constitué de problématique beaucoup plus complexe ou des concepts « théoriques » prennent tout leur sens. Je recommande généralement de décrocher un premier poste le plus rapidement possible, bien plus formateur que n’importe quelle tutoriel. Bon code, Simon.
Merci encore pour ce tutoriel de qualité
Merci Brice pour ton message.
J'espère pouvoir vous proposer d'autres tutoriels prochainement.
Simon.
Merci Beaucoup Simon, Votre vidéo est superbe, un niveau deux n'est pas de refus . Bonne continuation
Au top, merci pour votre retour ! Une mise à jour est prévu pour 2023. Bon développement, Simon.
Merci pour cette vidéo incroyable.
MERCI infiniment Simon ! Ton cours est fantastique. Etant plutot dev Back Java, j'avais des a priori sur Angular, trop boiler plate,j'étais resté sur jQuery et des manipulations du DOM "Manuelles" mais en fait Angular permet de construire une vraie App Client dans le browser avec un découplage JS/html très bien foutu et l'approche component/module/routage/sécurité super bien pensée et pas du tout boiler plate finalement. là grâce à toi j'ai complètement changé d'avis, typescript ressemble beaucoup à java, le cours m'a permis également de mieux comprendre l'approche réactive et les fameux Observables. Quelle clarté dans les explications, c'est limpide, posé, en français !! j'ai fait les 9 heures jusqu'au deploy sur firebase , excellent ! Bonne continuation à toi , j'espère te croiser un jour et merci encore pour ta générosité, t'es EXCELLENT Simon !
Merci beaucoup pour ton commentaire, content de t’avoir réconcilié avec Angular. J’espère pouvoir créer d’autres tutoriels sur l’écosystème JS pour la chaîne prochainement !
Bon développement et à bientôt,
Simon.
Bonjour Simon,
Je suis développeur depuis pas mal de temps maintenant (vb6, vb.net, C# (WPF et WinForm), C et C++), mais je n'ai jamais pratiqué le développement web sauf au lycée.
Je vais suivre votre court méticuleux, car j'en ai besoin dans mon nouveau travail. Pendant ma très courte période de pause, j'ai fait un petit rappel sur les bases du html et du css, mais j'avoue que je suis une bille dans ce domaine, j'espère ne pas être trop perdu dans votre cours. Je commence ce soir... Au vu des commentaires positifs, cela devrait le faire.
Salut Chris, bon apprentissage et bon développement !
Merci grâce à toi je maîtrise les bases d'Angular en un week-end !
Au top ! 👍
Bon développement pour la suite sur Angular,
Simon.
@@codeursenior Merci
Merci pour ce tuto !
J'attends avec impatience la v17 que tu as annoncé en vidéo !
Merci pour ton message !
J'ai HÂTE de vous sortir ce tutoriel complet et à jour sur le Angular moderne.
Salut merci pour cette vidéo, je suis en ce moment sur une formation Android, mais merci pour tout ceux que tu aides, je vais en profiter pour la partager.
Bonjour,
Tes vidéos sont incroyables, lorsque j’ai cliqué au hasard dans mes recommandations sur celle-ci il y a 3 ou 4 mois, je connaissais les balises simples du html (je connaissais même pas le css ni bootstrap) et j’avais des bases en JavaScript. Mais ta vidéo a fortement attiré ma curiosité. Je pensais que je n’avais pas assez de prérequis pour commencer mais pourtant je me suis quand même lancer dans ta vidéo ou j’essayais de reproduire en essayant de comprendre le plus de chose possible même si beaucoup de chose était un peu abstraite au début j’ai fini par vraiment les assimilé. Arrivée après la partie “Routes” de la vidéo. J’ai voulu voir si j'étais capable d' appliquer les choses de la vidéo sur un nouveau projet Angular. Et la page blanche, c’est très très très dur mais c’est grâce à ca que j’ai pu vraiment retenir les notions fondamentales. Puis l’inspiration est venu en même temps et la machine était lancée, j’avais suffisamment de connaissances pour continuer à apprendre sur mon projet. J’ai progressé en faisant mes propres tests mais lorsque j’avais besoin de plus d'explications je me retrouvais sur cette vidéo pour en apprendre plus sur les solutions ou manières de faire plus propres …. Par exemple, j’avais réalisé mes premières requêtes Http sur mon api node.js ( j’ai appris les bases de node js grâce à ta vidéo lol ) relier à MySQL et lorsque j’ai vu qu’il y avait un problème de synchronisme du au délais des requêtes. Ta vidéo m'a éclairci sur la programmation asynchrone …( Donc au final j’ai vu 90 % de la vidéo et je regarde ce qui me reste quand j’ai le temps ) Je me suis lancé le défis de faire une appli pour apprendre une langue avec une partie quiz et une partie forum. Et je trouve que j’avance vraiment vite pour le temps que passe…
Je ne suis pourtant pas développeur, je suis Automaticien donc bon (plutôt différent) … Mais je m'intéresse beaucoup au développement maintenant. En tous cas merci beaucoup c’est du bon travail, laissez la possibilité au gens d’apprendre en partageant son savoir c’est vraiment cool
🔥🔥🔥
vraiment merci c'est le top des tutos
Au top, merci pour votre message.
Vraiment merci Simon j'avais suivi ta formation sur udemy mais la mom vraiment vraiment tu es le meilleur.
Yep, j'ai pris 1 semaine pour mettre le cours à jour pour Angular 13. 😉
Bon développement,
Simon.
@@codeursenior bonjour moi je suis débutant sur angular , je suis votre cours mais au niveau des formulaires 5:50:10 ; j'ai eu 1 erreur de type DOMException que je n'arrive toujour pas à regler . j'ai vraiment besoin de l'aide
Bonjour Simon, un énorme merci pour ce cours gratuit très ludique et bien expliqué, il donne envie de continuer.
Tu es très clair dans tes explications et tu survoles bien tous les intérêts d'un tel langage.
Le seul bémol est l'utilisation de la vidéo qui n'est pas télechargeable, un click intempestif nous fait perdre la position, qu'il est fastidieux de retrouver (sans notes).
Une autre inquiétude pour moi qui vient du c#, provient du fait même de l'encapsulation d'angular que nous ne maîtrison pas très bien; en effet il m'est arrivé d'avoir des erreurs à la compilation sans comprendre pourquoi, et j'ai du revenir en arrière pour revenir à une situation sans erreurs, petite impression de ne pas maitriser ....
Mais c'est très puissant !
Bonne continuation et encore merci.🤩
Merci pour ton retour Michel !
De C# à Angular, bravo. Il faut avoir le courage d'aller bricoler en JavaScript/TypeScript.
Pour la vidéo, c'est l'expérience que je peux vous proposer sur TH-cam gratuitement. Sinon le même cours est disponible sur mon Udemy mais payant. (Un cours de plus de 2h ne peut pas être gratuit sur cette plateforme).
Bon code !
Super formation même pour un développeur avancé qui veut redécouvrir REACT. Un bémol : il manque - à mon avis -le fait ne pas aborder/expliquer les notions @Input et @Output qui sont les décorateurs fondamentaux pour faire transiter les données entre composants.
Excellente vidéo, je m'y suis mis sur plusieurs jours pour appréhender les différents concepts.
En tous cas bravo pour le petit cours 👍
Merci Chistophe pour ton retour. Prendre quelques jours pour parvenir au bout du tutoriel, il n'y a rien de trop ! ;)
Là où OpenClassrooms nous a laissés, tu nous sauves!
Ta video tombe à pic! Merci pour cette superbe vidéo!
Oh merci beaucoup !
Bon développement et bon apprentissage,
Simon.
Egalement sur le p7, as tu d'autres ressources qui t'on aidé? C'est à cause de la vidéo de Simon Dieny que finalement j'ai choisi Angular après avoir comparer sur le même type de projet en React
Merci pour ce cours sur Angular 13
Le meme cours arrive pour Angular 18 !
Merci pour cette formation, je suis décidé à apprendre Angular car j'apprécie tout particulièrement le principe de framework dans un pan de notre métier soumis au chaos des technologies.
De plus, dans ma région c'est un langage qui se couple avec Java donc plus d'offres d'emplois.
Au top ton retour. Angular + Java est la stack la plus populaire auprès des grands groupes actuellement. (Donc bon choix selon moi)
T'es le meilleur.... merci infiniment
Merci à toi @Succesht !
Je tiens sincèrement à te remercier Simon, grâce à ton tuto j'ai pu m'initier à Angular, étant développeur junior sortie de bootcamp j'ai eu dernièrement la chance d'avoir une proposition d'embauche dans une super boite mais il ne travaille qu'avec ce langage que je ne connaissait absolument pas ^^' . J'ai donc en 3 jours visionné cette vidéo reproduit les exercices au complet.
Le test technique que j'ai reçu le lendemain (de mon initiation) me donnais semaine (du lundi au dimanche) pour crée un puissance 4 responsives mobiles la on est samedi je doit l'envoyer cette après midi ou demain dernier délais, je peut dire que j'en ai bavé mais il fonctionne même si non opti car j'ai toujours un manque flagrant de connaissance. Comme quoi en étant sous une bonne pression avec un bon mentorat on peut tout faire !
Force à tout ceux qui vont suivre ce tuto !
Prenez le temps, faite des pauses mais ne lacher rien !
Merci Simon ;)
Merci Tony, je te souhaite sincèrement de leur en mettre plein les yeux avec ton test technique. 👍
Bon développement pour la suite !
Simon.
@@codeursenior Toujours en attente d'une réponse de leur part :) mais mes collègues et mon entourage sont tous satisfait déjà de ma première ébauche de code :D (on touche du bois !)
Petite question cependant, penses tu par la suite faire une petite vidéo tuto concernant la librairie NGXS de Angular ou en proposes tu dans ta formation que tu proposes ? La gestion du store et des pattern d'action je vois dans l'idée comment ça fonctionne (je pense que c'est certainement similaire à React Redux mais après avoir goûter à ton enseignement c'est difficile de se redirigé sur quelqu'un d'autres haha ^^' )
@@tonylapoche6497 Félicitations pour ces premiers retours prometteurs. ;)
Concernant une vidéo sur la gestion d'un store, je pense en faire une à moyen terme, mais pas spécifiquemeent sur NgXS. Plutôt sur le pattern Redux de manière plus général.
Bon apprentissage et bon développment !
Simon.
merci beaucoup. un cours tres instructifs. les explications sont tres
clairs
Merci à vous pour le retour et bon code !
Merci pour ce tuto tu est un être humain de grande envergure
Merci ! 🦅
Merci on en a profite, c vraiment gentil
Merci pour votre retour, bon développement pour la suite !
Simon.
Juste excellent. Merci
Merci à vous, bon développement pour la suite.
Simon.
Merci beaucoup Mr Simon Dieny
Avec plaisir Mr @Ballonlove !
Merci beaucoup pour ce cour d'elant avec le framework Angular Simon 🙏🙏🙏
Au top, j’espère vous avoir fait apprécier Angular. 👍
@@codeursenior Ah oui oui !
@@borischimi1426 Au top !
Simon le Magnifique !!!! Top
Merci ! 🚀
Merci pour tout ton temps
C'est un plaisir de lire votre commentaire.
Bon code !
Simon.
Quelle aubaine, merci d'avance. Je termine d'abord avec les 5 heures qui me restent de ta vidéo dédiée aux Hooks React. Mais à contrecœur. A chaque étape, je suis tentée de penser Angular ferait mieux. Ce serait plus intelligible. C'est à mon tout petit niveau le framework qui m'a donné envie de dédier mon temps libre au développement. J'avais vu tes petites vidéos très ciblées, très pertinentes sur les erreurs à éviter quand on débute sur Angular. J'ai adoré. Tes remises à niveau sur ES6 que j'ai adorées. Et Node.js que j'ai adoré. Je retourne quand même au Pokedex React, bien que je n'aime pas, ça me fera un point de comparaison. Si j'avais devant moi 100 jours pour faire autre chose que mon boulot de graphiste, je le sais déjà, ce serait 100 jours d'immersion Angular exclusivement! ! Je rejoins Allan cependant, d'autant que je ne côtoie jamais de développeurs, j'aurais aimé que la question des tests soit abordée ne serait-ce qu'à titre d'exemple.
Salut @Julie, merci pour ton retour ! C'est top que tu sois passionné comme ça, c'est le meilleur moyen de progresser rapidement. 👍
Effectivement, comme tu le mentionnes, même si React ne te plait pas, cela te fera un point de comparaison. Il faut le voir presque comme de la culture générale, et cela va même peut-être encore plus renforcer ton choix sur Angular.
Concernant les tests, MERCI pour l'idée, car cela me paraît pertinent d'aborder ce sujet sur la chaîne. Idée de vidéo notée !📽
Très bon développement à toi,
Simon.
@@codeursenior A partir de l'installation de angular-in-memory-web-api pour simuler des requêtes http, je suis restée bloquée un moment. Les erreurs semblaient pointer le fichier angular-in-memory-web-api.d.ts:264:22 - error TS2694notamment les lignes :
import { XhrFactory } from '@angular/common';
// que mon IDE me souligne
import * as i0 from '@angular/core';
@angular/core/core"' has no exported member 'ɵɵInjectorDeclaration'.
C'était ma version de @angular/common et sûrement rxjs qui posaient problème.
J'ai tout updaté @angular cli @angular-devkit rxjs@latest et même typescript@latest dans le doute. C'est tout bon.
Salut Simon, j'ai suivi cette vidéo/formation suite à ta vidéo sur les certifications, en effet je bosse pour une ESN depuis 1an et demin et j'ai déjà participé à 2 projets Angular et je souhaite obtenir une première certification sur Angular. Franchement j'ai pris beaucoup de plaisir à suivre cette formation, c'était hyper claire et bien amené. J'ai appris plein de choses, la partie sur Rxjs est vraiment top avec l'auto-complétion je te remercie enormément. La librairie angular-in-memory-web-api aussi c'est vraiment super ! Merci pour tout.
Ps : Sur les projets auxquelles j'ai participé on initialiser les formulaires coté typescript en déclarant un FormGroup qui contient plusieurs FormControl. Du coup je me demandais si tu utilisé aussi cette méthode pour les formulaires et si oui est-ce que tu propose une formation spécifique au formulaire afin de bien comprendre les FormArray, FormGroup et FormControl ?
Merci pour tout :) !
Salut, merci pour ton retour sur la formation, au top ! Si j'ai pu faire comprendre RxJS simplement, c'est un exploit. 😅
Pour la partie sur les formulaires, tu peux tout à fait faire comme dans ton entreprise. C'est la différence entre "template-driven" form et "model-driven form". Mais c'est la même API derrière : FormGroup, FormControl, etc. J'essayerai de mieux aborder cette distinction dans la version Angular 18 de ce tutoriel sur la chaîne.
Bon code à toi !
Simon.
Merci pour ce cours très didactique et pédagogique ! Y a du boulot...
Eh oui, y a un peu de boulot pour suivre le tutoriel en entier. 😉
Bon courage et bon développement !
Simon.
@@codeursenior je parlais aussi et surtout du boulot pour la conception du cours ;-) !!
Haha effectivement ! Je préfère ne pas vous dire combien de temps il faut pour construire une vidéo comme ça. 😅
Salut Simon, merci pour la qualité de ce magnifique tuto , j'avais déjà pris ta formation sur udemy il y a presque deux ans et je ne sais pas si t'as mis à jour cette formation avec la nouvelle version d'angular ?
Merci encore une fois pour tes efforts.
Salut @Temri Moose, effectivement ce cours est à jour avec Angular 13... et on utilise Angular CLI au lieu de SystemJS comme il y a deux ans. 👍
(Par contre on développe toujours une application de pokémon 😉)
super ce tuto. j ai fini
Excellent tuto angular! Merci beaucoup !! J'ai regardé 2-3 tutos avant celui-là où c'est assez bourrin et où je n'ai rien compris. La pédagogie y est et tous les concepts passent au crible. Je viens de finir toute la vidéo et j'en sors avoir bien compris tous les concepts nécessaires. Reste à appliquer. Seul bémol: pour ceux qui ne connaissent pas ta vidéo de voir 9h30 de cours peut faire peur au début. peut-être séparer la vidéo en plusieurs ? Merci encore Simon !!
Merci pour ton retour @TheMediD !
Content d'avoir pu te réconcilier avec Angular. Pour le format de 9H, les développeurs ont l'air de plutôt apprécier, désolé si cela fait peur à certains !
(Mais bon... à un moment faut bosser, non ? 😉)
Merci pour cette vidéo qui permet de découvrir les bases pour Angular.
Un ajout intéressant dans le tuto serait une partie sur les tests unitaire.
Également structurer le projet en clean architecture.
Merci en tout cas pour le contenu
Hello, je plussoie pour les tests unitaires et la clean architecture de Robert C Martin. J’en parlerai sûrement dans des vidéos dédiés à part. Bon code, Simon.
Yes! Je télécharge la vidéo direct ! Je la regarderai bientôt mais je ne vois pas de test unitaires, donc la vidéo est *presque* complète. Si c'est le cas, ce serait bien d'inclure les test unitaires dans une autre vidéo: quoi tester et comment ? surtout que tu es un dev senior, ton point de vue ne peut être que bon à prendre. Comment tester vous les applications au travail ?
Salut @Allan, merci pour ton retour tu as tout à fait raison. Il serait intéressant de faire une vidéo sur le sujet, surtout qu'il y a pas mal de mythologie sur le sujet je trouve (TDD..). Je prépare une vidéo un macro sur le sujet (unitaire, intégration... e2e) !
Superbe !!!
Merci !
Merci pour ce tutoriel car c'est vraiment genial👌
Merci pour votre retour, si le temps le permet j’aimerai bien refaire un gros tuto prochainement.
D'accord... Le temps vous le permettra😅
Merci beaucoup, le tuto est top
Merci bien !
Bon code,
Simon.
Merci je ne saurai l'expliquer mais tu fais du bon boulot et en plus c'est gratuit
Merci Giovanni ! Bon développement à toi !