Resumen General de JavaScript:
JavaScript es un lenguaje de programación versátil que se utiliza principalmente para
desarrollar aplicaciones web interactivas. A lo largo de este curso, los estudiantes
aprenderán los fundamentos del lenguaje y cómo aplicarlos en el desarrollo web moderno.
1. Variables y Tipos de Datos:
Declaración de variables con “var”, “let” y “const”.
Tipos de datos incluyendo números, cadenas, booleanos, objetos y arreglos.
var: Las variables declaradas con var tienen un ámbito de función. Esto significa que están
disponibles en todo el cuerpo de la función en la que fueron declaradas, incluso antes de
la línea de código donde se definen (debido al elevamiento o hoisting).
let: Las variables declaradas con let tienen un ámbito de bloque. Esto significa que están
limitadas al bloque (por ejemplo, dentro de un if, for o cualquier otro bloque de código)
en el que fueron declaradas.
2. Operadores:
Operadores aritméticos, de comparación y lógicos.
3. Estructuras de Control:
Sentencias “if”, “else” y “switch” para controlar el flujo.
Bucles “for”, “while” y “do-while” para la iteración.
4. Funciones:
Declaración de funciones con function.
Parámetros y valores de retorno.
5. Objetos y Arrays:
Creación de objetos y acceso a sus propiedades.
Manipulación de arreglos.
6. DOM
El DOM es una representación jerárquica de la estructura de un documento HTML o
XML. Permite a JavaScript interactuar y manipular dinámicamente el contenido, la
estructura y los estilos de una página web.
Acceso a Elementos:
document.getElementById('id'): Obtiene un elemento por su ID.
document.querySelector('selector'): Obtiene el primer elemento que coincide con el
selector CSS.
element.parentNode: Obtiene el nodo padre de un elemento.
Manipulación del Contenido:
element.innerHTML: Obtiene o establece el contenido HTML de un elemento.
element.textContent: Obtiene o establece el contenido de texto de un elemento.
Creación de Elementos:
document.createElement('tag'): Crea un nuevo elemento con la etiqueta especificada.
7. Eventos:
Definición: Los eventos son acciones o situaciones que ocurren en la interfaz de usuario,
como clics, teclas presionadas, cambios, etc. JavaScript permite capturar y responder a
estos eventos.
Agregar Eventos:
element.addEventListener(event, callback): Asocia un evento a un elemento y especifica
la función que se ejecutará cuando ocurra ese evento.
Objeto Event:
La función de devolución de llamada del evento recibe un objeto Event que proporciona
información sobre el evento, como el tipo, el objetivo y otros detalles relevantes.
8. Callbacks y Promesas:
Callbacks:
Los callbacks son funciones que se pasan como argumentos a otras funciones y se
ejecutan después de que se completa una operación asincrónica.
Promesas:
Las promesas son objetos que representan el resultado eventual (éxito o falla) de una
operación asincrónica.
9. Async/Await:
Async/Await:
async se utiliza para declarar una función asíncrona.
await se utiliza para esperar a que una promesa se resuelva antes de continuar la ejecución.
10. Conceptos AJAX:
AJAX (Asynchronous JavaScript and XML):
Técnica para realizar solicitudes asíncronas al servidor sin recargar toda la página.
Permite actualizar partes específicas de una página con datos obtenidos del servidor.
La función fetch:
API moderna para realizar solicitudes HTTP de forma asíncrona.
Devuelve promesas que resuelven a objetos Response.
