Curso de Fundamentos de JavaScript
Curso de Fundamentos de JavaScript

Introducción a JavaScript

1

Fundamentos de JavaScript para Principiantes

2

Instalación y Configuración de JavaScript en Visual Studio Code

3

Instalación y configuración de Visual Studio Code y Node.js en Windows

4

Variables y Buenas Prácticas en JavaScript

5

Tipos de Datos en JavaScript: Primitivos y Complejos

6

Manipulación de Strings en JavaScript: Escritura, Concatenación y Substrings

7

Números y Operaciones Matemáticas en JavaScript

8

Conversión de Tipos en JavaScript: Implícita y Explícita

9

Conversión de Tipos en JavaScript: Explícita e Implícita

Estructuras de Control y Lógica

10

Operadores de Comparación en JavaScript: Igualdad y Desigualdad

11

Operadores Lógicos en Programación: AND, OR y NOT

12

Estructuras Condicionales: Uso de IF, ELSE y ELSE IF en JavaScript

13

Juego de Adivinanza: Programación con Estructuras Condicionales

14

Estructura y uso del condicional Switch en programación

15

Ciclo For: Iteración de Listas y Uso de Console.log en JavaScript

16

Iteración con for-of en JavaScript para arrays y strings

17

Iteración sobre Objetos con forIn en JavaScript

18

Uso del ciclo while para iteración en programación

19

Ciclos doWhile: Estructura y Diferencias con While

Funciones y This

20

Funciones en JavaScript: Cómo Calcular Precios con Descuentos

21

Diferencias entre Funciones y Métodos en JavaScript

22

Funciones Puras e Impuras en Programación: Conceptos y Ejemplos

23

Arrow Functions y Enlace Léxico en JavaScript

24

Scope y Contextos de Ejecución en JavaScript

25

Closures y Ámbito Léxico en JavaScript

26

Fundamentos del Desarrollo Web: Frontend y Backend

Manipulación de Arrays

27

Arrays: Propiedades, Acceso y Creación en Programación

28

Mutabilidad e inmutabilidad en arrays: conceptos y ejemplos prácticos

29

Métodos push y pop para modificar arrays en JavaScript

30

Métodos map y forEach en JavaScript: Uso y Ejemplos Prácticos

31

Métodos Filter y Reduce en JavaScript: Uso y Ejemplos Prácticos

32

Métodos find y findIndex en JavaScript: Uso y ejemplos prácticos

33

Uso del método slice para extraer porciones de un array en JavaScript

34

Uso del Spread Operator en JavaScript: Copia, Combinación y Más

Programación Orientada a Objetos

35

Programación Orientada a Objetos en JavaScript: Conceptos y Práctica

36

Creación y Manipulación de Objetos en JavaScript

37

Función constructora y gestión de instancias en JavaScript

38

Clases en JavaScript: Creación y Uso de Objetos con Sintaxis Moderna

39

Programación Orientada a Objetos en JavaScript: Clases y Prototipos

40

Prototipos y Herencia en JavaScript: Construcción y Uso Práctico

41

Métodos y herencia prototípica en JavaScript

42

Uso de "this" en Clases y Funciones Constructoras

43

Validación de Usuarios en una Red Social: Algoritmo Básico

44

Implementación de la Función Sign-In y Validación de Usuario

Asincronía en JavaScript

45

Programación Síncrona y Asíncrona en JavaScript

46

Promesas en JavaScript: Asincronía y Manejo de Estados

47

Uso de Async/Await para Promesas Asíncronas en JavaScript

48

Peticiones asíncronas con for await en JavaScript

49

Fundamentos de HTTP: Cliente-Servidor y Métodos de Petición

50

Peticiones HTTP en Frontend: Uso de Fetch y Análisis en Network

51

Peticiones HTTP en JavaScript: Fetch, GET, POST y DELETE

52

Envío de Datos al Servidor con JavaScript y Fetch API

53

Eliminar Posts con JavaScript y Delegación de Eventos

54

Manejo de IDs en JavaScript para eliminar artículos del DOM

55

Actualizaciones y Nuevas Funciones en JavaScript

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Curso de Fundamentos de JavaScript

Curso de Fundamentos de JavaScript

Estefany Aguilar

Estefany Aguilar

Instalación y configuración de Visual Studio Code y Node.js en Windows

3/55
Recursos

¿Cómo instalar Visual Studio Code en Windows para desarrollo JavaScript?

Visual Studio Code es una de las herramientas más populares para programadores gracias a su versatilidad y extensibilidad. Si eres nuevo en el desarrollo de JavaScript, te será crucial aprender cómo instalar y configurar este editor en Windows. Aquí te presentamos un paso a paso para comenzar.

  1. Descarga de Visual Studio Code:

    • Visita la página oficial de Visual Studio Code y selecciona tu sistema operativo, en este caso, Windows, para iniciar el proceso de descarga.
    • Una vez completada la descarga, haz clic en el archivo descargado para comenzar la instalación.

  2. Configuración inicial:

    • Al abrir el instalador, acepta el acuerdo de licencia y sigue las indicaciones para seleccionar la ubicación de instalación.
    • Configura las opciones adicionales, como la creación de un acceso directo en el escritorio.

  3. Finaliza la instalación:

    • Una vez completado, selecciona "Finalizar" y automáticamente Visual Studio Code se abrirá listo para ser utilizado.

¿Cómo crear un archivo JavaScript en Visual Studio Code?

Para escribir y ejecutar código JavaScript, necesitas crear un entorno adecuado dentro de Visual Studio Code. Sigue estos pasos para crear tu primer archivo JavaScript.

  1. Creación de una carpeta:

    • Navega a tu escritorio o a la carpeta de tu preferencia.
    • Haz clic derecho, selecciona "Nuevo" y luego "Carpeta". Nombrala "Hola Mundo".

  2. Configuración en Visual Studio Code:

    • Dentro de Visual Studio Code, ve a "Archivo" y selecciona "Abrir carpeta".
    • Selecciona la carpeta "Hola Mundo" que acabas de crear.

  3. Creación del archivo JavaScript:

    • Con la carpeta abierta en Visual Studio Code, crea un nuevo archivo llamado "holaMundo.js".
    • Escribe tu primer código JavaScript utilizando console.log.
    console.log("Hola Mundo Feliz 😊");

  4. Guardar el archivo:

    • Guarda los cambios realizados y asegúrate de que no haya indicadores de cambios pendientes en la interfaz de Visual Studio Code.

¿Cómo instalar Node.js para ejecutar JavaScript?

Node.js es esencial si quieres ejecutar JavaScript fuera de un navegador. A continuación, te mostramos cómo instalarlo en tu sistema.

  1. Descarga e instalación de Node.js:

    • Visita la página oficial de Node.js y opta por la opción de descarga que mejor se adapte a tu sistema operativo.
    • Una vez descargado, sigue el proceso de instalación aceptando los términos y configurando la instalación según las sugerencias recomendadas.

  2. Verificación de la instalación:

    • Abre el símbolo del sistema en Windows.
    • Escribe node -v y presiona enter. Si la instalación fue exitosa, aparecerá la versión de Node.js instalada en tu sistema.

¿Cómo ejecutar JavaScript en Visual Studio Code con Node.js?

Una vez que hayas configurado tu entorno, es hora de ejecutar tu primer programa JavaScript.

  1. Apertura de la terminal en Visual Studio Code:

    • Dirígete a la parte superior de Visual Studio Code y selecciona "Terminal" seguido de "Nueva Terminal".

  2. Ejecución del archivo JavaScript:

    • En la terminal, escribe el comando node holaMundo.js y presiona enter.
    • Deberías ver el mensaje "Hola Mundo Feliz 😊" impreso en la terminal, confirmando que tu script se ejecutó correctamente.

Con estos pasos, has logrado instalar Visual Studio Code, configurar tu primer entorno de desarrollo y ejecutar tu primer programa JavaScript. Continúa explorando y experimentando para mejorar tus habilidades en desarrollo. ¡El camino apenas comienza!

Aportes 35

Preguntas 6

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Perla Susana Salazar Castañeda

Perla Susana Salazar Castañeda

hace 9 meses
Para quien tenga problema de ejecutar el archivo, me sirvio abrir y cerrar code luego de instalar node :3 ![](https://static.platzi.com/media/user_upload/image-cb1d0109-9be8-4987-81d9-3df168c228ba.jpg)
Pablo Javier Icuté Bautista

Pablo Javier Icuté Bautista

hace 9 meses
Wuju! soy el primer comentario, estoy comenzando a aprender JS asi que quiero decirle a mi yo del futuro.... gracias por no haberte rendido :')
Andrés Soret Chacin

Andrés Soret Chacin

hace 9 meses

Instalación de Visual Studio Code en Windows

  • Descargamos Visual Studio Code desde su página oficial, seleccionando Windows como sistema operativo.
  • Aceptamos el acuerdo de licencia y seguimos las instrucciones de instalación.
  • Seleccionamos el directorio donde se instalará Visual Studio Code y las opciones del menú de inicio.
  • Podemos crear un acceso directo en el escritorio si lo deseamos.
  • Finalizamos la instalación y abrimos Visual Studio Code.

Configuración inicial para JavaScript

  • Creamos una carpeta en el escritorio llamada “Hola Mundo”.
  • En Visual Studio Code, seleccionamos “File” > “Open Folder” y elegimos la carpeta “Hola Mundo”.
  • Creamos un nuevo archivo dentro de esta carpeta con extensión .js.

Instalación de Node.js en Windows

  • Descargamos Node.js desde su página oficial, seleccionando la versión pre-build.
  • Seguimos las instrucciones de instalación, aceptando los términos y condiciones.
  • Verificamos la instalación de Node.js abriendo el símbolo del sistema (Command Prompt) y ejecutando el comando node -v.

Escribiendo y ejecutando código JavaScript

  • En el archivo .js creado, escribimos nuestro primer programa:

    console.log("Hola Mundo feliz 😊");

  • Guardamos el archivo en Visual Studio Code.

  • Abrimos la terminal integrada en Visual Studio Code (Terminal > New Terminal).

  • Navegamos a la carpeta donde está nuestro archivo .js.

  • Ejecutamos el archivo con el comando node HolaMundo.js.

  • La terminal debería mostrar “Hola Mundo feliz 😊”, indicando que nuestro código se ha ejecutado correctamente.

Mateo Orozco Lotero

Mateo Orozco Lotero

hace 9 meses
Aqui el team Windows 🖥️
Victor Robles

Victor Robles

hace 8 meses
profe se olvido el paso de crear un archivo hola mundo.js
José Ignacio León

José Ignacio León

hace 6 meses
Dios, cuanta inconsistencia en las rutas. Para qué me hacen hacer el curso de Prework, donde instalamos Ubuntu, si al final vamos a terminar usando Windows / Mac? Para los que lo quieran hacer en Ubuntu: Abren la terminal y ponen: `sudo apt install nodejs` Esta peor organizado que la fase 5 de MCU😂
Rocio Guisell López Espinoza

Rocio Guisell López Espinoza

hace 5 meses
Te salio error? A mi si xd pero como buen ingeniero solo me salí del visual y lo volví a abrir porque visual no se dio cuenta que le instale el node.
Dario Mendoza

Dario Mendoza

hace 9 meses
Me gusta el nuevo diseño de los videos 💚
Sebastián Flórez Bayona

Sebastián Flórez Bayona

hace 5 meses
Node.js es un entorno de ejecución de JavaScript basado en el motor V8 de Google Chrome. Permite ejecutar código JavaScript en el servidor, lo que abre la puerta a desarrollar aplicaciones web completas con JavaScript, tanto en el cliente como en el servidor. Se utiliza para construir aplicaciones escalables y rápidas, gracias a su arquitectura orientada a eventos y su modelo de I/O no bloqueante. Esto lo hace ideal para aplicaciones en tiempo real, como chats y juegos online.
Juan David Arteaga Berrio

Juan David Arteaga Berrio

hace 8 meses
Me gusta estás clases
Raúl Colmenares Yamunaqué

Raúl Colmenares Yamunaqué

hace 8 meses
Excelente
William Ruiz

William Ruiz

hace un mes
excelente clase
Victor Luengo

Victor Luengo

hace 2 meses
Al momento de escribir node para que me mesutre el texto en la terminal me aparece este error, alguien sabe que puede ser? ![]()![]()
Cristian Lopez

Cristian Lopez

hace 3 meses
Que excelente el curso que tenga los pasos explicados para instalar a través de windows y MAC
Villaz Villarreal

Villaz Villarreal

hace 8 meses
* Los que **tengan Problemas** en las instalaciones en Windows le recomiendo el curso del Profesor*<u> Ricardo Celis</u>* (Super-Profe) <https://platzi.com/cursos/configuracion-windows/>
Juan Manuel Lopez Erazo

Juan Manuel Lopez Erazo

hace 4 meses
muy mal explicado, primero porque no explica para que sirve node js, cual es el objetivo de bajar este programa y como ayuda en visual studio code? segundo como creo el archivo hola-mundo js? POr favor hay personas que deben entender paso a paso.
Andres Contreras

Andres Contreras

hace 4 meses
Syntax error ¿Alguna sugerencia?![](https://static.platzi.com/media/user_upload/image-5532a725-a61b-4687-b363-056b2f52238b.jpg)
Daissy Viviana Figueroa Timana

Daissy Viviana Figueroa Timana

hace 3 meses
Si les resulta útil, en Sistema Windows pueden guardar rápidamente usando la combinación de teclas *Ctrl + S.*
Jhoann Camilo Meza Valencia

Jhoann Camilo Meza Valencia

hace 4 meses
En windows tambien se puede abrir la teriminar de vsc con Ctrl + J
Víctor Caez

Víctor Caez

hace 4 meses
Al leer algunos de los comentarios de mis compañeros, puede resolver los problemas que se me presentaron, por otro lado si hace falta explicar las definiciones y conceptos básicos de como funciona java y node, cuales son sus características, aunque también esta en nosotros ser un poco mas autodidactas y ahondar en temas que nos despierten curiosidad como es aprender un lenguaje de programación desde cero.
Sebastián Flórez Bayona

Sebastián Flórez Bayona

hace 5 meses
Visual Studio Code (VSCode) es un editor de código fuente ligero y potente, desarrollado por Microsoft. Ofrece características como resaltado de sintaxis, autocompletado, depuración integrada y soporte para múltiples lenguajes de programación, incluyendo JavaScript. Es especialmente popular entre desarrolladores web, ya que permite la integración de extensiones que amplían su funcionalidad. Además, su interfaz es altamente personalizable, lo que lo hace adecuado para diferentes flujos de trabajo en programación.
Sebastián Flórez Bayona

Sebastián Flórez Bayona

hace 5 meses
CLASE 3 - ¡Hola Mundo! en Windows En esta clase enseña cómo configurar el entorno para comenzar a programar en JavaScript utilizando Visual Studio Code y Node.js. Los estudiantes aprenden a crear una carpeta y archivo en el sistema, instalar Node.js, y ejecutar un script simple que imprime "Hola Mundo" en la terminal. Este proceso es fundamental para familiarizarse con la sintaxis y la ejecución de código JavaScript en un entorno práctico.
Nicolás Duque

Nicolás Duque

hace 9 meses
Me dice que el témino node no se reconoce, ¿cómo puedo solucionarlo? ![](https://static.platzi.com/media/user_upload/image-81313ce5-8b90-47b8-a98b-81691328f6a2.jpg)
Giovanny Calderon

Giovanny Calderon

hace 6 meses
Ayuda, no me funciona correr node y nombre del archivo desde la terminal de visual studio, aparece esto: throw err; ^ Error: Cannot find module 'C:\\..................\Platzi\js\clase-introduccion-arrays.js' at Function.\_resolveFilename (node:internal/modules/cjs/loader:1249:15) at Function.\_load (node:internal/modules/cjs/loader:1075:27) at TracingChannel.traceSync (node:diagnostics\_channel:315:14) at wrapModuleLoad (node:internal/modules/cjs/loader:218:24) at Function.executeUserEntryPoint \[as runMain] (node:internal/modules/run\_main:170:5) at node:internal/main/run\_main\_module:36:49 { code: 'MODULE\_NOT\_FOUND', requireStack: \[] } Node.js v22.11.0 PS C:\Users\gac\Documents\gggg\Cursos\Platzi\js>
Alexa Ivannova Bautista Ramirez

Alexa Ivannova Bautista Ramirez

hace 6 meses
Me encanta como explica Estefany y cómo va mostrando todo el paso a paso
Endy Torres

Endy Torres

hace 6 meses
cuando le doy despues del node y el nombre del archivo no se me imprime nada
Yamileth Flor

Yamileth Flor

hace 8 meses
alguien sabe como puedo actualizar la version de node.js desde simbolo de sistema
Juan Pablo Ruiz

Juan Pablo Ruiz

hace 9 meses
node.js y VS Code ya con todo funcionando!!
YHASSIR ABDAL VALDEZ VILASECA

YHASSIR ABDAL VALDEZ VILASECA

hace 9 meses
Día 1 aprendiendo JavaScript, estoy nervioso y emocionado
Manuel Fernando Rincón Castrillón

Manuel Fernando Rincón Castrillón

hace 9 meses
Hola me arroja este error que debo de hacer? ![](https://static.platzi.com/media/user_upload/image-3bcc6865-f475-4fba-9228-7cd0023b6ad9.jpg)
Diego Andrés Lopez Rodriguez

Diego Andrés Lopez Rodriguez

hace 9 meses
Al momento de realizar la instalación y ejecutar este archivo, me aparece este error en consola, ya consulté en Copilot pero el error persiste ¿Como puedo solucionarlo? ![]()![](https://static.platzi.com/media/user_upload/image-715f52ed-a37a-4e45-a1ea-1d0c7cadceee.jpg)
Gerardo Martinez

Gerardo Martinez

hace 9 meses
¿Quieres ejecutar tu codigo de Js sin necesidad de escribir "node \[namefile].js"? Entonces quedate en este comentario porque esto te interesa. Para esto tendras que instalar la extension de "Code Runner" en tu navegador. Para hacerlo es muy sencillo solamente tienes que ir al apartado de "extensiones" en el menu izquierdo de VSC Ahora solo tienes que escribir "Code Runner" en el buscador y seleccionar la opcion que te marco en la imagen para que puedas instalarlo. Ahora solo vamos a nuestro archivo de "hola-mundo.js" y vamos a seleccionar nuestro codigo que escribimos. A continuacion vamos a dar clic derecho y seleccionamos "Run code". Y listo! vas a poder ver el resultado de la ejecucion de tu codigo en la consola de visual studio code.
Fabian Holguín Pabón

Fabian Holguín Pabón

hace 5 meses
![](https://static.platzi.com/media/user_upload/imagen-ce715efb-c5c9-4493-a9cf-7b872ccea40e.jpg)
Henry Manolo Gutiérrez Gordillo

Henry Manolo Gutiérrez Gordillo

hace 9 meses
Hay que checar segunda y tercer clase.
Cristopher Emisael Jordany Ordóñez Sandoval

Cristopher Emisael Jordany Ordóñez Sandoval

hace 9 meses
lo que me hacia falta para aprender js