Angular 2 Framework para la Web

12
Angular 2 Librería para aplicaciones en la Web Mobile Híbrida.

Transcript of Angular 2 Framework para la Web

Page 1: Angular 2 Framework para la Web

Angular 2Librería para aplicaciones en la

Web Mobile Híbrida.

Page 2: Angular 2 Framework para la Web

https://code.visualstudio.com/

Page 3: Angular 2 Framework para la Web

Super-implementacion de Javascript

Page 4: Angular 2 Framework para la Web

node -v npm -v

Instalación de nodejs

Page 5: Angular 2 Framework para la Web

npm install -g angular-cli

Page 6: Angular 2 Framework para la Web

Crea tu primera aplicación

ng new miproyecto

• Un servidor HTTP • Un sistema de live-reload • Herramientas para testing • Herramientas para despliegue

cd miproyecto

Page 7: Angular 2 Framework para la Web

Estructura creada

Page 8: Angular 2 Framework para la Web

Lanzando tu aplicación

ng serve

http://localhost:4200/

ng serve --port 4201

Page 9: Angular 2 Framework para la Web

Aplicación de Prueba

Page 10: Angular 2 Framework para la Web

Archivos Importantes

app.component.ts

app.module.ts

Define la funcionalidad del nuestro componente

Define la estructura de toda nuestra aplicación

Page 11: Angular 2 Framework para la Web

Componentes

Crea tu primer componente

<proyecto>Loading...</proyecto>

Page 12: Angular 2 Framework para la Web

Muchas GraciasLibrería para aplicaciones en la

Web Mobile Híbrida.