HTML (HyperText Markup Language)
🔹 Fundamentos
Qué es HTML y cómo funciona en la web
Estructura básica: <!DOCTYPE html>, <html>, <head>, <body>
Comentarios <!-- comentario -->
🔹 Contenido y organización
Encabezados (<h1> a <h6>)
Párrafos (<p>)
Enlaces (<a href="">)
Imágenes (<img src="" alt="">)
Listas ordenadas y no ordenadas (<ol>, <ul>, <li>)
Tablas (<table>, <tr>, <td>, <th>)
Divisiones y secciones (<div>, <section>, <article>, <aside>, <main>,
<header>, <footer>)
🔹 Formularios
Inputs (<input type="text">, email, number, checkbox, radio, date)
Labels (<label>)
Botones (<button>, type="submit")
Selectores (<select>, <option>)
Textareas (<textarea>)
🔹 Multimedia y embebidos
Audio (<audio controls>)
Video (<video controls>)
Iframes (embebidos externos)
🔹 Atributos comunes
id, class, style, href, src, alt, target, placeholder, name, value, required
🎨 CSS (Cascading Style Sheets)
🔹 Fundamentos
Sintaxis: selectores, propiedades, valores
Cómo aplicar CSS: inline, internal, external
Colores (hexadecimal, RGB, HSL, nombres)
🔹 Modelo de Caja (Box Model)
margin, border, padding, content
width, height, max-width, min-height
🔹 Tipografía y estilo
Fuentes (font-family)
Tamaño (font-size)
Peso (font-weight)
Espaciado (letter-spacing, line-height, text-align, text-decoration)
🔹 Selectores avanzados
Selectores de clases, ID, descendencia (div p)
Pseudoclases (:hover, :first-child, :nth-child)
Pseudoelementos (::before, ::after)
🔹 Layouts
position (static, relative, absolute, fixed)
display (block, inline, flex, grid)
Flexbox: justify-content, align-items, flex-direction
Grid: grid-template-columns, grid-gap, place-items
🔹 Responsividad
Media queries (@media)
Unidades relativas (em, rem, %, vw, vh)
🔹 Transiciones y animaciones
transition, transform, animation, keyframes
🧩 Bootstrap
🔹 Fundamentos
Instalación vía CDN o archivo local
Clases base (container, row, col, text-center)
🔹 Sistema de grillas
Responsive Grid (col-sm-6, col-md-4, etc.)
Breakpoints (sm, md, lg, xl, xxl)
🔹 Componentes
Botones (btn, btn-primary, etc.)
Tarjetas (card)
Alertas (alert alert-success)
Formularios con clases (form-control, form-group)
Modales (modal)
Navbar (navbar, navbar-expand, etc.)
Carruseles (carousel)
🔹 Utilidades
Margen y relleno (m-3, p-4)
Colores (bg-success, text-white)
Sombras (shadow)
Visibilidad (d-none, d-block, d-flex)
⚙️JavaScript
🔹 Fundamentos
Tipos de datos: string, number, boolean, null, undefined, objects, arrays
Operadores lógicos y matemáticos
Condicionales: if, else, switch
Ciclos: for, while, forEach
🔹 Funciones
Declaración y expresión de funciones
Arrow functions
Ámbito (scope) y cierre (closure)
🔹 Objetos y Arrays
Propiedades, métodos
Manipulación de arrays: push, pop, map, filter, reduce
🔹 DOM
[Link], querySelector
Eventos: click, mouseover, keydown
Manipulación de clases, atributos y contenido
🔹 Asincronía
setTimeout, setInterval
Promesas
async/await
Fetch API (peticiones a APIs REST)
🔹 Almacenamiento
localStorage, sessionStorage
🌐 PHP
🔹 Fundamentos
Sintaxis PHP básica (<?php ... ?>)
Variables y tipos
Condicionales y bucles (if, for, foreach)
Funciones y parámetros
Arrays: asociativos y multidimensionales
🔹 Formularios
Captura de datos vía $_GET, $_POST
Validación y sanitización
🔹 Sesiones y cookies
$_SESSION, $_COOKIE
Control de acceso y login
🔹 Bases de datos (MySQL)
Conexión con PDO o MySQLi
CRUD: Create, Read, Update, Delete
Consultas preparadas (seguridad)
🔹 Programación orientada a objetos
Clases, objetos, herencia, interfaces
🔹 Subida de archivos
$_FILES, mover archivos
Validaciones
🔹 Envío de correos
Uso de mail() o librerías como PHPMailer
🐍 Python
🔹 Fundamentos
Sintaxis clara (indentación obligatoria)
Tipos de datos y estructuras (list, dict, set)
Funciones (def, return)
Módulos y paquetes (import)
🔹 Manejo de archivos
Leer/escribir (open, read, write)
Context managers (with)
🔹 Estructuras de control
Condicionales, bucles (if, for, while)
Excepciones (try, except)
🔹 Programación orientada a objetos
Clases, métodos, atributos
Herencia, polimorfismo
🔹 Librerías útiles
Automatización: os, shutil, time
Web scraping: requests, BeautifulSoup
Ciencia de datos: numpy, pandas, matplotlib
🔹 Desarrollo Web
Flask (rutas, plantillas, formularios)
Django (modelos, vistas, controladores)
⚡ Recomendado para electrónica, mecatrónica y
ciencias: C / C++
🔹 Fundamentos
Tipos de datos (int, float, char)
Operadores, estructuras de control
Funciones
🔹 Punteros y memoria
Direcciones de memoria
Arrays y cadenas de caracteres
🔹 Arduino
Sintaxis específica (setup(), loop())
Control de pines (digitalWrite, analogRead)
Uso de sensores y actuadores
Comunicación serial ([Link]())
🔹 Proyectos típicos
Sensores de temperatura, humedad
Control de motores
Comunicación entre dispositivos (I2C, SPI)
🔹 Aplicaciones científicas
Simulaciones físicas
Librerías como ROOT (en física de partículas)
Procesamiento digital de señales