🌐 ¿Qué es la programación web?
Módulo 1 - Capítulo 1 | Fundamentos de la Web
Bienvenido a tu primera lección de desarrollo web. Estás a punto de iniciar un viaje fascinante que te llevará desde no saber nada de código hasta crear tus propias páginas web. En esta lección, entenderás qué es exactamente la programación web y qué papel juegan HTML y CSS en este ecosistema.
¿Qué es la programación web?
La programación web es el proceso de crear sitios y aplicaciones que funcionan en Internet. Es el arte y la ciencia de construir experiencias digitales que millones de personas usan cada día: desde tu red social favorita hasta la tienda online donde compras, pasando por el buscador que usas constantemente.
Cuando visitas cualquier página web, estás interactuando con el resultado del trabajo de programadores web que han escrito código para que esa experiencia sea posible.
💡 Piénsalo así:
Si construir una casa requiere diferentes especialistas (arquitecto, electricista, pintor, decorador), crear una página web también requiere diferentes habilidades. La programación web es el conjunto de todas estas habilidades aplicadas al mundo digital.
Frontend vs Backend: Las dos caras de la web
El desarrollo web se divide principalmente en dos áreas que trabajan juntas para crear experiencias completas:
🎨 Frontend (Lado del Cliente)
Es todo lo que el usuario ve e interactúa directamente en su navegador.
- El diseño visual de la página
- Los botones que pulsas
- Los menús que despliegan
- Las animaciones y transiciones
- La experiencia de usuario completa
Tecnologías principales: HTML, CSS y JavaScript
⚙️ Backend (Lado del Servidor)
Es todo lo que sucede "detrás de escena", en el servidor, que el usuario no ve.
- Procesar datos de formularios
- Gestionar bases de datos
- Autenticación de usuarios
- Lógica de negocio
- Seguridad y autorizaciones
Tecnologías principales: PHP, Python, Node.js, Java, etc.
📌 Importante
En este curso nos enfocaremos exclusivamente en Frontend, específicamente en HTML y CSS. Estas son las tecnologías fundamentales que TODO desarrollador web debe dominar, independientemente de si luego se especializa en frontend o backend.
El rol de HTML y CSS
HTML y CSS son los dos pilares fundamentales del desarrollo web frontend. Trabajan juntos pero tienen roles completamente diferentes:
HTML: La estructura
HTML
HyperText Markup Language
HTML (HyperText Markup Language) es el lenguaje que define la estructura y el contenido de las páginas web. Es como el esqueleto de una casa: define dónde van las paredes, las puertas, las ventanas.
Con HTML defines:
- Los títulos y párrafos de texto
- Las imágenes y su ubicación
- Los enlaces a otras páginas
- Los formularios para introducir datos
- La estructura organizativa del contenido
CSS: El diseño
CSS
Cascading Style Sheets
CSS (Cascading Style Sheets) es el lenguaje que controla la presentación visual de las páginas web. Si HTML es el esqueleto, CSS es la pintura, la decoración, el mobiliario.
Con CSS defines:
- Los colores del texto y los fondos
- Los tamaños y tipos de fuentes
- El espaciado y la disposición de elementos
- Las animaciones y transiciones
- El diseño responsive para móviles
💡 Una analogía perfecta:
HTML es como un documento de Word en blanco con solo texto plano y títulos.
CSS es como usar todas las opciones de formato: cambiar colores, fuentes, añadir bordes, organizar en columnas, etc.
Necesitas ambos para crear algo atractivo y funcional.
¿Por qué HTML y CSS son fundamentales?
Puede que te preguntes: ¿por qué empezar con HTML y CSS cuando hay tantas herramientas modernas y frameworks? La respuesta es simple:
🎯 La base de todo
HTML y CSS son la base sobre la que se construye TODA la web moderna. No importa qué framework o herramienta uses en el futuro (React, Vue, Angular, WordPress), todos generan HTML y CSS al final.
Dominar HTML y CSS es como aprender a caminar antes de correr. Es imposible ser un buen desarrollador web sin conocer estos fundamentos.
¿Qué aprenderás en este curso?
A lo largo de este curso, te convertirás en un experto en HTML y CSS. Aquí está el viaje que haremos juntos:
🎓 Tu camino de aprendizaje:
- HTML desde cero: Aprenderás todos los elementos HTML, desde los más básicos hasta los más avanzados
- CSS completo: Dominarás el diseño visual, desde colores básicos hasta layouts profesionales
- Diseño moderno: Usarás Flexbox y CSS Grid para crear diseños que antes parecían imposibles
- Responsive Design: Tus páginas se verán perfectas en móviles, tablets y computadoras
- Proyecto real: Crearás un sitio web completo que podrás mostrar en tu portafolio
- Buenas prácticas: Aprenderás a escribir código limpio, mantenible y profesional
✨ Recuerda
Todo gran desarrollador web comenzó exactamente donde estás tú ahora: en el capítulo 1. La diferencia entre ellos y los demás es que siguieron adelante, practicaron y nunca dejaron de aprender. ¡Tú puedes hacer lo mismo!
