1 de jun. de 2023 | Angular

Aprendiendo Angular: ¿Qué es Angular?

Angular es un framework para aplicaciones web, mantenido por Google, de codigo abierto y que se utiliza para desarrollar aplicaciones web de una sola pagina.

Lista de entradas, sobre el tutorial de Angular:

• 1.- Aprendiendo Angular: ¿Qué es Angular?
• 2.- Instalación de Angular CLI y creación de nuestro primer proyecto

Introducción

Lo primero que tenemos que tener claro y así evitar confusiones es que Angular no es lo mismo que AngularJS.

AngularJS es un framework para desarrollo web construido por Google liberado en 2010.

Lo que hoy se conoce como “Angular” fue inicialmente llamado “Angular 2”  ya que era visto como la siguiente versión de Angular 1.x (lo que hoy llamamos AngularJS).

Pero el echo es, que lo que hoy llamamos Angular (Angular 2) no es compatible con Angular 1 (AngularJS).

Dado que no son retrocompatibles, y que Angular 2 tiene un alcance más  amplio, decidieron mantener la rama 1.x de Angular bajo el nombre de AngulaJS, mientras que la nueva rama se quedo como Angular.

Para la programación en Angular usamos TypeScript, que es un lenguaje superconjunto de JavaScript que agrega capacidades como el tipado estatico, numerators, modules, namespaces, decorators, entre otras cosas.

Arquitectura

La arquitectura de una aplicación programada en Angular se basa en ciertos conceptos fundamentales:

Módulos

Una aplicación angular se define mediante un conjunto de módulos (NgModules). Siempre tiene al menos un módulo raíz (root) que permite el arranque y, por lo general, otros módulos que amplían las características de la aplicación.

Componentes

Los componentes definen vistas que son conjuntos de elementos de pantalla que Angular puede elegir y modificar de acuerdo con la lógica y los datos de su programa.

Los componentes usan servicios, que proporcionan una funcionalidad específica que no está directamente relacionada con las vistas.

Templates, directivas y data-binding

Un template combina HTML  y etiquetas especiales de Angular, que pueden modificar elementos HTML.

Las directivas dentro de los templates proporcionan lógica al HTML, también nos permiten conectar los datos de la aplicación y el DOM.

Angular dispone de dos tipos de data-binding:

• Event-binding: Permite que la aplicación responda a la entrada del usuario, actualizando los datos de su aplicación.
• Property-binding: Permite interpolar valores a partir de los datos de su aplicación en el HTML.

Servicios e inyección de dependencias.

Para los datos o la lógica que no están asociados con una vista específica y que desea compartir entre componentes, se crea una clase de servicio. Se define mediante el decorador @Injectable ().

En la siguiente imagen podemos ver todo esto mucho mas grafico y claro, a veces vale mas una imagen que mil palabras.

Creo que con esto hemos visto una pequeña introducción de Angular para tener claro el concepto.

Ahora vamos a ver que necesitamos para empezar a desarrollar en Angular.

¿Qué necesitamos para empezar a desarrollar en Angular?

Para empezar a desarrollar en Angular, debemos tener conocimientos HTML, CSS, JavaScript y TypeScript. También necesitaras tiempo y practica.

Hasta aquí esta pequeña introducción a Angular, hemos visto como funciona la arquitectura de Angular y que necesitamos para empezar a desarrollar aplicaciones. En el próximo articulo de la serie Angular, veremos como instalar Angular CLI y empezar nuestro primer proyecto.

Como siempre tenéis los comentarios, para dejar vuestras dudas o apuntes.

Hasta la próxima entrega. Saludos.

Enlaces y referencias.

Documentación Angular

Contacta conmigo

Para contactar conmigo, puedes hacerlo accediendo a la pagina de contacto y rellenando el formulario.

También puedes escribirme a traves Twitter.