Veremos los aspectos básicos de Angular, para así poder usarlo en el desarrollo de aplicaciones web.
Angular es un framework creado en typescript para crear aplicaciones SPA (Single Page Applications), creado y mantenido por Google y una gran comunidad de desarrolladores.
Para entrar en contexto con Angular, una SPA es una aplicación donde todo el código necesario se adquiere en la primera descarga y de ahi en base a la interacción con el usuario o
algún otra carga de otra pagina se va a realizar de manera dinámica, sin necesidad de recargar la pagina completa. Todo esta da una sensación User Friendly parecida a las aplicaciones
móviles.
El framework Angular tiene una gama de librerías y funcionalidades en su core (por defecto en su paquete) más una serie de módulos que nos permite ampliar progresivamente las funcionalidades extras de cualquier aplicación en caso sea requerido. Ejemplo de estas tenemos angular Material (framework UI), Ngrx (manejo del estado), ng2charts (para manejo de gráficas) y un extenso etc.
Una de las herramientas mas útiles de este framework es la linea de interfaz de comandos o CLI, donde la funcionalidad principal es la creación de una aplicación base preconfigurada en segundos y nos asistirá en la creación de componentes, módulos y demás elementos esenciales que veremos a continuación de manera superficial.
Como hemos mencionado anteriormente, Angular es basado en HTML, CSS y Typescript. Esta tecnología es un superset de Javascript, es decir una version mejorada de Javascript donde se puede usar tipado estático, interfaces, clases abstractas, decoradores ,etc. Características que nos ayudarán a un desarrollo mas rápido y robusto, y así poder detectar de manera rápida y oportuna la corrección de errores y agilizar el desarrollo de aplicaciones web.
El elemento principal en angular es el Componente, y la combinación de varios componentes definen una interfaz gráfica.
Cada componente puede usar Servicios que aportan funcionalidad fuera de la interfaz gráfica, tales como llamadas Http a un servidor. Estos servicios son inyectados como dependencia en los componentes y así se promueve la modularidad y reutilización del código.
Una vez explicado 2 conceptos fundamentales (Componentes y Servicios), tenemos otro concepto importante, el Módulo, que es un elemento que agrupa a Componentes y Servicios según su funcionalidad común.
Toda aplicación basada en Angular tiene un módulo principal o por defecto llamado app module y dentro de éste se agrupa un componente principal llamado app component.
Esto y más seguiremos viendo en los siguientes posts y así abarcar los fundamentos básicos de este grandioso framework llamado Angular.
Saludos :)
Basado en el video de Youtube
https://www.youtube.com/watch?v=AS-sfXfJC7M
Links y recursos de utilidad para comprender mejor este post.
https://angular.io/guide/what-is-angular
https://desarrolloweb.com/articulos/introduccion-angular2.html
Top comments (0)