Entradas

Mostrando las entradas etiquetadas como Angular

Funcionamiento del Framework

Imagen
 ¿Cómo funciona Angular en tiempo de ejecución? Para levantar el servidor de angular, basta con escribir el comando ng serve  o npm start    en consola. La aplicación será visible mediante un navegador por el localhost en el puerto por defecto 4200. Funciona como una aplicación web SPA, esto quiere decir que es de una sola página e n la cual la navegación entre secciones y páginas de la aplicación, así como la carga de datos, se realiza de manera dinámica,  asíncronamente haciendo llamadas al servidor (utilizando Services) y sobre todo sin refrescar la página en ningún momento. Para lograr la navegación entran en juegos las partes Módulos y Components.  Los módulos es la manera en se agrupan las características de la aplicación, e l módulo  de enrutamiento tiene la tarea de administrar las secciones de navegación. Los components son la manera las vistas que combinan la aplicación, en un componente se terminara mostrando la informaci...

Detalles de los componentes del Framework

Imagen
  Angular CLI Es un framework que utiliza como su principal tecnología a TypeScript, pero hace uso de otras tecnologías como HTML, CSS. Su composición básica cuenta con Módulos, Componentes y Servicios. Estas contienen diferentes librerías, algunas de ellas forman parte del Core y son necesarias para el funcionamiento de la WebApp.  Módulos En Angular se llama NgModule a una compilación de conjunto de componentes, este asocia código sus códigos para formar una unidad funcional. El root module se llama AppModule y es el que provee el arranque de inicio de la aplicación, los módulos pueden importar funcionalidades de otros módulos  y exportar funcionalidades propias como en JavaScript. Componentes  Al crear una aplicación angular cli con el comando ng new (nombreApp) .  Se crea un componente por defecto y al igual que el root module, existe el root component que conecta una jerarquía de componentes cada componente se puede crear con el comando ng create c...