Módulo 2: Fundamentos Esenciales
Aquí empieza la programación real. En este módulo construirás una base sólida en lógica computacional, comprenderás cómo funciona la web y escribirás tu primera página HTML con estilos CSS y algo de JavaScript.
Las 6 lecciones del módulo
Cada lección incluye teoría explicada con ejemplos visuales, ejercicios prácticos guiados y un reto autónomo para consolidar lo aprendido antes de pasar al siguiente tema.
-
1
Conceptos base de la tecnología
¿Cómo funciona internet? ¿Qué es un servidor? ¿Qué hace un navegador? Desmitificamos la tecnología con analogías del mundo real y construyes una imagen mental clara de cómo fluye la información en la web.
-
2
Introducción a la lógica computacional
Variables, tipos de datos, condicionales, bucles y funciones. Aprenderás estos conceptos con pseudocódigo y diagramas antes de escribir una sola línea de código real. La base de todo lo que viene después.
-
3
Lenguajes de programación: panorama general
¿Por qué existen tantos lenguajes? ¿Cuál es el mejor para empezar? Exploramos el ecosistema de lenguajes de programación y entendemos para qué sirve cada uno: Python, JavaScript, Java, C++, Swift y más.
-
4
HTML y CSS: tu primera página web
Manos al teclado por primera vez. Aprenderás la estructura HTML semántica, los selectores y propiedades CSS más importantes, el modelo de caja, Flexbox básico y crearás páginas con diseño real y responsive.
-
5
Introducción a JavaScript
Dale vida a tus páginas. Variables, funciones, eventos del DOM y manipulación básica de elementos HTML desde el navegador. Al final de esta lección tu página web responderá a las acciones del usuario.
-
6
Proyecto: Primera página web personal
Tu primer proyecto real publicado en internet. Crearás una página personal con presentación, secciones de habilidades y proyectos, formulario de contacto funcional y diseño responsive para móvil. Publicación en GitHub Pages incluida.
Lo que dominarás al finalizar
Estos cuatro pilares fundamentales son la base sobre la que se construyen todos los conocimientos del nivel intermedio.
Estructura HTML
Dominarás las etiquetas semánticas de HTML5: article, section, nav, header, footer, main. Entenderás por qué la estructura importa tanto para el SEO como para la accesibilidad web.
Aprenderás a usar
30+ etiquetas HTML, atributos esenciales, formularios, tablas y elementos multimedia.
Estilos CSS Modernos
Variables CSS, Flexbox, Grid básico, transiciones y animaciones simples. Aprenderás a construir layouts responsive que se adaptan a cualquier tamaño de pantalla sin usar frameworks externos.
Aprenderás a usar
Custom properties, Flexbox completo, media queries, pseudoclases y pseudoelementos.
JavaScript Esencial
Variables con let/const, funciones de flecha, manipulación del DOM, eventos de click y teclado, y uso básico de fetch para consumir datos. Todo lo que necesitas para hacer páginas interactivas.
Aprenderás a usar
querySelector, addEventListener, template literals, array methods y objetos básicos.
Publicación Web
Aprenderás a publicar tu proyecto en internet de forma gratuita usando GitHub y GitHub Pages. Incluye introducción a Git, los comandos básicos (add, commit, push) y flujos de trabajo esenciales.
Aprenderás a usar
Git CLI básico, GitHub repositorios, GitHub Pages, y gestión de dominios personalizados.