Como empezar a aprender Angular
domini codeExisten muchas dudas sobre cual framework Javascript escoger para nuestro proyectos o incluso cual aprender.
No te imaginas la dicha que tenemos, al poder elegir entre muy buenos frameworks.
Hay una especie de “guerra” entre Angular, React y en menor medida Vue.js.
Es normal tener la duda de hacer un curso de React o un curso de Angular 7.
Yo, voy a destacar ventajas de Angular, eso no quiere decir que sea mejor a los otros.
Así qué lo primero que siempre recomiendo es : Si puedes aprende Vue, React y Angular.
¿Qué es Angular?
Angular es un framework Javascript que se utiliza para el desarrollo de aplicaciones web, escritorio y móviles.
El desarrollo de aplicaciones con Angular implica el uso de Typescript, que es un superconjunto de Javascript, junto con HTML, CSS, etc.
El código escrito en Typescript se compila en Javascript y se representa en el navegador.
Angular es uno de los framework de Javascript más populares para crear aplicaciones web.
Podríamos decir que existen dos Angular, su versión 1.x (AngularJS) y Angular a secas, que empezó en la versión 2.
AngularJS no tiene nada que ver con las 2, 4 5, 6, 7, 8. Son totalmente distintas.
Por el momento el equipo de Angular lanza dos versiones al año.
A partir de la versión de Angular 4, podríamos decir que Angular obtuve cierta madurez y ha ido recuperando la confianza de los desarrolladores.
Ventajas de usar Angular
Hay varias ventajas de usar Angular, vamos a enumerar algunas de ellas.
Single Page Application
Angular soporta aplicaciones de una sola página.
Las aplicaciones de una sola página son un tipo de aplicaciones web que cargan una sola página HTML, y la página se actualiza dinámicamente de acuerdo con la interacción del usuario con la aplicación web.
Las aplicaciones de una sola página, también conocidas como SPA, pueden comunicarse con los servidores back-end sin actualizar la página web completa, para cargar datos en la aplicación.
Los SPA proporcionan una mejor experiencia de usuario ya que a nadie le gusta esperar demasiado tiempo para volver a cargar la página web completa.
Two-way data binding
Desde la versión 2, tenemos el Two-way data binding, que podríamos decir, que es la manera en Angular conecta nuestro view con el model.
Son propiedades que podemos declarar en la lógica de nuestra aplicación. Y podemos actualizar desde la vista de app.
Cuando se actualiza el almacén de datos, la interfaz de usuario también se actualiza inmediatamente.
Para su implementación debemos usar la directiva ngModel.
Modularidad en angular
Piensa en la modularidad en Angular como si el código estuviera organizado en “bloques”. Estos bloques son conocidos como “módulos” en Angular.
El código de la aplicación se divide en varios módulos reutilizables.
Un módulo tiene componentes, directivas, pipes y servicios, etc.
Estos módulos se pueden combinar entre sí para crear una aplicación.
Los módulos también ofrecen varios beneficios. Una de ellas es la carga diferida (Lazy loading), es decir, una o más funciones de la aplicación se pueden cargar bajo demanda.
Si se usa correctamente, la carga diferida puede aumentar mucho la eficiencia de una aplicación.
Las aplicaciones empresariales pueden crecer mucho, y por lo tanto, dividir la mano de obra en varios equipos podría ser un desafío. Con los módulos, el código se puede mantener organizado y la división del trabajo se puede hacer correctamente manteniendo la consistencia del código.
Interfaz de usuario declarativa
Angular utiliza HTML para definir la interfaz de usuario de una aplicación. HTML es intuitivo, declarativo y menos complejo que Javascript.
En una interfaz de usuario declarativa, la lógica de presentación está separada de la lógica imperativa. No debemos preocuparnos por el flujo del programa ni por el orden de carga de los componentes en la página web. Simplemente podemos definir el diseño de la página, dejar claro dónde se están enlazando los datos y a qué se está enlazando. Angular se encargará del resto.
Fácil integración
La integración angular está pre-integrada en varios marcos, por ejemplo, Ionic, Kendo UI de Telerik, Wijmo, etc. Por lo tanto, la integración de funciones de terceros es fácil con Angular. Por lo tanto, si desea agregar algunos componentes de interfaz de usuario de alta calidad, puede hacerlo fácilmente utilizando cualquiera de los frameworks mencionados anteriormente.
Multi-plataforma
Angular se puede utilizar para realizar cualquiera de los siguientes tipos de aplicaciones:
Aplicaciones web: Angular se puede utilizar para el desarrollo web.
Además, desde Angular 5 en adelante, también se pueden desarrollar aplicaciones web progresivas.
Estas aplicaciones tienen un alto rendimiento y pueden funcionar fuera de línea también.
Aplicaciones móviles nativas: Las aplicaciones móviles nativas pueden construirse usando Angular.
Aplicaciones de escritorio: Angular se puede usar para crear aplicaciones instaladas en el escritorio para Mac, Windows y Linux.
Estas son algunas de las ventajas de realizar un Curso de Angular, al momento de escribir este artículo se acaba de lanzar la versión 8 de Angular, pero yo recomiendo que empieces por aprender la Angular 7.
Recuerda que puedes aprender Angular 7, en nuestro canal de Youtube ó en nuestro curso premium de Angular 7, desde cero a avanzado.