= ANGULAR
{{tag>development}}
== + info
  * [[https://developer.mozilla.org/es/docs/Web/JavaScript/Una_re-introducci%C3%B3n_a_JavaScript|re-introducción a javascript]]
  * [[https://developer.mozilla.org/es/docs/Learn/JavaScript/Objects|introducción a los objetos JavaScript]]
  * [[https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Sentencias/let|let]]
  * [[https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Sentencias/const|const]]

== curso PUE
=== temario
  * [[development:angular:]]
  * [[development:angular:introduccion]]
  * [[development:angular:introduccion-typescript]]
  * [[development:angular:entorno]]
  * [[development:angular:estructura]]
  * [[development:angular:elementos-basicos]]
  * [[development:angular:componentes]]
  * [[development:angular:directivas]]
  * [[development:angular:directivas-estructurales]]
  * [[development:angular:directivas-atributos]]
  * [[development:angular:modulos]] <-PPT 6.3, 6.4, 6.5 ? aquí o en una sección "avanzada"?
  * [[development:angular:pipes]] <- PPT 5.1, 5.2, 5.3, 5.4
  * [[development:angular:rutas]] <- añadir parte 5 de práctica Tic-Tac-Toe
  * [[development:angular:observables]] <- PPT 7.1, 7.2
  * [[development:angular:servicios]] <- PPT 7.3, 7.4
  * [[development:angular:httpClient]] <- PPT 7.5, 7.6
  * [[development:angular:formularios]] <-- PPT 8

=== practicas
  * [[development:angular:practica1]]
  * [[development:angular:vinoteca]]
  * [[development:angular:jerarquia]] <- PPT practica4
  * [[development:angular:tic-tac-toe]]

=== fase 2 (gilberto)
  * [[development:angular:20200226]]
  * [[development:angular:20200302]]
  * [[development:angular:20200309]]

=== otros
  * [[development:angular:tslint.json]]
  * [[development:angular:produccion]] <- temas varios
  * extensión chrome: [[https://chrome.google.com/webstore/detail/augury/elgalmkoelokbchhkhacckoklkejnhcd]]
  * colgar tu JSON:
    * PoC json api: [[http://myjson.com/api]]
    * ejemplo vinos: [[https://api.myjson.com/bins/grrdf]]


=== remember
  * <code bash>ng new <PROJECT> --routing=true --style=css</code>
  * descargar módulos angular en proyectos descargados (no se comparte el directorio **node_modules**):<code bas>npm i</code>

== DUDAS
  * parámetros ''-is'' ''-it''
    * ''-is'' : estilos CSS inline, no fichero anexo
    * ''%%--%%spec=false'' -> ''%%--%%skipTests'' (nuevo formato): no añade ficheros de test
  * promesas y observables

== otros
  * Material Design
    * iconos:[[https://material.io/resources/icons/?style=baseline]]
    * material: [[https://material.io/]]
    * angular material: [[https://material.angular.io/]]
    * material schematics: [[https://material.angular.io/guide/schematics]]
  * Angular Guide Lines: [[https://angular.io/guide/styleguide]]
  * Registro de cambios: [[https://update.angular.io/]]
  * aprender rxjs (observables/promesas): [[https://www.learnrxjs.io/]]
  * banana in a box: [[https://gustavodohara.com/blogangular/banana-in-box-banana-la-caja/]]
  * [[https://www.adobe.com/es/products/xd.html|adobe Xd]]

== trucos
  * VS Code: SHIFT + ALT + F -> reformatear código