pru / subir /Curso de Fundamentos de JavaScript /01-Introducción a JavaScript /02-Instalación y Configuración de JavaScript en Visual Studio Code.vtt
| WEBVTT | |
| 00:00.000 --> 00:04.500 | |
| Para empezar a escribir código JavaScript | |
| necesitamos un editor de código. | |
| 00:04.500 --> 00:08.500 | |
| De preferencia vamos a estar utilizando | |
| Visual Studio Code. | |
| 00:08.500 --> 00:11.000 | |
| Y para poderlo instalar en nuestra máquina, | |
| 00:11.000 --> 00:16.000 | |
| lo que hacemos es colocar en Google sus | |
| iniciales VSC. | |
| 00:16.000 --> 00:22.000 | |
| Y aquí ya tenemos Visual Studio Code y nos | |
| sale justamente la parte de descarga. | |
| 00:22.000 --> 00:24.000 | |
| Entonces vamos a darle clic | |
| ahí. | |
| 00:24.000 --> 00:27.500 | |
| Y luego vamos a escoger el sistema | |
| operativo en el que estemos trabajando. | |
| 00:27.500 --> 00:29.500 | |
| En este caso sería | |
| Mac. | |
| 00:29.500 --> 00:36.000 | |
| Aquí ya tenemos nuestro.zip y él también | |
| nos abrió esta aplicación de Visual Studio Code. | |
| 00:36.000 --> 00:39.500 | |
| Le vamos a dar doble clic aquí a la | |
| aplicación. | |
| 00:39.500 --> 00:42.500 | |
| Él nos va a decir que si la queremos abrir. | |
| 00:42.500 --> 00:44.500 | |
| Y le vamos a decir que | |
| sí. | |
| 00:44.500 --> 00:47.000 | |
| Y aquí ya tenemos Visual Studio Code. | |
| 00:47.000 --> 00:52.000 | |
| En esta página de Node.js nos indican cómo | |
| debemos descargarlo. | |
| 00:52.000 --> 00:55.000 | |
| Y nos dice que en esencia, si nosotros | |
| tenemos un Mac, | |
| 00:55.000 --> 00:59.000 | |
| deberíamos colocar estos comandos en | |
| nuestra terminal. | |
| 00:59.000 --> 01:04.000 | |
| Lo que vamos a hacer es abrir nuestra | |
| terminal y colocar estos comandos. | |
| 01:04.000 --> 01:10.000 | |
| Vamos a darle command espacio y vamos a | |
| colocar terminal. | |
| 01:10.000 --> 01:12.000 | |
| Aquí se nos abre nuestra | |
| terminal. | |
| 01:12.000 --> 01:14.000 | |
| Voy a darle | |
| zoom. | |
| 01:17.000 --> 01:20.000 | |
| Y allí vamos a colocar nuestros comandos. | |
| 01:20.000 --> 01:25.500 | |
| Para ello, venimos por acá, copiamos este, | |
| command c, | |
| 01:25.500 --> 01:30.500 | |
| nuevamente en nuestra terminal vamos a | |
| colocar este comando, | |
| 01:30.500 --> 01:32.500 | |
| le damos | |
| enter. | |
| 01:32.500 --> 01:36.500 | |
| Y una vez ya se haya terminado de instalar | |
| esto, | |
| 01:36.500 --> 01:40.500 | |
| vamos a colocar nvm install | |
| 20. | |
| 01:40.500 --> 01:44.500 | |
| Vamos a colocarle command c, terminal. | |
| 01:44.500 --> 01:46.500 | |
| Aquí colocamos este | |
| comando. | |
| 01:46.500 --> 01:52.500 | |
| Empieza a desinstalarse la versión 20 para | |
| el versionamiento de Node.js. | |
| 01:52.500 --> 01:56.500 | |
| Y luego él nos dice que debemos colocar | |
| node-b. | |
| 01:56.500 --> 02:00.500 | |
| Entonces le decimos node-b y aquí ya nos | |
| sale que tenemos | |
| 02:00.500 --> 02:02.500 | |
| la versión 20 de | |
| Node.js. | |
| 02:02.500 --> 02:06.500 | |
| Y ya con esto tenemos para poder empezar a | |
| escribir | |
| 02:06.500 --> 02:08.500 | |
| nuestro código | |
| JavaScript. | |
| 02:08.500 --> 02:14.500 | |
| Le damos aquí donde dice file o archivo, | |
| abrir folder. | |
| 02:14.500 --> 02:19.500 | |
| Y aquí ya nos sale en donde nosotros | |
| queremos abrir nuestro archivo. | |
| 02:19.500 --> 02:22.500 | |
| Entonces vamos a abrir esta carpeta que | |
| dice Hola Mundo, | |
| 02:22.500 --> 02:25.500 | |
| que fue la que creamos, le decimos open. | |
| 02:25.500 --> 02:27.500 | |
| Aquí le vamos a decir que | |
| sí. | |
| 02:27.500 --> 02:31.500 | |
| Y una vez ya tengamos acá nuestra carpeta, | |
| 02:31.500 --> 02:34.500 | |
| nos van a salir ciertos | |
| símbolos. | |
| 02:34.500 --> 02:38.500 | |
| Estos símbolos o íconos nos van a indicar | |
| qué es lo que queremos hacer. | |
| 02:38.500 --> 02:43.500 | |
| En este caso vamos a tomar este primero, | |
| que es para crear un archivo. | |
| 02:43.500 --> 02:47.500 | |
| Le vamos a dar click y podemos escribir | |
| Hola Mundo también. | |
| 02:47.500 --> 02:51.500 | |
| Y aquí lo importante es que tenga la | |
| extensión de JavaScript | |
| 02:51.500 --> 02:54.500 | |
| para indicarle a él que vamos a empezar a | |
| trabajar | |
| 02:54.500 --> 02:56.500 | |
| con este lenguaje de | |
| programación. | |
| 02:56.500 --> 03:01.500 | |
| Aquí le vamos a decir enter y seguido de | |
| esto | |
| 03:01.500 --> 03:05.500 | |
| vamos a empezar a escribir nuestro primer | |
| Hola Mundo. | |
| 03:05.500 --> 03:12.500 | |
| Colocamos console.log, indicándole que | |
| vamos a imprimir algo. | |
| 03:12.500 --> 03:14.500 | |
| Y ese algo va a ser | |
| quién. | |
| 03:14.500 --> 03:18.500 | |
| Por ahora solamente nos interesa saber que | |
| vamos a escribir unas comillas | |
| 03:18.500 --> 03:21.500 | |
| y que dentro de esas comillas va a ir un | |
| mensaje. | |
| 03:21.500 --> 03:26.500 | |
| Vamos a escribir aquí Hola Mundo feliz y | |
| una carita feliz. | |
| 03:26.500 --> 03:28.500 | |
| Guardamos. | |
| 03:28.500 --> 03:32.500 | |
| Ahora vamos a abrir nuestra terminal, | |
| vamos a decir command-J. | |
| 03:32.500 --> 03:35.500 | |
| Aquí ya nos salió nuestra | |
| terminal. | |
| 03:35.500 --> 03:38.500 | |
| Vamos a guardar esto que dice ports. | |
| 03:38.500 --> 03:41.500 | |
| Y aquí ya nos queda justamente esta | |
| terminal para nosotros. | |
| 03:41.500 --> 03:44.500 | |
| Este Hola Mundo es el nombre de mi carpeta. | |
| 03:44.500 --> 03:47.500 | |
| Y aquí voy a colocar | |
| node. | |
| 03:47.500 --> 03:52.500 | |
| Seguido de node vamos a colocar el nombre | |
| de ese archivo que creamos, | |
| 03:52.500 --> 03:55.500 | |
| que es quién. | |
| HolaMundo.js. | |
| 03:55.500 --> 03:59.500 | |
| Entonces recordemos, la idea es que | |
| estemos dentro de la carpeta | |
| 03:59.500 --> 04:03.500 | |
| y una vez estemos dentro de la carpeta | |
| abrimos el archivo. | |
| 04:03.500 --> 04:07.500 | |
| Vamos a darle enter y aquí ya nos sale | |
| Hola Mundo feliz, | |
| 04:07.500 --> 04:10.500 | |
| que es nuestro primer Hola Mundo con | |
| JavaScript. | |
| 04:10.500 --> 04:11.500 | |
| Gracias. | |