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 OS y basados en Linux.
Descargar el archivo ejecutable
En este post cubriremos la instalación de Node.js en Mac OS, 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 Mac OS, 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. Este archivo contiene en el nombre la versión de Node.js que estás instalando y una extensión .pkg
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 .pkg
. Este archivo abrirá una ventana como la que ves a continuación:
View post on imgur.com
Esta es la pantalla de bienvenida donde se enlistan las utilidades que se instalarán, y donde aparece un botón con la leyenda "Continuar" 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 presionar el botón Continuar para avanzar a la pantalla de consentimiento:
View post on imgur.com
La siguiente pantalla de consentimiento te muestra 3 opciones "Leer licencia" si quieres regresar a la pantalla anterior y continuar revisando la licencia, "No acepto" que al ser seleccionado cerrará el proceso de instalación sin instalar Node.js, y "Acepto" que aceptará los terminos y condiciones, para continuar con la instalación.
View post on imgur.com
Luego de aceptar el contrato, aparecerá la opción para seleccionar el destino de instalación, si tienes múltiples discos conectados a tu laptop, podrás seleccionar en cuál de ellos instalar Node.js, te recomiendo hacerlo en tu almacenamiento principal, si sólo tienes uno, presiona el botón con la leyenda "Continuar".
View post on imgur.com
A continuación, verás la pantalla para cambiar la carpeta en la que se instalará Node.js, no te recomiendo modificar esto a menos de que sepas cómo continuar configurando la instalación de manera personalizada. Si deseas usar la configuración por defecto, presiona el botón con la leyenda "Instalar".
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
A continuación se muestra una pantalla que, dependiendo de tu configuración y de tu equipo, te mostrará una casilla para colocar la contraseña de tu usuario, o la opción de otorgar permisos usando Touch ID.
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 "Cerrar" para continuar.
View post on imgur.com
Es probable que a continuación el sistema te ofrezca la posibilidad de eliminar el archivo de instalación, hazlo si así deseas, este archivo no te servirá en adelante.
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
-