Informations pratiques

• Durée : 35h
• Niveau : Intermédiaire
• Modalité : Visio

Objectifs pédagogiques

• Maîtriser la plateforme Lovable
• Créer des sites web et applications modernes
• Utiliser l'IA pour accélérer le développement
• Personnaliser le design et les fonctionnalités
• Déployer et maintenir vos applications

Programme de la formation

1. Introduction à Lovable (8h)
   • Plateforme Lovable : inscription, projets, interface de chat et preview en temps réel
   • Interface de développement : éditeur de code, arborescence, preview et déploiement
   • Premiers projets : créer un site vitrine, un dashboard et une application métier
   • Templates et inspirations : bibliothèque de starters et exemples de projets réussis
   • Workflow itératif : prompt → preview → affiner — la boucle de développement Lovable
   • Bonnes pratiques : structurer ses demandes, versionner et organiser son projet
2. Développement Assisté (14h)
   • Génération de code : composants React, pages, formulaires et logique métier par prompt
   • Components et composition : créer des composants réutilisables et bien structurés
   • Pages et routing : navigation multi-pages, layouts, routes dynamiques et protégées
   • State management : gestion d'état local, contexte et synchronisation avec la base
   • Formulaires avancés : validation, gestion d'erreurs et soumission asynchrone
   • Intégration de bibliothèques : Tailwind, shadcn/ui, Framer Motion et charts
3. Design et UX (8h)
   • UI design : principes de design, hiérarchie visuelle et composants UI modernes
   • Responsive design : mobile-first, breakpoints et adaptation à tous les écrans
   • Animations : Framer Motion, transitions de page et micro-interactions
   • Theming : design system, tokens de couleur et mode sombre/clair
   • Accessibilité : ARIA, contraste, navigation clavier et bonnes pratiques WCAG
   • Landing pages : hero sections, features, testimonials et call-to-action

Prérequis

Notions de base en web recommandées mais non obligatoires

Public visé

Développeurs, entrepreneurs, designers, product managers

Méthodes pédagogiques

Formation en distanciel (visio) et/ou en présentiel selon les sessions

Évaluation

QCM, exercices pratiques, mise en situation professionnelle, étude de cas, projet final

Accessibilité

Formation accessible aux personnes en situation de handicap. Possibilités d'adaptation pédagogique et technique. Pour toute question concernant l'accessibilité, contactez notre référent handicap : Kelly Ohana - contact@visio-form.fr