un

Cerca

Heus ací els resultats de la cerca.

introducción a TypeScript y ECMAScript 6 (ES6)
15 Resultats, Darrera modificació:
[[https://www.typescriptlang.org/]] * superconjunto de ECMAScript 6 (lo dota de mayores funcionalidades, destacando el tipoado de datos) * ficheros *... definición de los tipos en los parámetros de las funciones == instalación * <code bash>npm install ... cript; app.js> var alumno = { nombre: "Joan" } function saludar(nombre) { console.log("Hola " +
09/03/2020
14 Resultats, Darrera modificació:
librerías (npm install) para reutilizar en más de un proyecto <code bash>ng new myAngularLib --create-application=false</code> * un servicio == workspace * nueva metodología de d... sh>ng g library <NOMBRE></code> * esto creará un directorio **PROJECTS** y dentro la librería... C... su estructura más "tradicional" de directorios de un proyecto angular * y eso, por cada librería q
angular: estructura proyecto
7 Resultats, Darrera modificació:
json** * **angular.json** * como es y como funciona nuestra app * partes importantes: assets... src/app/app.component.spec.ts: * pruebas unitarias (se usa **spec** para identificarlos) ... * <sxh html; title=app.component.html><h1>Hola mundo</h1> <ul> <li>Nombre: {{nombre}}</li> <... src/app/app.module.ts: * clase que define un decorador llamado **ngModule** (se verá más adela
angular: elementos básicos app
6 Resultats, Darrera modificació:
icos app * PPT: 3.3 == componentes * piezas funcionales y reutilizables * bajo coste mantenimie... * sección **@Component** <- decorador * función que recibe un JSON como parámetro * sección definición clase * <sxh javascript; title... head> <meta charset="utf-8"> <title>Hola mundo</title> <base href="/"> </head> <body>
02/03/2020
4 Resultats, Darrera modificació:
n** - actualizar con ''npm i'' - instalar un formateador de código: ''npm i --save-dev prettie... install --save-dev tslint-config-prettier'': crea una serie de reglas en TSLINT para que convivan los ... n>"husky": { "hooks": { "pre-commit": "run-s format:check lint" } }</code> * reglas de... r.github.io/tslint/usage/rule-flags/]] * ''npm run lint'' === firebase * usar firebase para auten
angular: directivas estructurales
4 Resultats, Darrera modificació:
nombre * no es necesario fichero HTML * no es un componente == ngIf * elemento que queremos ocultar o mostrar * se le asigna algun expresión que retorne un boolean * angular crea o descrea el elemento del DOM según marque la varia... estar vinculado a la directiva hace referencia a un atributo de la clase, si no, iría entre %%{{ }}%%
introducción e instalación
4 Resultats, Darrera modificació:
vida de las SPA((Single Page Application)) * una sola pàgina * carga de datos dinámica asíncr... * la mayor parte del código Angular 2 todavia funciona con las últimas versiones (problemas librerí... que puede romper compatibilidad, eliminación de funciones del API que habían sido consideradas obsole... nto * generación de código * optimizado * universal * ejecuta primera vista de aplicación
angular: entorno
3 Resultats, Darrera modificació:
: servidor web interno * ''ng test'': pasa test unitarios (ficheros **spec**) == aplicación angular * ha de constar como mínimo de un modulo, que ha de estar compuesto de al menos 1 c... t.ts** es el fichero más importante de la app. Es una clase! * uso de decoradores para que en función de lo que allí definamos, la clase definida se c
angular: módulos
3 Resultats, Darrera modificació:
ts: * BrowserModule: permite ejecución en un navegador * NgModule: nos permite usar **@NgModule** para indicar que AppModule es un módulo * AppRoutingMOdule: sistema de enr... ble en la mayoría de apps * AppComponent: un módulo debe tener al menos 1 componente * @
practica 1
3 Resultats, Darrera modificació:
RUD (create, read, update, delete), normalmente a un backend que exponga un API Rest. * Gestionar la persistencia de los datos. * Servir como recurso ... code> * genera el código correspondiente, con un decorador llamado **@Injectable** * añadir en *
angular: directivas y personalización
2 Resultats, Darrera modificació:
* cambian la apariencia o el comportamiento de un elemento, componente u otra directiva * se us... ecesitemos modificar * la directiva ha de tener un parámetro de entrada (a través de **@Input**) *
formularios
2 Resultats, Darrera modificació:
nombre" ngModel></sxh> * el framewrok añadirá una serie de clases para indicar diferentews estados (ng-pristne, ng-dirty, ng-untoched, ng-touched, ng-valid, ng-invalid) que nos ... quitamos la etiqueta * por contra, le añadimos una función y la vinculación a ella:<sxh typescript> guardar() { console.log("Formulario enviado"); }<
angular: promesas y observables
2 Resultats, Darrera modificació:
io de la aplicación == promesas * trabajan con un único flujo de datos * conjunto de datos único * difícil de cancelar * sencillas de implementar... 00415.png?500 }} == observables * trabajan con una gran cantidad de datos y flujos (finito o infini
26/02/2020
1 Resultats, Darrera modificació:
od** -> ''ng serve --port 4300 --prod'' -> ''npm run start:prod'' == Angular Material * framework G
angular: directivas de atributos
1 Resultats, Darrera modificació:
* ''--spec=false'': no crear ficheros de pruebas unitarias <sxh typescript; title: prueba ngStyle> .
angular: pipes
1 Resultats, Darrera modificació:
angular: rutas
1 Resultats, Darrera modificació:
angular: servicios
1 Resultats, Darrera modificació: