Ingeniero Web

HTML y CSS (aprox. 6 días)

Introducción a HTML

Marco básico

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

Comandos de formato de texto

Integración de gráficos

Enlaces (internos, externos, telefónicos, mailto link)

Favicons

Listas y tablas

Estructura sintáctica correcta

Comprobación con la herramienta de validación del W3C

Introducción a CSS

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

Comandos básicos (diseño de texto, color de fuente, color de fondo)

Contenedores HTML

Uso y estilo de los contenedores

Integración de YouTube y Google Maps

Reproductor de vídeo y audio

Ajuste a objetos

VS Code (aprox. 1 día)

Introducción a VS Code

Extensiones adicionales para VS Code. (por ejemplo, Live Server, Emmet Commands, Copilot (AI))

Utilización de la IA en combinación con VS Code

Técnicas de maquetación (aprox. 4 días)

Clases, IDs, selectores

Introducción al modelo de caja

Relleno, margen, borde, borde-radio y sus abreviaturas

Introducción a Flex-Box

Layouts con flex box

Alineación con Flexbox

Introducción al sistema de rejilla

Layouts con Grid

Alineación con Grid System

Texto flotante alrededor de imágenes con float y clear

Propiedades generales de visualización de etiquetas

Imágenes de fondo

Estado y valores (aprox. 1 día)

Introducción de pseudoclases (hover, active, focus, nth-child, first-child, last-child)

Pseudoelementos (::before, ::after, content)

Especificidad (valor de los códigos)

Posicionamiento (aprox. 2 días)

Introducción a las posiciones

Estática, absoluta, fija, pegajosa, relativa

Izquierda, derecha, arriba, abajo, z-index

Menús desplegables

:target

:target en combinación con menús de navegación y modales

Formularios (aprox. 2 días)

Introducción a los formularios

Conjunto de campos, leyenda

Entradas, áreas de texto, etiquetas, valores, nombre, selecciones

Autocompletar

Diseño de formularios con CSS

Integración de php-script en acción con AI

Efectos y fuentes con CSS (aprox. 1 día)

Efectos de transición CSS

Transición, filtro, transformación

Degradados de color, box-shadow, text-shadow

Integración de fuentes con @font-face

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

Introducción al diseño adaptable

Consultas de medios, puntos de ruptura

Paisaje, modo portait

Imágenes responsive con picture y srcsets

Edición de imágenes, compresión de imágenes

Generación de imágenes con IA

Optimización para motores de búsqueda (aprox. 1 día)

Introducción al SEO

Optimización en la página y uso de textos generados por IA

Optimización del rendimiento para mejorar el SEO y presentación de las herramientas adecuadas

Técnicas CSS e interacción (aprox. 2 días)

Variables CSS

Modo oscuro

Cálculo con CSS

Introducción a las animaciones CSS

Duración, retardo, dirección, timing-function, iteration-count, fill-mode

Botón de hamburguesa animado

One-pager y multilingüismo (aprox. 2 días)

Introducción a los one-pagers

Desplazamiento suave

Integración de la biblioteca fontawesome

Manejo de gráficos SVG

Integración de capas y personalización de CSS

Sitios web multilingües

Extensiones y frameworks (aprox. 1 día)

Introducción a Bootstrap

Uso de los componentes de Bootstrap

Diseño responsive con Bootstrap

JavaScript (aprox. 3 días)

Introducción a JavaScript

Métodos JavaScript/jQuery

Crear jQuery Lightbox

Variables

Sentencias if-else

Desplazamiento, ventana, redimensionamiento

matrices

Bucle For

Objeto matemático

Requisitos legales y gestión de proyectos (aprox. 2 días)

Derecho de Internet

Derechos de autor en relación con la AI/KI

Accesibilidad

Gestión de proyectos

Trabajo por proyectos (aprox. 10 días)

Consolidar los contenidos aprendidos

Presentación de los resultados del proyecto

Conceptos básicos de la optimización de motores de búsqueda (aprox. 3 días)

Motores de búsqueda en Internet

Búsqueda universal de Google

Motores de búsqueda verticales

Páginas de resultados de búsqueda (SERP) y aciertos

Resultados enriquecidos

Gráfico de conocimiento de Google

PageRank

Autoridad de dominio

Resultados de búsqueda/configuración de búsqueda de Google

RankBrain

SEO social

Búsqueda por voz/búsqueda conversacional

Procesos SEO (aprox. 2 días)

Pasos del proceso SEO

Definir los objetivos SEO

Grupo/persona objetivo

Palabras clave candidatas

KPI de SEO

Conversiones

Calidad del contenido

Señales de clasificación de Google

Intención de búsqueda

Frecuencia inversa de documentos (FID)

Optimización del sitio web (aprox. 3 días)

UX móvil

Meta tags/meta description/meta title

Contenido duplicado

Web semántica/búsqueda

Datos estructurados y su significado/posibles usos

Comprobar los tiempos de carga (Core Web Vitals)

Comprobar la dirección IP de los dominios

Funciones de seguridad del protocolo https

Robots.txt

Textos de anclaje

Sanciones de Google

Consultas de búsqueda con referencia local/Local SEO

Desarrollos de accesibilidad

Control del éxito SEO (aprox. 2 días)

Realizar el control de éxito sin herramientas comerciales

Herramientas para el control del ranking

Índice de Google/Directrices de calidad de Google

Backlinks y medidas de construcción de enlaces

Índice de visibilidad

Análisis OnPage

Google Ads (aprox. 2 días)

Conceptos básicos de Google Ads

Análisis de la intención de búsqueda

Creación de listas de palabras clave

Tipos de campañas/objetivos/estructura de los anuncios de búsqueda de Google

Planificador de palabras clave de Google

Configuración y gestión de campañas

Subasta de anuncios de Google

Analítica web (aprox. 3 días)

Analítica web

Objetivos y funciones

Protección de datos

Medición del alcance

Posibilidades y límites de los datos que se pueden recopilar

Configuración de Google Analytics 4/cuenta de demostración

Informes en tiempo real

Análisis de grupos objetivo

Origen de los visitantes del sitio web

Seguimiento de eventos y objetivos

Seguimiento de eventos

Consola de búsqueda de Google

Comportamiento de los visitantes

Google Tag Manager

cookies

Inteligencia artificial (IA) en el marketing SEM (aprox. 1 día)

Uso de la IA para la optimización de motores de búsqueda

Optimización de motores de respuesta (AEO)

Optimización Generativa de Motores (GEO)

Optimización Generativa de la IA (GAIO)

Introducción a las campañas asistidas por IA

Trabajo de proyecto, preparación de la certificación y examen de certificación (aprox. 4 días)

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

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 y 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 tasas

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)