Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Angular 6, CLI 6, Material 6 (french)

1,210 views

Published on

Présentation technique de Laurent Duveau au Meetup AixJS du 12 Juillet 2018 à Aix-En-Provence, France.

https://www.meetup.com/aixjs-org/events/252276528/

Published in: Technology
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Angular 6, CLI 6, Material 6 (french)

  1. 1. ANGULAR 6 CLI 6 MATERIAL 6 Laurent Duveau, 12 Juillet 2018 AixJS Meetup, Aix-en-Provence, France
  2. 2. =???
  3. 3. =666
  4. 4. Laurent Duveau @LaurentDuveau à Montréal! Microsoft MVP Fondateur de l’Académie Angular Formation en classe de 2 jours 118 workshops en 2 ans et demi! Montréal, Boston, Québec,Toronto, Vancouver, Ottawa, Calgary,Winnipeg, London, Copenhague, Helsinki…
  5. 5. Angular 6 Alignement des librairies!
  6. 6. Angular 6 PWA : ProgressiveWeb Apps « Application web au comportement natif » Angular supporte PWA et la CLI nous permet de l’activer en 1 commande. > ng add @angular/pwa
  7. 7. Ivy renderer Nom de code du nouveau moteur de rendu qui va réduire la taille des applications et accélérer la compilation Une app HelloWorld en seulement 2.7Ko compressée!! 100% compatible avec les apps existantes! Note: Ivy sera disponible plus tard cette année
  8. 8. Ivy renderer
  9. 9. Angular Elements Créez un composant Angular et publiez-le en tant que composantWeb standard, qui peut être utilisé dans n'importe quelle page HTML. Hoster Angular partout! Vieux site web en Js et jQuery Mixer les frameworks ensemble (React, …) Wordpress https://angular.io/guide/elements
  10. 10. Angular 6 RxJS 6: Nouvelle syntaxe d'importation! import { Observable } from 'rxjs/observable'; import { of } from 'rxjs/observable/of'; mport { map, filter } from 'rxjs/operators'; avant import { Observable, of } from 'rxjs'; import { map, filter } from 'rxjs/operators'; après https://update.angular.io/
  11. 11. Mise en route rapide! + génération de composants, services, routes, … > npm install -g @angular/cli > ng new DemoApp > cd DemoApp > ng serve cli.angular.io > ng g c products/product-list
  12. 12. Mettre à jour votre app Angular! Ajouter et configurer des librairies 15 > ng update > ng add @angular/pwa > ng add @angular/elements > ng add @angular/material > ng add @ng-bootstrap/schematics > ng add @clr/angular > ng add @nativescript/schematics
  13. 13. Schematics! Flexible Overlays Tree: données hiérarchiques Badge > ng g @angular/material:material-nav --name=home https://material.angular.io/
  14. 14. Component Dev Kit (CDK) https://material.angular.io/cdk/categories
  15. 15. Angular 7 ??
  16. 16. Angular 7 https://angular.io/guide/releases
  17. 17. Merci!

×