Conociendo Angular 7

El mundo del frontend se encuentra en un punto de madurez increíble.

Angular, React y Vue controlan el mercado del front.

Si, ya conoces algunos de Vue o React y aun no has dado el paso para Crear tu primera aplicación con Angular, estás en el lugar adecuado para empezar.

Vamos al lío.

Angular requiere Node.js. Así que para poder empezar hace falta que tenga instalado Node.js

Puedes comprobar si lo tienes instalado desde tu terminal / consola

En caso de no tenerlo instalado puedes descargarlo desde su web oficial Node.js

Ahora vamos a instalar el CLI de Angular de manera global.

<code>npm install -g @angular/cli</code>

Es posible que tengas que ejecutar este comando como administrador.

Estamos listos para empezar a trabajar con Angular, en este caso utilizaremos la versión 7.

Dirígete a la ruta donde deseas crear tu app.

ng new tuApp

Verás que la consola te hará varias preguntas. la primera es si deseas añadir rutas a tu aplicación de Angular.

Para este ejemplo diremos que No. Y presionamos enter

La siguiente pregunta es cual la hora de estilos que deseamos utilizar.

En Angular, podemos utilizar CSS, Sass, Scss, Less y Stylus.

Para nuestro ejemplo, podemos elegir cualquiera de las opciones.

Y empieza nuestro la creación de nuestro proyecto y la instalación de nuestras dependencias.

Ahora tenemos una carpeta con el nombre de nuestro proyecto.

vamos a acceder a nuestra carpeta.

No te dejes intimidar por la cantidad de carpetas y ficheros.

Si llevas la carpeta a un editor de código, lo podrás ver mejor.

Si quieres saber más sobre algunos de estos ficheros te dejo este video donde te lo explico.

Ahora vamos a arrancar nuestra aplicación de Angular 7.

Vuelve a tu consola y ejecuta el comando

<code>ng serve -o</code>

Este comando arrancará nuestro servidor local, y abrirá una pestaña en nuestro navegador

y tendremos nuestra primera aplicación en Angular 7.

Si te ha sabido a poco este breve tutorial, recuerda que tenemos un curso de Angular 7.