Angular Tutorial Français pour Débutant - Cours complet 9h [2022]

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" Youtubeur...

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 :
========================

[ollie]

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.

[ibanson]

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

[jeremyb]

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 !

[kacalikid]

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é :)

[Omnimon]

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 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.

[Sstrik]

J'ai jamais vu un cours aussi complet et bien expliqué
Un grand merci

[MalikSeroLAFIA]

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.

[kouakoupharesothniel]

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 !

[damienchaillou]

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


export const authGuard: CanActivateFn = () => {
console.log('le guard a bien été appelé');

return true;
};

Bon Dev à tous

[forsethtv]

du pur platinium tes cours ! merci beaucoup !!!

[wilkyarny]

C'est de l'or cette vidéo, à partager sans hésiter ✌️👍🙌

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 !

[fabienbertheleu]

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 ;-)

[Jean-Claude-vq]

Merci pour cette formation Angular qui m'a beaucoup apprit et qui permet de démystifier le framework. C'est super !

[yanis_sme]

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 !

[matthieumary]

Merci beaucoup pour ce tuto (et gratuit en plus) ! Sans hésitation le meilleur tuto FR sur Angular.

[wouwotionangeric]

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 :)

[chrissv]

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.

[soufianeaknouche]

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 !

[sharon]

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 !