jguyet / formation-angular

Site web pour qui sert de support d'apprentisage lors de mes formations Angular

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

To use OpenFin

cd backend npm install node server

MaterialDemo

This project was generated with Angular CLI version 8.1.2.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

3. Mon 1er Composant

https://github.com/jguyet/formation-angular/tree/new-component

Coder un nouveau Composant
ng generate component nomducomposant

TP 1 - Exemples de Binding one way et two way :
https://github.com/jguyet/formation-angular/tree/component-binding-1

TP 2 - Exemples de Binding entre composant parent/enfant :
https://github.com/jguyet/formation-angular/tree/component-binding-2

4. Ma Premiere Directive

https://github.com/jguyet/formation-angular/tree/directives

Running unit tests

Run ng test to execute the unit tests via Karma.

5. Création d'un module (share.module.ts)

https://github.com/jguyet/formation-angular/tree/modules

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

6. Premier pipe

https://github.com/jguyet/formation-angular/tree/pipes

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

7. Créer un Service

https://github.com/jguyet/formation-angular/tree/services

Coder un nouveau service
ng generate service nomduservice

8. Routing Module

https://github.com/jguyet/formation-angular/tree/routing

Pour utiliser le RoutingModule vous avez deux façons de l'installer :

  1. en choisissant son importation à la generation d'un module à l'aide d'angular cli avec le flag --routing
  2. en le créant manuellement.

9. Rxjs les observables

Explication d'un observable et utilisation dans le tp suivant.

10. Service HttpClient (communication avec une api)

Création d'un service qui communiquera avec une api fourni.

11. Formulaires

Création d'une nouvelle page d'insertion de nouveaux assets.
Utilisation du service créé précedement.

Credit

Formation angular proposé par Jérémy Guyet & Ambient-it.

About

Site web pour qui sert de support d'apprentisage lors de mes formations Angular


Languages

Language:TypeScript 53.8%Language:HTML 40.0%Language:CSS 3.8%Language:JavaScript 2.4%