Guide Programme Live Coding &
Présentations de Projets
WEB4JOBS - Guide Simplifié
📋 Vue d'Ensemble
Horaire Activité Participants
12h00 - 12h45 Présentation de Projets 2 apprenants
15h30 - 16h00 Live Coding 1 apprenant
Sélection : Chaque samedi, j'annonce les participants de la semaine.
💻 Organisation du Live Coding
Déroulement de la Session
La session est flexible selon la complexité de la tâche. Généralement :
Introduction :
Présentation de la tâche ou du défi
Explication des objectifs
Codage :
L'apprenant code en partageant son écran
Il explique sa démarche à voix haute
Il peut demander de l'aide si bloqué
Feedback :
Discussion sur le code produit
Suggestions d'amélioration
Bonnes pratiques à retenir
Note importante : L'apprenant choisit le quest ou la partie sur laquelle il veut travailler.
Préparation de l'Apprenant
Avant la session :
Comprendre la tâche demandée
Réfléchir à l'approche de solution
Préparer l'environnement de travail (VS Code, Jupyter)
Tester la connexion et le partage d'écran
Pendant la session :
Option 1 : Codage en direct
Vous travaillez seul et codez en temps réel
Si vous faites des erreurs, c'est normal
Le responsable ou le groupe peut vous aider si vous êtes bloqué
Expliquez votre raisonnement à voix haute
L'objectif est d'apprendre ensemble !
📊 Organisation des Présentations
Exemple de Structure de Présentation
Voici un exemple de ce que votre présentation peut contenir :
1. Introduction (3-5 minutes)
Quel est votre sujet ?
Pourquoi avez-vous choisi ce sujet ?
2. Contenu Principal (20-25 minutes)
Le problème résolu ou l'objectif
Les technologies ou outils utilisés
Démonstration pratique (live demo)
OU vous avez le choix d'avoir une table des matières différente :
Qu'est-ce que c'est ?
Pourquoi c'est utile ?
Installation et configuration OU explication
Démonstration pratique avec exemple
Astuces pour débutants
3. Questions / Réponses (10 minutes)
Échange avec le groupe
Réponses aux questions
4. Conclusion (5 minutes)
Résumé des points clés
Ce que vous avez appris
Éléments à Préparer
Slides simples (optionnel mais recommandé)
Code source accessible (GitHub, dossier partagé)
Démo fonctionnelle (optionnel)
📝 Types de Sujets Autorisés
Type 1 : Projet Personnel
Un projet que vous avez développé en dehors de la plateforme Qwasar.
Exemples :
Site web Portfolio personnel
Application web simple
Structure suggérée :
1. Introduction du projet (3-5 min)
Quel problème résout votre projet ?
Pourquoi avez-vous créé ce projet ?
2. Technologies utilisées (3-5 min)
Langages de programmation (Python, JavaScript, etc.)
Frameworks et bibliothèques (React, Flask, Django, etc.)
Outils et services (GitHub, Netlify, etc.)
3. Démonstration du projet (10-15 min)
Montrez les fonctionnalités principales en action
Parcourez l'interface utilisateur
Expliquez le flux d'utilisation
4. Explication du code (5-7 min)
Montrez 2-3 parties de code intéressantes
Expliquez l'architecture du projet
Partagez le lien GitHub
5. Difficultés et solutions (3-5 min)
Quels obstacles avez-vous rencontrés ?
Comment les avez-vous résolus ?
Qu'avez-vous appris ?
Ce que vous devez montrer :
Le problème résolu
Les technologies utilisées
Démonstration du projet
Code source (GitHub)
Difficultés rencontrées
Type 2 : Outil ou Bibliothèque
Présentation approfondie d'un outil technique que vous maîtrisez.
Pour AI/ML :
Pandas : manipulation de données
NumPy : calculs numériques
Matplotlib / Seaborn : visualisation de données
Scikit-learn : introduction au Machine Learning
Pour Data Analysis :
Power BI : création de dashboards
Tableau : visualisations interactives
Outils de développement :
Jupyter Notebooks : utilisation optimale
Structure suggérée :
1. Qu'est-ce que c'est ? (3-5 min)
Définition simple de l'outil/bibliothèque
À quoi sert-il ?
Qui l'utilise et dans quels contextes ?
2. Pourquoi c'est utile ? (3-5 min)
Avantages principaux
Comparaison avec des alternatives (si applicable)
Cas d'usage réels dans l'industrie
3. Installation et configuration (3-5 min)
Comment installer l'outil (pip, npm, téléchargement)
Configuration de base nécessaire
Prérequis et dépendances
4. Démonstration pratique avec exemple (15-20 min)
Exemple concret et pratique (dataset réel, code fonctionnel)
Montrez les fonctionnalités clés en action
Expliquez le code ligne par ligne pour les parties importantes
Montrez les résultats obtenus
5. Astuces et bonnes pratiques (3-5 min)
Tips pour bien utiliser l'outil
Erreurs courantes à éviter
Raccourcis ou fonctionnalités méconnues
Ressources pour aller plus loin (documentation, tutoriels)
Type 3 : Plateforme ou Service Cloud
Présentation d'une plateforme technique ou d'un service cloud utile.
Plateformes d'apprentissage :
Kaggle : compétitions et datasets
Google Colab : notebooks Python gratuits avec GPU
Services de déploiement :
Netlify : hébergement de sites web statiques
Vercel : déploiement d'applications React/[Link]
GitHub Pages : hébergement gratuit via GitHub
Heroku : déploiement d'applications Python/Node
Railway : alternative moderne à Heroku
Services backend et bases de données :
Firebase : backend as a service (auth, database, hosting)
Supabase : alternative open-source à Firebase
Services pour AI/ML :
Hugging Face : modèles pré-entraînés
Streamlit Cloud : déploiement d'applications ML
Google Cloud AutoML : ML sans code pour débutants
Structure suggérée :
1. Présentation de la plateforme (3-5 min)
Qu'est-ce que c'est ?
Qui l'utilise et pourquoi ?
Gratuit ou payant ? (limites du plan gratuit)
2. Création de compte et découverte (3-5 min)
Comment s'inscrire
Navigation dans l'interface
Vue d'ensemble des fonctionnalités principales
3. Cas d'usage pratiques (5-7 min)
Dans quelles situations utiliser cette plateforme ?
Exemples concrets de projets
Qui peut en bénéficier (développeurs, data scientists, étudiants)
4. Démonstration d'une fonctionnalité clé (10-15 min)
Choisissez une fonctionnalité importante
Montrez un exemple du début à la fin
Expliquez chaque étape clairement
Montrez le résultat obtenu
5. Avantages et limitations (3-5 min)
Points forts de la plateforme
Limites du plan gratuit (stockage, temps de calcul, etc.)
Quand choisir cette plateforme vs une alternative
6. Conseils d'utilisation (3-5 min)
Astuces pour optimiser l'utilisation
Erreurs courantes à éviter
Ressources pour approfondir (documentation, tutoriels, communauté)
✅ Conseils Pratiques
Pour le Live Coding
Testez votre configuration technique avant
Expliquez votre raisonnement à voix haute
Ne paniquez pas face aux erreurs
Demandez de l'aide si nécessaire
Pour les Présentations
Répétez votre présentation plusieurs fois
Testez votre démo 3-4 fois minimum
Préparez des screenshots en backup
Parlez clairement et pas trop vite
Faites des pauses pour respirer
Bonne chance à tous !