angular tutorial

Hoy vamos a tocar un tema importante Angular 2 o 4 y ¿que vamos aquí?.

Recordemos que en Angularjs es la primera versión que salio en el mercado, este framework trabaja con javascript puro al puro estilo de ember o vue.

Después de dos años sale Angular 2 con TypeScript como base  del framework y a los 6 meses ¿Angular 4? … la pregunta es entonces ¿con que Angular inicio? ¿ y angular 3?

 Angular y sus actualizaciones

Angular 2 y Angular 4 es lo mismo, la diferencia son las versiones del núcleo del framework, es decir que hay actualizaciones en el sistema para mejorar y agregar nuevas funciones.

Angular 3 no existe porque el núcleo principal estaba en la versión 2, pero la parte de de router eran versión 3, entonces decidieron que estuvieran parejos ambas versiones y se saltaron 1 numero , y prometieron a nuevas versiones cada 6 meses, donde aparte de actualizar Typescript, tendrán nuevas funciones y corrección de bugs.

una vez explicado que es cada cosa nos centraremos en llamar solamente angular las versiones 2 hacia adelante.

¿Que encontrare en angular y para que son?

En raíz encontraremos Main que es como un modem donde encontraremos rutas importantes.

Encontramos index que aqui es donde volcara todo nuestros scrip

Y una carpeta environment que tendrá dos archivos, uno de ellos dirá .prod.ts estos archivos sirve para colocar nuestras variables de entorno y al compilar cambiaremos nuestras variables de local a producción con una sola linea, esto ayuda para no cambiar en cada archivo por ejemplo: localhost a miservicio.com

Y simplemente a la hora de compilar en angular-cli vamos a poner lo siguiente:

ng build –prod

o

En la carpeta app vamos a ver nuestro codigo , si usamos angular-cli nos ordenara cada componente en carpetas separadas.

Component

Un component/componente es un conjunto de archivos (ts, html, css) que puede ser reutilizado en cualquier parte de nuestra página.

Tambien encontraremos otros archivos donde destaca app.module.ts

Module

En module es donde importamos las librerias de angular y nuestros componentes para que se pueda utilizar en cualquier parte de la web

Pipe

Pipe en palabras simple es un filtro de algo , angular trae ya pipes definidas como date, json, async y muchos mas pero nosotros podemos crear nuestros propios pipe, ya sea para cambiar de color, descomponer un array etc.

Services

Los services se usan para una metodología simple, todo aquello que consultara en servidores, procesara un array o objetos, o simplemente va a hacer una acción pesada no debería estar dentro de la vista del usuario.

Un services trabaja en “segundo plano” sin afectar la experiencia de usuario con carga de datos

Ya con esto podremos iniciar con unos ejercicios y explicar más sobre angular.

por Cesar Flores

Programador de tiempo completo, Gamer de medio tiempo y fotógrafo ocasionalmente, me gusta el front-end y mi framework favorito es angular aunque no por eso le hago el feo a un nuevo lenguaje.

2 comentario en “Angular 2 o 4 – ¿Qué es cada cosa?”

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

%d