Scribd
Cargar
21 vistas10 páginas

Introducción a Angular 7

Angular es un framework de desarrollo web creado por Google que facilita la creación de aplicaciones web de una sola página (SPA). Angular usa componentes de TypeScript, directivas y módulos para construir aplicaciones reactivas que cargan datos de forma asíncrona sin recargar la página. Las aplicaciones de Angular se componen de templates HTML, componentes que gestionan los templates, servicios que encapsulan la lógica de negocio y módulos que organizan los componentes y servicios.

Cargado por

javier pena
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd
21 vistas10 páginas

Introducción a Angular 7

Angular es un framework de desarrollo web creado por Google que facilita la creación de aplicaciones web de una sola página (SPA). Angular usa componentes de TypeScript, directivas y módulos para construir aplicaciones reactivas que cargan datos de forma asíncrona sin recargar la página. Las aplicaciones de Angular se componen de templates HTML, componentes que gestionan los templates, servicios que encapsulan la lógica de negocio y módulos que organizan los componentes y servicios.

Cargado por

javier pena
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd

ANGULAR VERSION 7

Jessica Paola González Salazar


¿Qué es Angular?
 Angular es un framework de desarrollo en
TypeScript, de codigo abierto, para JavaScript
creado por Google. La finalidad de Angular es
facilitarnos el desarrollo de aplicaciones web SPA y
la separación completa entre el front-end y el
back-end en una aplicación web.
Aplicación web SPA
Web de una sola página, en la cual la navegación
entre secciones y páginas de la aplicación, así como
la carga de datos, se realiza de manera dinámica,
casi instantánea, asíncronamente haciendo llamadas
al servidor (backend con un API REST) y sobre todo
sin refrescar la página en ningún momento.

 Las aplicaciones web con Angular son reactivas y no


recargan el navegador, todo es muy dinámico y
asíncrono con ajax.
Arquitectura
Para construir aplicaciones Angular
creamos: 1. Templates HTML que
contienen etiquetas especiales
de Angular,

4. Módulos que
organizan los
componentes y
servicios.

3. Servicios
que 2. Componentes de
encapsulan clase que gestionan
lógica de la
dichos templates,
aplicación,
¿Cómo funciona Angular?
1. Instalación
2. 4 clases de TypeScript:
1. Componentes
1. Binding
2. Directivas
3. Módulos
4. Servicios
1. Inyeccion de dependencias
3. Observables
4. Sistema de routing
Instalación
 Instalar Node y su gestor de dependencias npm
desde pagina [Link] Se instala vía
"npm"

 Instalar Angular-cli
1. Desde la terminal lanzas: npm install -g
@angular/cli
Instalación
Una vez instalado dispondrás del comando "ng" a partir del cual
lanzarás cualquiera de las acciones que se pueden hacer
mediante la interfaz de comandos de Angular
 Como crear un nuevo proyecto:

ng new holamundo (comando crea carpeta con nombre de aplicación y todo el código
necesario)

 Meterte a directorio;
cd holamundo/
 Lanzar servidor con la aplicación web que acabas de crear

ng serve
Componentes
Conclusion: Como funciona Angular
 La biblioteca lee el HTML que contiene atributos de las etiquetas
personalizadas adicionales, entonces obedece a las directivas de los
atributos personalizados, y une las piezas de entrada o salida de la
página a un modelo representado por las variables estándar de
JavaScript.
 Angular se basa en clases tipo "Componentes", cuyas propiedades son las
usada para hacer el binding de lo datos. En dichas clases tenemos
propiedades (variables) y métodos (funciones a llamar).
 Cuando iniciamos a construir nuestra aplicación con Angular, solo vamos a
tener el módulo principal llamado “core”, con él vamos a poder ejecutar
nuestra aplicación y escribir cada uno de nuestros componentes. Si nuestra
aplicación necesita generar rutas tenemos que agregar el módulo de ruteo,
que Angular ya nos provee, y si necesitaramos agregar formularios,
Angular también tiene un módulo para eso.

También podría gustarte