◎ Formation complète Angular ◎

➲ Section 1 :

⁂ ANGULAR - 1 Introduction

➔ Petite vidéo d'introduction pour expliquer le déroulement de notre formation sur le Framework Angular.

⁂ ANGULAR - 1.2 Définition

➔ Angular qu'est-ce que c'est ? Angular est un Framework javascript permettant la création de "Single Page Applications" (SPA). Sur la SPA notre contenu qui change et qui a qu'un seul fichier. Donc le contenue s'affiche instantanée. Cela va donner à l'utilisateur une interaction très réactive à l'utilisateur. Ça donne même l'impression d'être sur un logiciel client ou comme une application mobile. Javascript change les dom il change le code html dynamiquement.

⁂ ANGULAR - 1.3 Angularjs vs Angular

➔ Angular.js contre Angular dans cette vidéo nous allons traiter des différentes versions d'Angular. Comment elles sont liées et voir si toute c'est version entraîne de gros changements fréquents.

⁂ ANGULAR - 1.4.1 Première application part 1

➔ Dans cette vidéo nous allons construire notre toute première application Angular et nous allons utiliser la CLI qui est la meilleure façon d’utiliser Angular. Mais nous allons aussi utiliser des technologies comme NodeJS et NPM.

⁂ ANGULAR - 1.4.2 Première application part 2

➔ Suite de la création de notre première application Angular. Nous allons installer (Angular CLI) tous en ligne de commande. Pour ensuite générer notre première application à travers Angular CLI.

⁂ ANGULAR - 1.5.1 Editer sa première application part 1

➔ Nous allons voir dans cette vidéo comment fonctionne le Framework Angular et comment et structurée une application Angular grâce a notre application créer lors de la précédente vidéo. Nous allons ouvrir notre application a l’intérieur de notre IDE. Et identifier et expliquer tous les fichier et dossier créer lors de la création de notre première application.

⁂ ANGULAR - 1.5.2 Editer sa première application part 2

➔ Suite de la vidéo précédente. Nous allons suivre un exemple sur le Data binding qui se traduit par un lien de donnée. Il y a un autre concept de qui s’appelle le Two way databinding. Cela permet de d’entraîner des répercussions des deux côtés (html/typescript).

⁂ ANGULAR - 1.6 Typescript c'est quoi ?

➔ Typescript qu’est-ce que c’est ? Cette technologie open source créer par Microsoft qui est par défaut sur Angular. Chaque développeur peut mal nommer ou oublier, mais grâce à typescript nous pouvons faire énormément côté code quand a la robustesse de l’application.

➲ Section 2 :

⁂ ANGULAR - 2.1 Introduction

➔ video concernant l'Introduction

⁂ ANGULAR - 2.2 Comment une application est chargée et démarrer

➔ video concernant Comment une application est chargée et démarrer

⁂ ANGULAR - 2.3 Les components sont importants

➔ video concernant Les components sont importants

⁂ ANGULAR - 2.4 Création d'un nouveau components

➔ video concernant la Création d'un nouveau components

⁂ ANGULAR - 2.5 Comprendre le role de la déclaration de l'AppModule et du component

➔ video concernant à Comprendre le role de la déclaration de l'AppModule et du component

⁂ ANGULAR - 2.6 Comprendre le role de la déclaration de l'app

➔ video concernant à Comprendre le role de la déclaration de l'app

⁂ ANGULAR - 2-7 Création de composants avec le CLI et imbrication de componants

➔ video concernant la Création de composants avec le CLI et imbrication de componants

⁂ ANGULAR - 2.8 Travailler avec des templates de components

➔ video concernant à Travailler avec des templates de components

⁂ ANGULAR - 2.9 Travailler avec les styles de components

➔ video concernant à Travailler avec les styles de components

⁂ ANGULAR - 2.10 Comprendre pleinement le sélecteur de components

➔ video concernant à Comprendre pleinement le sélecteur de components

⁂ ANGULAR - 2.11 Exercice 1

➔ video concernant l'Exercice 1

⁂ ANGULAR - 2.12 Qu'est-ce que le DataBinding

➔ video concernant le DataBinding

⁂ ANGULAR - 2.2.13 Interpolation de chaînes de caractères-eng

➔ video concernant l'Interpolation de chaînes de caractères-eng

⁂ ANGULAR - 2.14 Propriété Binding

➔ video concernant la Propriété Binding

⁂ ANGULAR - 2.15 Proprieté Binding VS interpolation de chaine

➔ video concernant la Proprieté Binding VS interpolation de chaine

⁂ ANGULAR - 2.16 Liaison de données bidirectionnelle

➔ video concernant la Liaison de données bidirectionnelle

⁂ ANGULAR - 2.17-Transmettre et utiliser des données avec la liaison d'événements

➔ video concernant comment Transmettre et utiliser des données avec la liaison d'événements

⁂ ANGULAR - 2.18 Liaison de données bidirectionnelle

➔ video concernant la Liaison de données bidirectionnelle

⁂ ANGULAR - 2.19-Combinaison de toutes les formes de liaison de données

➔ video concernant la Combinaison de toutes les formes de liaison de données

⁂ ANGULAR - 2.20-Exercice 2

➔ video concernant l'Exercice 2

⁂ ANGULAR - 2.21 Comprendre les Directives

➔ video concernant comment Comprendre les Directives

⁂ ANGULAR - 2.22- Utilisation de ngIf pour sortir des données de manière conditionnelle

➔ video concernant l'Utilisation de ngIf pour sortir des données de manière conditionnelle

⁂ ANGULAR - 2.23-Améliorer le ngIf avec une condition Else

➔ video concernant comment Améliorer le ngIf avec une condition Else

⁂ ANGULAR - 2.24 Stylisation dynamique des éléments avec ngStyle

➔ video concernant la Stylisation dynamique des éléments avec ngStyle

⁂ ANGULAR - 2.25-Appliquer des classes CSS de manière dynamique avec ngClass

➔ video concernant comment Appliquer des classes CSS de manière dynamique avec ngClass

⁂ ANGULAR - 2.26-Produire des listes avec ngFor.

➔ video concernant comment Produire des listes avec ngFor

⁂ ANGULAR - 2.27 Exercice 3

➔ video concernant l'Exercice 3

➲ Section 3 :

⁂ ANGULAR - 3.1 Introduction

➔ video concernant l'introduction

⁂ ANGULAR - 3.2 Planification d'une application

➔ video concernant la Planification d'une application

⁂ ANGULAR - 3.3 Création d'une application

➔ video concernant la Création d'une application

⁂ ANGULAR - 3.4 Configuration d'une application

➔ video concernant la Configuration d'une application

⁂ ANGULAR - 3.5 Création des composants

➔ video concernant la Création des composants

⁂ ANGULAR - 3.6 Utilisation des composants

➔ video concernant l' Utilisation des composants

⁂ ANGULAR - 3.7 Ajouter une barre de navigation

➔ video concernant comment Ajouter une barre de navigation

⁂ ANGULAR - 3.8 Sous Titre

➔ video concernant

⁂ ANGULAR 3.9 Sous Titre

➔ video concernant

⁂ ANGULAR 3.10 Sous Titre

➔ video concernant

⁂ ANGULAR 3.11 Affichage des détails de la recette

➔ video concernant l'Affichage des détails de la recette

➲ Section 4 :

⁂ ANGULAR Section 4 - 4.1 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.2 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.3 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.4 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.5 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.6 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.7 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.8 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.9 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.10 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.11 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.12 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.13 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.14 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.15 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.16 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.17 Sous Titre

➔ Resume

⁂ ANGULAR Section 4 - 4.18 Sous Titre

➔ Resume

➲ Section 5 :

⁂ ANGULAR Section 5 - 5.1 Sous Titre

➔ Resume

⁂ ANGULAR Section 5 - 5.2 Sous Titre

➔ Resume

⁂ ANGULAR Section 5 - 5.3 Sous Titre

➔ Resume

⁂ ANGULAR Section 5 - 5.4 Sous Titre

➔ Resume

⁂ ANGULAR Section 5 - 5.5 Attribution d'un alias aux propriétés personnalisées

➔ video concernant l'Attribution d'un alias aux propriétés personnalisées

⁂ ANGULAR Section 5 - 5.6 Bind des événements personnalisés

➔ video concernant le Bind des événements personnalisés

⁂ ANGULAR Section 5 - 5.7 Attribution d'un alias aux événements personnalisés

➔ video concernant l'Attribution d'un alias aux événements personnalisés

⁂ ANGULAR Section 5 - 5.8 Résumé des propriétés personnalisées et des liaisons d'événements

➔ video concernant le Résumé des propriétés personnalisées et des liaisons d'événements

⁂ ANGULAR Section 5 - 5.9 Comprendre l'encapsulation des vues

➔ video concernant à Comprendre l'encapsulation des vues

⁂ ANGULAR Section 5 - 5.10 En savoir plus sur l'encapsulation des vues

➔ video concernant à En savoir plus sur l'encapsulation des vues

⁂ ANGULAR Section 5 - 5.11 Utilisation de références locales dans les modèles

➔ video concernant l'Utilisation de références locales dans les modèles

⁂ ANGULAR Section 5 - 5.12 Accéder au modèle et au DOM avec @ViewChild

➔ video concernant à Accéder au modèle et au DOM avec @ViewChild

⁂ ANGULAR Section 5 - 5.13 Projeter du contenu dans des composants avec ng-content

➔ video concernant à Projeter du contenu dans des composants avec ng-content

⁂ ANGULAR Section 5 - 5.14 Comprendre le cycle de vie des composants

➔ video concernant à Comprendre le cycle de vie des composants

⁂ ANGULAR Section 5 - 5.15 Sous Titre

➔ Resume

⁂ ANGULAR Section 5 - 5.16 Sous Titre

➔ Resume

⁂ ANGULAR Section 5 - 5.17 Sous Titre

➔ Resume

➲ Section 6 :

⁂ ANGULAR Section 6 - 6.1 Sous Titre

➔ Resume

⁂ ANGULAR Section 6 - 6.2 Sous Titre

➔ Resume

⁂ ANGULAR Section 6 - 6.3 Sous Titre

➔ Resume

⁂ ANGULAR Section 6 - 6.4 Sous Titre

➔ Resume

Section 7 :

⁂ ANGULAR Section 7 - 7.1 Sous Titre

➔ Resume

⁂ ANGULAR Section 7 - 7.2 Sous Titre

➔ Resume

⁂ ANGULAR Section 7 - 7.3 Sous Titre

➔ Resume

⁂ ANGULAR Section 7 - 7.4 Sous Titre

➔ Resume

⁂ ANGULAR Section 7 - 7.5 Sous Titre

➔ Resume

👍 Bon à savoir :

💻 Ionic est l’un des principaux environnements de développement d’applications mobiles hybrides utilisés par les entreprises. Il fonctionne comme un framework SDK open source conçu sur des langages de programmation. Ionic a acquis une très grande popularité en tant que langage de programmation ou framework basé sur Javascript, HTML 5, CSS 3, Apache Cordova et Angular.

📱 En tant que framework open source, Ionic a conquis le cœur des développeurs et des entrepreneurs en raison de la richesse de ses fonctionnalités. L’équipe de Ionic est bien déterminée à poursuivre son objectif de faciliter le développement mobile pour iOS et Android.