Angular esencial

Qué es Angular

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
En esta lección vamos a comenzar el curso examinando las bases y conceptos básicos que rigen una aplicación Angular, examinaremos cómo funciona Angular y aprenderemos qué es y cómo funciona el concepto de renderizado en una aplicación.
05:59

Transcripción

Bienvenido al curso Angular esencial. Mi nombre es Carlos Solís, desarrollador, autor y, a partir de este momento, tu instructor en este curso. Comencemos haciéndonos una pregunta fundamental: ¿qué es Angular? Bueno, Angular es una plataforma basada en JavaScript. En versiones anteriores, Angular era un "framework". Sin embargo, gracias a la explosiva popularidad de JavaScript y a las diferentes plataformas que tenemos para poder trabajarlo, tales como NativeScript o Node. js, hoy en día Angular es una plataforma que puede ejecutarse en móviles, a nivel de código nativo, en servidores, como código de lado del servidor, y en navegadores, como código del lado del cliente. Angular está pensado para tener un alto rendimiento. De hecho, está pensado en la filosofía Mobile First, eso significa que se utiliza como su base de rendimiento un dispositivo móvil y a partir de ahí comenzamos a trabajar nuestras aplicaciones. Eso significa que si una aplicación funciona bien dentro de un dispositivo móvil con un procesador y memoria restringido, va a funcionar muchísimo mejor y con un rendimiento mucho más fluido dentro de un equipo de escritorio, con mucha más memoria y procesador. Así nos garantizamos que nuestras aplicaciones siempre van a tener el mejor rendimiento posible. Angular es un proyecto de código abierto apoyado por muchas empresas, pero principalmente por dos de los gigantes de la Internet: Google y Microsoft. Google se ha encargado principalmente de toda el área de JavaScript, mientras que Microsoft se ha encargado del apoyo a través del lenguaje TypeScript, que es uno de los lenguajes en los que se basa Angular. Veamos cómo funciona Angular. A nivel global y como ejemplo, nosotros vamos a trabajar siempre una aplicación comenzando con un punto de entrada. Este punto de entrada va a ser el módulo principal en el cual nosotros vamos a organizar las diferentes partes que van a trabajar dentro de nuestra aplicación. Vamos a importar, vamos a declarar y vamos a definir las diferentes librerías y diferentes componentes con los que vamos a trabajar a lo largo de toda la aplicación. Este módulo principal me va a permitir a mí acceder a las diferentes partes de la aplicación y dependiendo de cómo esté configurado, generalmente vamos a entrar a componentes. El componente es el bloque fundamental de una aplicación Angular. Nosotros vamos a tener componentes para desplegar cuando entramos a una página, vamos a tener componentes cada vez que entremos a las diferentes partes de una interfaz o incluso podemos tener componentes embebidos dentro de otros. Además de los componentes, podemos trabajar con filtros, con directivas y con otros elementos, pero generalmente vamos a trabajar a grosso modo con diferentes componentes, uno dentro de otro, interactuando con diferentes partes de Angular. Cada componente, a nivel de arquitectura, está pensado para ser completamente encapsulado. Eso significa que aunque tengamos un componente anidado dentro de otro, no va a poder comunicarse con los componentes en los que está trabajando, así sea dentro de la misma pantalla. Para poder comunicar los componentes y toda la aplicación en general, vamos a trabajar con el concepto de servicios que pueden transportar la información a lo largo de nuestras aplicaciones. El componente tiene un tiempo de vida que va a depender del tiempo de uso. En muchos casos, en la mayoría de ellos, el componente se va a encontrar funcional y en memoria mientras nosotros lo tengamos en pantalla. Eso significa que si, por ejemplo, hemos cargado una ruta en la cual se carga un componente, el componente está en memoria y está disponible almacenando información. Si salimos de una ruta o dejamos de utilizar ese componente, el componente se destruye y la información que se contiene en él también va a desaparecer. Precisamente tenemos los servicios que se mantienen vivos a lo largo de toda la aplicación y mientras nosotros estemos dentro de una aplicación, vamos a tener acceso a los servicios que van a estar cargados en memoria en todo momento. Esto va a mantener nuestra aplicación funcional, eficiente y al mismo tiempo no vamos a perder los datos con los que estamos trabajando. Cuando nosotros hemos definido todos los elementos de una aplicación, vamos a tener lo que se llama el código fuente. El código fuente va a ser un conjunto de archivos en TypeScript, CSS, JavaScript, HTML, con los cuales vamos a desarrollar nuestra aplicación. Esto, una vez que se cargue dentro de un navegador en un código optimizado precisamente para eso, va a cambiar cuando Angular se ejecute. Cuando Angular entra por primera vez, va a tomar todo el código y lo va a reescribir. En algunos casos, simplemente va a agregar algunos atributos extra dentro del HTML, en otros casos va a reescribirlo por completo dependiendo de nuestro código y de la funcionalidad que hayamos definido. Este producto que va a salir a partir del proceso o "render" de Angular va a ser lo que nosotros vamos a llamar la aplicación. La aplicación va a interactuar con el código que nosotros hemos desarrollado en TypeScript a través de diferentes elementos como, por ejemplo, los eventos o los "blindings" o modelos. Esto significa que cuando el usuario modifique de alguna forma la información, por ejemplo, modifique un formulario o elementos que se encuentran dentro de la aplicación, podemos modificar también la información que se encuentre ahí y a partir de esa modificación enviar a Angular, que va a responder con un proceso que puede ser enviar el usuario a otra pantalla, modificar los datos que se encuentren ahí o simplemente realizar una compra. También vamos a tener los eventos que van a ser a partir del teclado, el móvil o en el caso de que estemos trabajando con un dispositivo móvil, a partir de la interacción a través de pantalla táctil vamos a también a responder a cualquier interacción que tenga el usuario a partir de esos eventos y vamos también a generar información o respuestas dependiendo de lo que el usuario haya solicitado en la aplicación. Esta es la forma básica en que trabaja una aplicación Angular y en la cual nosotros podemos trabajar y desarrollar nuestras aplicaciones dentro del navegador.

Angular esencial

Aprende a crear aplicaciones con Angular y avanza poco a poco en su uso, empezando por la instalación, configuración y arquitectura hasta la publicación final de una aplicación.

4:27 horas (35 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:29/06/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.