WhatsAppProgramación
JavaScript
- Clases16 CLASES
- Horas48 HS
Sobre el curso
En este curso aprendés los fundamentos del lenguaje de programación más usado en la actualidad, con el que es posible crear aplicaciones de todo tipo. Explorás las características principales de JavaScript resolviendo prácticas en las que vas conociendo elementos, comandos, sentencias y funciones.
Está pensado tanto para quienes tienen conocimiento previo de programación como para quienes nunca programaron: se comienza desde cero. Hay un nivel inicial de fundamentos y sintaxis, y se llega a desarrollar una aplicación web que emplea todo lo aprendido.
Dirigido a quienes quieran sentar las bases teóricas y prácticas del desarrollo de software, con o sin experiencia previa.
Modalidad: online en vivo. 16 clases de 3 horas (48 hs totales). 100% prácticos, grupos reducidos.
Contenidos del curso
1 módulo · 15 tema s
Contenido 15 temas
Introducción 9
- Qué es JavaScript. Características del lenguaje. Herramientas necesarias (VS Code y navegador web)
- Primeros pasos: crear un proyecto y configurarlo en VS Code. Archivos HTML y JS. Insertar código JavaScript en HTML
- Variables y constantes: crearlas y manejarlas
- Arreglos o arrays: crearlos y manejarlos
- Objetos: crearlos y manejarlos
- Condicionales y conmutadores: operadores y conectores lógicos
- Ciclos o bucles: for, while, do while. Uso en arreglos y objetos
- Funciones: declarar, invocar, parámetros, retorno y tipos
- Funciones de JavaScript desde HTML: capturar valores y asignar una función a un botón
Primeros pasos 10
- Crear un proyecto o carpeta y configurarla en VS Code
- Qué es un archivo HTML y un archivo JS
- Crear un archivo HTML y su estructura básica
- Ejecutar y configurar Live Server para ver el HTML en el navegador
- Insertar código JavaScript en HTML (etiqueta script)
- Uso básico del método alert()
- Crear un contenedor en HTML (div) y manipularlo desde JavaScript
- Crear un archivo JS y enlazarlo con HTML
- Importancia del orden del código JavaScript dentro de HTML
- Mención: para qué se usa CSS
Tipos de datos en JavaScript
- Datos primitivos: string, number, boolean, null
- Datos compuestos: object, array, function, Class
Variables y constantes 14
- Qué es una variable y para qué se utiliza
- Declarar una variable y asignarle un valor (var)
- Crear una variable en un archivo JS
- Ver el valor en el navegador: consola y console.log()
- Comentarios de una o varias líneas
- Modificar el valor de una variable (asignación)
- Alcances de var (variables con el mismo nombre)
- Declarar una variable con let
- Ámbito de una variable declarada con var y con let
- Variables numéricas y suma. Concatenación de texto
- Template literals: acento invertido y ${variable}
- Qué es una constante y cómo declararla (const)
- Qué ocurre al crear más de una constante con el mismo nombre
- Modificar el valor de una constante
Tipos de variables básicas
- Declarar una variable string, number y boolean
- Saber el tipo de una variable (typeof)
Uso de cadena de texto 4
- Formas de declarar un string (comillas simples, dobles y constructor String)
- Salto de línea dentro de un string (\n)
- Métodos: length, toUpperCase, toLowerCase, indexOf, includes, slice, trim, replace, split
- Convertir un string a número (Number)
Uso de datos numéricos 5
- Declarar un number por igualdad y con el constructor Number
- Enteros y decimales. Operadores +, -, *, / y resto %
- Acumulador y contador (++, --)
- Sumar number + string
- Métodos: toFixed, parseInt, parseFloat
Uso de datos booleanos
- Declarar un boolean por igualdad y con el constructor Boolean
- Operadores lógicos en una asignación (>, <, ==, !=)
Uso de arreglos o arrays 7
- Qué es un array. Arrays numéricos, de texto y mixtos
- Mostrar el array completo o una posición por consola
- Cantidad de elementos y último elemento
- Agregar al final (push) y al principio (unshift)
- Quitar el primero (shift) y el último (pop)
- Buscar posición (indexOf) y modificar un elemento
- Array vacío, fill, reverse, sort y concat
Uso de objetos 5
- Qué es un objeto. Declararlo con {} o con el constructor Object
- Mostrar el objeto y una propiedad por consola
- Ejecutar un método. Uso de this
- Agregar, modificar y eliminar propiedades o métodos (delete)
- Propiedades nulas (null) y Object.keys
Condicionales y conmutadores 5
- Condicional simple (if) y operadores de comparación (>, <, ==, >=, <=, !=)
- Condicional compuesto (if, else) y operador ternario
- Conectores lógicos && y ||
- Switch con texto y números
- Condicionales y switch con arrays y objetos
Ciclos o bucles 4
- for, while y do while
- break y continue
- Recorrer un array con for (length), for...of y forEach
- Recorrer un objeto con for...in
Funciones
- Qué es una función. Sintaxis, invocación, parámetros y retorno
- Función declarada vs función expresada, anónima o de flecha
Funciones de JavaScript desde HTML 5
- Ingresar un valor desde HTML (input) y capturarlo con getElementById
- Crear un botón y asignarle una función
- Mostrar un valor desde JavaScript en un input
- Ejercicio: calculadora del área de un círculo
- Uso de la función global eval
Ejercicio final 4
- Aplicación web de una calculadora con todos los temas vistos
- Diseño de la aplicación: etiquetas HTML
- Lógica: funciones JavaScript
- Diseño visual: estilos CSS básicos
Requisitos
El único requerimiento para realizar este curso es el manejo básico de PC y sistema operativo Windows.
Recomendamos haber realizado previamente el curso de Maquetación Web con HTML5 y CSS .
Estos requisitos son orientativos; no son obligatorios para inscribirte.
Cursos relacionados
Otras propuestas que suelen interesar a quienes cursan este tema.