Prepara tu entorno de trabajo
¿Por qué aprender javaScript?
Accede a la versión más actualizada de este contenido
Instala Visual Studio Code
Instala Node.js
Primeros Pasos
¡Hola Mundo!
Anatomía de una variable
Tipos de datos: Mutabilidad e inmutabilidad
Paso por valor
Paso por referencia
Creación de strings
Concatenación de strings
Manipulación de strings
Tipo de dato primitivo: number
Conversión a Booleanos
Tipos de datos primitivos: null, undefined, symbol y bigint
Conversión de tipos: Type Casting y Coercion
Conversión de tipos explícita e implícita
Proyecto: Crea un perfil para redes sociales con JavaScript
Funciones y This
Anatomía de una función
Preguntas a Desarrolladores Senior: ¿Por qué aprender Desarrollo Web?
Funciones vs Métodos
Funciones puras e impuras
Identificador this
Métodos bind, call y apply
Funciones flecha y enlace léxico
Implicaciones de duplicar código
Funciones constructoras
10 Tipos de funciones
Objeto window y modo estricto
Tipos de binding
Expresiones vs Sentencias
Proyecto: Crea biografías de personajes con JavaScript
Lógica y ciclos
Operadores de comparación
Operadores lógicos
Ejecución condicional: if
Proyecto: Adivina el número
Ejecución condicional: ternario
Ejecución condicional: switch
Loop: for
Loop: forEach
Loop: for of
Loop: for in
Loop: while
Loop: do while
Proyecto: Juego adivina la palabra
Fundamentos de arrays y modificación
Introducción a Arrays
Mutabilidad e inmutabiliad de Arrays
Modificación básica del final con push(), pop()
Ejercicio: Stack de libros
Modificación del principio con shift(), unshift()
Modificación avanzada con splice(), reverse(), sort(), fill()
Proyecto: Juego de cartas
Preguntas a Desarrolladores Senior: Estrategias y métodos de estudio
Iteración de Arrays
Iteración con map() y forEach()
Filtrado y reducción con filter() y reduce()
Ejercicio: Calificación promedio aprobatoria
Búsqueda de elementos con find() y findIndex()
Ejercicio: Encuentra al ganador de una rifa
Proyecto: Análisis de transacciones
Proyecto: Análisis de transacciones parte 2
Métodos específicos y Operaciones
Unir y entrelazar con concat(), spread operator y join()
Verificación y evaluación con every() y some()
Métodos de búsqueda con includes(), indexOf() y lastIndexOf()
Ejercicio: Encontrando los índices
Crear copias con slice()
Spread operator: casos de uso
Arrays multidimencionales
Introducción a Arrays Bidimensionales
Proyecto: Encuentra al ganador del torneo
Proyecto: Encuentra al ganador del torneo - parte 2
Preguntas a Desarrolladores Senior: Mantenerse actualizado y evitar el estrés
Clases y Objetos
Anatomia de un Objeto
Trabajando con objetos
Función constructora
¿Qué es una clase?
Prototipos y herencias
Herencia en la práctica
Prototipos en la práctica
this en JavaScript
Proyecto: Crea una red social
Proyecto: Crea una red social parte 2
Antes de empezar tu curso deberás instalar Visual Studio Code, si ya lo tienes instalado entonces puedes avanzar al módulo Primeros Pasos y saltar esta clase. Si es la primera vez que lo instalas aquí te dejamos el paso a paso de cómo hacerlo.
- Descarga Visual Studio Code:
- Ve a la página de descargas de Visual Studio Code: Visual Studio Code - Descargas.
- Descarga la versión para macOS haciendo clic en el enlace correspondiente.
- Instala Visual Studio Code:
- Abre el archivo .dmg descargado.
- Arrastra el ícono de Visual Studio Code a la carpeta “Aplicaciones” para instalar la aplicación.
- Abre Visual Studio Code:
- Ve a la carpeta “Aplicaciones” y busca Visual Studio Code.
- Haz clic en el icono para abrir la aplicación.
- Crea un Archivo HTML:
- En Visual Studio Code, crea un nuevo archivo haciendo clic en “File” -> “New File” o usando el atajo Cmd + N.
- Guarda el archivo con la extensión .html. Por ejemplo, index.html.
- Escribe un “Hola Mundo” en JavaScript:
- Dentro del archivo index.html, escribe el siguiente código HTML y JavaScript:
<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
<title>Mi Primer Proyecto</title>
</head>
<body>
<h1>Hola Mundo desde JavaScript</h1>
<script>
console.log(’¡Hola Mundo desde JavaScript!’);
</script>
</body>
</html>
- Guarda el Archivo:
- Guarda el archivo haciendo clic en “File” -> “Save” o usando el atajo Cmd + S.
- Abre el Archivo en el Navegador:
- Haz clic derecho en el archivo index.html en Visual Studio Code.
- Selecciona “Open with Live Server” si tienes la extensión “Live Server” instalada (puedes instalarla desde el menú de extensiones en VSC).
¡Y eso es todo! Ahora has instalado Visual Studio Code y creado un archivo HTML con un “Hola Mundo” en JavaScript. Puedes abrir el archivo en tu navegador para ver el resultado.
Aportes 17
Preguntas 1
Página de visual studio code
se dijera: Hola Mundo desde HTML? Para después en el console.log ya dijera: Hola Mundo desde JavaScript
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?