Cerca
Heus ací els resultats de la cerca.
Resultats de text complet:
- angular: estructura proyecto
- pruebas extremo a extremo, simulación interacción con humano * angular-cli configura este directorio de forma automática * **node_modules**: * mul... rmación, dependendias de nuestro proyecto * **tsconfig.json** * indica a TypeScript como trabajar... src/index.html * fichero de inicio, html 5, con tags específicos (placeholder) para colocar nuest
- introducción a TypeScript y ECMAScript 6 (ES6)
- adores = característica experimental en ES6, pero consolidados en Angular * JavaScript tiene tipado d... * [[https://www.typescriptlang.org/]] * superconjunto de ECMAScript 6 (lo dota de mayores funciona... e> == compilación * compilar (tsc = TypeScript Console): ''tsc <APP>'' * compilar automaticamente ... cambios: <code bash>tsc --init # genera fichero tsconfig.json tsc -w # generará el fichero .js correspo
- angular: directivas y personalización
- personalización * componentes * directivas con plantilla asociada * son del tipo más común ... acado]' }) export class DestacadoDirective { constructor( private el: ElementRef) { const nativeElement = el.nativeElement; nativeEl... @Input('appDestacado') userColor: string; constructor(private el: ElementRef) { } ngOnInit(
- angular: rutas
- mponent} from './components/home/home.component'; const rutas: Routes = [ { path: 'home', component... pathMatch: 'full', redirectTo: 'home' } ]; export const GLOBAL_ROUTES = RouterModule.forRoot(rutas); </... typescript; title:app.router.ts; highlight:6-11> const rutas: Routes = [ { path: 'home', component... onent} from './usuario-detalle.component'; export const USUARIO_ROUTES: Routes = [ { path: 'nuevo',
- 09/03/2020
- n directorio **PROJECTS** y dentro la librería... Con su estructura más "tradicional" de directorios de... a que se quiera crear == debugging * comunidad con tutoriales e info: [[https://fireship.io/]] * a... * **F12**, herramientas desarrolladores * consultar valores, mostrar dependencias * Debugger * con las herramientas de desarrollador, cuando se ejec
- formularios
- s * la plantilla es la responsable de crear los controles, formularios y reglas de validación * sincronización entre la vista y el modelo con el doble enlace (two-way databinding) * si la... actualiza el modelo, y viceversa * se enlaza con el atributo **name** de html y el atributo **ngMo... t:3> <input id="nombre" name="nombre" class="form-control" type="text" placeholder="Nombre" ngM
- 02/03/2020
- ackage.json** y **angular.json** - actualizar con ''npm i'' - instalar un formateador de código... io-tu-c%C3%B3digo-javascript-usando-linters-editorconfig-y-prettier-25dadc638b99]] * tutorial: [[http... *.prettierrc** en el raíz del proyecto * añadir configuración:<code json> { "printWidth": 100, "s... rue } </code> * ''npm install --save-dev tslint-config-prettier'': crea una serie de reglas en TSLINT
- introducción e instalación
- mayor parte del código Angular 2 todavia funciona con las últimas versiones (problemas librerías de ter... * Y: actualización menor, 100% retrocompatible con la versión X * X: actualización mayor, que ... eliminación de funciones del API que habían sido consideradas obsoletas en la anterior release *... vas * para dispositivos móviles, integrándose con Cordova, Ionic o NativeScript == velocidad y ren
- angular: directivas de atributos
- directorio **components** podría variar a nuestra conveniencia * ''-it'': ? * ''-is'': ? * ... escript; title: ngClass><div [ngClass] ="'first second'">...</div></sxh> * <sxh typescript; title: ngClass><div [ngClass] ="['first', 'second']">...</div></sxh> * <sxh typescript; title: ngClass><div [ngClass] ="{'first': true, 'second': true}">...</div></sxh> * <sxh typescript;
- angular: elementos básicos app
- pp == index.html * es la home de la aplicación con el uso del tag indicado en el **selector** * <s... nnotation) específica: **@NgModule** * trabajar con módulos nos permite: * escalar aplicación * evitar complejidad (o tenerla controlada) * bajo acoplamiento * alta cohesi... odMode(); } platformBrowserDynamic().bootstrapModule(AppModule).catch(err => console.log(err)); </sxh>
- ANGULAR
- .org/es/docs/Web/JavaScript/Referencia/Sentencias/const|const]] == curso PUE === temario * [[development:angular:]] * [[development:angular:introduccio... observables == otros * Material Design * iconos:[[https://material.io/resources/icons/?style=baseline]] * material: [[https://material.io/]]
- angular: componentes
- eclarations** * en src/app/app.component.html con la etiqueta correspondiente, según hayamos indica... encia * template: codigo HTML hardcoded, usar con backsticks (%%`%%), no con tildes(%%'%%) * templateUrl: ruta del fichero HTML a usar * databindi
- angular: módulos
- * @NgModule: * declarations: array con los componentes, pipes y directivas del módulo * imports: array con los módulos requeridos * providers: array con los servicios requeridos * bootstrap: com
- angular: promesas y observables
- cambio de la aplicación == promesas * trabajan con un único flujo de datos * conjunto de datos único * difícil de cancelar * sencillas de implement... 03-100415.png?500 }} == observables * trabajan con una gran cantidad de datos y flujos (finito o inf
- practica 1
- om './components/peliculas/peliculas.component'; const APP_ROUTES: Routes = [ { path: 'home', comp... thMatch: 'full', redirectTo: 'home' } ]; export const APP_ROUTING = RouterModule.forRoot(APP_ROUTES);... ts</code> * genera el código correspondiente, con un decorador llamado **@Injectable** * añadir e