Développement Full-Stack

Bienvenue à l'étape Développement Full-Stack ! Ici, vous approfondirez le développement full-stack, maîtrisant la componentisation frontend, la conception de bases de données, le développement d'API backend et le déploiement.

Ce que vous allez apprendre

Développement Frontend

Maîtriser le développement frontend moderne et apprendre à utiliser des bibliothèques de composants et des outils de conception :

Frontend 0 : Utilisation de Lovart pour les ressources

Apprendre comment utiliser des outils IA comme Lovart pour générer rapidement des ressources de jeu de haute qualité et des ressources UI

Frontend 1 : Introduction à Figma et MasterGo

Maîtriser les opérations de base des outils professionnels de conception UI et le flux de travail de la conception au code

Frontend 2 : Construction de votre première application moderne - Conception UI

Concevoir une interface d'application web moderne à partir de zéro, en pratiquant les principes de conception UI

Frontend 3 : Directives de conception UI et UI multi-produits

Apprendre les directives de conception UI dominantes pour améliorer la cohérence et l'esthétique de la conception de produits

Frontend 4 : Construisons des portraits de Poudlard

Projet pratique : Construire une application de portraits de Poudlard interactive en utilisant des images générées par IA

Backend et Full-Stack

Apprendre la conception d'API, la gestion de bases de données et les stratégies de déploiement d'applications :

Backend 1 : Qu'est-ce qu'une API

Comprendre le concept central des API, le pont entre frontend et backend

Backend 2 : De la base de données à Supabase

Maîtriser les bases des bases de données relationnelles et apprendre à utiliser Supabase, une plateforme BaaS moderne

Backend 3 : Code d'interface assisté par IA et documentation

Utiliser l'IA pour aider à générer du code d'interface backend et de la documentation API standard

Backend 4 : Flux de travail Git

Maîtriser les opérations centrales et les flux de travail de collaboration du système de contrôle de version Git

Backend 5 : Déploiement Zeabur

Apprendre à déployer rapidement vos applications full-stack dans le cloud en utilisant Zeabur

Backend 6 : Outils de développement CLI modernes

Explorer les outils CLI modernes pour améliorer l'expérience de développement dans les environnements de ligne de commande

Backend 7 : Intégration des systèmes de paiement Stripe

Pratique : Intégrer la fonctionnalité de paiement Stripe dans votre application pour la monétisation

Devoirs

Consolider vos compétences de développement full-stack à travers des projets pratiques :

Devoir 1 : Construction de votre première application moderne - Full-Stack

Appliquer de manière complète ce que vous avez appris pour compléter de manière indépendante une application full-stack entièrement fonctionnelle

Devoir 2 : Bibliothèque de composants frontend moderne + Trae

Utiliser des bibliothèques de composants modernes avec Trae IDE pour construire efficacement des interfaces frontend complexes

Extension des capacités IA

IA 1 : Introduction à Dify et intégration de base de connaissances

Apprendre à construire des applications IA en utilisant Dify et intégrer des bases de connaissances privées

IA 2 : Recherche de dictionnaire IA et intégration d'API multimodales

Explorer plus de capacités IA, en intégrant des API multimodales comme la vision et la voix

Pour qui c'est

• Développeurs avec une certaine base de programmation qui veulent apprendre systématiquement le développement full-stack
• Apprenants qui souhaitent passer de chef de produit à ingénieur full-stack
• Développeurs juniors à intermédiaires qui veulent maîtriser les outils et flux de travail de développement modernes
• Entrepreneurs qui veulent développer des produits complets de manière indépendante

Prérequis

• Compléter l'étape "Débutant et prototype de produit", ou avoir des connaissances de base équivalentes
• Comprendre les concepts de base de HTML/CSS/JavaScript
• Avoir des connaissances préliminaires sur les outils de programmation IA

Prêt à approfondir le développement full-stack ? Cliquez sur la navigation de gauche pour commencer à apprendre !