HTML (aprox. 5 días)

Marco básico

Etiquetas para la creación de texto (h1-h6, p, br)

Conceptos básicos de CSS

Comandos de formato de texto

Andamiaje de etiquetas HTML (por ejemplo, header, nav)

Integración de gráficos y preparación en Photoshop

Favicons

Enlaces

Enlaces internos, externos, telefónicos, mailto

Listas y tablas

Formularios en HTML

Elementos de formulario

Integración de elementos de vídeo y audio

Integración de YouTube y Google Maps

Diferencias entre XHTML y HTML

Inteligencia artificial (IA) en el proceso de trabajo

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

y posibles aplicaciones en el entorno profesional

Fundamentos CSS (aprox. 5 días)

Conceptos básicos de Dreamweaver

Opciones de integración de especificaciones CSS (estilo interno, externo, en línea)

Diseño de texto con CSS

Atributos CSS para el diseño de bordes y espaciado (padding, margin)

Diseño de fondos con CSS

Conceptos básicos de float/clear

Espaciado de columnas con float

Colores con CSS

Clearfix

Pseudoelementos (::before/::after)

Pseudoclases (:nth-of-type)

Pseudoclases de lista/visualización/enlace

Navegación con ul/li (horizontal/vertical)

CSS Flexbox (aprox. 5 días)

Columnas con Flex

Alineación de elementos con Flex

Columnas en columnas con Flex

Uso de fuentes personalizadas (@font-face)

Fuentes con Dreamweaver

Dreamweaver - Diseñador de CSS

Posición CSS

Posiciones: relativa/absoluta/fija

Opciones para el diseño de formularios mediante CSS

Gradientes de color CSS

CSS - transición/transformación

Diseño web adaptable (aprox. 6 días)

Breakpoints, viewport, media queries

Diseño responsive de cabeceras e imágenes de cabecera

Elementos de imagen en HTML

Navegación móvil con hover

Activar hover en click en móviles Apple

Evento de clic mediante CSS (con casilla de verificación)

Navegación responsive con click

Botón hamburguesa animado

Acordeón CSS (usando botones de radio)

Menú desplegable para escritorio y móvil

Diferentes diseños

Pseudoclase CSS :target

Sitio de una página - estructura de página

Navegación responsive con control :target

Ventajas de los sitios de una página

JavaScript (aprox. 9 días)

Integración de aplicaciones

Introducción a JavaScript/jQuery

If-then-else

Variables

Objeto de datos

Array Tipo de datos

ScrollTop

Bucle For

Objeto matemático

Menú adhesivo (js/css)

Mostrar/ocultar menú con desplazamiento

Uso de vh/vw y calc

Impresión obligatoria de información/protección de datos

Aviso de cookies

Font-awesome - Biblioteca de símbolos

Filtro CSS

Variables CSS

Optimización del sitio para los motores de búsqueda (SEO)

Object fit - gráficos que rellenan el marco

Animación CSS

Rejilla CSS

Grid-template-areas

Introducción al framework CSS Bootstrap

Trabajo por proyectos (aprox. 10 días)

Consolidar los contenidos aprendidos

Presentación de los resultados del proyecto

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