Angular

Es un Framework de desarrollo
¿Qué es? gratuito y Open Source, creado
por Google y destinado a facilitar
la creación de aplicaciones web
modernas de tipo SPA (Single
Page Application).
TypeScript
 La finalidad de Angular Otro propósito que tiene
Propósito es facilitarnos el Angular es la separación
desarrollo de completa entre el
aplicaciones web SPA y front-end y el back-end
además darnos en una aplicación web.
herramientas para
trabajar con los
elementos de una web
de una manera más
sencilla y óptima.
Principales características

○ Velocidad y rendimiento
○ Productividad
○ Testing y accesibilidad
 🗣 Lenguaje Typescript, tiene una sintaxis
muy parecida a Java.
Ventajas de
usar Angular
👷 Sigue el patrón MVC (Modelo - Vista -
Controlador), con la vista separada de la lógica
de negocio.

🧱 Basado en componentes.
 👨‍👩‍👦 Comunidad muy grande con multitud de
tutoriales y librerías.
Ventajas de
usar Angular
💉 Inyección de dependencias

🏃 Programación reactiva

🕴 Dispone de asistente por línea de

comandos para crear proyectos base (Angular
cli).
 ⚙ Se integra bien con herramientas de
testing.
Ventajas de
usar Angular
📱 Buena integración con Ionic, para adaptar
aplicaciones web a dispositivos móviles.

💻 Framework completo

🔎 Apoyado por Google.

 Ejemplos de
Webs realizadas
con Angular
 GOOGLE NBA
Google Cloud Blog // nba.com // Desarrollado con
Desarrollado con Angular 5.2.2 Angular 4.2.4

MICROSOFT FORBES
Microsoft Office Home // forbes.com// Desarrollado con
Desarrollado con Angular 7.1.3 Angular 5.2.0
INSTALACIÓN
1. Instalar Node.js
2. Abrir la consola y ejecutar:
- npm install -g npm
- npm -g @angular/cli
3. Crear directorio en cualquier ubicación (Ej: Desktop\MyProject)
4. De nuevo en consola ejecutamos:
- cd Desktop\MyProject (Moverse al directorio creado)
- ng new Test (“Test” es ejemplo del nombre del proyecto deseado)
- cd Test
5. Podemos abrir el proyecto(Ej:Test) en el editor que usemos y
veremos el esqueleto de la aplicación Angular.
6. Para compilar ejecutamos en la consola:
- ng serve (Allí nos genera la url con el puerto donde lo
ejecutaremos. Ej: localhost:4200)
Gracias!!