Contenido del curso
Sitios Code con HTML y CSS
- 5

Qué son las etiquetas en HTML
04:04 min - 6

Primeras líneas de código en HTML
14:47 min - 7

HTML del hero con ids y clases
11:19 min - 8

Iconos de redes sociales en HTML
11:38 min - 9

Selectores y propiedades CSS explicados
08:59 min - 10

box-sizing border-box explicado visualmente
12:10 min - 11

Estiliza tu primer header con CSS
13:51 min - 12

position absolute y relative en el hero
10:44 min - 13

Centrado vertical con CSS transform
14:43 min - 14

Colorea iconos sociales con Flexbox
16:08 min - 15

Optimización de CSS y Enlaces en HTML para Portafolios Web
07:42 min
Despliega tu página a internet
Sitios No-code con WordPress
- 20

Creación de Sitios Web sin Código con WordPress
07:44 min - 21

Instalación de WordPress en hosting propio
06:56 min - 22

Instalación y configuración de Elementor en WordPress
05:14 min - 23

Creación de una Página Web desde Cero con Elementor
10:10 min - 24

Maquetación de Héroes con Elementor para Páginas Web
11:33 min - 25

Creación de Páginas Web con WordPress y Plantillas Prediseñadas
05:04 min
Conclusiones
Qué hace el backend de un sitio web
Resumen
El backend es la capa del desarrollo web que gestiona los datos que el usuario ve en pantalla, desde listas de cursos hasta usuarios y contraseñas. Aprenderlo te permite construir la lógica que alimenta cualquier sitio, y es ideal si te interesa la parte estructurada y procedural de la programación.
A diferencia de los memes que pintan al frontend como lo bonito y al backend como lo oscuro, la realidad suele ser opuesta: el frontend puede volverse caótico, mientras que el backend tiende a ser más ordenado y predecible.
¿Qué hace el backend en una página web?
El backend administra toda la información que el frontend muestra. El frontend solo dibuja, el backend entrega los datos.
Piensa en Platzi: la lista de cursos que ves, los comentarios y hasta el video que estás reproduciendo ahora vienen de un backend conectado a una base de datos. El frontend toma esa información y la presenta de forma visual, pero no la almacena.
¿Por qué el frontend no puede guardar datos? Porque su rol es únicamente visual. No tiene capacidad para almacenar usuarios, contraseñas ni listas de contenido. Esa responsabilidad recae en el backend y en su base de datos.
Cuando trabajas frontend sin backend, sueles usar datos quemados o fake data para simular la información real [2:00].
¿Por dónde empezar a aprender backend?
Lo primero es elegir un lenguaje de programación del lado del servidor y dominar sus fundamentos antes de saltar a temas avanzados.
Entre los lenguajes más usados están:
- PHP, popular en proyectos web tradicionales.
- JavaScript con Node.js, que permite usar JavaScript fuera del navegador.
- Python, Java y C#, opciones sólidas para distintos contextos.
El backend no produce nada visual, así que cualquier lenguaje que sepa mover y procesar información te sirve. Domina primero la sintaxis y los flujos básicos. Después, si te pica la curiosidad, puedes meterte en temas más raros como el event loop de JavaScript [4:30].
¿Qué son las bases de datos y por qué importan?
Un lenguaje de programación mueve información, pero no la guarda. Para almacenar datos necesitas una base de datos.
Un backend se conecta a la base de datos, extrae lo que necesita, lo procesa y se lo envía al frontend para que lo muestre bonito. Algunos gestores que vas a encontrar:
- MySQL, uno de los más populares.
- MongoDB, orientado a documentos.
- PostgreSQL, robusto y muy usado en producción.
- Google BigQuery, pensado para aplicaciones grandes y profesionales.
- Firebase, una opción rápida para proyectos más simples.
¿Qué es una base de datos en backend? Es el sistema donde se guarda toda la información persistente de tu aplicación: usuarios, cursos, comentarios, videos. El backend la consulta y envía los datos al frontend [6:30].
¿Qué es el deploy y cómo se hace?
Hacer deploy significa poner tu página web en Internet para que cualquiera pueda acceder a ella. Suena intimidante, pero el concepto es simple: subir tus archivos a un servidor que distribuya tu sitio.
El deploy puede ser tan sencillo o tan complejo como tú quieras. Existen VPS dedicados y servicios de hosting en la nube que te dan el espacio y la potencia para alojar tu proyecto.
Los tres servicios más populares para hacer deploy son:
- Microsoft Azure.
- Google Cloud Platform.
- Amazon Web Services (AWS).
No siempre necesitas usar estos gigantes. Hay opciones más sencillas para empezar, pero conviene saber que existen porque dominan el mercado profesional [8:30].
¿Qué es la arquitectura backend?
La arquitectura backend describe cómo están organizados tus servidores y bases de datos mediante diagramas. Te ayuda a planear cómo tu aplicación distribuye la información.
Por ejemplo, puedes tener una base de datos exclusiva para usuarios y otra distinta para cursos. La arquitectura define cómo el servidor se conecta a cada una y cuándo. Es un tema más avanzado, pero útil cuando tu proyecto crece [9:30].
Backend vs frontend: la división clave
Que no se te olvide la frontera entre ambos mundos:
- Frontend: todo lo visual, lo que el usuario ve y toca.
- Backend: toda la información, los datos sensibles y la lógica que mueve la aplicación.
Con esto claro, ya puedes pasar al siguiente paso: escribir código real con HTML y CSS para construir tu primer sitio web. ¿Cuál de los lenguajes backend te llama más la atención para arrancar?