INSTITUTO DE CAPACITACION Y FORMACION LABORAL

    🎓 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


    DESARROLLADOR FRONTEND-Certificacion nacional

    $25.350,00

    20% OFF con Transferencia

    Precio final: $20.280,00

    🎓 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


    Mi carrito