Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Formation sur Angular
Introduction
Gagner de l'argent (6:10)
Groupe Telegram
01 - INTRODUCTION (3:26)
02 - QU'EST CE QUE ANGULAR (2:46)
03 - ARCHITECTURE (3:27)
04 - ENVIRONNEMENT DE TRAVAIL (6:04)
05 - PREMIÈRE APPLICATION AVEC ANGULAR (4:13)
06 - STRUCTURE D'UN PROJET ANGULAR (6:23)
Fondamentaux de Typescript
07 - INTRODUCTION AU TYPESCRIPT (1:56)
08 - QU'EST CE QUE TYPESCRIPT (3:17)
09 - PREMIER PROGRAMME TYPESCRIPT (4:01)
10 - DÉCLARATION DES VARIABLES (8:12)
11 - TRANSTYPAGE EN TYPESCRIPT (8:23)
12 - TYPES ASSERTIONS (4:22)
13 - ARROW FUNCTION (4:29)
14 - INTERFACES (6:46)
15 - CLASSE (3:23)
16 - INSTANCE OBJET (5:29)
17 - CONSTRUCTEUR (4:12)
18 - ACCESS MODIFIERS ENCAPSULATION (5:23)
19 - PROPRIÉTÉ GETTER AND SETTER (7:27)
20 - MODULES (4:04)
Les bases de Angular
21 - FONDAMENTAUX ANGULAR INTRODUCTION (0:27)
22 - COMPRENDRE BLOCKS COMPONENTS (4:55)
23 - CRÉER LE PREMIER COMPONENT (16:21)
24 - GÉNÉRER UN COMPONENT AVEC CLI (7:20)
Afficher des données et Manipuler les événements
25 - TEMPLATE (4:26)
26 - DIRECTIVES (4:22)
27 - SERVICES (4:59)
28 - INJECTION DE DÉPENDANCE (5:58)
29 - GÉNÉRER UN SERVICE AVEC CLI (2:44)
30 - LIAISON DE PROPRIÉTÉS (8:04)
31 - AJOUTER BOOTSTRAP (4:32)
32 - CLASS BINDING (3:28)
33 - STYLE BINDING (4:35)
34 - EVENT BINDING (5:28)
35 - EVENT FILTRING (6:00)
36 - TEMPLATE VARIABLES (2:57)
37 - TOW-WAY DATABINDING (10:45)
38 - PIPES (12:21)
39 - PERSONNALISER UN PIPE (14:43)
40 - EXERCICE 1 (2:14)
41 - CORRECTION EXERCICE 1 (8:48)
Créer des réutilisables Components
42 - COMPONENT API RÉUTILISABLE (5:22)
43 - INPUT PROPRETY (7:12)
44 - ALIAS INPUT PROPRETY (4:22)
45 - OUTPUT PROPRETY (4:39)
46 - PASSING DATA OUTPUT PROPRETY (4:01)
47 - ALIAS OUTPUT PROPRETY (2:26)
48 - NG-CONTENT (6:55)
Apprendre les directives
49 - DIRECTIVE NGIF (6:57)
50 - HIDDEN PROPRETY (3:57)
51 - DIRECTIVE ngSwitchCase (9:23)
52 - DIRECTIVE ngFor (4:34)
53 - DIRECTIVE NGFOR DÉTECTION DU CHANGEMENT (7:03)
54 - NGFOR TARCKBY (7:19)
55 - DIRECTIVE NGCLASS (2:08)
56 - DIRECTIVE NGSTYLE (2:33)
57 - SAFE TRAVERSAL OPERATOR (4:13)
58 - CRÉER SA PROPRE DIRECTIVE (12:33)
Gestion des formulaires
59 - CONSTRUIRE UN FORMULAIRE (6:51)
60 - ngModel (5:09)
61 - AJOUTER LA VALIDATION (4:01)
62 - GESTION DES ERREURS DU VALIDATION (7:45)
63 - APPLIQUER UN STYLE SUR LE INPUT EN CAS D'ERRURS (3:11)
64 - ECRIRE UN CODE CLEAN AND CLEAR (2:13)
65 - FORM DIRECTIVE ngForm (7:17)
66 - FORM DIRECTIVE ngModelGroup (3:50)
67 - DÉSACTIVE BUTTON DE SOUMISSION (3:23)
68 - CHECKBOX FIELD (2:29)
69 - FORM DROP DOWN LIST (5:50)
70 - FORM RADIO FIELD (4:22)
71 - REACTIVE FORM (8:17)
72 - REACTIVE FORM AJOUTER LA VALIDATION (6:52)
73 - REACTIVE FORM SPECIFIC VALIDATION (3:21)
74 - PERSONNALISER LA VALIDATION (10:06)
Consommer des API avec les services
75 - CONSOMMER UNE API REST INTRODUCTION (3:14)
76 - CONSOMMER UNE API REST - GETTING DATA (11:49)
77 - HTTP API JSONHOLDER CREATING DATA (13:11)
78 - HTTP API JSONHOLDER EDITING DATA (7:30)
79 - HTTP API JSONHOLDER DELETING DATA (4:36)
80 - Interface OnInit - ngOnInit (5:14)
81 - SEPARATION DU CONCEPTS COMPONENT ET SERVICE (3:23)
82 - EXTRACTION DU SERVICE (10:49)
83 - MANIPULER LES ERREURS HANDLING ERRORS (3:27)
84 - HTTP UNEXPECTED ERROR (3:33)
85 - HTTP EXPECTED ERROR (7:14)
86 - CAPTURER LES SPÉCIFIQUES ERREURS (16:39)
87 - EXTRACTING REUSABLE ERROR (3:27)
88 - REUSABLE DATA SERVICE (7:23)
89 - convertir data dans le service (5:00)
90 - EXERCICE SUR LE MODULE HTTP (3:07)
91 - SOLUTION EXERCICE (4:09)
Routage et Navigabilité
92 - CONFIGURATION SYSTEME ROUTAGE (8:45)
93 - ROUTER OUTLET (4:03)
94 - ROUTER LINK (9:10)
95 - ROUTER LINK ACTIVE (2:45)
96 - Externaliser le Système de Routage (10:19)
97 - CAPTURER LES DONNÉES DES SEGMENTS DYNAMIQUES (9:08)
98 - CAPTURER LES DONNÉES DES QUERIES (6:19)
99 - CAPTURER LES DONNÉES avec SNAPSHOT (3:52)
100 - Redirection avec Navigate (5:04)
Déploiement
101 - PRÉPARER LE DÉPLOIEMENT (10:23)
102 - DÉPLOIEMENT SUR GITHUB PAGES (10:29)
103 - DÉPLOIEMENT SUR FIREBASE HOSTING (9:01)
104 - DÉPLOIEMENT SUR HEROKU HOSTING (11:04)
Créer une Application Real-Time avec Angular et Firebase
105 - TRAVAILLER AVEC FIREBASE (5:54)
106 - INSTALL FIREBASE AND ANGULARFIRE (5:11)
107 - READ DATA FROM FIREBASE (6:08)
108 - READ DATA SNAPSHOTCHANGES (7:06)
109 - ADD DATA TO FIREBASE (6:38)
110 - UPDATE OR SET DATA IN FIREBASE (6:26)
111 - REMOVE DATA IN FIREBASE (4:07)
112 - INTRODUCTION A L'APP DE GESTION DES CONTACTS (3:46)
113 - INSTALLATION DE DEPENDANCES (7:40)
114 - PRÉPARER L’ENVIRONNEMENT DE DÉVELOPPEMENT (7:22)
115 - RETREIVE CONTACTS FROM FIRESTORE (13:28)
116 - LISTE DES CONTACTS AVEC MATERIALIZE CSS (6:39)
117 - FORMULAIRE DE CONTACT AVEC MATERIALIZE CSS (12:45)
118 - ADD CONTACT TO FIRESTORE (5:05)
119 - UPDATE CONTACT DOCUMENT IN FIRESTORE (15:11)
120 - CUSTOM EDIT CONTACT (5:23)
121 - CONTACT DOCUMENT FROM FIRESTORE (4:25)
122 - ClientPanel Application Introduction (5:41)
123 - ClientPanel Installation des Dépendances (7:48)
124 - ClientPanel Application ROUTAGE AND NAVBAR (9:27)
125 - CLIENT PANEL APPLICATION _ ENVIRONMENT (14:03)
126 - LIST OF CLIENT ON DASHBORAD (12:59)
127 - ADD CLIENT FORM WITH VALIDATION (14:51)
128 - FLASH MESSAGES (6:42)
129 - DETAILS CLIENT (11:30)
130 - UPDATE BALANCE ON DETAILS CLIENT (11:08)
131 - EDIT AND UPDATE CLIENT (10:39)
132 - ANGULAR 5 DELETE CLIENT (7:53)
133 - SWEET ALERT 2 (6:34)
134 - AUTHENTICATION WITH EMAIL AND PASSWORD (18:08)
135 - AUTHENTICATION WITH GOOGLE ACCOUNT (4:47)
136 - LOGOUT (9:51)
137 - GUARDS SYSTEM (6:58)
138 - REGISTER ACCOUNTIN FIREBASE WITH ANGULAR (9:46)
139 - MULTI USER APPLICATION (9:53)
140 - SEARCH CLIENTS (6:40)
141 - DEPLOYING APP ON SHARED HOST (9:05)
Laravel VOYAGER et Angular
142 - CMS VOYAGER INTRODUCTION (14:35)
143 - INSTALLING A NEW PROJECT LARAVEL (5:44)
144 - INSTALLING CMS VOYAGER (9:36)
145 - FRONTEND STRUCTURE WITH AXURE WIREFRAME (9:11)
146 - GENARATE NEW MODULE IN CMS VOYAGER (13:41)
147 - BUILDING MENU IN CMS VOYAGER (4:27)
148 - CREATING PAGES FOR OUR FRONTEND (9:45)
149 - INTEGER BULMA.IO MASTER PAGE MENU (11:59)
150 - PAGE BLOG PART 1 (22:33)
151 - PAGE BLOG PART 2 (10:35)
152 - POST SHOW PAGE (11:19)
153 - PAGE SERVICES (6:30)
154 - PAGE SERVICE DETAILS (7:08)
155 - HOME PAGE PART 1 (18:42)
156 - HOME PAGE PART 2 (7:04)
157 - PAGE ABOUT (18:52)
158 - CONTACT PAGE PART 1 (12:01)
159 - CONTACT PAGE PART 2 PERSISTANCE (12:01)
160 - CONTACT PAGE PART 3 VALIDATION (10:29)
161 - CONTACT PAGE PART 4 FLASH MESSAGE (2:53)
162 - CONTACT PAGE PART 5 SETTINGS ON CMS VOYAGER (6:04)
163 - RETREIVE POSTS FROM CATEGORY (13:03)
164 - SEO SEARCH ENGINE OPTIMIZATION (10:55)
165 - RELATIONSHIPS (10:09)
166 - INSTALLATION THE MDB (10:34)
167 - GENERATE COMPONENTS AND SERVICES (8:32)
168 - GENERATE API CONTROLLERS IN LARAVEL (7:07)
169 - GENERATE API RESOURCE AND USE POSTMAN (12:53)
170 - PREPARING ALL OUR SERVICES (9:21)
171 - CROS ALLOW ORIGIN (13:12)
172 - HOME PAGE (22:25)
173 - APPLIED INPUT PROPRETY (4:31)
174 - MENU AND ROUTING (9:00)
175 - SHOW POST AND SERVICE (15:52)
176 - LIST OF POSTS AND SERVICES (4:13)
177 - PAGE ABOUT (15:03)
Update Angular 10 + JWT
Introduction (5:38)
Nouveau Projet Angular avec les dépendences (4:20)
Générer les Components, Services et Models (2:56)
Routage et Navigabilité (9:58)
Login Formulaire côté HTML (8:45)
Validation Reactive Form (8:24)
Authentifier Service avec Api (6:43)
Manipuler le TOKEN en LocalStorage (10:03)
Beheviour Subject on RXJS (14:03)
Sécuriser les Routes Frontend - Guard (8:52)
Récupérer la liste des adresses (4:59)
Clone Request JWT avec INTERCEPTOR (5:53)
Afficher la Liste des Adresses (6:29)
Exercice et Code Source (1:28)
Mise a jour Version 15, 16 et 17 First App
2 : Installing Angular Dependencies (2:07)
3 : Installing vscode (2:50)
4 : Installing git & gitbash (4:12)
5 : Installing angular v15 (6:54)
6 : Vscode extensions & themes (3:03)
7 : Creating your first angular project (5:46)
8 : The structure of an Angular project (7:46)
9 : Angular component structure (6:11)
10 : What is models in Angular (4:05)
11 : Working with models in Angular (5:35)
12 : Working with models in Angular part 2 (5:41)
13 : Importing models in Angular (2:05)
14 : Creating your first angular component (7:05)
15 : Creating a component for a specific model (6:12)
16 : How to analyze your angular component (8:38)
17 : Installing angular v16 (4:24)
18 : What is signals (4:44)
19 : Creating a signal in Angular 16 (2:24)
20 : Changing the value of signals in angular. (5:05)
21 : Changing the value of signals in angular part 2 (2:28)
22 : Update the value of signals. (4:15)
23 : How to Mutate Signal value. (7:06)
24 : The declaration of a variable type signal. (4:36)
25 : Detecting change in signal using effect (3:34)
26 : Creating our first app (2:52)
27 : Generating the first model for Courses (4:49)
28 : How to integrate CSS Method 1 (7:18)
29 : How to integrate CSS Method 2 (4:27)
30 : How to integrate CSS & js script Method 3 (4:43)
31 : Creating your bootstrap template inside angular. (7:10)
32 : Manipulating the dom with ngif. (6:47)
33 : Displaying data using Ngfor loop. (4:06)
34 : Deleting data in angular (9:14)
35 : Hiding empty lists (3:10)
36 : Displaying an alert using negation. (7:04)
37 : Linking fields to objects (5:24)
38 : Adding new data in angular (5:51)
39 : Adding new data in angular method 2 (3:10)
40 : Resetting the fields to default value (2:29)
41 : Editing data in angular. (5:26)
42 : Updating data in angular. (2:51)
43 : Converting our components to signal variables. (4:14)
44 : Our templates to use signal variables (4:04)
Source code (3:00)
Mise a jour Version 15, 16 et 17 Second Application Github Members
45 : Github API (3:25)
46 : Making the page structure. (4:02)
47 : Services and HTTP requests. (4:25)
48 : Accessing methods inside services (2:55)
49 : Using Method ngOnInit (3:24)
50 : Displaying our data in the template. (5:02)
51 : Using the correct data type. (3:59)
52 : Making card component. (6:36)
53 : Implementing search functionality. (2:56)
54 : Creating user service. (9:23)
55 : Retrieving all members (2:58)
56 : Keyup event. (4:29)
57 : Adding a loading screen. (3:54)
58 : RXjs Observable. (7:32)
59 : Filtering data using pipe. (4:32)
60 : Using Object Destructuring for your data (4:09)
Mise a jour Version 15, 16 et 17 Third Application Blog Manager
61 : Starting the new blog project. (4:07)
62 : Database configuration. (3:56)
63 : The article list component. (3:17)
64 : Creating a Blog model. (3:09)
65 : Creating categories and tags Interface. (2:47)
66 : Generating the necessary services. (5:39)
67 : URL optimization. (4:30)
68 : Return data type. (3:05)
69 : Creating categories and tags Component (7:30)
70 : Create adding category (6:47)
71 : Displaying the category. (4:44)
72 : Editing the categories. (4:02)
73 : Update categories. (6:43)
74 : Optimizing our code for categories. (5:15)
75 : Dynamic styling. (6:10)
76 : Controlling the element class. (4:59)
77 : Using NGclass for visual indication. (6:43)
78 : Controlling the attribute style. (4:29)
79 : Adding Sweetalert2. (3:01)
80 : Making better alert with sweetalert2. (6:53)
81 : Using the Dark Theme with sweetalert2. (2:48)
82 : Working with tags. (4:08)
83 : Form driven Angular. (7:08)
84 : Receiving the tag and category lists in our forum. (4:49)
39 : Adding new data in angular method 2
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock