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 !