Divers » Video2Brain Découvrir AngularJS 2 [Tutoriels]

Découvrez les nouveautés d'AngularJS 2 ! Suivez cette formation de Julien Moulin et apprenez à créer facilement des applications pour le web, le mobile et les environnements de bureau. Apprenez à monter un premier composant et à architecturer les informations. Définissez des modèles, travaillez avec les synchronisations de données et lancez-vous dans le découpage des informations avec le template et le contrôleur. Puis, voyez comment décorer une page avec les styles CSS et écrire des logiques métier et des comportements d'action avec le langage TypeScript. Abordez le travail par itération ainsi que les interactions et créez un modèle de données. Aussi, persistez vos objets dans des collections, sans avoir à passer les informations à une fonction, en mettant en place une synchronisation puissante entre votre vue et votre action. Vous serez alors entièrement capable de créer des applications robustes et très réactives avec le moins de code JavaScript possible.


Faire ses premiers pas avec AngularJS 2
Voici une introduction qui vous permettra de bien prendre en main l'environnement et d'être certain d'avoir les bases nécessaires.

Découvrir cette formation 02:17
Utiliser les fichiers d'exercice 01:46
Aborder les prérequis 02:48
Explorer l'environnement de développement 03:21


Démarrer avec AngularJS 2
Partez à la découverte du bootstrap ! Il vous permet de bien commencer cette formation et de bien comprendre ce qu'est AngularJS 2.

Comprendre les différences avec la version 1 06:54
Aborder ECMAscript 6 et les langages possibles avec AngularJS 2 04:12
Mettre en place les fichiers à inclure dans son application 04:26
Préparer une structure classique HTML 01:40
Démarrer une application 05:05
Prendre en main un premier composant très simple 05:50
Poursuivre avec son premier composant 04:41


Utiliser le templating
Dans ce chapitre, vous allez faire le tour des concepts d'affichage d'information avec votre nouveau framework.

Découvrir le multiligne avec ES6 03:54
Découper les templates proprement 03:41
Passer des variables au template 03:59
Initialiser des variables avec des constructeurs 05:18
Créer des boucles sur un tableau 06:28
Conditionner des affichages 04:24
Définir des styles pour un composant 03:10
Importer des styles depuis un fichier 04:13


Découvrir les évènements avec AngularJS 2
Le système d'évènements est devenu plus clair, moins complexe à prendre en main et se révèle bien plus efficace.

Placer un écouteur sur l'évènement de type click 03:20
Définir l'objet évènement 03:25
Récupérer une valeur sur l'évènement 03:54
Passer une valeur personnalisée 02:53
Utiliser un évènement pour créer un objet 03:23
Gérer les modèles et l'input 07:37
Afficher en live avec le data-binding 02:28


Structurer les informations
Allez plus loin avec les sous-modules. Ils permettent de créer des petits composants réutilisables. Il s'agit d'une des forces vives de votre framework.

Explorer l'interface pour les collections d'objets 05:16
Créer des constantes de paramètres 05:08
Utiliser les formulaires 08:37
Créer un sous-module de composant 02:58
Attacher un sous-module à un composant 03:19
Passer des variables à un sous-module 03:23
Faire fonctionner les actions entre modules 05:03
Utiliser un sous-module pour le formulaire 06:34


Découvrir les filtres
Pour gagner encore en efficacité, Angular vous permet de déclarer des filtres qui seront utilisés dans le templating. Il s'agit de formater des données.

Aborder la notion de filtre 02:31
Comprendre les filtres basiques fournis 03:38
Créer un filtre pour la recherche 05:11


Aller plus loin avec AngularJS 2
Ne lâchez rien ! La courbe de progression d'Angular est très élevée. Explorez quelques astuces pour aller plus loin avec ce framework.

Se documenter sur Angular 04:44
Aborder les plug-ins d'AngularJS 2 03:44
Conclure sur AngularJS 2 04:58

Le téléchargement du fichier Video2Brain Découvrir AngularJS 2 [Tutoriels] est gratuit et rapide ! Sur Wawa City, vous allez découvrir une nouvelle façon de télécharger : des liens valides postés par des internautes pour une meilleure qualité !