$ 50.00

Tuto Angular 6, Angular Material et RxJS 6 par la pratique avec Angular

$ 50.00

  • Une formation vidéo de 5h03m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Voici une formation Angular en vidéo ! Grâce à cette formation complète vous allez apprendre : 

  • A développer une application moderne et responsive avec Angular 6
  • A mettre en oeuvre les bonnes pratiques en créant services, interfaces, modèles ...
  • A articuler toutes les notions abordées dans un cas pratique : en créant une véritable application
  • A être en position de force par rapport aux entreprises et recruteurs cherchant des développeuses et développeurs à la pointe de la technologie

Angular est en V6 depuis le 3 mai 2018.
Ce qui caractérise cette version est la mise à disposition de nombreux outils qui vous permettront d'être plus productif.
 

Au programme de cette formation Angular 6

Ce cours 100% en vidéo et en ligne, vous permettra de les prendre en main Angular par la pratique en créant une application de A à Z.
Cette application pourrait correspondre à la commande d'un client propriétaire de restaurant.
Nous la créerons ensemble, ce qui vous permettra de voir ou revoir la programmation web à l'aide du framework Angular.

Vous apprendrez notamment à :

  • à créer un menu latéral à l'aide de la nouvelle commande "ng add" apparue avec Angular CLI 6
  • à présenter sous forme de table permettant tri et pagination les plats proposés à la carte
  • à générer un dashboard, à le personnaliser et le peupler à l'aide d'un service que nous créerons de toute de pièce, service épaulé par un modèle afin de profiter du typage fort
  • à prendre en main les nombreux modules d'Angular Material afin d'obtenir de créer des interfaces graphiques à l'allure professionnelle
  • à créer un module de réservation qui illustrera la création de formulaires de type template driven form et reactive form
  • à se se familiariser avec la nouvelle syntaxe et la nouvelle organisation des nombreux opérateurs de RxJS est aussi en v6, la célèbre librairie abondamment utilisée par le framework Angular

Et tout cela, avec le support du code source fourni sur un repo Github !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. 

Le développement est un savoir faire pas un savoir faire, pas de la théorie : montez en compétence ou progressez en développement Angular à l'aide de cette formation orientée projet.

Table des matières de cette formation Angular (durée : 5h03m)

  • Introduction
    • Démo de l'application créée durant la formation gratuit 00:04:06
    • Génération de notre application Angular avec Angular CLI 00:07:22
    • Tour du propriétaire de l'application générée par Angular CLI 00:09:52
    • Tour du propriétaire de l'application générée par Angular CLI (suite) 00:05:24
    • Démo (fin) 00:01:32
  • Angular Material
    • Installation d'Angular Material 00:06:08
    • Material Sidenav 00:09:54
  • Le routage
    • Génération de components 00:06:04
    • Implémentation du routage 00:10:08
  • Angular Material (suite)
    • Utilisation d'une Angular Material Card 00:09:50
    • Génération d'un Material Dashboard 00:10:35
    • Personnalisation du Material Dashboard 00:02:13
    • Génération d'une Material Data Table 00:06:36
    • Ajout d'un prix au data source et implémentation du tri sur le prix 00:09:03
  • Création d'un service et d'un modèle
    • Création du service quick-lunch.service.ts 00:06:18
    • Création du modèle "Food" 00:07:49
    • Consommation de notre service 00:08:26
    • Afficher le contenu propre à chaque type de nourriture 00:07:37
    • Formatage du prix à l'aide du pipe "currency" et utilisation du séparateur "mat-divider" 00:10:56
    • Formatage du prix à l'aide du pipe "currency" et utilisation du séparateur "mat-divider" 00:05:53
  • Les formulaires
    • Imports et variables requises par Reactive Forms 00:06:00
    • Liaison d'un FromGroup à un formulaire côté template 00:08:20
    • Angular Material datepicker 00:08:25
    • Datepicker en français 00:01:31
    • Angular Material Select 00:06:06
    • Template driven form 00:09:18
    • Soumission du formulaire 00:05:47
    • Flag contrôlant l'affichage successif des formulaires 00:05:04
  • RxJS 6
    • Présentation de RxJS 00:10:52
    • Utiliser les opérateurs 00:12:03
    • Les opérateurs tap() et map() 00:09:03
    • HttpClient 00:12:10
    • L'opérateur switchMap() pour aplatir un Observable d'Observable 00:07:20
    • Filtrer 00:06:09
    • Typer fortement les requêtes Http 00:08:24
    • Générer une Material Card par EveningEvent 00:02:40
  • Communication entre components
    • Communication parent vers enfant à l'aide de @Input() 00:11:49
    • Finalisation du template du component enfant 00:07:40
    • Communication enfant vers parent à l'aide de @Output() 00:12:00
    • Output() fin 00:07:25



Formateur : Samir Medjdoub

Samir Medjdoub a publié 1 tutoriel et a vendu 0 tutoriel. Voir les autres formations de Samir Medjdoub

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Angular
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1162 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données