Introducción a Angular y TypeScript
Clase 3 de 75 • Curso de MEAN 2017
Resumen
Angular:
- Es un framework para Frontend.
- Tiene la opción actualmente de correrlo desde el Backend y poder reutilizar el código.
- Nos permite organizar los archivos que vamos a tener y de separar las responsabilidades de cada archivo. Nos permite separar en componentes reutilizables nuestra aplicación.
- Este framework, de lo que más se va a tratar es de componentes. Los componentes son unidades visuales reutilizables y con cierto comportamiento definido.
- Otra cosa que nos va a solucionar Angular, es el routing, es decir, el sistema de ruteo.
- Angular nos va a dar también los services. son maneras de conectarnos con el Backend, desde ahí vamos a pedir ciertos datos que necesita el Frontend para mostrar en la pantalla.
- Angular ofrece un sistema de templates. Cada componente va a tener asociado un template o vista que va a ser la estructura HTML que tenga.
- Desde Angular es posible que podamos definir nuestras propias etiquetas para definir los componentes reutilizables.
- Otra cosa que nos permite Angular son los modules o módulos. Son librerías enteras con componentes y directivas ya armadas o preestablecidas. Un ejemplo es Material Angular que es la que vamos a estar utilizando para nuestro proyecto del curso.
- CLI = Command Line Interface o Interfaz de Línea de Comandos.
- Google está detrás de Angular. Son los desarrolladores de Google quienes le dan soporte a esta librería Open Source.
- Angular es muy adaptado y tiene una comunidad muy grande alrededor.
TypeScript:
- Es un super set de JavaScript. nos va a ayudar a expandir un poco las capacidades de JavaScript, va incorporar un chequeo de tipos para corrección de errores.
- Es una tecnología ideal para trabajo en proyectos en equipo.
Developer Experience de Angular:
- Uno de los puntos a favor es que cada vez que hagamos cambios en nuestros archivos se van a ver reflejados en nuestro navegador de forma automática sin tener que recompilar a mano y sin tener que refrescar.