Al finalizar el curso vas a tener una one-page responsive lista para publicar, construida con HTML semántico, estilos base en CSS y utilidades de Tailwind CSS. Todo el proceso lo hacés acompañado en grupos reducidos de máximo 6 personas, con feedback constante sobre tu código y una base perfecta para continuar con JavaScript, React y el resto de la ruta frontend.
10 clases en vivo (2 h cada una)
Proyecto final: landing one-page profesional
Grupos reducidos (máx. 6 personas por cohorte)
Certificado de finalización del curso de Desarrollo Web
Inscribite en este curso online en vivo y empezá a desarrollar habilidades profesionales con acompañamiento personalizado y grupos reducidos. Ver próximas fechas
2 hs de clases en vivo por día
10 clases en vivo
Lunes Miércoles 00:00 Hs
2025-11-04
Este curso está pensado para quienes quieren empezar desde cero en desarrollo web y crear sitios profesionales usando HTML, CSS y Tailwind, sin necesidad de saber programar todavía. Es una base sólida para entrar al mundo frontend, entender cómo se arma una web por dentro y después avanzar a JavaScript, React y el resto del stack. Las clases se dictan en grupos reducidos de hasta 6 personas, con práctica guiada, devoluciones personalizadas y un acompañamiento muy cercano.
En este curso de desarrollo web vas a aprender a crear una landing one-page moderna desde cero usando HTML semántico, estilos base en CSS y utilidades de Tailwind para lograr un diseño responsive, limpio y escalable. Es el punto de partida ideal si querés entrar al mundo frontend sin necesidad de saber programar todavía. Trabajamos en grupos reducidos de máximo 6 personas, con práctica constante, correcciones en vivo y acompañamiento cercano en cada clase.
Armado del esqueleto: !doctype html, html, head, body y primeros tags
Metadatos esenciales, favicon, etiquetas meta y SEO on-page básico
Estructura de carpetas y archivos del proyecto (assets, css, imágenes)
Etiquetas semánticas: header, nav, main, section, article, footer
Texto, títulos jerárquicos, enlaces internos/externos e imágenes con alt
Accesibilidad inicial (labels, estructura lógica y atributos ARIA simples)
Listas ordenadas, desordenadas y de definición para contenido estructurado
Tablas simples con thead, tbody, th y primeros estilos legibles
Formularios HTML5: inputs, labels, placeholders, tipos de campos y validación nativa
Selectores, herencia, cascada y cómo evitar conflictos de estilos
Unidades (px, rem, %, vw/vh), tipografía, paletas de color y variables simples
Box model: padding, margin, border, overflow y reset básico del navegador
Ejes principal/secundario, alineación, distribución, gap y wrap
Orden, crecimiento/encogimiento de ítems y patrones comunes de layout
Construcción de un header y layout responsive usando Flexbox
Tracks (filas/columnas), áreas, fr units y gaps
auto-fit/auto-fill y grillas responsivas para distintos anchos de pantalla
Patrones para secciones de features, portfolio y testimonios
Instalación, configuración base y tailwind.config
Mentalidad utility-first y flujo de trabajo en un proyecto real
Utilidades clave: spacing, tipografía, color, bordes, sombras y containers
Breakpoints sm, md, lg, xl y variantes responsive
Patrones comunes: navbar colapsable, grillas fluidas y secciones apiladas en móvil
Buenas prácticas mobile-first y lectura cómoda en pantallas pequeñas
Modifiers de estado: hover, focus, active, focus-visible y focus rings
Estilos accesibles para controles de formulario y mensajes de error
Dark mode por clase/media, configuración en Tailwind y toggler básico
Transitions, transforms y keyframes en Tailwind para micro-interacciones
Efectos sutiles de scroll/hover sin sobrecargar la experiencia
Optimización: purge de clases, compresión de assets y chequeo con Lighthouse
Dominá las bases de la programación frontend: estructura con HTML, estilos modernos con CSS y diseño rápido con Tailwind para lanzar tus primeros sitios responsivos y profesionales.
Dominá las bases de la programación frontend: estructura con HTML, estilos modernos con CSS y diseño rápido con Tailwind para lanzar tus primeros sitios responsivos y profesionales.
Aprendé JavaScript desde cero hasta ES6+, asincronía con Promises y async/await, manipulación del DOM y módulos para preparar una base sólida antes de usar cualquier framework moderno.