Para seguir éste curso, únicamente necesitarás tener instalado Node.js y Visual Studio en tu computadora, ambas utilidades son gratuitas y puedes instalarlas para cualquier sistema operativo: Windows, Mac y basados en Linux.
Descargar el archivo ejecutable
En este post cubriremos la instalación de Node.js en Windows, a través del instalador que puedes descargar desde el sitio oficial de Node.js. El primer paso es https://nodejs.org/en/download/ y seleccionar el paquete correspondiente a tu sistema operativo, para esta guía se asume Windows, como aparece en el siguiente screenshot:
View post on imgur.com
Al hacer clic verás cómo aparece un archivo en descarga en la parte inferior de tu navegador (si usas Chrome), puede aparecer de distinta manera en otros navegadores.
View post on imgur.com
Instalar con el asistente de Node.js
Para iniciar la instalación y ejecutar el asistente de instalación, únicamente debes abrir el archivo recién descargado con extensión .msi
. Este archivo abrirá una ventana como la que ves a continuación:
View post on imgur.com
Esta es la pantalla de bienvenida, donde aparece un botón con la leyenda "Next" que debes seleccionar para iniciar el proceso de instalación, luego de eso, verás la pantalla para aceptar la licencia de uso de Node.js, en donde deberás activar la casilla con la leyenda "I accept the terms in the License Agreement" si aceptas los terminos y condiciones que aparecen en la misma ventana. Tal como se muestra a continuación:
View post on imgur.com
Luego de haber aceptado los términos y condiciones, selecciona el botón con la leyenda "Next" para avanzar con la instalación. En la siguiente imagen, el asistente te permite seleccionar la ruta en tu computadora donde quieres que se instalen los archivos de Node.js, si no tienes una preferencia para modificar esta ruta, te recomiendo que dejes la recomendada.
View post on imgur.com
Luego de seleccionar la ruta, o si deseas dejar la que aparece por defecto, presiona el botón con la leyenda "Next". La siguiente pantalla te permite configurar la instalación de Node.js, a menos de que tengas experiencia con Node.js y sepas específicamente qué cosas necesitas y qué cosas no, te recomiendo dejar la instalación tal y como está, sin hacer configuraciones adicionales:
View post on imgur.com
⚠️ Modificar las opciones en esta pantalla, puede alterar tu instalación y evitar que puedas usar Node.js de la misma manera que muestra el tutor en siguientes temas del curso
Asegúrate de presionar el botón con la leyenda "Next" para continuar. La siguiente pantalla solicita tu consentimiento para instalar herramientas adicionales a Node.js que son necesarias para que Node.js funcione, incluido el manejador de paquetes Chocolatey que puede servirte para instalar otras dependencias de desarrollo en tu computadora. Puedes consultar más información acerca de Chocolatey en https://chocolatey.org/. Asegúrate de habilitar la casilla con la leyenda "Automatically install the neccessary tools..."
View post on imgur.com
Para la última pantalla únicamente debemos presionar el botón con la leyenda "Install" para iniciar el proceso de instalación. Ten en cuenta que este botón puede solicitar que habilites permisos de Administrador.
View post on imgur.com
La siguiente pantalla que verás contiene una barra de progreso con el status de la instalación, únicamente debes esperar a que esta barra se complete:
View post on imgur.com
Por último verás una pantalla notificando que la instalación se ha completado exitosamente. Si la instalación no se ha completado exitosamente, deja un comentario en la sección de dudas. Haz clic en el botón con la leyenda "Finish" para continuar.
View post on imgur.com
A continuación, automáticamente se abrirá una pantalla de la consola para la instalación de Chocolatey, tal como lo discutimos en un paso anterior:
View post on imgur.com
Probar tu instalación
Para probar tu instalación, puedes ejecutar los siguientes comandos en el CMD, el programa de Windows para la ejecución de comandos. Para abir el CMD presiona la tecla Windows, luego escribe CMD y haz clic en el programa con ese nombre.
A continuación escribe y ejecuta presionando Enter, el siguiente comando:
node -v
A continuación, debería aparecer la versión de Node.js que instalaste, tal como se muestra en la siguiente imagen:
View post on imgur.com
Para corroborar que tienes todo lo necesario para continuar con el curso, escribe y ejecuta presionando Enter, el siguiente comando:
npm -v
A continuación verás la versión de NPM que tienes instalada, tal como se muestra en la imagen a continuación:
View post on imgur.com
Con Node.js y npm instalados en tu computadora, ya puedes continuar con el curso.
-
check_circle_outlineMódulo 1 | 6 clases
Introducción
expand_more-
done_all
Clase 1
1.- Introducción al curso de Single Page Apps con React
-
done_all
Clase 2
Conocimientos previos [Curso React SPA]
-
done_all
Clase 3
Cómo instalar Node.js en Windows
-
done_all
Clase 4
Cómo instalar Node.js en Mac
-
done_all
Clase 5
Configurar el servicio web
-
done_all
Clase 6
Iniciar el proyecto con create-react-app
-
-
check_circle_outlineMódulo 2 | 8 clases
Routing en el cliente
expand_more -
check_circle_outlineMódulo 3 | 13 clases
Autenticación de usuarios
expand_more -
check_circle_outlineMódulo 4 | 10 clases
Consumir servicios web
expand_more -
check_circle_outlineMódulo 5 | 19 clases
Styled components
expand_more -
check_circle_outlineMódulo 6 | 7 clases
Scroll infinito
expand_more -
check_circle_outlineMódulo 7 | 4 clases
Deploy a producción
expand_more -
check_circle_outlineMódulo 8.-
Examen del curso
expand_more-
done_all
Examen
Examen final del curso
-