Logo de Código Facilito
  • Inicio
  • Replays
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Curso para crear Single Page Applications con React!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso para crear Single Page Applications con React

Video Cómo instalar Node.js en Windows

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

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.

  • Módulo 1 | 6 clases

    Introducción

    expand_more
    • play_circle_outline

      Clase 1

      1.- Introducción al curso de Single Page Apps con React

    • play_circle_outline

      Clase 2

      Conocimientos previos [Curso React SPA]

    • play_arrow

      Clase 3

      Cómo instalar Node.js en Windows

    • play_circle_outline

      Clase 4

      Cómo instalar Node.js en Mac

    • play_circle_outline

      Clase 5

      Configurar el servicio web

    • play_circle_outline

      Clase 6

      Iniciar el proyecto con create-react-app

  • Módulo 2 | 8 clases

    Routing en el cliente

    expand_more
    • play_circle_outline

      Clase 1

      Router del cliente

    • play_circle_outline

      Clase 2

      Configurar react-router v6

    • play_circle_outline

      Clase 3

      Definir rutas

    • play_circle_outline

      Clase 4

      Links de navegación

    • play_circle_outline

      Clase 5

      Rutas anidadas

    • play_circle_outline

      Clase 6

      Navegación con JavaScript

    • play_circle_outline

      Clase 7

      Leyendo parámetros

    • play_circle_outline

      Clase 8

      Ranking de rutas

  • Módulo 3 | 13 clases

    Autenticación de usuarios

    expand_more
    • play_circle_outline

      Clase 1

      Qué es Redux

    • play_circle_outline

      Clase 2

      Flujo de cambios en Redux

    • play_circle_outline

      Clase 3

      Terminología en Redux

    • play_circle_outline

      Clase 4

      Instalar y configurar redux

    • play_circle_outline

      Clase 5

      Redux devtools

    • play_circle_outline

      Clase 6

      Mocking de autenticación

    • play_circle_outline

      Clase 7

      createSlice explicado

    • play_circle_outline

      Clase 8

      Redux thunks

    • play_circle_outline

      Clase 9

      Registro de usuarios

    • play_circle_outline

      Clase 10

      Inicio de sesión

    • play_circle_outline

      Clase 11

      Cerrar sesión

    • play_circle_outline

      Clase 12

      Persistencia de datos

    • play_circle_outline

      Clase 13

      Whitelist y blacklist redux-persist

  • Módulo 4 | 10 clases

    Consumir servicios web

    expand_more
    • play_circle_outline

      Clase 1

      Crear el reducer para videos

    • play_circle_outline

      Clase 2

      Autenticación del servidor con JWT

    • play_circle_outline

      Clase 3

      Obtener videos

    • play_circle_outline

      Clase 4

      Formulario para subida de archivos

    • play_circle_outline

      Clase 5

      Subida de archivos

    • play_circle_outline

      Clase 6

      Mostrar videos

    • play_circle_outline

      Clase 7

      Configurar el reproductor de video

    • play_circle_outline

      Clase 8

      Mostrar videos individualmente

    • play_circle_outline

      Clase 9

      Perfil de usuario

    • play_circle_outline

      Clase 10

      Postear likes en un video

  • Módulo 5 | 19 clases

    Styled components

    expand_more
    • play_circle_outline

      Clase 1

      CSS in JS [React Single Page Apps]

    • play_circle_outline

      Clase 2

      Fundamentos y configuración de styled components

    • play_circle_outline

      Clase 3

      Trabajando con props

    • play_circle_outline

      Clase 4

      Extendiendo estilos de otros componentes

    • play_circle_outline

      Clase 5

      Props y atributos

    • play_circle_outline

      Clase 6

      Nesting

    • play_circle_outline

      Clase 7

      Bloques reusables de CSS

    • play_circle_outline

      Clase 8

      Configurando un tema

    • play_circle_outline

      Clase 9

      Layout de la app

    • play_circle_outline

      Clase 10

      Estilizando la página de videos

    • play_circle_outline

      Clase 11

      Botones del vídeo

    • play_circle_outline

      Clase 12

      Navegación del encabezado y del pie de página

    • play_circle_outline

      Clase 13

      Formulario de inicio de sesión

    • play_circle_outline

      Clase 14

      Mostrar navegación y footer condicionalmente

    • play_circle_outline

      Clase 15

      Registro de usuario y rutas condicionales

    • play_circle_outline

      Clase 16

      Vista de la subida de archivos

    • play_circle_outline

      Clase 17

      Vista del perfil de usuarios

    • play_circle_outline

      Clase 18

      Botón para cerrar sesión

    • play_circle_outline

      Clase 19

      Vista individual de videos

  • Módulo 6 | 7 clases

    Scroll infinito

    expand_more
    • play_circle_outline

      Clase 1

      Los desafíos de implementar scroll infinito

    • play_circle_outline

      Clase 2

      Configurando Infnite Loader y List

    • play_circle_outline

      Clase 3

      Mostrar videos en el contenedor de carga infinita

    • play_circle_outline

      Clase 4

      Paginación de videos

    • play_circle_outline

      Clase 5

      Integrar paginación con el contenedor de carga infinita

    • play_circle_outline

      Clase 6

      React Devtools

    • play_circle_outline

      Clase 7

      Detalles finales de la carga infinita

  • Módulo 7 | 4 clases

    Deploy a producción

    expand_more
    • play_circle_outline

      Clase 1

      Media queries con styled components

    • play_circle_outline

      Clase 2

      Manejo de variables de entorno

    • play_circle_outline

      Clase 3

      Generar el build

    • play_circle_outline

      Clase 4

      Deploy a Firebase Hosting

  • check_circle_outline
    Módulo 8

    Examen del curso

    expand_more
    • done_all

      Examen

      Examen final del curso

Cómo instalar Node.js en Windows

arrow_back Siguiente arrow_forward
Curso para crear Single Page Applications con React