Lección 1: Introducción a JavaScript
- ¿Qué es JavaScript y por qué es importante?
- Configuración del entorno de desarrollo (navegador, editor de texto).
- Primer programa en JavaScript: Hola Mundo.
- Comentarios y sintaxis básica.
Lección 2: Variables y Tipos de Datos
- Declaración de variables y asignación.
- Tipos de datos: números, cadenas, booleanos, undefined y null.
- Conversión entre tipos de datos.
- Operadores básicos: +, -, *, /, %.
Lección 3: Estructuras de Control
- Condiciones: if, else if, else.
- Operadores de comparación: ==, ===, !=, !==, >, <,>=, <=.< /li>
- Bucles: for, while, do while.
- Instrucciones break y continue.
Lección 4: Funciones
- Declaración y llamada de funciones.
- Parámetros y argumentos.
- Retorno de valores.
- Alcance de variables: ámbito global y local.
Lección 5: Arreglos
- Creación y manipulación de arreglos.
- Acceso a elementos por índice.
- Métodos de arreglo: push, pop, shift, unshift, slice.
- Iteración en arreglos con loops y forEach.
Lección 6: Objetos y JSON
- Introducción a objetos y propiedades.
- Creación y manipulación de objetos.
- Notación de puntos y corchetes.
- JSON: formato y uso básico.
Lección 7: Eventos y DOM (Document Object Model)
- Introducción al DOM.
- Selección de elementos del DOM.
- Manejo de eventos: click, submit, input.
- Modificación del contenido y estilo del DOM.
Lección 8: Manipulación de Cadenas y Expresiones Regulares
- Métodos de cadenas: concat, length, indexOf, substring.
- Expresiones regulares: patrones y búsqueda.
- Reemplazo y coincidencia de patrones.
Lección 9: AJAX y Fetch API
- Introducción a AJAX y su importancia.
- Uso de la Fetch API para realizar peticiones HTTP.
- Trabajo con datos JSON.
- Control de asincronía con callbacks y promesas.
Lección 10: Introducción a ES6 y Proyectos Futuros
- Let y const: alcance de bloque.
- Arrow functions.
- Plantillas de cadenas (template literals).
- Breve introducción a módulos.
- Ideas para proyectos futuros y recursos de aprendizaje adicionales.
Lección 11: Ejercicios Prácticos y Proyecto Final
Ejercicios de Tarea:
- Crear una función que calcule el área de un triángulo dada su base y altura.
- Escribir un programa que recorra un arreglo de números y devuelva la suma de los números pares.
- Crear un formulario HTML con campos de nombre y correo electrónico. Validar que ambos campos estén completos antes de enviar el formulario.
- Implementar una función que tome un arreglo de palabras y devuelva un nuevo arreglo con las palabras ordenadas alfabéticamente.
- Construir una calculadora sencilla que realice operaciones de suma, resta, multiplicación y división.
Proyecto Final: Calculadora Interactiva
Para el proyecto final, te propongo crear una calculadora interactiva en JavaScript. La calculadora debe permitir realizar operaciones básicas como suma, resta, multiplicación y división. Además, puedes agregar funcionalidades avanzadas como cálculos de porcentaje o raíz cuadrada.
Organiza la interfaz de usuario utilizando HTML y CSS, y utiliza JavaScript para implementar la lógica de cálculo y la interacción con los botones. Puedes emplear eventos de clic y manipulación del DOM para lograr una experiencia de usuario fluida.
Recuerda aplicar los conceptos aprendidos en las lecciones anteriores, como funciones, eventos, manipulación del DOM y programación asíncrona si es necesario.