Cerca

Heus ací els resultats de la cerca.

02/03/2020
11 Resultats, Darrera modificació:
orio **e2e** - eliminar referencias a **e2e** en **package.json** y **angular.json** - actuali... ]] se está deprecando * **--save-dev** solo en desarrollo === prettier * introducción: [[https://medium.com/@simonhoyos/manten-limpio-tu-c%C3%B3digo-javascript-usando-linters-e... prettier-99ffbec05363]] * crear **.prettierrc** en el raíz del proyecto * añadir configuración:<co
introducción a TypeScript y ECMAScript 6 (ES6)
8 Resultats, Darrera modificació:
TypeScript y ECMAScript 6 (ES6) * uso intensivo en aplicaciones Angular * decoradores = característica experimental en ES6, pero consolidados en Angular * JavaScript tiene tipado débil de tipos, lo que no nos avisa de situaciones que pueden producir errores. == TypeScript * {{ :developm
angular: rutas
8 Resultats, Darrera modificació:
= angular: rutas == rutas hijas en módulo centralizado * en vez de tener todas las rutas centralizadas, cada módulo gestiona sus propi... component: UsuarioComponent, children: [ { path: 'nuevo', component: Usuari... edirectTo: 'home' } ];</sxh> * uso de las rutas en la página <sxh html; title:usuario.component.html
angular: directivas estructurales
6 Resultats, Darrera modificació:
PPT 3.7 + 3.8 + 3.9 + 4.1 + 4.2 + 4.3 * lógica en capa de presentación (plantilla) * se reconocen por tener **%%*%%** en el nombre * no es necesario fichero HTML * no es un componente == ngIf ... ></sxh> * usamos un array **colores** defindo en la clas del componente:<sxh typescript>export cla
practica 1
6 Resultats, Darrera modificació:
TES); </sxh> * añadir a **app.modules.ts** * en **navbar.component.html**:<sxh html> ... ar la opción activa * uso de **[routerLink]** en lugar de **href** == servicios * Ofrecer objet... ión de Dependencias. * Brindar información a quien la necesite. * Realizar peticiones CRUD (create... e los datos. * Servir como recurso reutilizable en la aplicación. * <code bash>ng g[enerate] s[erv
angular: componentes
5 Resultats, Darrera modificació:
om/|bootstrap]] como framework CSS * añadirlo en **package.json** y usar ''npm'' para su instalaci... ] <NOMBRE></code> * añadir el componente: * en src/app/app.module.ts a través de **import** * en la sección **@NgModule** -> **declarations** * en src/app/app.component.html con la etiqueta corres
angular: estructura proyecto
5 Resultats, Darrera modificació:
ara escribir código más límpio * genera error en el IDE si no las cumplimos * **src/** * cod... ue rellenará la etiqueta ''<app-root/>'' indicado en la directica **selector** * <sxh javascri... l HTML que se usa desde el .ts que será inyectado en ''<app-root/>'' según la directiva **templateURL*... * archivos con variables de entorno según estemos en producción o desarrollo * src/browserlist
angular: promesas y observables
5 Resultats, Darrera modificació:
ncillas de implementar * cuando termina, se pueden dar dos situaciones: * resolve() : OK * r... de datos y flujos (finito o infinito) * se pueden reintentar en caso de error (retry,replay) * se pueden encadenar operaciones adicionales: map, forEach, reduce, e
angular: elementos básicos app
4 Resultats, Darrera modificació:
mponente por app -> **AppComponent** por defecto, en src/app == index.html * es la home de la aplicación con el uso del tag indicado en el **selector** * <sxh html; title: index.html;... ot> </body> </html></sxh> == modulos * clase en fichero TS que usa un decorador (annotation) espe... * alta cohesión * podría parecer que añaden complejidad innecesaria, pero no es así * +in
introducción e instalación
4 Resultats, Darrera modificació:
suele hacer referencia a la versión * coexisten las 2 ramas * la mayor parte del código Angul... erías de terceros) * versionamiento semántico en el sistema de versionar releases -> X.Y.Z *... es del API que habían sido consideradas obsoletas en la anterior release * libera nuevas version... iversal * ejecuta primera vista de aplicación en Node.js, PHP y otros servidores para optimazar el
práctica: jerarquia padre-hijo
4 Resultats, Darrera modificació:
traspaso de información entre componentes que tienen una relación padre-hijo * envíar al hijo es fác... del mismo padre, hay que pasar por él, no se pueden hablar entre ellos == padre-hijo * @Input == ... ventEmitter<number>(); } emitirId() { // en el objeto instanciado y emitir para quien escuche this.evtPeliculaSeleccionada.emit(this.pelicula
formularios
3 Resultats, Darrera modificació:
= formularios == template-driven forms * la plantilla es la responsable de crear los controles, form... e usa **ngModel** * importar el **FormsModule** en **app.module.ts** === caso * doble binding con... </sxh> PPT 8.2~2 == reactive forms (aka data-driven forms) * la clase del componente es responsable
angular: módulos
3 Resultats, Darrera modificació:
ports: * BrowserModule: permite ejecución en un navegador * NgModule: nos permite usar... stema de enrutado de Angular, casi imprescindible en la mayoría de apps * AppComponent: un mód... ente inicial * finalmente, el nombre del módulo y su accesibilidad en la definción de la clase
angular: pipes
3 Resultats, Darrera modificació:
ción al vuelo de los datos para su representación en la página * también para superar restricciones ... ipe) * los pipes, como sus homólogos linux, pueden concatenarse:<sxh html><p>{{ now | date:'fullDate... cha (locale) a castellana Configuración necesaria en el fichero app.module.ts <sxh typescript;title:
angular: entorno
2 Resultats, Darrera modificació:
. Es una clase! * uso de decoradores para que en función de lo que allí definamos, la clase defini... * **export** para permitir que se pueda usar en otros módulos * app.module.ts == arranque
angular: servicios
2 Resultats, Darrera modificació:
ANGULAR
2 Resultats, Darrera modificació:
26/02/2020
1 Resultats, Darrera modificació:
09/03/2020
1 Resultats, Darrera modificació:
angular: directivas y personalización
1 Resultats, Darrera modificació: