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

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

2/55
Recursos
Transcripción

¿Cómo instalar Visual Studio Code?

Para comenzar a escribir código en JavaScript, primero necesitamos un editor de código. Para esta tarea, se recomienda utilizar Visual Studio Code (VSC), una herramienta muy popular entre programadores por su flexibilidad y capacidades. Sigue estos pasos para instalarlo en tu computadora:

  1. Descargar Visual Studio Code:

    • Realiza una búsqueda en Google de "Visual Studio Code" o "VSC".
    • Entra en el sitio web oficial de descarga.
    • Escoge el sistema operativo de tu computadora (en este ejemplo, se usa Mac).
    • Descarga el archivo .zip proporcionado.
  2. Instalar Visual Studio Code:

    • Abre el archivo .zip descargado y ejecuta la aplicación de Visual Studio Code.
    • Confirma que deseas abrir la aplicación cuando lo indique el sistema.

¿Cómo instalar Node.js en Mac?

La instalación de Node.js, una plataforma popular para ejecutar JavaScript en el servidor, es esencial para ejecutar código JavaScript fuera del navegador. Aquí te mostramos cómo instalarlo en un sistema Mac:

  1. Abrir Terminal:

    • Presiona Command + Espacio y escribe "Terminal" para abrir la aplicación.
    • Aumenta el tamaño de la fuente si lo necesitas para mayor visibilidad.
  2. Ingresar comandos:

    • Copia los comandos necesarios del sitio de Node.js o de otra fuente confiable. Un comando típico es:
      nvm install 20
      
    • Este comando instala la versión 20 de Node.js usando nvm (Node Version Manager).
  3. Verificar instalación:

    • Ejecuta el siguiente comando para verificar la versión instalada:
      node -b
      
    • Este comando debería mostrar la versión instalada, confirmando que Node.js está listo para usar.

¿Cómo crear y ejecutar un programa "Hola Mundo" en JavaScript?

Crear tu primer programa "Hola Mundo" es un hito emocionate. Aquí aprenderás a hacerlo con JavaScript en Visual Studio Code:

  1. Abrir una carpeta en Visual Studio Code:

    • Haz clic en File o Archivo en el menú superior.
    • Selecciona Open Folder y elige la carpeta donde deseas trabajar.
    • Por ejemplo, abre una carpeta llamada "Hola Mundo".
  2. Crear un archivo JavaScript:

    • Con la carpeta abierta, busca el ícono para crear un nuevo archivo.
    • Nombrarlo "HolaMundo.js", asegurándote de que tenga la extensión .js para indicar que es un archivo JavaScript.
    • Escribe el siguiente código en el archivo:
      console.log("Hola Mundo feliz 😊");
      
  3. Ejecutar el programa:

    • Guarda tu archivo.
    • Abre la terminal dentro de Visual Studio Code presionando Command+J.
    • Asegúrate de estar en la carpeta correcta en la terminal.
    • Ejecuta el archivo con:
      node HolaMundo.js
      
    • Deberías ver "Hola Mundo feliz 😊" impreso en la terminal.

Estos pasos te introducen a los fundamentos básicos de cómo configurar tu entorno de trabajo para escribir y ejecutar JavaScript. La programación es un viaje continuo de aprendizaje y práctica, así que sigue explorando y mejorando tus habilidades. ¡Ánimo y sigue adelante con tus proyectos!

Aportes 31

Preguntas 5

Ordenar por:

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

Gracias por pensar en la gente de la manzana. Thanks Teff, thanks Tim.
¿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 ![](https://static.platzi.com/media/user_upload/Extension-1e48b52b-5f9c-42b6-bee0-4c9da3357b2a.jpg) Ahora solo tienes que escribir "Code Runner" en el buscador y seleccionar la opcion que te marco en la imagen para que puedas instalarlo. ![](https://static.platzi.com/media/user_upload/Buscador-fd26c601-2089-4469-abfc-2d630f8d7221.jpg) 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". ![](https://static.platzi.com/media/user_upload/correr-f77d1546-06af-460b-b3d5-feda41cd6804.jpg) Y listo! vas a poder ver el resultado de la ejecucion de tu codigo en la consola de visual studio code. ![](https://static.platzi.com/media/user_upload/Resultado-d8453b62-0c3b-48ce-a319-802985244846.jpg)
Hola! Cuando ingreso nvm install 20 en la terminal, me sale esto: zsh: command not found: nvm que hago?

Para empezar a escribir código JavaScript

  • De preferencia, vamos a utilizar Visual Studio Code (VSC).
  • Para instalar VSC en nuestra máquina, buscamos “VSC” en Google.
  • Accedemos al sitio de descarga de Visual Studio Code y seleccionamos nuestro sistema operativo (en este caso, Mac).
  • Descargamos el archivo .zip, lo abrimos y ejecutamos la aplicación.

Instalación de Node.js en Mac

  • Vamos a la página de Node.js y seguimos las instrucciones para descargarlo.
  • Abrimos nuestra terminal (Command + Espacio, escribimos “terminal”) y ejecutamos los comandos proporcionados.
  • Colocamos los comandos en la terminal y presionamos Enter.
  • Instalamos la versión 20 de Node.js usando el comando nvm install 20.
  • Verificamos la instalación de Node.js con node -v, que debería mostrar la versión 20 instalada.

Configuración inicial de Visual Studio Code para JavaScript

  • Abrimos Visual Studio Code y seleccionamos “File” > “Open Folder”.
  • Seleccionamos la carpeta “Hola Mundo” que hemos creado.
  • Creamos un nuevo archivo dentro de esta carpeta, asegurándonos de que tenga la extensión .js.

Escribiendo nuestro primer código en JavaScript

  • En el archivo recién creado, escribimos nuestro primer programa:

    console.log("Hola Mundo feliz 😊");
    
  • Guardamos el archivo.

Ejecución del código JavaScript

  • Abrimos la terminal integrada en Visual Studio Code (Command + J).
  • 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.
En la Terminal en VS no se me ejecuta automaticamente la linea de codigo console.log('Hola Mundo'), he desabilitado todas las extensiones, desistalado Visual Studio Code, re-instalado Node, Instalado Visual Studio Code nuevamente y la extension Running code, he cambiado la ruta con cd donde esta el archivo, pero aun no me funciona, tengo un Mac, si alguien me puede dar una sugerencia para solucionarlo, gracias.
¿Te da miedo la terminal? No te preocupes la terminal en ocasiones puede resultar un poco intimidante, pero con el pasar del tiempo aprenderas a dominarla y seras todo un hacker. Si gustas te comparto el link de un curso de platzi perfecto para que domines la terminal, recuerda la terminal es tu amiga, a menos que estes intentando salir de Vim <https://platzi.com/cursos/terminal/>
Me encanta que hayan agregado una clase enfocada en la instalación de Visual Studio y Node.js en mac
My bonito el nuevo diseño del website de Node.js, por cierto :)
bueno desde hace mucho he querido aprender a programar pero no sabia por donde empezar y como tengo varios proyectos en mente he decidido empezar por este lenguaje, asi que con toda la actitud para aprender
¿Por qué abre la terminal dentro del editor de código?
Buenas deberian aclarar , que la config esta armada para terminal bash, osea si tienen zsh no va a funcionar. deben abrir la terminal de mac y antes que nada poner `bash` y luego poner `chsh -s /bin/bash` y ahi si todo lo que muestra el video , se podra hacer sin problemas.
wow
En mi caso la instalación la realice con la siguiente formula de Homebrew: brew install node
Perdonen, me sale este mensaje. Alguien sabe qué estoy haciendo mal? muchas gracias. ![](https://static.platzi.com/media/user_upload/image-6d161be0-1e64-4be8-bf1a-f624507cf5b5.jpg)
Cuando sale error lo ideal es cerrar el terminal y volver a correr para que se actualixce el npm. Ahora sale una versión mucho más actualizada.
Yo usare el IDE webstorm que va perfecto para este curso. Muy buena clase super bien explicado el paso a paso.
CLASE 2 - ¡Hola Mundo! en Mac En la clase "¡Hola Mundo! en Mac", se enseña cómo instalar y configurar Visual Studio Code y Node.js en una Mac. Se explica el proceso de descarga de Visual Studio Code, la apertura de la terminal y la instalación de Node.js usando comandos. Luego, se crea un archivo JavaScript para imprimir "Hola Mundo" utilizando console.log. Al final, se ejecuta el archivo en la terminal para mostrar el mensaje. Este contenido es fundamental para empezar a programar en JavaScript.
Les dejo mi repo listo y configurado para que lo puedas usar con Google IDX: <https://github.com/eduolalo/platzi-fundamentos-js.git>
Yo estaré usando Google IDX como editor
![](https://static.platzi.com/media/user_upload/image-d9baa307-b53b-453a-a2b6-4815a0300559.jpg) Hola, como estan? depronto alguien sabe por que me sale este error :(
A mi me salió esto, % Total % Received % Xferd Average Speed Time Time Time Current Dload Upload Total Spent Left Speed 100 16555 100 16555 0 0 86160 0 --:--:-- --:--:-- --:--:-- 86223 You may be on a Mac, and need to install the Xcode Command Line Developer Tools. ¿Donde encuentro eso? If so, run `xcode-select --install` and try again. If not, please report this! simoncruzrojo@SCRUZR ~ %
No me fue posible :S You may be on a Mac, and need to install the Xcode Command Line Developer Tools. If so, run `xcode-select --install` and try again. If not, please report this!
Tengo algunos problemas con mi terminal o algún archivo no lo tengo instalado.... Alguien me puede ayudar ?
Tener en cuenta que si no estas en la carpeta la puedes bucar con cd para abrirla o ls para que te muestre lo que hay en la carpeta
hola que tal mi pregunta de novato es ...algún IDE para escribir desde el celular android? ?
Noooooo
hola buenas tardes como saco la terminal para seguir editando
ya VS Code listo y node.js listo, así que atrabjaar el curso.
Buenasss tardesss genteeeee
WINDOWS PARA LOS QUE NO LES SALE EL "hola mundo", escriban en la terminal de comandos de windows: **winget install Schniz.fnm** y aceptar ```js # Download and install fnm: winget install Schniz.fnm # Download and install Node.js: fnm install 22 # Verify the Node.js version: node -v # Should print "v22.13.1". # Verify npm version: npm -v # Should print "10.9.2". ```
Buenas, yo tengo un Windows y al momento de utilizar el "fnm use --install-if-missing 20" en el terminal me sale "fnm : El término 'fnm' no se reconoce como nombre de un cmdlet, función, archivo de script o programa ejecutable." en otras palabras es un CommandNotFoundException y no se como solucionarlo, alguien me podría ayudar por favor, me interesa aprender java script.