Table des matières

Introduction

Devenez un développeur web accompli : Maîtrisez les langages, frameworks et concepts clés grâce à une pédagogie concrète et structurée

Ce programme complet vous propulse vers une carrière en développement web

Aspirez-vous à devenir un développeur web performant et recherché par les entreprises ? Cette formation intensive vous dote des compétences et aptitudes nécessaires pour réussir dans ce domaine en pleine expansion.

Apprenez en faisant : deux projets majeurs et des labs pratiques

Plongez au cœur du développement web dès le début de votre formation en réalisant deux projets majeurs et des labs pratiques stimulants. Ces projets vous permettront de :

• Mettre en œuvre vos connaissances acquises en cours
• Développer vos aptitudes pratiques
• Concrétiser vos idées en applications web fonctionnelles

Un prototype évolutif pour concrétiser vos acquis

Tout au long de votre parcours, vous peaufinerez un prototype qui servira de fil conducteur à vos projets. Ce prototype évolutif vous permettra de :

• Tester vos solutions techniques de manière progressive
• Valider vos choix techniques et d’en affiner la pertinence
• Présenter vos réalisations à la fin de votre formation

Maîtrisez les fondamentaux du développement web

Le projet fil rouge vous plongera dès le début dans l’univers du développement web. Vous réaliserez une série de mini-projets qui vous donneront une base solide pour :

• Concevoir et développer votre propre projet fil rouge
• Mettre en pratique les compétences techniques essentielles
• Vous familiariser avec les méthodologies de développement web

Réalisez un projet de fin de formation ambitieux

Le projet de fin de formation sera votre chef-d’œuvre, une occasion unique de :

• Démontrer l’étendue de vos compétences acquises
• Réaliser une application web complète et fonctionnelle
• Vous démarquer sur le marché du travail en tant que développeur web accompli

Labs pratiques : Explorez et exploitez les technologies

Les labs pratiques vous offriront un espace de :

• Pratique pour approfondir vos connaissances techniques
• Expérimentation pour tester vos compétences et les affiner
• Découverte pour apprendre de nouvelles technologies

Un encadrement pédagogique de qualité

Tout au long de votre formation, vous serez accompagné par des :

• Professionnels expérimentés du développement web
• Formateurs pédagogues qui sauront vous guider et vous motiver
• Experts qui vous apporteront des conseils précieux et des retours constructifs

Devenez un développeur web compétent et autonome

Ce programme complet vous permettra de devenir un développeur web :

• Compétent et doté d’une solide maîtrise des langages, frameworks et concepts clés du développement web
• Autonome et capable de réaliser des projets web complexes de manière indépendante
• Prêt à relever les défis du monde professionnel et à évoluer dans un domaine en constante évolution

Lancez-vous dès aujourd’hui dans une carrière prometteuse en développement web !

Prototype

Le prototype est un élément central de ce programme de formation en développement web. Il s’agit d’une application web évolutive qui vous servira de fil conducteur tout au long de votre parcours.

Objectifs du prototype

Le prototype a pour objectifs principaux de vous permettre de :

• Mettre en pratique les connaissances et compétences acquises en cours
• Tester vos solutions techniques de manière progressive
• Valider vos choix techniques et d’en affiner la pertinence
• Concrétiser vos idées en applications web fonctionnelles
• Présenter vos réalisations à la fin de votre formation

Fonctionnalités du prototype

Le prototype évoluera au fil de votre formation, en fonction des projets que vous réaliserez. Il pourra inclure les fonctionnalités suivantes :

• Un système d’authentification pour gérer les utilisateurs
• Une interface d’administration pour gérer les contenus et les paramètres du site
• Un système de gestion de contenu (CMS) pour créer et publier des articles, des pages, etc.
• Une base de données pour stocker les données du site
• Des API pour interagir avec des services externes
• Des fonctionnalités de e-commerce pour vendre des produits ou des services

Avantages du prototype

L’utilisation d’un prototype présente de nombreux avantages, notamment :

• Apprentissage par la pratique : Le prototype vous permettra de mettre en pratique vos connaissances et compétences de manière concrète et réaliste.
• Développement progressif : Vous pourrez développer votre prototype de manière progressive, en ajoutant de nouvelles fonctionnalités au fur et à mesure de votre apprentissage.
• Validation des solutions techniques : Vous pourrez tester vos solutions techniques de manière progressive et identifier les éventuels problèmes avant de les implémenter dans des projets plus importants.
• Portfolio concret : A la fin de votre formation, vous aurez un prototype fonctionnel à présenter à vos potentiels employeurs.

Conclusion

Le prototype est un outil pédagogique précieux qui vous permettra d’apprendre de manière efficace et de concrétiser vos acquis en développement web. N’hésitez pas à l’utiliser régulièrement tout au long de votre formation.

En plus de cette présentation, voici quelques points supplémentaires à considerer :

• Le prototype peut être réalisé à l’aide de différents langages, frameworks et outils de développement web. Le choix des technologies dépendra de vos préférences et des fonctionnalités que vous souhaitez implémenter.
• Il est important de bien documenter votre prototype afin de faciliter sa maintenance et son évolution.
• Vous pouvez partager votre prototype avec d’autres apprenants pour obtenir des commentaires et des suggestions d’amélioration.

J’espère que cette présentation vous a été utile. N’hésitez pas à me poser des questions si vous avez besoin de précisions.

Projet fil rouge

Introduction

Le projet fil rouge est un élément central de nombreux programmes de formation en développement web. Il s’agit d’un projet de grande envergure qui s’étend sur toute la durée de la formation et permet aux apprenants de mettre en pratique leurs connaissances et compétences acquises.

Objectifs du projet fil rouge

Les objectifs du projet fil rouge sont multiples, notamment :

• Mettre en pratique les connaissances et compétences acquises en cours sur les langages, frameworks et concepts clés du développement web
• Développer des aptitudes pratiques telles que la conception, le développement, le test et le déploiement d’applications web
• Gérer un projet complexe de manière autonome et en équipe
• Communiquer efficacement avec les parties prenantes
• S’adapter à des contraintes techniques et temporelles
• Respecter les bonnes pratiques de développement web

Déroulement du projet fil rouge

Le projet fil rouge se déroule généralement en plusieurs étapes, notamment :

• Définition des exigences : Les apprenants définissent les objectifs du projet, les fonctionnalités à implémenter et les contraintes techniques.
• Conception : Les apprenants conçoivent l’architecture de l’application, les interfaces utilisateur et les bases de données.
• Développement : Les apprenants développent le code de l’application en utilisant les langages, frameworks et outils de développement web appropriés.
• Test : Les apprenants testent l’application pour identifier et corriger les bugs.
• Déploiement : Les apprenants déploient l’application sur un serveur web.
• Maintenance : Les apprenants maintiennent l’application en corrigeant les bugs et en ajoutant de nouvelles fonctionnalités.

Avantages du projet fil rouge

Le projet fil rouge présente de nombreux avantages pour les apprenants, notamment :

• Permet de mettre en pratique les connaissances et compétences acquises de manière concrète et réaliste
• Développe des compétences pratiques essentielles pour réussir en tant que développeur web
• Permet de s’approprier des méthodologies de gestion de projet
• Favorise le travail en équipe et la communication
• Permet de réaliser un projet dont les apprenants peuvent être fiers
• Constitue un atout précieux pour le portfolio des apprenants

Conclusion

Le projet fil rouge est une expérience enrichissante qui permet aux apprenants de développer leurs compétences et de se préparer à une carrière en développement web. C’est un élément essentiel de nombreux programmes de formation et il est fortement recommandé aux apprenants de s’y impliquer pleinement.

En plus de cette présentation, voici quelques points supplémentaires à considerer :

• Le sujet du projet fil rouge peut être choisi par les apprenants eux-mêmes ou imposé par la formation.
• Le projet fil rouge peut être réalisé individuellement ou en équipe.
• Il est important de bien encadrer les apprenants tout au long du projet fil rouge afin de les aider à surmonter les difficultés et à atteindre leurs objectifs.

J’espère que cette présentation vous a été utile. N’hésitez pas à me poser des questions si vous avez besoin de précisions.

Prototype individuel

1. Gestion d’une Bibliothèque Personnelle:

• Tables: Livres (titre, auteur, ISBN, genre, date de publication, statut (lu/à lire/en cours))
• Fonctionnalités: CRUD, recherche par différents critères (titre, auteur, ISBN, genre), tri, génération de listes de lecture

3. Gestion de Contacts:

• Tables: Contacts (nom, prénom, adresse email, numéro de téléphone, notes)
• Fonctionnalités: CRUD, recherche avancée, gestion des groupes de contacts, import/export de contacts

4. Catalogue de Films:

• Tables: Films (titre, réalisateur, genre, année de sortie, acteurs, synopsis)
• Fonctionnalités: CRUD, recherche par différents critères (titre, réalisateur, genre, année), tri, notation des films, génération de recommandations

5. Suivi des Dépenses:

• Tables: Dépenses (date, description, montant, catégorie)
• Fonctionnalités: CRUD, création de budgets, génération de rapports, visualisation des tendances de dépenses

6. Collection de Musique:

• Tables: Morceaux (titre, artiste, album, genre, date de sortie)
• Fonctionnalités: CRUD, création de playlists, gestion de la bibliothèque musicale, lecture de musique

7. Recettes de Cuisine:

• Tables: Recettes (nom du plat, ingrédients, instructions, temps de préparation, temps de cuisson)
• Fonctionnalités: CRUD, recherche par ingrédients ou type de plat, création de menus, partage de recettes

8. Agenda Personnel:

• Tables: Événements (titre, description, date, heure, lieu)
• Fonctionnalités: CRUD, création d’événements récurrents, gestion des rappels, synchronisation avec des calendriers externes

9. Liste de Courses:

• Tables: Articles (nom, quantité, catégorie, magasin)
• Fonctionnalités: CRUD, création de listes de courses par magasin ou occasion, partage des listes, marquage des articles comme achetés

10. Catalogue de Plantes:

• Tables: Plantes (nom commun, nom scientifique, famille, type de plante, besoins en eau, luminosité requise)
• Fonctionnalités: CRUD, recherche par différents critères (nom, famille, type), gestion de photos, conseils dentretien

11. Suivi d’Entraînement:

• Tables: Séances d’entraînement (date, type d’entraînement, durée, intensité, notes)
• Fonctionnalités: CRUD, création de plans d’entraînement, suivi des progrès, visualisation des statistiques

12. Gestion de Collections:

• Tables: Objets de collection (nom, description, date d’acquisition, valeur estimée, photo)
• Fonctionnalités: CRUD, création de catalogues, recherche par différents critères, gestion des prêts

13. Liste de Souhaits:

• Tables: Cadeaux (description, prix, lien d’achat, priorité)
• Fonctionnalités: CRUD, partage des listes de souhaits, définition des budgets, marquage des cadeaux comme achetés

14. Gestion de Recettes:

• Tables: Recettes (nom du plat, ingrédients, instructions, temps de préparation, temps de cuisson, notes)
• Fonctionnalités: CRUD, création de menus, partage de recettes avec d’autres personnes, gestion des allergies et restrictions alimentaires

15. Suivi de Santé:

• Tables: Mesures (poids, tension artérielle, glycémie, date, notes)
• Fonctionnalités: CRUD, création de graphiques et de tendances, définition d’objectifs, partage des données avec un médecin

16. Gestion de Rendez-vous:

• Tables: Rendez-vous (titre, description, date, heure, lieu, notes)
• Fonctionnalités: CRUD, création de rappels, synchronisation avec des calendriers externes, gestion des rendez-vous récurrents

17. Gestion d’Étudiants:

• Tables: Étudiants (nom, prénom, filière, niveau, notes)
• Fonctionnalités: CRUD, recherche par différents critères
  • Calcul des moyennes
  • Génération de rapports d’assiduité
  • Gestion des absences et des retards
  • Communication avec les parents d’élèves

18. Catalogue de Produits:

• Tables: Produits (nom, description, prix, catégorie, stock, fournisseur)
• Fonctionnalités: CRUD, recherche par différents critères (nom, description, catégorie, prix, fournisseur), tri, gestion des promotions, suivi des ventes, gestion des stocks

19. Gestion de Clients:

• Tables: Clients (nom, prénom, adresse email, numéro de téléphone, adresse postale, historique des commandes)
• Fonctionnalités: CRUD, recherche par différents critères (nom, prénom, adresse email), gestion des commandes et des factures, suivi de l’historique des achats, fidélisation des clients

20. Suivi de Budget:

• Tables: Revenus (source, montant, date) et Dépenses (description, montant, catégorie, date)
• Fonctionnalités: CRUD, création de budgets par catégorie, visualisation des dépenses et des revenus, génération de rapports, analyse des habitudes de consommation

21. Collection de Photos:

• Tables: Photos (nom, date de prise, description, tags, emplacement, album)
• Fonctionnalités: CRUD, recherche par différents critères (nom, description, tags, date, emplacement, album), tri, création d’albums, partage de photos, retouche d’images

22. Gestion d’Événements:

• Tables: Événements (nom, description, date, heure, lieu, participants, type d’événement)
• Fonctionnalités: CRUD, création de différents types d’événements (anniversaires, réunions, conférences, etc.), gestion des invitations, suivi des RSVP, gestion des tâches liées à l’événement, création de budgets pour les événements

23. Liste de Films à Voir:

• Tables: Films (titre, réalisateur, genre, année de sortie, acteurs, synopsis, plateforme de streaming)
• Fonctionnalités: CRUD, recherche par différents critères (titre, réalisateur, genre, année, acteurs, plateforme), tri, notation des films, création de listes par genre ou plateforme, partage des listes

24. Catalogue de Recettes:

• Tables: Recettes (nom du plat, ingrédients, instructions, temps de préparation, temps de cuisson, notes, allergies, type de cuisine)
• Fonctionnalités: CRUD, recherche par différents critères (nom du plat, ingrédients, allergies, type de cuisine), tri, création de menus, partage de recettes, gestion des favoris

25. Suivi de Colis:

• Tables: Colis (numéro de suivi, expéditeur, destinataire, statut, date d’expédition, date de livraison, transporteur)
• Fonctionnalités: CRUD, recherche par numéro de suivi, suivi de l’état du colis, notification des mises à jour, gestion des réclamations

Guide

labs pratique

• lab-outils
• Atelier
  1. Installation de linux
  2. Réseaux LAN
  3. matériel informatique

1. lab-documentation
   1. github - jekyll
   2. markdown, mermaid, plantUML
   3. Atelier
      1. git
      2. github - github flow
      3. github pages
2. lab-laravel
   1. Autoformation sur laravel 11
   2. Relations
      1. many to one
      2. many to many
      3. one to one
3. lab-architecure
   1. Design patterne : repository
   2. multi-langue
   3. import et export
   4. charte graphique
4. lab-sécurité
5. Prototype
   1. Projet individuel à choisir parmi une liste de 30 sujets
   2. CC1 et CC2

Projet de formation - projet file rouge - évaluaion

• choix de sujet
  • soli-lms, gestion personnel, cnmh, ..
  • Définir le problème
• Analyse
  • Idéation
  • Diagramme de cas d’utilisation
• Prototype
• Conception
  • Maquettes
  • Diagramme de classe
• Réalisation
  • EFM

Projet de fin de formation - nouvelle projet

• choix de sujet
  • Définir le problème
• Analyse
  • Idéation
  • Diagramme de cas d’utilisation
• Prototype
• Conception
  • Maquettes
  • Diagramme de classe
• Réalisation

Différences entre un mini-projet, un prototype et un projet fil rouge

Définition

• Mini-projet : Un mini-projet est un projet de courte durée et de petite envergure, réalisé dans le cadre d’une formation en développement web. Il permet aux apprenants de mettre en pratique leurs connaissances et compétences acquises sur des sujets spécifiques.
• Prototype : Un prototype est une maquette ou une version simplifiée d’un produit ou d’une application, conçue pour tester des idées et des concepts avant de réaliser un développement complet.
• Projet fil rouge : Un projet fil rouge est un projet de grande envergure qui s’étend sur toute la durée d’une formation et permet aux apprenants de mettre en pratique leurs connaissances et compétences acquises.

Objectifs

• Mini-projet : L’objectif principal d’un mini-projet est de permettre aux apprenants de se familiariser avec un nouveau concept ou une nouvelle technologie. Il s’agit d’un exercice pédagogique qui permet de mettre en pratique des connaissances spécifiques.
• Prototype : L’objectif principal d’un prototype est de valider des idées et des concepts. Il ne s’agit pas de créer un produit finalisé, mais plutôt de tester des hypothèses et d’obtenir des retours des utilisateurs.
• Projet fil rouge : L’objectif principal d’un projet fil rouge est de permettre aux apprenants de mettre en pratique leurs connaissances et compétences acquises. Il s’agit de réaliser un projet complet et fonctionnel, qui répond à des exigences spécifiques.

Fonctionnalités

• Mini-projet : Un mini-projet ne possède généralement que les fonctionnalités essentielles pour illustrer le concept ou la technologie étudiée. Il peut être simple et peu ambitieux.
• Prototype : Un prototype ne possède généralement que les fonctionnalités essentielles pour tester les idées et les concepts. Il peut être incomplet et peu intuitif.
• Projet fil rouge : Un projet fil rouge doit posséder toutes les fonctionnalités nécessaires pour répondre aux exigences définies. Il doit être complet, fonctionnel et intuitif.

Niveau de finition

• Mini-projet : Un mini-projet ne nécessite pas nécessairement un niveau de finition élevé. Il peut être simple et fonctionnel.
• Prototype : Un prototype est généralement peu soigné et peu raffiné. Il ne vise pas à être un produit finalisé.
• Projet fil rouge : Un projet fil rouge doit être réalisé avec soin et professionnalisme. Il doit respecter les bonnes pratiques de développement web et être conforme aux standards de qualité.

Temps de réalisation

• Mini-projet : Un mini-projet est généralement réalisé en quelques heures ou en quelques jours.
• Prototype : Un prototype peut prendre quelques jours ou quelques semaines à réaliser.
• Projet fil rouge : Un projet fil rouge peut prendre plusieurs mois à réaliser.

En résumé

Caractéristique	Mini-projet	Prototype	Projet fil rouge
Définition	Projet de courte durée et de petite envergure	Maquette ou version simplifiée	Projet de grande envergure
Objectifs	Se familiariser avec un concept ou une technologie	Valider des idées et des concepts	Mettre en pratique des connaissances et compétences
Fonctionnalités	Essentielles pour illustrer le concept	Essentielles pour tester des idées	Toutes les fonctionnalités nécessaires
Niveau de finition	Simple et fonctionnel	Peu soigné	Soigné et professionnel
Temps de réalisation	Quelques heures ou quelques jours	Quelques jours ou quelques semaines	Plusieurs mois

En conclusion, les mini-projets, les prototypes et les projets fil rouge sont des outils pédagogiques distincts qui répondent à des besoins différents. Les mini-projets permettent aux apprenants de se familiariser avec de nouveaux concepts, les prototypes permettent de tester des idées et les projets fil rouge permettent aux apprenants de mettre en pratique leurs compétences et de réaliser des projets complets.

Voici un tableau récapitulatif des différences entre les trois types de projets :

Caractéristique	Mini-projet	Prototype	Projet fil rouge
Durée	Courte	Moyenne	Longue
Complexité	Faible	Moyenne	Élevée
Objectifs	Apprentissage	Validation d’idées	Mise en pratique de compétences
Niveau de finition	Basic	Moyen	Élevé
Résultat	Exercice pédagogique	Version simplifiée d’un produit	Produit finalisé

J’espère que cette comparaison vous a été utile. N’hésitez pas à me poser des questions si vous avez besoin de précisions.

Planification annuelle de la formation

Introduction

Dans un monde en constante évolution, il est crucial pour les individus et les organisations de s’adapter aux nouvelles technologies et compétences afin de rester compétitifs. La formation continue est un élément essentiel pour répondre à ce défi et garantir la performance individuelle et collective.

Ce document présente une planification annuelle de la formation, conçue pour répondre aux besoins spécifiques des apprenants et aux objectifs de l’organisation. Elle propose un cadre structuré pour l’acquisition de sept compétences clés en informatique, réparties sur une année de formation.

La planification s’articule autour de 13 modules, chacun abordant un aspect spécifique des compétences visées. La durée des modules est indicative et peut varier en fonction de la pédagogie employée et du rythme des apprenants. Un projet de fin de formation permet aux apprenants de mettre en pratique les compétences acquises tout au long de l’année.

Cette planification annuelle offre plusieurs avantages :

• Vision globale du parcours de formation: Elle permet de visualiser l’ensemble du programme et d’en identifier les étapes clés.
• Coordination facilitée: Elle favorise la collaboration entre les différents intervenants (formateurs, tuteurs, responsables pédagogiques).
• Suivi des apprenants: Elle permet de suivre la progression des apprenants et d’identifier les besoins de soutien éventuels.
• Cohérence avec les objectifs: Elle garantit que les formations dispensées sont en ligne avec les objectifs de l’organisation.

Cette planification annuelle de la formation constitue un outil précieux pour la mise en œuvre d’un programme de formation efficace et de qualité. Elle permet d’optimiser l’apprentissage des participants et de les préparer au mieux à relever les défis professionnels de demain.

Lab pratique

lab-outils

Lancement de votre parcours de développeur

Démarrez votre aventure en informatique avec ce guide pratique !

Ce laboratoire vous plonge dans l’univers du développement en vous familiarisant avec les outils essentiels. Vous allez installer votre environnement de travail, configurer votre ordinateur et découvrir des extensions utiles pour Visual Studio Code.

A la fin de ce parcours, vous aurez créé un site web simple pour suivre l’avancement de votre projet de fin de formation.

1. Préparez votre ordinateur

• Windows 10 ou plus récent: Assurez-vous d’avoir une version récente de Windows installée.
• Configuration développeur: Optimisez Windows pour le développement en installant les mises à jour et en activant les fonctionnalités nécessaires.
• Visual Studio Code: Installez cet éditeur de code open source très populaire parmi les développeurs.

2. Enrichissez votre environnement de développement

• Correcteur d’orthographe: Installez l’extension “Code Spell Checker” pour vérifier l’orthographe et la grammaire de votre code.
• Gestionnaire de tâches: Installez l’extension “Todo Tree” pour organiser vos tâches et listes de choses à faire.
• Edition d’images: Installez une extension comme ImageMagick ou GIMP pour manipuler des images dans votre code.

3. Mini-projet: Site web de suivi de projet

Objectif: Développez un site web simple pour suivre l’avancement de votre projet de fin de formation.

Étape 1: Définir votre projet

• Choisissez un sujet: Sélectionnez un projet qui vous motive et correspond à vos objectifs d’apprentissage.
• Découpage en étapes: Divisez votre projet en étapes gérables, chacune avec des objectifs et des livrables clairs.

Étape 2: Création du site web

• Fichiers HTML: Créez un fichier HTML minimaliste pour chaque étape, listant les tâches à accomplir. Omettez le CSS pour l’instant.
• Fichier CSS: Créez un fichier CSS pour styliser l’apparence de vos pages HTML.
• Tâches Todo: Ajoutez des instructions Todo dans chaque fichier HTML pour chaque tâche, en utilisant des commentaires ou des extensions dédiées.
• Organisation des fichiers: Rassemblez vos fichiers dans un dossier nommé “docs”.

Étape 3: Déploiement et partage

• Dépôt GitHub: Créez un référentiel GitHub et déposez-y l’ensemble de vos fichiers.
• GitHub Pages: Configurez GitHub Pages pour déployer vos pages HTML et les rendre accessibles en ligne.
• Partagez votre site web: Présentez le lien de votre site web à d’autres personnes pour leur montrer votre progression.

Félicitations !

Vous avez franchi vos premiers pas dans le monde du développement ! Ce site web vous servira de base pour suivre l’avancement de votre projet de fin de formation. N’hésitez pas à l’enrichir et à le personnaliser au fil de votre progression.

Lab - Rédiger une documentation technique claire et efficace avec le code

Importance de la documentation

Les atouts du code pour sa rédaction

Le code : un outil puissant pour documenter les applications

De nombreux développeurs privilégient le code aux interfaces graphiques (IG) pour documenter les applications logicielles. Ce choix s’explique par plusieurs avantages considérables :

• Facilité de modification : Les fichiers texte offrent une flexibilité et une précision accrues lors de la modification du contenu.
• Gestion aisée des versions : Les systèmes de contrôle de version facilitent le suivi des modifications et la restauration de versions antérieures.
• Automatisation des tâches : Le code peut être automatisé pour rationaliser les tâches répétitives.
• Documentation claire et concise : Markdown et PlantUML permettent de créer une documentation claire et informative à l’aide de fichiers texte simples.
• Portabilité : Le code est indépendant de la plateforme et peut être exécuté sur différents systèmes.

Une documentation complète : un atout majeur pour les applications logicielles

Au-delà des avantages du code, une documentation complète procure de nombreux bénéfices :

• Communication claire et fluide : Elle facilite la communication entre les utilisateurs, les développeurs et les parties prenantes.
• Maintenance aisée et évolutivité : Elle permet une maintenance simplifiée et une évolution future de l’application.
• Réduction des coûts : Elle réduit les coûts et les délais liés au débogage et à l’ajout de fonctionnalités.
• Apprentissage et formation simplifiés : Elle facilite l’apprentissage et la formation des nouveaux utilisateurs et développeurs.
• Préservation des connaissances : Elle préserve les connaissances acquises et assure la continuité du savoir-faire.

La documentation : un élément crucial pour la réussite d’une application

La documentation d’une application informatique est essentielle pour sa réussite. En utilisant le code et des outils adaptés, les développeurs peuvent créer une documentation claire, efficace et maintenable, garantissant ainsi la longévité et la valeur de l’application.

Mini projet : Documenter votre projet de fin de formation

Objectif: Réaliser une documentation claire et professionnelle pour votre projet de fin de formation en utilisant GitHub Pages et Jekyll, avec des diagrammes PlantUML et Mermaid.

Compétences:

• Maîtrise du projet et des technologies employées
• Git
• Markdown, PlantUML et Mermaid
• Jekyll et GitHub Pages

Déroulement:

1. Analyse du projet: Identifiez les fonctionnalités, utilisateurs et objectifs.
2. Définition du périmètre: Déterminez les éléments à documenter.
3. Rédaction:
   • Structurez la documentation de manière claire et logique.
   • Rédigez des instructions détaillées et précises pour chaque fonctionnalité.
   • Intégrez des captures d’écran, diagrammes et exemples de code.
   • Utilisez Markdown et PlantUML pour créer une documentation visuelle.
   • Réalisez des diagrammes explicites avec PlantUML et Mermaid.
4. Mise en ligne:
   • Créez un référentiel GitHub pour le projet et configurez-le pour héberger la documentation.
   • Installez Jekyll et configurez-le pour générer la documentation à partir des fichiers Markdown.
5. Test et validation: Testez la documentation sur différents navigateurs et appareils.
6. Amélioration et finalisation: Révisez la documentation en tenant compte des commentaires et apportez les modifications nécessaires.

Programme de formation : Développement mobile et Développement web

Nous allons voir dans la présente partie, le programme de formation pour la formation Développement Web et Mobile.

Compétences visées

• Public cible: Jeunes adultes entre 18 et 30 ans, avec d’expérience en développement web avec PHP et Mysql

• Durée de la formation: 10 mois

• Compétences visées:
  • Partie 1: Développement mobile (2 mois : 225h)
    • C5: Développer une application mobile avec Android
  • Partie 2: Développement web avec Laravel et MySQL (10 mois)
    • C2: Manipuler une base de données - perfectionnement
    • C3: Développer la partie back-end d’une application web - perfectionnement
    • C4: Collaborer à la gestion d’un projet informatique et à l’organisation de l’environnement de développement - perfectionnement
    • C6: Préparer et exécuter les plans de tests d’une application
    • C7: Préparer et exécuter le déploiement d’une application web et mobile - perfectionnement

Ressources disponibles:

• Formateurs experts en informatique mobile et web
• Matériel pédagogique adapté (ordinateurs, logiciels, etc.)
• Locaux équipés pour la formation
• Plateforme en ligne pour la collaboration et le partage de ressources

Partie 0: Lancement et cadrage (2 semaines)

Phase 1: Lancement et cadrage (1 semaine)

• Objectifs:
  • Présenter les objectifs et le déroulement de la formation en développement mobile
  • Familiariser les apprenants avec la pédagogie active et les projets
  • Constituer les groupes de travail
• Activités:
  • Présentation de la formation et des projets mobiles
  • Ateliers de découverte de la pédagogie active
  • Formation à la gestion de projet
  • Constitution des groupes de travail et définition des projets collectifs mobiles

Phase 2: Lancement et cadrage (1 semaine)

• Objectifs:
  • Présenter les objectifs et le déroulement de la formation en développement web avec Laravel et MySQL
  • Familiariser les apprenants avec la pédagogie active et les projets
  • Constituer les groupes de travail
• Activités:
  • Présentation de la formation et des projets web
  • Ateliers de découverte de la pédagogie active
  • Formation à la gestion de projet
  • Constitution des groupes de travail et définition des projets collectifs web

Partie 1: Développement mobile (2 mois)

Phase 1: Développement du projet individuel mobile et acquisition des compétences fondamentales en développement mobile (6 semaines)

• Objectifs:
  • Permettre aux apprenants de développer leur projet individuel mobile en acquérant les compétences fondamentales en développement mobile
  • Accompagner les apprenants dans leur apprentissage
  • Favoriser l’échange et l’entraide entre les apprenants
• Activités:
  • Recherche et définition du sujet du projet individuel mobile
  • Cadrage du projet et définition des objectifs
  • Mise en place d’un plan de travail
  • Ateliers de tutorat et de suivi individuel
  • Points d’étape réguliers avec les apprenants
  • Modules de formation en développement mobile focalisés sur C5:
    • Développement d’applications mobiles avec Android (prioriser les notions essentielles pour débuter)
• Évaluation:
  • Évaluation continue du projet individuel mobile
  • Tests de connaissances pour le module de formation en développement mobile

Phase 2: Finalisation, évaluation et bilan (1 semaine)

• Objectifs:
  • Finaliser le projet individuel mobile
  • Évaluer les acquis des apprenants en développement mobile
  • Permettre aux apprenants de partager leurs réalisations mobiles
• Activités:
  • Finalisation du projet individuel mobile
  • Présentation du projet mobile devant un jury ou un public
  • Évaluation des acquis des apprenants en développement mobile (individuelle)
  • Bilan de la formation en développement mobile et réflexions individuelles

Partie 2: Développement web avec Laravel et MySQL (10 mois)

Phase 1: Développement des projets individuels et acquisition des compétences fondamentales en développement web (16 semaines)

• Objectifs:
  • Permettre aux apprenants de développer leur projet individuel web tout en acquérant les compétences fondamentales en développement web
  • Accompagner les apprenants dans leur apprentissage
  • Favoriser l’échange et l’entraide entre les apprenants
• Activités:
  • Recherche et définition du sujet du projet individuel web
  • Cadrage du projet et définition des objectifs
  • Mise en place d’un plan de travail
  • Ateliers de tutorat et de suivi individuel
  • Points d’étape réguliers avec les apprenants
  • Modules de formation en développement web couvrant les compétences C2, C3 et C4:
    • Manipulation de bases de données - perfectionnement (MySQL)
    • Développement de la partie back-end d’une application web ou web mobile - perfectionnement (PHP, Laravel)
    • Collaboration à la gestion d’un projet informatique et à l’organisation de l’environnement de développement - perfectionnement (Git, méthodologies agiles)
• Évaluation:
  • Évaluation continue du projet individuel web
  • Tests de connaissances pour les modules de formation en développement web

Phase 3: Développement des projets collectifs web et mise en pratique des compétences (12 semaines)

• Objectifs:
  • Permettre aux apprenants de développer leur projet collectif web en mettant en pratique les compétences acquises
  • Développer les compétences de travail en équipe
  • Favoriser la collaboration et la communication entre les apprenants
• Activités:
  • Lancement des projets collectifs web
  • Définition des rôles et des responsabilités au sein des groupes
  • Mise en place d’un plan de travail collaboratif
  • Ateliers de suivi et d’encadrement des projets collectifs web
  • Points d’étape réguliers avec les groupes
  • Modules de formation complémentaires pour approfondir les compétences C6 et C7:
    • Préparer et exécuter les plans de tests d’une application (tests unitaires, tests d’intégration)
    • Préparer et exécuter le déploiement d’une application web et mobile (outils de déploiement, gestion de serveurs)
• Évaluation:
  • Évaluation continue des projets collectifs web
  • Présentations des projets collectifs web devant un jury

Phase 4: Finalisation, évaluation et bilan (2 semaines)

• Objectifs:
  • Finaliser les projets individuels et collectifs web
  • Évaluer les acquis des apprenants
  • Permettre aux apprenants de partager leurs réalisations
• Activités:
  • Finalisation des projets individuels et collectifs web
  • Présentation des projets web devant un jury ou un public
  • Évaluation des acquis des apprenants (individuelle et collective)
  • Bilan de la formation et réflexions individuelles
  • Remise des diplômes

Cette planification permet aux apprenants d’acquérir des compétences solides en développement web tout en développant leur esprit d’équipe et leur capacité à mener à bien des projets complexes.

Remarques:

• L’évaluation doit être formative et accompagner les apprenants dans leur progression.

En plus de cette planification, il est important de prévoir les éléments suivants pour la mise en œuvre de la formation:

• Un plan de communication pour informer les apprenants et les parties prenantes du déroulement de la formation
• Un dispositif de suivi et d’évaluation pour mesurer l’impact de la formation

Planification

Résumé

SAS - Self assessment skills

Objectifs

• Rappel sur les outils que nous allons utilisés dans la formation
  • Gestion de version : git, github, git-flow
  • Documentation : Markdown, github pages, jekyll
  • HTML et CSS : CSS Média query, Reveal.js
  • Modélisation : Mermaid, PlantUML
  • Programmation : Debug PHP et JS, Algorithme

Mini-projet

Création d’un site web en format documentation sur un outils de son choix. en utilisant :

• Markdown, github pages, Jekyll : pour la création de site web
• Mermaid pour les schémas
• Reveal.js pour la présentation

Évaluation continue

L’évaluation continue est une composante essentielle de l’apprentissage dans les formations en développement web et mobile. Elle permet aux apprenants de suivre leurs progrès, d’identifier leurs points forts et leurs faiblesses, et d’adapter leur stratégie d’apprentissage en conséquence. Pour les formations en développement web et mobile, l’évaluation continue peut prendre plusieurs formes :

• Exercices pratiques et projets individuels: Ces exercices permettent aux apprenants de mettre en pratique les compétences qu’ils ont acquises dans les modules de formation. Ils peuvent être évalués sur la base de leur complétude, de leur qualité, de leur respect des consignes et de leur démonstration des compétences visées.
• Quiz et tests de connaissances: Ces quiz et tests permettent aux apprenants de vérifier leur compréhension des concepts clés abordés dans les modules de formation. Ils peuvent être réalisés en ligne ou en présentiel.
• Ateliers de codage et de développement: Ces ateliers permettent aux apprenants de travailler en collaboration sur des projets concrets, en mettant en pratique leurs compétences en développement web ou mobile. Ils peuvent être évalués sur la base de leur contribution au projet, de leur capacité à travailler en équipe et de la qualité de leur code.
• Participation en classe et aux discussions: La participation active des apprenants en classe et aux discussions est un indicateur important de leur engagement et de leur compréhension des concepts. Elle peut être évaluée par observation directe ou par le biais d’auto-évaluation.

Évaluation finale

L’évaluation finale permet de mesurer les acquis des apprenants à la fin de la formation. Elle peut prendre plusieurs formes :

• Projet collectif web ou mobile: Les apprenants travaillent en groupe pour développer un projet web ou mobile complet, en mettant en pratique l’ensemble des compétences acquises pendant la formation. Le projet est évalué sur la base de sa fonctionnalité, de sa conception, de son ergonomie, de son code et de sa documentation.
• Présentation orale du projet: Les apprenants présentent leur projet oralement devant un jury, en expliquant les choix techniques qu’ils ont faits et en démontrant leur compréhension des concepts mis en œuvre.
• Examen écrit: Un examen écrit permet d’évaluer les connaissances théoriques des apprenants sur les concepts clés du développement web ou mobile.
• Mise en situation professionnelle: Les apprenants sont mis en situation professionnelle simulée, où ils doivent résoudre un problème concret lié au développement web ou mobile. Ils sont évalués sur leur capacité à analyser le problème, à proposer une solution et à mettre en œuvre cette solution.

Critères d’évaluation

Les critères d’évaluation doivent être clairs, précis et mesurables. Ils doivent être communiqués aux apprenants en début de formation afin qu’ils puissent comprendre les attentes et adapter leur stratégie d’apprentissage en conséquence.

Voici quelques exemples de critères d’évaluation pour les formations en développement web et mobile:

• Maîtrise des concepts clés: L’apprenant comprend et peut expliquer les concepts clés du développement web ou mobile.
• Capacité à coder: L’apprenant est capable de coder de manière efficace et efficiente dans un ou plusieurs langages de programmation.
• Aptitude à la résolution de problèmes: L’apprenant est capable d’analyser des problèmes complexes liés au développement web ou mobile et de proposer des solutions adéquates.
• Capacité à travailler en équipe: L’apprenant est capable de travailler efficacement en équipe et de collaborer avec d’autres personnes pour réaliser un projet commun.
• Respect des consignes: L’apprenant respecte les consignes et les deadlines fixées par les formateurs.
• Qualité du travail: Le travail de l’apprenant est de qualité professionnelle, soigné et documenté.

Remarques

• L’évaluation doit être formative et accompagner les apprenants dans leur progression. Il est important de leur fournir des retours constructifs et réguliers pour qu’ils puissent s’améliorer.
• L’évaluation doit être équitable et objective. Tous les apprenants doivent être évalués selon les mêmes critères et dans les mêmes conditions.
• L’évaluation doit être transparente. Les apprenants doivent comprendre les critères d’évaluation et les modalités de l’évaluation.

En conclusion, l’évaluation est une partie importante des formations en développement web et mobile. Elle permet aux apprenants de suivre leurs progrès, d’identifier leurs points forts et leurs faiblesses, et de s’assurer qu’ils ont acquis les compétences nécessaires pour réussir dans leur future carrière.