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

Fundamentos del desarrollo en PHP (aprox. 5 días)

Configuración de un entorno de desarrollo moderno

Introducción a Docker para desarrollo local

Visión general de las herramientas IDE (Visual Studio Code, PhpStorm, etc.)

Flujo de trabajo Git

Sintaxis PHP y conceptos básicos

Variables, tipos de datos, constantes

Arrays y cadenas (incl. nuevas funciones en PHP 8.x)

Expresiones, operadores, estructuras de control

Funciones, funciones anónimas y cierres

Novedades de PHP 8.x

Tipos de unión y argumentos con nombre

Introducción a los atributos

Compositor y gestión de paquetes

Estándares PSR

Inteligencia artificial (IA) en el proceso de trabajo

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

y posibles aplicaciones en el entorno profesional

Desarrollo web e interactividad (aprox. 3 días)

HTTP y procesamiento de formularios

Peticiones GET y POST

Tratamiento de cookies y sesiones

Validación y limpieza de la entrada del usuario

Contenido dinámico e interactividad

Salida de contenido dinámico (por ejemplo, formularios de usuario, tareas de cálculo)

Interacción basada en AJAX y JSON

Seguridad y gestión de errores

Protección contra XSS, CSRF e inyección SQL

Registro y depuración de errores (con herramientas como Xdebug)

Trabajo con bases de datos (aprox. 4 días)

Conceptos básicos de SQL y bases de datos

Principios básicos de bases de datos relacionales y MySQL

Diseño y normalización de bases de datos

PHP e integración de bases de datos

Conexión PDO y consultas SQL seguras

Operaciones CRUD simples con MySQL

Entrada y salida de contenidos de bases de datos en sitios web

Bases de datos NoSQL y soluciones de almacenamiento modernas

Almacenamiento alternativo con Redis (caché, sesiones)

Frameworks PHP (aprox. 2 días)

Introducción a los frameworks PHP modernos

Laravel: Introducción, enrutamiento, controladores y vistas

Ventajas del uso de frameworks PHP (p.ej. reutilización de código, seguridad, modularidad)

Herramientas para el desarrollo PHP moderno

Introducción a CI/CD pipelines (ej. GitHub Actions, GitLab CI)

Uso de Docker para el despliegue de aplicaciones PHP

Categorización de arquitecturas: monolito vs. microservicios

Preparación y planificación de proyectos (aprox. 2 días)

Planificación de un proyecto PHP

Estructuración y creación de un calendario para el trabajo del proyecto

Trabajo de proyecto (aprox. 1 día)

Consolidar los contenidos aprendidos

Presentación de los resultados del proyecto

Programación orientada a objetos (aprox. 5 días)

Conceptos básicos de programación orientada a objetos en PHP 8.x (clases, objetos, métodos, propiedades)

Promoción de propiedades constructoras, atributos, tipos de unión

Herencia, polimorfismo, interfaces, rasgos

Introducción a los patrones de diseño (fábrica, estrategia)

Principios SOLID e inyección de dependencias

Pruebas unitarias con PHPUnit

Manejo de excepciones y depuración

Uso de un framework moderno (Laravel) (aprox. 5 días)

Introducción a Laravel

Enrutamiento, controladores, modelos, plantillas de hoja

ORM elocuente y migraciones de bases de datos

Desarrollo de API RESTful

Caching y optimización del rendimiento

Creación de comandos Artisan

Eventos, listeners & broadcasting (Laravel Echo)

Colas y trabajos (+ Laravel Horizon)

Notificaciones y correo

Sanctum + Passport (Token-Auth para SPAs y APIs)

Recursos API y limitación de velocidad

Crear un sitio web de muestra (aprox. 5 días)

Planificación y realización de una aplicación web moderna

Integración de APIs y frameworks front-end

Diseño responsive con Tailwind CSS o Bootstrap

Despliegue con Docker

Trabajo de proyecto, preparación de la certificación y examen de certificación "Certified PHP Developer" (aprox. 5 días)