🎓 Formación Profesional · Certificación Nacional e Internacional

¿CÓMO FUNCIONA?

• 100% online, sin horarios fijos

• Acceso inmediato al inscribirte

• 6 módulos · ~1 mes cada uno

• Cursás por módulo o todos juntos, a tu ritmo

• Tutor/a personalizado/a incluido/a

• Sin costo de inscripción

CADA CLASE INCLUYE

🎬 Videoclase · 📄 Apuntes descargables · 📖 Material de profundización · ⏰ Acceso 24 hs

🏆 CERTIFICACIONES

🎖️ Institucional — Gratis (incluido en todos los cursos)

🇦🇷 Nacional — Cámara Argentina de Formación Profesional (adicional)

🌍 Internacional — OIEP (adicional)

💳 MEDIOS DE PAGO

Mercado Pago · Transferencia (5% OFF) · Ualá · MODO · QR

Enviá tu comprobante a:

📱 3442-653504 (WhatsApp) · 📧 ateneoeducativoinfo@gmail.com

Acceso en menos de 24 hs.

🚀 ¡INSCRIBITE AHORA! → https://forms.gle/LyNz6J53MGkJBtoK6

PLAN

Introducción al Desarrollo Web y Fundamentos

• ¿Qué es el desarrollo frontend?
• Arquitectura básica de una aplicación web
• Entornos de desarrollo: instalación de Visual Studio Code, navegador y consola
• Estructura básica de una página web: HTML5 semántico
• Etiquetas esenciales: secciones, listas, imágenes, enlaces, formularios
• Buenas prácticas de código limpio y accesibilidad

Estilizado con CSS3

• Introducción a CSS: selectores, reglas y cascada
• Propiedades básicas: colores, fuentes, márgenes, padding, display
• Modelo de caja (box model) y posicionamiento
• Flexbox y Grid: diseño responsivo sin frameworks
• Media queries: construcción de sitios adaptables
• Metodologías de trabajo: BEM, SMACSS (opcional)

Herramientas y Frameworks de Estilos

• Uso de preprocesadores: SASS/SCSS (opcional)
• Frameworks de CSS: Bootstrap o Tailwind CSS
• Diseño responsivo avanzado con herramientas modernas
• Maquetación de páginas reales: landing pages, formularios, dashboards
• Optimización de rendimiento visual
• Integración con componentes reutilizables

Programación en JavaScript para el Frontend

• Introducción a JavaScript: variables, tipos de datos, operadores
• Control de flujo: condicionales, bucles, funciones
• DOM: manipulación de elementos y eventos
• Eventos del usuario: click, input, submit, scroll
• Manipulación de formularios y validación básica
• Conceptos básicos de asincronía: callbacks, promesas, fetch API

Librerías y Frameworks Frontend

• Introducción a React.js (o Vue.js / Angular según preferencia)
• Componentes, props y estado
• Manejo de eventos y comunicación entre componentes
• Hooks básicos: useState, useEffect
• Enrutamiento en aplicaciones SPA con React Router
• Consumo de APIs REST y manejo de datos en el frontend
• Proyecto individual: crear una aplicación funcional (ej: lista de tareas, buscador de productos, clima, etc.)

Proyecto e Implementación

• Planificación y diseño de una aplicación frontend
• Uso de figma o Adobe XD para maquetar la interfaz (opcional)
• Desarrollo usando HTML, CSS, JavaScript o React
• Implementación en hosting gratuito: Netlify, Vercel o GitHub Pages

Introducción a herramientas profesionales: Webpack, npm/yarn, Postman