Coder Social home page Coder Social logo

camara94 / angular-avance-4 Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 80.92 MB

La formation Angular 4 : Les fondamentaux vous a permis de comprendre le fonctionnement d’Angular 4. Dans cette nouvelle formation vous allez approfondir des notions que vous avez déjà abordées mais vous allez aussi découvrir des concepts plus avancés sous Angular 4. Durant formation Angular 4 vous allez découvrir le concept de Zone qui va vous obliger à mieux comprendre le principe de fonctionnement de JavaScript. La découverte des Zones est une introduction au fonctionnement bas niveau d’Angular 4 puisque nous allons voir la façon dont il gère le changement dans l’arbre DOM et comment nous pouvons optimiser ce comportement.

License: MIT License

JavaScript 15.68% TypeScript 76.79% HTML 6.81% SCSS 0.72%
angular scss css javascript-framework typescript javascript typescript-library

angular-avance-4's Introduction

Formation Angular : Avancé

Description de la formation

La formation Angular 4 : Les fondamentaux vous a permis de comprendre le fonctionnement d’Angular 4. Dans cette nouvelle formation vous allez approfondir des notions que vous avez déjà abordées mais vous allez aussi découvrir des concepts plus avancés sous Angular 4.

Durant formation Angular 4 vous allez découvrir le concept de Zone qui va vous obliger à mieux comprendre le principe de fonctionnement de JavaScript. La découverte des Zones est une introduction au fonctionnement bas niveau d’Angular 4 puisque nous allons voir la façon dont il gère le changement dans l’arbre DOM et comment nous pouvons optimiser ce comportement.

Le travail avec les formulaires est essentiel, pendant cette formation Angular 4 vous comprendrez que les ReactiveForms vont vous permettre d’être plus efficace en concevant la totalité du formulaire dans le code de votre component (et pas dans le template comme c’est le cas avec le template-drive-forms).

Aussi, cette formation Angular 4 vous permettra de maitriser l’injection de dépendance, qui est un principe fondamental présent dans la plupart des frameworks. Comme dans AngularJS, Angular 4 propose la notion de service qui va vous permettre d’injecter votre « business logic » dans vos components. Vous allez voir comment fonctionne l’injection de dépendance et comment développer un service.

Avec les Pipes dans cette formation Angular 4, vous allez voir comment maitriser l’affichage de certaines datas dans vos templates. Vous découvrirez une liste des principaux Pipes et verrez comment développer le vôtre.

Les routes représentent la colonne vertébrale d’une application web. Durant cette formation Angular 4 vous allez voir comment gérer les routes enfants et les routes secondaires (en utilisant les chemins relatifs) et vous verrez également comment contrôler l’accès aux routes avec les Guards. En dernier lieu, vous découvrirez comment charger des datas « au bon moment » (lazy loading).

Dans le projet final de la formation vous verrez comment utiliser Docker pour mettre en place très rapidement un serveur Restful et vous implémenterez les principaux concepts abordés dans les vidéos.

Cette formation Angular 4 est très orientée pratique et démonstration. Elle est construite autour d’un projet que vous allez réaliser au fur et à mesure que le formateur. Tous les exercices, les sources et les fichiers sont en téléchargement depuis votre espace membre.

Objectifs

  • Utiliser Docker du point de vue du développeur Angular 4
  • Développer des formulaires dans le code des components avec les ReactiveForms sous Angular 4
  • Comprendre l’injection de dépendance et développer des services Angular 4
  • Utiliser et développer des Pipes avec Angular 4
  • Maîtriser le routing de l’Angular 4 (child, routes secondaires et guards)

Notion aborbée

notions

Plan du cours

plan

Plan

  • Les Reactives forms
  • Reactive forms vs Template Driven forms
  • Démostration

Les Reactives forms

reactive forms

Comparaison

comparaison

Schema

Template driven forms

template

Reactive driven forms

reactive

FormBuilder

formbuilder

La validation

validation

L'Injection de deépendance ?

injection depence

Le principe de l'injection de dependance

inject

Services

service

Création de service

createservice

Pipe

pipe

Utilisation du pipe

ut

Pipe personaliser

pipep

UperCase et LowerCase

UperCase

upper

LowerCase

lowercase

DatePipe

date

CurrencyPipe

curr

PourcentPipe

percent

Autre Pipe Personalisée

pipe

Interface PipeTransformer

trans

Route en Angular

Module en angular

module

Configuration

config

Application à réaliser ici

routes

Chemin relatifs

relatif

Les routes sécondaires

route

Surveillance des routes

surveillance

Les Guards

can

Routing Asynchrone

routing async

angular-avance-4's People

Contributors

camara94 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.