He visto en internet un ejemplo de contador regresivo en web y me ha parecido interesante hacer como ejercicio implementar un contador regresivo con Angular, donde podríamos poner en práctica conceptos fundamentales e importantes cuando programamos con Angular.
Empezamos!
Como siempre lo primero es verificar que tenemos node y angular cli en el ordenador. Abrimos la terminal y ponemos node -v para verificar si tenemos node instalado y ng version para verificar que tenemos angular cli instalado (con ng version también nos dice la versión de node que tenemos).
Si no es así, desde la página oficial de node y de angular cli, lo explican muy fácil.
En este caso vamos a realizar el ejemplo usando Visual Studio Code (VSC) .
Abrimos Visual Studio Code, vamos a File/Open folder y buscamos la carpeta donde queremos instalar nuestro proyecto de Angular. También podéis arrastrar la carpeta directamente al entorno de trabajo de Visual Studio Code.
Una vez tengamos la carpeta cargada, pulsamos Ctrl+ñ, para abrir el powershell.
Creamos el proyecto
Si está todo bien, procedemos a crear nuestro proyecto: ng new contador.
Nos preguntará si queremos instalar angular routing, le decimos que si y empezará a instalar todas las dependencias del proyecto.
Una vez finalizada la instalación desde la terminal hacemos cd contador para ingresar en la carpeta del proyecto.
Para comprobar que esté todo correcto una vez dentro de la carpeta del proyecto ponemos en la terminal ng serve para crear un servidor donde lanzará nuestro proyecto en el navegador. Esperamos a que compile y nos saldrá algo como esto:
así que vamos al navegador y abrimos localhost:4200. yyyyyyyy debería salir nuestro proyecto:
Ya tenemos nuestro proyecto instalado!!!!
Hasta aquí dejamos la entrada de hoy.
En la próxima entrada crearemos los componentes que vamos a necesitar y un poco más.
Chao!!!!
