Vamos a comenzar con la instalación de todas las herramientas necesarias para el curso, pero por el
lado de Angular, por el lado del cliente, el Fronte.
Después vamos a ver la instalación del backend, todas las herramientas por el lado de Spring.
Lo primero que tenemos que instalar es Nott, ya que incluye un componente llamado npm Not Package Manager,
muy parecido a lo que es Maven en Java para administrar y cargar dependencias.
Acá es lo mismo, pero llevado al mundo JavaScript Not back es manager o npm, no permite descargar
por ejemplo cualquier herramienta o framework JavaScript para Angular si elide para crear proyectos
en Angular.
En fin, yo recomiendo que sea la versión más estable recomendada para la mayoría de los usuarios la
versión LTS que significa soporte a largo plazo, mientras que la versión Current incluye las últimas
características.
Pero para trabajar con Angular no se requieren las últimas características.
Además que podríamos tener algún problema de compatibilidad de soporte, entonces por eso es mejor siempre
la última versión que aparezca LTS recomendada para la mayoría de los usuarios.
Vamos a descargar esta última versión LAS10 van a tener disponible una versión más actualizada.
Esto va cambiando continuamente para trabajar con Angular.
Es suficiente con la versión de Nott 8 o Superior 8 o 10.
Ahora la 10 está perfecta.
Entonces simplemente hacer un clic y la descarga comienza a descargar.
Una vez que finaliza, doble clic es bastante simple.
Siguiente, siguiente, siguiente.
Es un Wizard y se instala de forma automática.
Comencemos.
Acá aparece la ventana de instalación.
Hacemos clic en siguiente.
Aceptamos licencia.
Siguiente.
Instalamos todo y siguiente.
Para finalizar, instalamos.
Cuando finaliza, hacemos clic en Finish.
Estamos listos, ahora vamos a ir a la consola del terminal, tendremos que revisar la versión de NO.
Y la versión del No рамках manage que nos permite gestionar y descargar nuestras dependencias o paquetes
JavaScript con no menos recortÃ.
Pero vamos a la versión y tenemos instalada la 10.13.
Ahora vamos a revisar la versión de npm npm menos B de versión y tenemos la Sait 4.1.
Perfecto.
Continuamos instalando TypeScript a pesar de que cuando creamos un proyecto con Angular con Angular,
si el hoy se incluye, esta descrip va a agregar e instalar TypeScript de forma automática.
Por lo tanto, en teoría no sería necesario tener que instalar TypeScript en nuestra máquina de forma
global, pero se recomienda ya que nos ayuda a detectar todos los errores en tiempo de escritura.
Cuando estemos escribiendo el código en el editor, nos va marcando y nos va indicando los errores de
sintaxis.
Entonces, por eso es importante instalar de forma global independiente, que después se incluya en
el proyecto de Angular.
Pero bien, qué es lo que está escrito?
Es fundamental porque es el lenguaje con el cual se programa.
Se escribe el código en Angular.
Hablemos de Angular desde la versión 2 en adelante, la 4, las 5, las 6 y la última las 7.
Y posteriormente van a seguir saliendo versiones la 8, la 9.
En fin, cambian cada cierto tiempo, cada 6 meses.
Independiente al número, a la versión angular es uno solo.
Es el mismo framework.
Cuando cambia de una versión a otra es para dar mejoras, solucionar bugs, optimizar el código interno
del framework, el core, agregar nuevas funcionalidades.
Pero en ningún caso vamos a tener problemas con nuestro código.
Nuestro código sigue intacto.
Todas nuestras clases TypeScript que tengamos en el proyecto, nuestros component de Angular, los pipe,
los servis, todo ese código de desarrollo va a seguir funcionando independiente a la versión de Angular
es la 4, la 5, la 6 o la 7.
Ahora bien, cambiando el tema sobre el lenguaje, este script está basado en JavaScript.
Es un super conjunto de todas las evoluciones que ha tenido JavaScript, por ejemplo, es la que más
Crips 5, que básicamente es el script que conocemos todos y que se ejecuta en todos los navegadores.
Es el JavaScript estándar, pero también tenemos el script 6 o 2015. Como le queramos llamar.
Esta inscrip agrupa es un super conjunto que incluye las diferentes variantes del JavaScript.
Es una evolución mucho más orientado objetos mucho más robusto es una capa por sobre los lenguajes JavaScript
como característica es fuertemente tipado es un tipado estático.
Visibilidad en los atributos de la clase.
Por ejemplo public protected private podemos trabajar con clases, con herencia, con interfaces, clases
abstracta.
En fin.
Incluye todas las características importantes de la programación orientado e desarrollado por Microsoft.
Por lo tanto trae muchas cosas del lenguaje se echarpe propio de Microsoft.
Todo el modelo orientado objeto es muy similar.
Toman el lenguaje JavaScript eleg ma escribi6, hacen un super conjunto pero mejorado, lo hacen más
robusto y con una programación orientada a objetos mucho más poderosa.
Bien, vamos a la instalación para instalar.
Nos vamos a download y acá tenemos el comando para instalar este paquete.
Si se fijan es un npm, un not package manager.
Por eso importante también no para instalar estos paquete.
Y como nota importante acá incluye un Benoni significa global.
Lo vamos a instalar de forma global en nuestro equipo.
Por lo tanto, tenemos que tener permiso de administrador.
Si estamos trabajando en Windows, simplemente vamos a abrir nuestro terminal, el Power PowerShell
o el Command Prompt con permiso de administrador con click derecho.
Hay diferentes formas.
Por ejemplo, hacemos un clic derecho sobre el icono Start de Windows y seleccionamos Window PowerShell
Administrador.
Es importante que sea administrador y hacemos un clic.
Eso sería una forma.
Otra forma es ir a buscar en la lupa.
Escribimos CMD y en símbolos sistema hacemos un clic derecho y ejecutar como administrador.
Entonces vamos a copiar este comando.
Vamos a ir a la consola como administrador.
Si se fijan, acá lo tenemos como administrador acá arriba y vamos a pegar.
Si somos usuarios de Linux o Mackintosh o SX tenemos que agregar sudo por ejemplo sudo npm install me
enojé Tai-Chi sudo para instalar con permisos de administrador en linux y en o ezek una vez que apretar
enter va a pedir el password y se instala bien.
Pero como estamos en windows vamos a quitar el sudo y se instala simplemente en la consola como administrador.
Enter.
Una vez que finaliza, instala, instálate script y acá aparece la versión, probablemente van a tener
una versión más actualizada, pero con esta versión o superior está perfecto.
Vamos a probar la instalación con CSS detalle script menos recortÃ de versión.
Y acá también aparece la 3.o 1.4.
El siguiente paso es instalar Angular.
Si elige la consola al terminal, el gestor de Angular para crear nuestros proyectos angula y no solamente
el proyecto, sino también para crear clases, componentes, servicios.
En fin, un montón de cosas relacionadas a nuestro proyecto con Angular.
Para comenzar, vamos a ir a que el starter como prerrequisito necesitamos no 10.
Y el componente npm.
El paquete Manage, tal como había explicado, requiere una versión 8 o 10.
Ya probamos la versión y tenemos que instalar ahora Angular.
Si ella es la consola, el gestor, entonces también.
Si se fijan, incluye el menaje.
Lo tenemos que instalar de forma global en nuestra máquina.
Con permiso de administrador es Linux o making touch con sudo y en Windows con click derecho y ejecutar
como administrador.
Vamos a copiar, pegamos en el terminal y ejecutamos.
Esto se puede demorar un poco más.
Perfecto, instaló sin ningún problema.
Acá aparece un par de warning, pero en Windows no es ningún problema, ya que es una dependencia opcional
que solamente tiene soporte en la plataforma Machine Touch en Windows.
Esta dependencia no la tenemos.
Entonces por eso de ser guarni solamente disponible en Mackintosh se instalo correctamente.
Tenemos la versión 7, la última versión.
Íbamos a probar la instalación con MJI versión.
De angulas y elit 7.0 No.3 NOF 10.13 y acá están todos los componentes de desarrollo específicos, entre
ellos que tenemos ta descrip.
También tenemos reactive extensión de JavaScript para trabajar con flujos reactivos.
Cosas que vamos a ver en el curso y una vez que ya tenemos instalado el angular Clyde no permite crear
proyectos de Angular con el comando Ending New, el nombre proyecto, cosa que vamos a ver después en
las próximas clases en detalle.
Por ahora solamente lo voy a mencionar.
También tenemos para levantar el servidor nuestra aplicación para hacer un tipo play y un montón de
comandos.
Por ejemplo, si nos vamos hacia el hoy commands lo más importante.
Por ejemplo, para agregar o instalar un package, un paquete para generar una clase, un componente
de angular, una clase servis, un pipe, cualquier estructura, cualquier clase de nuestro proyecto
con Angular Ziel que la ayuda new para crear un nuevo proyecto ser para levantar nuestra aplicación
ADAT para actualizar nuestra versión de angular del proyecto en diversión para ver la versión en fin
endi build para construir para generar nuestro proyecto compilar nuestro proyecto.
Recordemos que Angular utiliza lenguaje script para desarrollar para escribir nuestro código.
Pero no es interpretado en los navegadores.
Por lo tanto tenemos que tras pilar el tag script en código JavaScript nativo estándar que lo entiendan
y que lo puedan interpretar los navegadores.
Para eso utilizamos herramientas que ya se incluye dentro de Angular como Babes es un transportador
que básicamente compila, transforma, convierte nuestro toit script en JavaScript.
La siguiente herramienta, que es opcional pero muy recomendada, es que instalen el navegador Krom,
ya que trae una poderosa herramienta de desarrollo que nos permite ver los errores que vaya a ocurrir
por el lado de Angular.
Por ejemplo, si habilitamos la consola.
Nos vamos al menú Mord Tools, seleccionamos Developer Turs.
Acá tenemos varias herramientas, entre ellas la consola, que es muy importante para visualizar todos
los errores que puedan ocurrir y también para el log.
Inspeccionar elementos HTML y un montón de cosas más.
Por ejemplo, si nos vamos a aplicar schön, acá tenemos el local Storage, el en storage y varias herramientas
para trabajar con nuestros datos, con el caché.
En fin.
Y para finalizar, tenemos el editor.
Vamos a utilizar Atton en el curso.
Es uno de los más robustos y utilizados para trabajar con Angular y no solamente con Angular, sino
con cualquier framework de cliente del lado JavaScript.
Además que incluye un montón de páginas que podemos descargar para traja con Busta, para traja con
Angular.
En fin, un montón de cosas muy poderoso.
Este editor y también tenemos otro editor que es excelente, que muy bueno, que está a la par con Atom,
que es Visu Alcott, que es de Miklos.
También es otra excelente alternativa.
Pero en el curso vamos a ver y vamos a trabajar con autos.
Pero si ya conocen Biso Alcott y están acostumbrados a trabajar con él, lo pueden utilizar sin ningún
problema.
Y la instalación sería muy simple.
Lo descargan y automáticamente con doble clic se instala solo.
No hay que hacer nada.
Acá lo tenemos.
Pero por ahora hemos llegado a su fin.
Nada más.
Y la próxima clase?
Continuamos revisando un poco más en detalle el auto, instalando algunos рамках algunos plugins necesarios
para el curso, como por ejemplo para Angular para traja combustible.
En fin, nada más.
Nos vemos.