Diseño web, fundamentos de JavaScript/Ajax y PHP/mySQL

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

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. 3 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 suministro 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 por proyectos (aprox. 4 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