Desarrollo Full-Stack

¡Bienvenido a la etapa de Desarrollo Full-Stack! Aquí profundizarás en el desarrollo full-stack, dominando la componentización frontend, el diseño de bases de datos, el desarrollo de API backend y el despliegue.

Lo que aprenderás

Desarrollo Frontend

Domina el desarrollo frontend moderno y aprende a usar bibliotecas de componentes y herramientas de diseño:

Frontend 0: Uso de Lovart para activos

Aprende cómo usar herramientas de IA como Lovart para generar rápidamente activos de juegos de alta calidad y recursos de UI

Frontend 1: Introducción a Figma y MasterGo

Domina las operaciones básicas de herramientas profesionales de diseño de UI y el flujo de trabajo del diseño al código

Frontend 2: Construcción de tu primera aplicación moderna - Diseño de UI

Diseña una interfaz de aplicación web moderna desde cero, practicando principios de diseño de UI

Frontend 3: Guías de diseño de UI y UI multi-producto

Aprende las guías de diseño de UI dominantes para mejorar la consistencia y estética del diseño de productos

Frontend 4: Construyamos retratos de Hogwarts

Proyecto práctico: Construye una aplicación de retratos de Hogwarts interactiva utilizando imágenes generadas por IA

Backend y Full-Stack

Aprende diseño de API, gestión de bases de datos y estrategias de despliegue de aplicaciones:

Backend 1: Qué es una API

Comprende el concepto central de las APIs, el puente entre frontend y backend

Backend 2: De base de datos a Supabase

Domina los fundamentos de bases de datos relacionales y aprende a usar Supabase, una plataforma BaaS moderna

Backend 3: Código de interfaz asistido por IA y documentación

Usa IA para asistir en la generación de código de interfaz backend y documentación de API estándar

Backend 4: Flujo de trabajo de Git

Domina las operaciones centrales y flujos de trabajo de colaboración del sistema de control de versiones Git

Backend 5: Despliegue en Zeabur

Aprende a desplegar rápidamente tus aplicaciones full-stack en la nube usando Zeabur

Backend 6: Herramientas de desarrollo CLI modernas

Explora herramientas CLI modernas para mejorar la experiencia de desarrollo en entornos de línea de comandos

Backend 7: Integración de sistemas de pago Stripe

Práctica: Integra la funcionalidad de pago de Stripe en tu aplicación para monetización

Asignaciones

Consolida tus habilidades de desarrollo full-stack a través de proyectos prácticos:

Asignación 1: Construcción de tu primera aplicación moderna - Full-Stack

Aplica de manera integral lo que has aprendido para completar de forma independiente una aplicación full-stack completamente funcional

Asignación 2: Biblioteca de componentes frontend moderna + Trae

Usa bibliotecas de componentes modernas con Trae IDE para construir eficientemente interfaces frontend complejas

Extensión de capacidades de IA

IA 1: Introducción a Dify e integración de base de conocimientos

Aprende a construir aplicaciones de IA usando Dify e integrar bases de conocimientos privadas

IA 2: Consulta de diccionario de IA e integración de API multimodal

Explora más capacidades de IA, integrando APIs multimodales como visión y voz

Para quién es

• Desarrolladores con alguna base de programación que quieran aprender sistemáticamente desarrollo full-stack
• Estudiantes que desean hacer la transición de gerente de producto a ingeniero full-stack
• Desarrolladores junior a intermedios que quieren dominar herramientas y flujos de trabajo de desarrollo modernos
• Emprendedores que quieren desarrollar productos completos de forma independiente

Requisitos previos

• Completar la etapa de "Novato y prototipo de producto", o tener conocimientos básicos equivalentes
• Comprender conceptos básicos de HTML/CSS/JavaScript
• Tener conocimientos preliminares sobre herramientas de programación de IA

¿Listo para profundizar en el desarrollo full-stack? ¡Haz clic en la navegación izquierda para comenzar a aprender!