Download - Angular 2 Framework para la Web
Transcript
![Page 1: Angular 2 Framework para la Web](https://reader036.vdocuments.pub/reader036/viewer/2022062302/58ef89001a28aba94e8b45a1/html5/thumbnails/1.jpg)
Angular 2Librería para aplicaciones en la
Web Mobile Híbrida.
![Page 2: Angular 2 Framework para la Web](https://reader036.vdocuments.pub/reader036/viewer/2022062302/58ef89001a28aba94e8b45a1/html5/thumbnails/2.jpg)
https://code.visualstudio.com/
![Page 3: Angular 2 Framework para la Web](https://reader036.vdocuments.pub/reader036/viewer/2022062302/58ef89001a28aba94e8b45a1/html5/thumbnails/3.jpg)
Super-implementacion de Javascript
![Page 4: Angular 2 Framework para la Web](https://reader036.vdocuments.pub/reader036/viewer/2022062302/58ef89001a28aba94e8b45a1/html5/thumbnails/4.jpg)
node -v npm -v
Instalación de nodejs
![Page 5: Angular 2 Framework para la Web](https://reader036.vdocuments.pub/reader036/viewer/2022062302/58ef89001a28aba94e8b45a1/html5/thumbnails/5.jpg)
npm install -g angular-cli
![Page 6: Angular 2 Framework para la Web](https://reader036.vdocuments.pub/reader036/viewer/2022062302/58ef89001a28aba94e8b45a1/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062302/58ef89001a28aba94e8b45a1/html5/thumbnails/7.jpg)
Estructura creada
![Page 8: Angular 2 Framework para la Web](https://reader036.vdocuments.pub/reader036/viewer/2022062302/58ef89001a28aba94e8b45a1/html5/thumbnails/8.jpg)
Lanzando tu aplicación
ng serve
http://localhost:4200/
ng serve --port 4201
![Page 9: Angular 2 Framework para la Web](https://reader036.vdocuments.pub/reader036/viewer/2022062302/58ef89001a28aba94e8b45a1/html5/thumbnails/9.jpg)
Aplicación de Prueba
![Page 10: Angular 2 Framework para la Web](https://reader036.vdocuments.pub/reader036/viewer/2022062302/58ef89001a28aba94e8b45a1/html5/thumbnails/10.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062302/58ef89001a28aba94e8b45a1/html5/thumbnails/11.jpg)
Componentes
Crea tu primer componente
<proyecto>Loading...</proyecto>
![Page 12: Angular 2 Framework para la Web](https://reader036.vdocuments.pub/reader036/viewer/2022062302/58ef89001a28aba94e8b45a1/html5/thumbnails/12.jpg)
Muchas GraciasLibrería para aplicaciones en la
Web Mobile Híbrida.