Cursado por Módulo 100% Online

✨ Modalidad:

✔ Clases asincrónicas (sin horarios fijos).

✔ Comienzo inmediato (sin costo de inscripción).

✔ Flexibilidad total: Sin presencialidad ni clases en vivo.

📅 Duración:✅ 6 módulos

💡 Beneficios: Video clases explicativas + apuntes descargables. Material ampliatorio para actualizarse y profundizar.

💳 Medios de pago: Transferencia bancaria. MercadoPago, Ualá, MODO y QR.

📩 Confirmación de inscripción: Envía tu comprobante de pago (número de operación o foto) junto con tu nombre completo y email a: ateneoeducativoinfo@gmail.com

🔹 ¿Qué incluye cada clase?

🎥 Video clase explicativa (acceso ilimitado).

📄 Apuntes y material de estudio (descargable).

➕ Contenido ampliatorio (para profundizar).

🕒 Total libertad horaria (vos manejás tus tiempos).

👩‍🏫 Acompañamiento de un/a tutor/a en todo momento.

🎓 Diploma de finalización al completar el curso.

📌 Pasos para inscribirte:

1️⃣ Elegí tu medio de pago (transferencia, MercadoPago, etc.).

2️⃣ Envía el comprobante + nombre y email a nuestro correo.

3️⃣ ¡Listo! Recibís acceso inmediato al curso.

🎓 ¡Aprendé a tu ritmo, cuándo y dónde quieras!

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