Conceptos básicos de JavaScript (aprox. 7 días)

Introducción a JavaScript, historia, ámbitos de aplicación

Versiones de script ECMA

Integración de JavaScript en HTML

IDE: instalación e introducción a WebStorm

Elementos del lenguaje: variables, constantes, tipado

Tipos de datos primitivos: Número, Cadena, Booleano

Tipos de datos de colección: Matrices, objetos

Copia por referencia frente a copia por valor

Operadores aritméticos y lógicos

Estructuras de control: condiciones, bucles, funciones

Ámbito, ámbito global, ámbito de bloque

Tratamiento de errores

Almacenamiento local: cookies, almacenamiento web

JSON

Importación y exportación de ES6

Control de versiones con Git, introducción a GitHub

Manipulación del DOM con JavaScript (aprox. 5 días)

Selección de HTML

Contenido, atributos y estilo

Eventos, objeto evento, burbujeo

Observador de intersección y observador de mutación

Crear, copiar, mover y borrar elementos DOM

Frameworks/Bibliotecas (aprox. 1 día)

Cree su propia biblioteca

IA (aprox. 1 día)

Presentación de tecnologías específicas de IA en el entorno profesional

Inteligencia artificial (IA) en el proceso de trabajo

Integración de la IA en el IDE

Utilización de la IA para la finalización del código, la refactorización y el apoyo al aprendizaje

Trabajo por proyectos (aprox. 6 días)

Consolidar los contenidos aprendidos

Presentación de los resultados del proyecto

Especialización en JavaScript (aprox. 5 días)

Canvas, dibujo, animación

Sintaxis extendida, desestructuración

Creación de objetos con constructores, clases, fábricas

Herencia de clases

Getters y setters, métodos estáticos

Campos, campos privados

Creación de prototipos

Tipos de datos map y set

Promesa, concatenación, sintaxis async-await

Webworker

Almacenamiento de datos ampliado con IndexedDB

Ajax (aprox. 1 día)

Introducción a

Cómo funciona

Peticiones HTTP

Fetch()-API

Servicios web: JSON y XML

Comunicación con las API

NodeJS (aprox. 4 días)

Estructura e instalación

Módulos incorporados, módulos personalizados, NPM

Subir a NPM

Tipo de archivo MD

Crear servidor web (Express)

Middleware propio

Sintaxis Fetch para peticiones Ajax

Subir archivos al servidor

Comunicación en tiempo real con websockets

Comunicación con base de datos noSQL

Creación de sus propias API REST con Express

Puntos finales de API: GET, POST, manejo de JSON

Conocimiento del alojamiento (por ejemplo, servidores dedicados, alojamiento gestionado, alojamiento en la nube)

Aplicación de página única React JS (aprox. 1 día)

Introducción, consideración teórica, instalación

DOM virtual

Expresiones, gancho de estado, gancho de efecto

Componentes, anidamiento, paso de parámetros

Entrada de usuario, actualización de contenido, escucha de eventos

Enrutamiento

Aplicación de página única VueJS (aprox. 1 día)

Introducción, consideración teórica

DOM virtual

Integración, expresiones, directivas

Event listeners, data binding, métodos

Directivas propias

Componentes, anidamiento

Enrutamiento

TypeScript (aprox. 2 días)

Instalación y aplicación

Tipado estático

Tipos de datos dinámicos

Tipos de datos complejos

Decoradores

Trabajo por proyectos (aprox. 6 días)

Consolidar los contenidos aprendidos

Presentación de los resultados del proyecto

Conceptos básicos de JavaScript y TypeScript modernos (aprox. 1 día)

Conceptos básicos de frameworks frontend modernos

Características de JavaScript ES6+ (let/const, arrow functions, destructuring, async/await)

Introducción a TypeScript (tipos básicos, interfaces)

Flujo de datos unidireccional

Conceptos básicos de React (aprox. 1,5 días)

Estructura de la aplicación

JSX

DOM virtual

Componentes funcionales y props

Inteligencia artificial (IA) en el proceso de trabajo

Presentación de tecnologías específicas de IA

y posibles aplicaciones en el entorno profesional

Componentes React (aprox. 7 días)

Estado y ganchos React (useState, useEffect)

Modelo y procesamiento de eventos

Jerarquías de componentes

Comunicación entre componentes

Prop-drilling y alternativas (Context API)

Ganchos propios (custom hooks)

React con TypeScript (type props y state)

TypeScript para hooks y eventos

Listas y componentes interactivos

Creación y validación de formularios

Styling (CSS, TailwindCSS, Styled Components)

Excursus: Ciclo de vida de los componentes de clase

Aplicaciones (aprox. 5,5 días)

Conexión al servidor

Redux Toolkit (gestión de estados)

Enrutador React

Renderizado y enrutamiento del lado del servidor con Next.js

Comparación de diferentes frameworks

Combinación con otros frameworks

Trabajo por proyectos (aprox. 5 días)

Consolidar los contenidos aprendidos

Presentación de los resultados del proyecto