Dev Digital Web Full Stack v2!3!15!09!2022

‫الـــمـمـلـكــة الـمـغـربـــيـة‬
Office de la Formation Professionnelle et de la Promotion du Travail

Direction Recherche et Ingénierie De Formation
Centre de Développement des Compétences en Digital,
Intelligence Artificielle, Audiovisuel et Cinéma
Secteur Digital & Intelligence Artificielle
Développement Digital - Option

Web Full Stack
Programme de formation
Version 2.3 15/09/2022
Développement Digital - Option Web Full Stack
Version 2.3 ( 15/09/2022 )

Développement de l’offre de formation
dans les métiers du Digital et de l’Intelligence Artificielle
Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation
préalable écrite de l’Office.
Ce document est la propriété de l’Office de la Formation Professionnelle et de la Promotion du Travail. Il ne peut être utilisé,
reproduit ou communiqué à des tiers sans l’autorisation préalable écrite de l’Office.
Développement Digital - Option Web Full Stack - Version 2.3 ( 15/09/2022)

2/150
Équipe de production
Coordination
Prénom, Nom Fonction, Entité
Mohamed Slimani Directeur CDC Digital, IA, Audiovisuel et Cinéma
Conception et rédaction
Asmae Youala Formatrice à ISTA ADARISSA – FES
Imane Bourous Formatrice à ISTA HAY RIAD – RABAT
Kawtar Harmouchi Formatrice au CFMOTI – CASABLANCA
Ahmed Naim Formateur à ISTA CITE DE L’AIR - EL JADIDA
Abdeljalil El Mouden Développeur full stack Angular à Grupo Avalon
Oussama Haij Formateur à CMC NADOR
Mohamed Goumih Formateur à CMC AGADIR

Widad Jakjoud Formatrice à ISTA TIC - SAFI
Mohamed Chakouj Formateur à ISTA INEZGANE
Noureddine Ababar Formateur à CF TIZNIT - TAFRAOUT
Abdelmounim Bendaoud Formateur à ISGI - LAAYOUNE
Ali Id Mansour Formateur à ISTA SYBA - MARRAKECH
Mariam Mahdaoui Formatrice à ISTA GESTION SIDI MOUMEN - CASABLANCA
Mohamed Chchab Formateur à ISTA BENGUERIR
Rachid Ettarfi Formateur ISTA Hay Salam - SALE
Ilyass Salamat Ingénieur Concepteur Développeur à SQLI
Personnes ayant contribué à la conception et la rédaction de la partie tronc commun (1ère année)
Abdelmounim Bendaoud Formateur à ISGI - LAAYOUNE
Ahmed Naim Formateur à ISTA CITE DE L’AIR - EL JADIDA
Ali Id Mansour Formateur à ISTA SYBA – MARRAKECH
Fouad Es-Sarraj Formateur à ISTA TIC - TANGER
Hassan Ibno El Fata Formateur à ISGI - KHOURIBGA

3/150
Imane Bourous Formatrice à ISTA HAY RIAD – RABAT
Kamal Moummadi Directeur à ISTA Confection – SIDI MAAROUF
Mohamed Amine Aarabane Formateur à ISTA BENGUERIR
Mohamed El Hakiki Formateur à ISTA TIC – SIDI MAAROUF
Mustapha El Ouazzani Formateur à IFMOTICA - FES
Oussama El Mariami Formateur Centre Mixte - OUJDA
Rachid Ettarfi Formateur ISTA Hay Salam - SALE
Widad Jakjoud Formatrice à ISTA TIC - SAFI
Validation
Entité Prénom, Nom, Fonction

Direction de la Recherche et de • Assia Mohsine - Cheffe de division Coordination des CDC
l’Ingénierie de Formation (DRIF) • Nezha Rhazouani - Cheffe de division Modes et Méthodes
• Mohamed Slimani - Directeur
• Abdelhak Rahmani - Formateur animateur
CDC Digital et IA • Driss Mhamdi - Formateur animateur
• Ghizlane El Khattabi - Formatrice animatrice
• Soukaina Laouija - Formatrice animatrice

4/150
Suivi des versions
Version Auteur Date Modifications

Consolidation des éléments de contenus proposés par les
1.0 Asmae Youala 10/05/2022
membres de la commission de conception et de rédaction
1.1 Asmae Youala 16/05/2022 Intégration d’une nouvelle compétence
Abdelhak Rahmani
Mise à jour des contenus des compétences en prenant
Driss Mhamdi
2.0 20/07/2022 compte les remarques de la commission des formateurs,
Ghizlane El Khattabi
professionnels et formateurs animateurs
Soukaina Laouija
Mise à jour des compétences de la partie "tronc commun" à
Abdelhak Rahmani
la suite de l’exploitation des questionnaires administrés à
Ghizlane El Khattabi
2.1 27/07/2022 l’ensemble des formateurs du développement digital, ainsi
Soukaina Laouija
que les remarques de la commission des formateurs,
Driss Mhamdi
professionnels et formateurs animateurs
Mise à jour des tableaux des équipes de conception et
2.2 Abdelhak Rahmani 02/09/2022
rédaction et de certains éléments méthodologiques
- Rajout des masses horaires des modules de
Asmae Youala l’enseignement général du tronc commun et de l’option
2.3 15/09/2022
Abdelhak Rahmani - Mise à jour des technologies relatives à la compétence 14
« Créer une application Cloud native »

5/150
Remerciements
La production du présent document a été possible grâce à la collaboration et à la participation de
nombreuses personnes, que ce soient des professionnels du métier ou des formateurs.
Il y a lieu de souligner la qualité des renseignements fournis par les personnes consultées à titre de
professionnels du domaine du Développement Digital et de remercier particulièrement celles qui ont
généreusement accepté de partager leur expérience à l’égard du métier de technicien spécialisé en
Développement Digital - Option Web Full Stack et celles qui ont participé à la validation de ce Projet de
formation.

6/150
Table des matières

Remerciements.................................................................................................................................................... 6
Acronymes .......................................................................................................................................................... 8
Présentation du programme de formation ....................................................................................................... 11
Conditions d’accès au programme de formation .............................................................................................. 12
Buts du programme de formation..................................................................................................................... 16
Matrice des compétences ................................................................................................................................. 18
Phases d’acquisition d’une compétence ........................................................................................................... 20
Rôle du formateur en Approche Par Compétences .......................................................................................... 21
Logigramme des compétences .......................................................................................................................... 23
Glossaire ............................................................................................................................................................ 24
Fiches prescrites et suggestions pédagogiques................................................................................................. 27
Compétence 1 : « Se situer au regard du métier et de la démarche de formation » ................................... 27
Compétence 2 : « Acquérir les bases de l'algorithmique » ........................................................................... 31
Compétence 3 : « Programmer en Orienté Objet » ...................................................................................... 37
Compétence 4 : « Développer des sites Web statiques » ............................................................................. 45
Compétence 5 : « Programmer en Javascript » ............................................................................................ 52
Compétence 6 : « Manipuler des bases de données ».................................................................................. 59
Compétence 7 : « Développer des sites web dynamiques » ......................................................................... 64
Compétence 8 : « S’initier à la sécurité des systèmes d’information » ........................................................ 70
Compétence 9 : « Préparer un projet web » ................................................................................................. 75
Compétence 10 : « Adopter l’approche agile » ............................................................................................. 85
Compétence 11 : « Gérer les données » ....................................................................................................... 97
Compétence 12 : « Développer en front-end » .......................................................................................... 105
Compétence 13 : « Développer en back-end » ........................................................................................... 115
Compétence 14 : « Créer une application Cloud native » ........................................................................... 126
Compétence 15 : « Réaliser un projet de synthèse » .................................................................................. 134
Compétence 16 : « S’intégrer en milieu professionnel » ............................................................................ 141

7/150
Acronymes
DIA_DEV_TS Code de la filière Développement Digital – Tronc Commun
DIA_DEVOWFS_TS Code de la filière Développement Digital – Option Web Full Stack
ESN Entreprise de services du numérique
SSII Société de services en ingénierie informatique
APC Approche Par Compétence
RM Référentiel Métier
IA Intelligence Artificielle
QCM Questionnaire à choix multiples
UML Unified Modeling Language
GANTT Generalized Activity Normalization Time Table
SQL Structured Query Language
PL/SQL Procedural Language / Structured Query Language
SQL/PSM Structured Query Language / Persistent Stored Modules
SGBD Système de Gestion de Bases de Données
JSON JavaScript Objet Notation
XML Extensible Markup Language
CSV Comma-separated values
CRUD (Create, Read, Update, Delete)
SPA Single Page Application
MPA Multi Page Application
API Application Programming Interface (Interface de programmation d'application)
NoSQL Not Only SQL
BDD Base de données
PS Procédure Stockée
CI/CD Intégration Continue / Livraison Continue

8/150
SOAP Simple Object Access Protocol
REST Representational State Transfer
IAAS Infrastructure-as-a-Service
PAAS Platform-as-a-service
SAAS Software as a Service
AST Analyse de Situation de Travail
POO Programmation Orientée Objet
HTML HyperText Markup Language
CSS Cascading Style Sheets
FTP File Transfer Protocol
PHP PHP HyperText Preprocessor
PDO PHP Data Objects
DOM Document Object Model
MERISE Méthode d'analyse, de conception, de développement et de gestion de

projet informatique
MVC Model View Controller
MVVM Model-View View-Model
HTTP HyperText Transfer Protocol
XSS Cross-Site Scripting
DDoS Distributed Denial of Service attack
CNDP Commission Nationale de Contrôle de la Protection des Données
IDE Integrated Development Environment
URL Uniform Resource Locator
CALMS Culture, Automatization, Lean, Measure, Share
CMS Content Management System
CORS Cross Origin Resource Sharing

9/150
CSRF Cross Site Request Forgery
GUI Git User Interface
JSX JavaScript Syntax Extension
Npm Node Package Manager
JWT JSON Web Token
ORM Object-Relational Mapping
CLI Command Line Interface

10/150
Présentation du programme de formation

Le programme de formation de la filière Développement Digital - Option Web Full Stack s’inscrit dans
les orientations retenues par le Département de la Formation Professionnelle, concernant la formation
professionnelle. Il a été conçu suivant le Cadre méthodologique d’élaboration et de mise en œuvre des
programmes de formation selon l’Approche Par Compétences qui exige, notamment, la participation
conjointe des milieux du travail et de la formation.
Le programme de formation est défini par compétences, formulé par objectifs et structuré en modules.
Il est conçu selon une approche globale qui tient compte à la fois de facteurs tels les besoins de
formation, la situation de travail, les finalités, les buts ainsi que les stratégies et les moyens pour
atteindre les objectifs.
Dans le programme de formation, on énonce et structure les compétences que le participant doit
acquérir pour obtenir son Diplôme de technicien spécialisé en Développement Digital - Option Web
Full Stack. Ce programme de formation doit servir de référence pour la planification de la formation et
de l’apprentissage ainsi que pour la préparation du matériel didactique et du matériel d’évaluation.
La durée du programme de formation, dans sa partie technique, est de 1530 heures ; de ce nombre,
960 heures sont consacrées à l’acquisition de compétences spécifiques et 570 heures à l’acquisition de
compétences transversales. Le programme de formation est divisé en 16 modules dont la durée varie
de 15 à 120 heures. Cette durée comprend le temps requis pour l’évaluation des apprentissages aux
fins de l’obtention de Láttestation de Poursuite de la Formation.
Par ailleurs, la durée totale, sur les 2 années de formation, de l’enseignement général s’élève à 555
heures. Cet enseignement se rapporte aux modules de l’arabe, du français, de l’anglais technique, de
la culture entrepreneuriale, des compétences comportementales et de la culture et techniques du
numérique.
Ce programme de formation a été élaboré en 2022.
NB : L’usage du masculin, dans le présent document, n’a pour but que d’alléger le texte pour en faciliter
la lecture.

11/150
Conditions d’accès au programme de formation

Code : DIA_DEVOWFS_TS « Développement Digital - Option Web Full Stack »
Année d’approbation : 2021
Type de sanction : Technicien spécialisé

Nombre d’unités : 139 (unité de formation : 15h)
Nombre de modules techniques : 16
Durée totale des modules techniques : 1530 h
Nombre de modules de l’enseignement général : 6
Durée totale des modules de l’enseignement général : 555 h
Pour être admis au programme « Développement Digital - Option Web Full Stack », il suffit de satisfaire
aux conditions suivantes :
• Être titulaire du baccalauréat au moins ou équivalent, muni d’une copie conforme du relevé des notes ;
• Avoir au plus 30 ans, au 1er septembre de l’année scolaire en cours, justifié par un extrait d’acte de
naissance original ou une copie conforme de la Carte Nationale d’Identité ;
• Avoir au plus 33 ans, au 1er septembre de l’année scolaire en cours, pour les bénéficiaires du Système des
Passerelles ;
• Les candidats ayant un baccalauréat de branche scientifique ou technique industrielle.
Le concours, pour ceux qui sont admissibles, est composé d’une entrevue permettant de vérifier :
• L’intérêt du candidat pour le métier ;

• La motivation du candidat pour la formation ;
• La capacité du candidat à comprendre et à parler le français

12/150
PREMIERE PARTIE

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans
13/150
l’autorisation préalable écrite de l’Office.
Tableaux synthèses du programme de formation
Nombre de modules techniques : 16 Codes du programme : DIA_DEV_TS (Tronc Commun)

Nombre de modules de l’enseignement général : 6 DIA_DEVOWFS_TS (Option)
Durée des modules techniques : 1530 h Niveau : TS
Durée des modules l’enseignement général : 555 h
Valeur en unités : 139
Modules de l’enseignement général de la première année :
Code Num Compétence Durée (heures)
EGTS101 1 Arabe 20h
EGTS102 2 Français 115h
EGTS103 3 Anglais technique 50h
EGTS104 4 Culture entrepreneuriale 30h
EGTS105 5 Compétences comportementales 30h
EGTSA106 6 Culture et techniques avancées du numérique 40h
Modules de l’enseignement technique de la première année :

Se situer au regard du métier et de la démarche de
DIA_DEV_TS - 01 1 15h
formation
DIA_DEV_TS - 02 2 Acquérir les bases de l'algorithmique 120h
DIA_DEV_TS - 03 3 Programmer en orienté objet 120h
DIA_DEV_TS - 04 4 Développer des sites web statiques 110h
DIA_DEV_TS – 05 5 Programmer en JavaScript 110h
DIA_DEV_TS – 06 6 Manipuler des bases de données 100h
DIA_DEV_TS - 07 7 Développer des sites web dynamiques 120h
DIA_DEV_TS – 08 8 S’initier à la sécurité des systèmes d'information 45h

14/150
Modules de l’enseignement général de la deuxième année :
EGTS202 1 Français 115h
EGTS203 2 Anglais technique 50h
EGTS204 3 Culture entrepreneuriale 45h
EGTS205 4 Compétences comportementales 30h
EGTSA206 5 Culture et techniques avancées du numérique 30h
Modules de l’enseignement technique de la deuxième année :
DIA_DEVOWFS_TS – 09 9 Préparer un projet web 60h
DIA_DEVOWFS_TS – 10 10 Adopter l’approche agile 100h
DIA_DEVOWFS_TS – 11 11 Gérer les données 100h
DIA_DEVOWFS_TS – 12 12 Développer en front-end 100h
DIA_DEVOWFS_TS – 13 13 Développer en back-end 120h
DIA_DEVOWFS_TS – 14 14 Créer une application Cloud native 90h
DIA_DEVOWFS_TS – 15 15 Réaliser un projet de synthèse 60h
DIA_DEVOWFS_TS – 16 16 S’intégrer en milieu professionnel 160h

15/150
Buts du programme de formation

Le programme « Développement Digital - Option Web Full Stack» vise à former des personnes aptes à
effectuer une analyse fonctionnelle et technique du besoin client, développer des fonctionnalités,
tester et apporter des correctifs, mettre en œuvre des actions dáméliorations et en assurer le suivi
tout en garantissant le respect des consignes de sécurité et des exigences de productivité et de qualité.
Le programme prépare également les participants à assumer le bon fonctionnement de l’application

dont ils auront la responsabilité. Le participant exerce son métier dans différents types de structures
et dans le cadre d’environnements et de projets variés.
Le « Développement Digital - Option Web Full Stack» est exercé dans des entreprises du secteur digital
(ESN / SSII …). Toutefois, sa formation doit pouvoir l’amener à travailler dans d’autres secteurs
d’activités à savoir : l’administration, l’industrie ...
La polyvalence des participants est assurée par le développement de compétences transversales. Ce

sont celles qui concernent l´hygiène, santé et sécurité en milieu de travail, l'utilisation d'un poste de
travail informatique, la gestion des projets, la gestion de temps et des priorités, la résolution de
problèmes, la gestion des approvisionnements, le soft skills ainsi que la communication.
La maîtrise des tâches professionnelles liées au métier est quant à elle assurée par l’acquisition des
compétences managériales propres au métier. Ce sont celles qui concernent la gestion d’équipe, la
mise en œuvre de système de maintenance, la gestion des projets ainsi que la mise en œuvre des
actions dáméliorations continues.
Conformément aux buts généraux de la formation professionnelle, le programme «Développement

Digital - Option Web Full Stack» vise à :
1. Rendre la personne efficace dans l’exercice d’une profession ou d’un métier), soit :
• Lui permettre de jouer les rôles, d’exercer les fonctions et d’exécuter des tâches et
des activités associées à une profession ou un métier ;
• Lui permettre d’évoluer adéquatement dans un milieu de travail ;
16/150
• Lui permettre de développer des habiletés intellectuelles et techniques qui

entraînent des choix judicieux ;
• Lui permettre de développer une préoccupation constante de la santé et de la
sécurité au travail.
2. Assurer l'intégration de la personne à la vie professionnelle, soit :
• Lui permettre de connaitre le marché du travail en général ;

• Lui permettre de connaitre le contexte particulier de la profession choisie.
3. Favoriser l’évolution de la personne et l’approfondissement de savoirs
professionnels, soit :
• Lui permettre de développer son autonomie et sa capacité d’apprendre ainsi que

d’acquérir des méthodes de travail ;
• Lui permettre de comprendre les principes sous-jacents aux techniques et aux
technologies utilisées ;
• Lui permettre de développer sa faculté d’expression, sa créativité, sons sens de
l’initiative et son esprit d’entreprise ;
• Lui permettre d’adopter des attitudes essentielles à son succès professionnel, de
développer son sens des responsabilités et de viser l’excellence.
4. Favoriser la mobilité professionnelle de la personne, soit :
• Lui permettre d’adopter une attitude positive à l’égard des changements ;

• Lui permettre de se donner des moyens pour gérer sa carrière.

17/150
Matrice des compétences

La matrice des compétences met en évidence les compétences générales (portent sur des activités
communes à plusieurs tâches ou à plusieurs situations), les compétences spécifiques (portent sur des
tâches et des activités directement liées au métier ou à la profession) ainsi que les grandes étapes du
processus de travail.
Le tableau est à trois entrées permettant de voir les liens qui unissent les éléments placés à l’horizontale
(compétences transversales) et ceux placés à la verticale (compétences spécifiques). Le symbole △
montre qu’il existe une relation entre une compétence spécifique et une étape du processus de travail.
Le symbole ○ marque quant à lui un rapport entre une compétence transversale et une compétence
spécifique. Des symboles noircis ●▲indiquent en plus que l’on tient compte de ces liens dans la
formulation d’objectifs visant l’acquisition des compétences spécifiques.
La logique qui a présidé à la conception de la matrice influe sur la séquence d’enseignement de ces
modules. De façon générale, on prend en considération une certaine progression dans la complexité
des apprentissages et le développement de l’autonomie du participant. De ce fait, les compétences
spécifiques sont présentées dans l’ordre à privilégier pour l’enseignement et servent de point de départ
pour l’agencement de l’ensemble des modules. Certains deviennent ainsi préalables à d’autres ou
doivent être vus en parallèle.

18/150
Développement Digital - Option Web Full Stack PROCESSUS COMPÉTENCES TRANSVERSALES TOTAUX
MATRICE DES OBJETS DE FORMATION (grandes étapes)
Développer les fonctionnalités

fonctionnelle et technique du
Programmer en orienté objet

Se situer au regard du métier
Fournir le support technique
Livrer des productions clean
Adopter l’ approche agile

S’ initier à la sécurité des
Développer des sites web
NOMBRE DE COMPÉTENCES
Assurer la maintenance
DUREE DE LA FORMATION
Contribuer à l’ analyse
systèmes d'information
COMPETENCES SPECIFIQUES
Préparer un projet web

et de la démarche de
Acquérir les bases de

l'algorithmique
besoin client
demandées
et sans bug
formation
statiques
au client
DUREE
N° NUMEROS 1 2 3 4 8 9 10
7
Durée h 15 120 120 110 45 60 100 570
5 Programmer en JavaScript 110 △ ▲ ▲ △ ○ ● ○ ● ○ ○ ○
6 Manipuler des bases de données 100 ▲ △ △ ○ ○ ○ ○ ○
7 Développer des sites web dynamiques 120 △ ▲ ▲ △ ○ ● ● ● ○ ○ ○
11 Gérer les données 100 △ ▲ △ ○ ● ○ ○ ○
12 Développer en front-end 100 △ ▲ ▲ △ ○ ● ○ ● ○ ○ ○
13 Développer en back-end 120 △ ▲ ▲ △ ○ ● ● ● ● ● ●
14 Créer une application Cloud native 90 △ ▲ ▲ △ ○ ● ● ● ○ ● ●
15 Réaliser un projet de synthèse 60 ▲ ▲ ▲ △ △ ○ ● ○ ● ○ ● ●
16 S’intégrer en milieu professionnel 160 △ △ △ △ △ ○ ● ○ ● ○ ● ○
NOMBRE DE COMPETENCES 9 16
DUREE DE LA FORMATION 960 1530

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation préalable écrite de l’Office. 19/150
Phases d’acquisition d’une compétence

Pour favoriser l’atteinte des objectifs, il est suggéré de structurer les apprentissages de façon
progressive, c’est-à-dire d’avoir recours à des activités d’apprentissage, d’évaluation formative,
d’enseignement correctif ou d’enrichissement, selon le cas. Le processus d’acquisition de compétences
est illustré par les schémas ci-dessous.
Phase 1 Notions de base

Exploration
Acquisition de notions et
Découverte de la compétence et d’habiletés de base relatives à
de la démarche d’apprentissage l’ensemble de la compétence
proposée
Phase 2 Entraînement et Intégration

Tâche simple
Révision et consolidation
Notions et exercices des connaissances et des
Phase 3 préparatoires à la tâche habiletés acquises
Evaluation
Réalisation d’une formative
Entraînement et Intégration
tâche simple
Tâche complexe
Notions et exercices Révision et consolidation

préparatoires à la des connaissances et des
tâche habiletés acquises
Réalisation d’une Evaluation

tâche complexe formative
Transfert des apprentissages –Enrichissement

et Évaluation de sanction
Évaluation de
Tâche globale
sanction
Phase 4 et 5
Réalisation
Récupération ou
autonome
enrichissement

20/150
Rôle du formateur en Approche Par Compétences

Le formateur doit adapter son enseignement en tenant compte :
• d’une approche intégrée des objets de formation ;
• du rythme individuel et de la façon d’apprendre des participants ;
• d’une responsabilité accrue des participants au regard de leurs apprentissages ;
• du vécu professionnel des participants.
Pour exercer pleinement leur rôle, le formateur doit :
• planifier et organiser leur enseignement ;
• informer les participants;
• effectuer de l’animation pédagogique ;
• évaluer les apprentissages.
Planification et organisation de l’enseignement
Cette fonction consiste tout d’abord à situer les modules dont il a la responsabilité et ensuite, à l’aide
du logigramme de la séquence d’enseignement :
• ajouter ou ajuster, au besoin, les phases préalables et les éléments du contenu ;
• prévoir et produire des activités propres à ces modules ;
• coordonner des activités d’apprentissage pour les participants;
• répartir les postes de travail et le matériel nécessaire ;
• agencer et élaborer des activités d’apprentissage, d’évaluation, d’enseignement correctif et
d’enrichissement.
Information au participant
Cette autre fonction consiste à :
• situer les participants par rapport à l’ensemble du programme et, aussi, par rapport au module
en cours ;
• fournir aux participants les données utiles à une compréhension suffisante des tâches reliées
au métier ;
• faire ressortir l’importance et la pertinence des apprentissages à réaliser.
Note : Il revient à chaque formateur de situer les participants par rapport à l’ensemble de leur
formation et de les stimuler dans leurs apprentissages et de leur fournir, au début de chaque cours et
de chaque activité importante, les données nécessaires à ces fins.

21/150
Animation pédagogique
Le formateur doit :
• guider les apprentissages par un rappel des objectifs, par la détermination des phases
préalables et par la formulation d’indications sur les activités à réaliser ;
• créer un climat de confiance reposant sur le respect des personnes et de leur autonomie, ainsi
que sur la clarification des enjeux réels ;
• maintenir l’intérêt des participants tout au long de leur cheminement par des propositions
d’activités intéressantes et diversifiées, par un dosage judicieux du niveau de difficulté, par
l’utilisation d’approches à caractère pratique et par une ouverture aux préoccupations
personnelles des participants ;
• encadrer les activités d’apprentissage par l’implantation d’un système souple et efficace de
suivi des participants , par une assistance particulière aux participants en difficulté et par une
direction adéquate des participants vers des activités d’apprentissage, d’évaluation,
d’enseignement correctif et d’enrichissement ;
• fournir des explications claires et justes au groupe et à chaque participant.
Évaluation des compétences
Le formateur assure le suivi mentionné précédemment :
• en produisant et en utilisant des instruments d’évaluation formative afin de guider le
participant dans son cheminement et lui fournir des informations de façon continue sur l’état
de son cheminement;
• en administrant les épreuves aux fins de certification;
• en fournissant les résultats de l’évaluation de certification à la personne responsable dans le
centre de formation.

22/150
Logigramme des compétences

Filière : «Développement Digital - Option Web Full Stack »
3 4
5 6
7 8
10 12 11 9
14 13 15

23/150
Glossaire
Programme de formation professionnelle
Un programme est un ensemble cohérent de compétences à acquérir, formulé en termes d’objectifs et
découpé en modules. Il décrit les apprentissages attendus du stagiaire en fonction d’une performance
déterminée. Ses objectifs et son contenu sont obligatoires.
Buts de la formation
Les buts de la formation sont les énoncés des intentions éducatives retenues pour le programme. Il
s’agit d’une adaptation des buts généraux de la formation professionnelle pour un programme de
formation donné.
Compétence
Une compétence est un pouvoir d’agir, de réussir et de progresser qui permet de réaliser
adéquatement des tâches ou des activités et qui se fonde sur un ensemble intégré de connaissances,
d’habiletés, d’attitudes et de comportements. Les compétences sont de deux types :
• Les compétences spécifiques qui portent sur des tâches types du métier ou de la fonction de
travail et qui rendent la personne apte à assurer avec efficacité la production d’un bien ou d’un
service.
• Les compétences transversales qui portent sur une activité de travail ou de vie professionnelle
qui déborde du champ spécifique des tâches du métier lui-même ; ces compétences peuvent
être transférables à plusieurs activités de travail.
Objectifs généraux
Les objectifs généraux servent à catégoriser les compétences à faire acquérir par le stagiaire. Ils servent
à orienter et à regrouper les objectifs opérationnels.
Objectifs opérationnels
L’objectif opérationnel est défini en fonction d’un comportement relativement fermé et décrit les
actions et les résultats attendus du stagiaire. Il comprend cinq composantes :
• Le comportement attendu qui présente la compétence.
• Les conditions d’évaluation qui renseignent sur les conditions qui prévalent au moment de
l’évaluation de sanction : contexte, matériel, etc.
• Les précisions sur le comportement attendu qui décrivent des éléments essentiels à la
compréhension de la compétence.

24/150
• Les critères particuliers de performance qui définissent des exigences à respecter et

accompagnent chacune des précisions sur le comportement. Ils permettent également de
porter un jugement rigoureux sur l’atteinte de la compétence.
• Les critères généraux de performance qui définissent des exigences liées à l’accomplissement
d’une tâche ou d’une activité et donnent des indications sur le niveau de performance
recherché ou sur la qualité globale d’un produit ou d’un service. Ils sont également rattachés à
l’ensemble ou à plusieurs précisions sur le comportement attendu.
Module de formation
Subdivision autonome d’un programme de formation professionnelle formant en soi un tout cohérent
et signifiant.
Unité
Étalon servant à exprimer la valeur de chacun des modules d’un programme de formation en attribuant
à ces composantes un certain nombre de points pouvant s’accumuler pour l’obtention d’un diplôme ;
l’unité correspond à 15 heures de formation.

25/150
DEUXIEME PARTIE

26/150
Fiches prescrites et suggestions pédagogiques

Fiche prescrite
Compétence 1 : « Se situer au regard du métier et de la démarche de

formation »
Code de la compétence : DIA_DEV_TS-01 Durée : 15 heures
Contexte de réalisation Critères généraux de performance
• Individuellement et/ou en groupe • Identification précise des différents métiers
• À partir : • Utilisation judicieuse des outils de recherche
- De mises en situations écrites et orales d’emploi
- De consignes • Suivi d’une démarche adéquate pour la

connaissance du marché du travail
- De spécifications fonctionnelles
• Connaissance approfondie du cadre de
- De base documentaire
formation proposé
• À l’aide :
- D’internet
- Du réseau professionnel
Éléments de la compétence Critères particuliers de performance
A. Découvrir les métiers du Développement • Compréhension générale des métiers liés au

Digital Développement
• Identification globale des différents métiers

du Développement
• Recueil ciblé des compétences mobilisées
B. Identifier les modalités de formation • Cartographie des compétences de l’année 1
• Cartographie des compétences de l’année de

spécialisation
• Usage des ressources de formation
C. Identifier les compétences relatives aux options • Connaissance des compétences spécifiques
• Connaissance des perspectives de travail

27/150
Suggestions Pédagogiques
Compétence 1 : « Se situer au regard du métier et de la démarche de formation » Code : DIA_DEV_TS-01
DURÉE : « 15 h » Compétences Préalables : Aucune compétence préalable nécessaire
Type de compétences : Compétences en parallèles : Compétence à effectuer seule
Transversale
ÉLÉMENTS DE LA APPRENTISSAGES DE BASE ÉLÉMENTS DE CONTENU ACTIVITÉS D’APPRENTISSAGE DURÉE
COMPÉTENCE SUGGÉRÉE
A.1 – S’informer sur le •

A. Découvrir les • Identification des secteurs d’activité liés Seul ou en groupe
spécificités des marché du travail
au Développement
• Selon les instructions verbales ou écrites
métiers du
• Représentation du contexte de travail du formateur
Développement
selon les secteurs des entreprises
• À l’aide des ressources fournis par le
A.2 – Se renseigner sur les 50%
• Listing des comportements et postures formateur (polycop, documents, cours)
compétences métier
professionnelles à adopter
• Quizz sur le secteur d’activité du digital au
• Reconnaissances des missions et tâches à Maroc
effectuer dans les métiers du
Développement

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation préalable écrite de l’Office.
28/150
• Vidéos témoignages et interviews de

professionnels qui décrivent leur
entreprise et leur métier
B.1 – Comprendre les objectifs •

B. Identifier les • Connaissance des objectifs à atteindre au Seul ou en groupe
modalités de de la formation
terme de la formation
formation
• Utilisation des ressources pédagogiques du formateur
• Recueil sur les différents modes • À l’aide des supports pédagogiques mis à
d’évaluation durant le parcours de disposition durant la formation sur la
formation plateforme d’apprentissage
B.2 - Situer les compétences
• Visualisation sous forme de cartographie 30 %
• Investigations sur les secteurs d’activités
de la formation
des compétences de l’année 1
auprès de professionnels et entreprises
• Visualisation sous forme de cartographie
• Création d’un compte sur un réseau
des compétences de l’année de
professionnel
spécialisation
B.3 - Projeter sa formation
• Utilisation des réseaux professionnels
dans le milieu de travail
• Compréhension des marchés de l’emploi
(ouvert, cache)
• Observation du milieu de travail

29/150
C.1 Identifier les compétences •

C. Identifier les • Présentation du métier Seul ou en groupe
compétences relatives au développement
• Enumération des compétences relatives • Selon les instructions verbales ou écrites du
relatives aux web full stack
au métier formateur
options
• Perspectives professionnelles • À l’aide des supports pédagogiques mis à
C.2 Identifier les compétences
• Présentation du métier disposition durant la formation sur la
relatives aux applications plateforme d’apprentissage
• Enumération des compétences relatives
mobiles 20%
au métier • Investigations sur les métiers du
développement digital
• Perspectives professionnelles
C.3 Identifier les compétences
• Présentation du métier
relatives au développement
• Enumération des compétences relatives
RV/RA
au métier
• Perspectives professionnelles

30/150
Fiche prescrite
Compétence 2 : « Acquérir les bases de l'algorithmique »

• Individuellement et / ou en groupe • Identification précise des données d’entrée, de

sorties et des traitements d’un problème réel
• À partir :
• Ciblage correct des différents types de
- De mises en situations écrites et orales
traitements et leurs applications
- De consignes • Définition claire d’un algorithme
- De spécifications fonctionnelles • Bonne lecture et compréhension d’un
- De spécifications techniques algorithme
- De cahier des charges • Traduction adéquate d’un algorithme en

Python
• À l’aide :
• Création des scripts fonctionnels en Python
- D’un logiciel de PAO
• Choix adéquat des bibliothèques standards
- D’un éditeur de texte • Déploiement correct des solutions Python
- De logiciels :
- D’exécution d’algorithmes (Algobox,

Visual Code, Larp…)
- D’environnement intégré de
développement IDE (VS Code, …)
A. Modéliser un problème • Modélisation adéquate de l’esprit logique
• Structuration correcte de sa pensée
• Décomposition logique d’un problème en

tâches simples
B. Formuler un traitement • Manipulation correcte des structures logiques
• Ecriture correcte d’un algorithme
• Manipulation correcte des variables
• Maitrise de la définition des traitements

31/150
alternatifs
• Maitrise de la définition des traitements

répétitifs
• Maîtrise de l’utilisation des fonctions
• Manipulation correcte des tableaux
C. Programmer en Python • Traduction structurée des algorithmes en

Python
• Suivi et visualisation claire de l’exécution d’un

algorithme codé en Python
• Maîtrise de l’utilisation des fonctions Python
• Utilisation adéquate des structures de données
• Manipulation correcte des fichiers
• Management des bibliothèques
D. Déployer la solution Python • Gestion adaptée des erreurs en Python
• Déploiement correct d’une solution Python

Compétence 2 : « Acquérir les bases de l'algorithmique » Code : DIA_DEV_TS-02
DURÉE : « 120 h » Compétences Préalables : Compétence 1
Type de compétences : Compétences en parallèles : Aucune

Transversale
A. Modéliser un A.1 – Analyser un • Définition du problème (Contexte, • À l’aide des supports fournis par le 10 %
problème problème Entrées/Sorties, traitements) formateur (polycop, documents, cours)
• Types de traitement des données • Exercice d’application sur l’analyse d’un

problème
A.2 – Identifier les • Approche descendante
• Exercice pratique sur les approches
approches
• Approche ascendante d’analyses des traitements sur un problème
d’analyse d’un
(ascendante / descendante)
problème
B. Formuler un B.1 - Reconnaître la • Définition d’un algorithme • Exercice d’application sur les variables, 45 %
traitement structure d’un constantes, affectations
• Objets informatiques (variable, constante,
algorithme • Exercice d’application sur les entrées
type)

• Structure d’un algorithme sorties d’un problème donné
• Exercice d’application sur le déroulement

B.2 – Connaître les • Traitement séquentiel (affectation, lecture
séquentiel d’un algorithme sur un
bases et écriture)
problème donné
• Traitement alternatif (conditions)
• Exercice d’application sur les traitements
• Traitement itératif (boucles) alternatifs et itératifs
• Exercice d’application sur la manipulation

B.3 Structurer un • Fonctions
des tableaux
algorithme
• Portée des variables
• Exercice d’application sur la manipulation
B.4 - Structurer les • Chaînes de caractères des fonctions
données
• Différents types de tableaux • Quiz sur les fonctions

34/150
C. Programmer en C.1 - Transformer • Critères de choix d’un langage de • À l’aide des supports fournis par le 40 %
Python une suite d’étapes programmation formateur (polycop, documents, cours)
algorithmique en
• Bloc d’instruction • Travaux pratiques sur ordinateur sur la
une suite
traduction d’un algorithme en python
d’instructions • Conversion de l’algorithme en Python
Python • Exercices sur la manipulation des fichiers

• Optimisation du code (Bonnes pratiques de
codage, commentaires…) • Quiz sur les fichiers
C.2 - Manipuler les • Manipulation des fonctions/lambda • Exercices sur les structures de données
données
• Listes, tuples, dictionnaires, ensembles (set) • Apprentissage par projet
• Fichiers de données (textes, csv…)
• Bibliothèques standards (math, chaines de

caractères, rand…)
D. Déployer la D.1 - Déboguer le • Débogage • Exercices d’application sur le débogage du 5%

solution Python code Python code
• Gestion des erreurs (compilation, syntaxe)
• Exercices d’application sur le déploiement
• Outils de suivi et de Visualisation de
et la création des fichiers d’installation des
l’exécution d’un code Python

35/150
D.2 - Déployer une • Outils de déploiement de solution Python solutions python
solution Python
• Création de fichiers d’installation de
solution Python
• Documentation du programme

36/150
Fiche prescrite
Compétence 3 : « Programmer en Orienté Objet »

• Individuellement et / ou en groupe • Maîtrise de la notion de « objet/classe » en

programmation
• À partir :
• Différenciation claire entre la programmation
Orientée Objet et la Programmation structurée
- De consignes • Implémentation adéquate des principes et des
- De spécifications fonctionnelles règles de base de la POO utilisées dans les
- De spécifications techniques différentes plateformes

• Application conforme d’une solution de qualité
- De cahier des charges
- Réponse aux exigences fonctionnelles
• À l’aide :
demandées
- Éditeur de texte ou IDE (VS Code…)
- Élaboration d’un programme fiable,
- Langage Python optimisé, lisible et facile d’utilisation
- Terminal ou Console DOS - Productions de solutions extensibles et

maintenables
A. Appréhender le paradigme de la POO • Définition exacte d’un objet

• Modélisation et création exactes d’une classe
• Exploration étoffée des paradigmes de

programmation
• Bonne exploration des concepts de base de

l’orienté objet
• Mise en œuvre précise de l’encapsulation
B. Connaître les principaux piliers de la POO • Mise en œuvre précise de l’abstraction

• Application adéquate du polymorphisme
• Adaptation conforme de l’héritage
• Bonne manipulation des interfaces

37/150
C. Coder des solutions orientées objet • Communication simplifiée entre objets

• Manipulation correcte des données (listes,
tuples, fichiers, …)
• Manipulation correcte des expressions
régulières
• Gestion optimale des exceptions
D. Manipuler les modules et les bibliothèques • Implémentation correcte des bibliothèques

• Intégration optimale des bibliothèques des
interfaces graphiques
• Manipulation correcte des interfaces
graphiques
• Management des modules

Compétence 3 : « Programmer en Orienté Objet » Code : DIA_DEV_TS-03
DURÉE : « 120 h » Compétences Préalables : Compétence 1/2
Type de compétences : Compétences en parallèles : Compétences 4

Transversale
ÉLÉMENTS DE LA APPRENTISSAGES DE ÉLÉMENTS DE CONTENU ACTIVITÉS D’APPRENTISSAGE DURÉE
COMPÉTENCE BASE SUGGÉRÉE
A. Appréhender A.1. Introduire la • Introduction à la programmation • Seul ou en groupe 5%

le paradigme POO Orientée Objet • Selon les instructions verbales ou écrites du
de la POO • Brève historique de l’évolution des formateur
langages de programmation Orientée • À l’aide des supports fournis par le formateur
Objet (polycop, documents, cours)
• Connaissance des avantages de la POO • Quizz
par rapport aux autres paradigmes
• MindMap
• Projet de synthèse

39/150
A.2. Définir une • Définition d’une classe - Rédaction de besoin

classe • Modélisation d’une classe - Analyse d’une situation
• Composantes d’une classe - Proposition de la démarche de la solution
- Attributs
- Types de données
- Visibilité
- Constructeurs : rôles et types
- Destructeurs
- Attributs de classe
A.3 – Connaître • Principe de l’encapsulation

l’encapsulation • Modificateurs et accesseurs (getters,
setters, …)
A.4. Créer un objet • Définition d’un objet
• Instanciation
• Destruction explicite d’un objet
A.5. Manipuler les • Définition d’une méthode

méthodes • Visibilité d’une méthode
• Paramètres d’une méthode

40/150
• Appel d’une méthode
• Méthodes de classe
• Fonctions imbriquées
B. Connaître les B.1 – Définir • Principe de l’héritage • Seul ou en groupe 15 %

principaux l’héritage • Types d’héritage • Selon les instructions verbales ou écrites du
piliers de la • Surcharge des constructeurs et formateur
POO chaînage • À l’aide des supports fournis par le formateur
• Visibilité des attributs et des (polycop, documents, cours)
méthodes de la classe fille • Travaux pratiques sur papier/logiciels/…
B.2 - Définir le • Principe du polymorphisme • Projet de synthèse
polymorphisme • Redéfinition des méthodes - Finalisation de la conception du projet
• Surcharge des méthodes
• QCM
• Surcharge des opérateurs
B.3 – Caractériser • Principes

l’abstraction • Classes abstraites
• Méthodes abstraites

41/150
B.4 – Manipuler • Définition des interfaces

les interfaces • Utilité des interfaces
• Implémentation des interfaces
C. Coder des C.1 – Coder une • Création d’un package • Seul ou en groupe 45%
solutions solution orientée • Codage d’une classe • Selon les instructions verbales ou écrites du
orientées objet objet • Intégration des concepts POO formateur
- Encapsulation • À l’aide des supports fournis par le formateur

- Héritage (polycop, documents, cours)
- Polymorphisme • Travaux pratiques sur ordinateur
- Abstraction
• Utilisation d’un compilateur
- Interfaces
C.2 - Manipuler les • Collections
- Codage
données • Listes
- Test
• Fichiers
C.3 – Utiliser les • Création des expressions régulières

expressions régulières • Manipulation des expressions
régulières

42/150
C.4 – Administrer • Types d’erreur et expérimentation

les exceptions • Types des exceptions
• Gestion des exceptions
- Création/Déclenchement
- Analyse de la traçabilité
D. Manipuler les D.1 – Manipuler • Création des modules • Seul ou en groupe

modules et les les modules • Importation des modules • Selon les instructions verbales ou écrites du 35 %
bibliothèques D.2 – Manipuler les • Installation des bibliothèques externes formateur
bibliothèques (pip) • À l’aide des supports fournis par le formateur
• Bibliothèques standards (polycop, documents, cours)
• Bibliothèques graphiques (Tkinter, Tix, • Travaux pratiques sur ordinateur
wxPython, pyqt, …)
• Utilisation d’un compilateur
• Création des bibliothèques
• Importation des bibliothèques
- Codage des modules
D.3 – Réaliser des • Installation de bibliothèques
- Intégration des bibliothèques standards
interfaces graphiques • Création d’éléments graphiques
- Intégration d’une bibliothèque graphique
(widgets) :
o Fenêtre - Manipulation d’interface graphique
o Bouton - Déploiement et documentation

43/150
o Label
o Zone de saisie
o Case à cocher
o Bouton radio
o Listes
o Canvas
o Scale
o Frames
o PanedWindow
o Spinbox
o Alertes (MessageBox)
o Menus
• Manipulation des
méthodes/événements et options des
widgets

44/150
Fiche prescrite
Compétence 4 : « Développer des sites Web statiques »

• Individuellement et / ou en groupe • Compréhension facile de HTML et CSS3

• Bonne maitrise des outils pour la conception et
• À partir :
la réalisation des pages web
- De consignes
• Utilisation aisée de Bootstrap
• Réalisation facile d’une page web Responsive
- De spécifications techniques avec Bootstrap
- D’un cahier des charges
• À l’aide :
- D’éditeur de texte
- IDE (Vs Code)
- Framework (Bootstrap 5)
- Serveur (local, en ligne)
A. Créer une page web en HTML • Manipulation adaptée des outils de création
d’une page web
• Connaissance juste des éléments de base d’une
page web
B. Implémenter une page web statique • Connaissance exacte du fonctionnement d’une

page web statique
• Réalisation correcte d’un site web statique
• Intégration appropriée d’un formulaire dans une
page web

C. Mettre en forme une page web avec les • Bonne maîtrise du CSS pour la mise en forme
feuilles de style CSS d’une page web

• Utilisation correcte des positionnements pour
l’organisation d’une page web avec CSS
• Ajout approprié des animations
• Capacité d’adaptation des templates HTML/CSS
à un site web statique
D. Maîtriser Bootstrap • Bonne maîtrise des différentes composantes de

Bootstrap
• Production adaptée d’une page web avec
Bootstrap
• Bonne maitrise des classes CSS de Bootstrap
• Production aisée d’une page web responsive
E. Héberger un site • Hébergement correct d’un site web statique en

intranet
• Hébergement correct d’un site web statique en
ligne
• Maitrise de transfert de fichiers (FTP)

Compétence 4 : « Développer des sites Web statiques » Code : DIA_DEV_TS-04
DURÉE : « 110 h » Compétences Préalables : Compétence 1/2
Type de compétences : Compétences en parallèles : Compétence 3

Spécifique
A. Créer une page A.1 – Appréhender le • Historique de l’HTML • Seul ou en groupe 20 %

web en HTML langage HTML • Norme W3C • Cours et énoncés des travaux
• Propriétés des navigateurs pratiques fournis par le

formateur
A.2 - Utiliser • Utilisation de Visual Studio Code
l’environnement de • Travaux pratiques sur la
• Installation des extensions VS Code
développement pour manipulation de Visual Studio
produire du HTML Code
• Travaux pratiques sur la

A.3 - Définir les éléments • Norme W3C
réalisation d’une page web
basiques d’une page HTML • Squelette d’une page HTML
statique simple
• Balises de bases (contenu)

47/150
• Couleurs - Analyse de la conception
• Listes en HTML d’un site web existant
• Types de chemin d’accès - Structuration des pages

HTML
• Liens en HTML
- Intégration du contenu
• Balises Multimédia (Images, Audio, Vidéo)
Multimédia
• Tableaux avec du HTML
- Navigation entre les pages
• Balises de structuration (Header, NAV, Article,
Section, Footer, Div, SPAN)
B. Implémenter une B.1 - Réaliser une page web • Fonctionnement d’une page web statique • Seul ou en groupe 20 %
page web statique statique • Réalisation d’un site web statique avec HTML5 • Cours et énoncés des travaux
pratiques fournis par le
B.2 - Intégrer des • Balise <form>
formateur
formulaires dans une page • Champs de saisie (Input, TextArea)
web
• Balises de choix (RadioButton, CheckBox, Select, réalisation des pages web
• Balises HTML5 pour les formulaires avec HTML5
- Validation automatique • Projet de synthèse
- Boutons - Ajout des formulaires aux

pages web

48/150
C. Mettre en forme C.1 - Introduire le CSS • Présentation du CSS • Seul ou en groupe 30%
une page web avec • Codification des couleurs • Cours et énoncés des travaux
les feuilles de style • Unités de mesure pratiques fournis par le
CSS • Positions (center, left, right) formateur
• Fonts
• Types d’intégration du CSS
réalisation d’un formulaire
• Sélecteurs simples (element, class, id)
avec HTML5
• Sélecteurs complexes
• Pseudo classes
- Mise en forme des pages
C.2 - Utiliser les propriétés • Typographie
avec CSS
CSS • Bordures et ombres
- Création des animations
• Marges et padding
avec CSS
• Images
• Couleurs de fond
• Backgroud
C.3 - Manipuler le • Types de positionnement (relatif, absolu, float, …)

positionnement • Utilisation des blocs Flex (FlexBox)
C.4 - Adapter une page web • Introduction au Responsive Design
au dispositif d’affichage • Media Queries

49/150
C.5 - Créer des animations • Manipulation des propriétés d’animation

• Types d’animation (Transition, Transformation, …)
• Utilisation des keyFrames
C.6 - Adapter des • Analyse de la structure d’une template

templates HTML/CSS avec • Adaptation du contenu d’un site selon la charte
un site Web
D. Maîtriser D.1 - Intégrer Bootstrap • Introduction au Bootstrap (versions, avantages, …) • Seul ou en groupe 25 %
Bootstrap • Système de Grid • Selon les instructions verbales
D.2 - Maitriser les classes CSS de • Typographie et liens ou écrites du formateur
base • Travaux pratiques sur la

• Tableaux
découverte de Bootstrap
• Eléments de formulaires et contrôles supportés
• Apprentissage par projet
• Boutons
(réalisation d’un site web
D.3 – Utiliser les composants • Barres de navigation avec Bootstrap)
Bootstrap • Menus déroulants
• Pagination, Badges et Alertes
• Barres de progression
• Cartes (Cards)

50/150
E. Héberger un site E.1 – Déployer en intranet • Définition d’un réseau local • Seul ou en groupe 5%
• Installation d’un serveur Web • Cours et énoncés des travaux
• Protocoles de transfert de fichiers pratiques fournis par le

formateur
• Création des comptes FTP
• Travaux pratiques sur
• Transfert des fichiers
l’hébergement d’un site web
• Mise à jour du contenu
statique
E.2 – Déployer en ligne • Critères de choix d’un hébergeur
• Hébergement (gratuit, payant)
- Hébergement du site web

51/150
Fiche prescrite
Compétence 5 : « Programmer en Javascript »

• Individuellement et / ou en groupe • Ciblage clair de la nature et du besoin de

JavaScript
• À partir :
• Identification précise des données d’entrée, de
traitement et de sortie
- De spécifications fonctionnelles • Application adéquate des différents
- De spécifications techniques traitements possibles en code JavaScript
- D’un cahier des charges • Écriture, lecture et manipulation facile du code

en JavaScript
• À l’aide :
• Utilisation adaptée des librairies des
- D’environnement intégré de
bibliothèques JQuery et AJAX
développement IDE (VS Code)
- Des librairies JS
- Bootstrap 5
A. Définir le rôle de JavaScript dans le • Reconnaissance judicieuse de la différence
Développement entre un langage compilé et un langage

interprété
• Bonne maîtrise de l’aspect dynamique offert
par JavaScript dans le développement web.
• Utilisation aisée des outils et des
environnements de travail
B. Acquérir les fondamentaux de JavaScript • Manipulation correcte de la syntaxe de

Javascript
• Utilisation correcte des structures logiques
• Reconnaissance précise des tâches répétitives
et des tâches conditionnelles
• Bonne maitrise des notions de fonctions et de
l’autorisation préalable écrite de l’Office. 52/150
méthodes
• Bonne manipulation des objets en Javascript
C. Manipuler les éléments d’une page avec • Bonne maitrise de l’interaction avec le DOM
DOM • Manipulation correcte des éléments HTML

(Création, modification, suppression)
D. Gérer les événements utilisateur • Bonne gestion de l’interactivité

• Bonne gestion des éléments d’un formulaire
E. Manipuler jQuery • Utilisation correcte de la bibliothèque JQuery

• Compréhension de la bibliothèque AJAX

Compétence 5 : « Programmer en Javascript » Code : DIA_DEV_TS-05
DURÉE : « 110 h » Compétences Préalables : Compétences 1/2/3/4

Spécifique
A. Définir le rôle de A.1 - Comparer un • Langage compilé • Seul ou en groupe 10 %

JavaScript dans le langage de script avec • Langage de script (javascript) • Quiz sur les langages compilés et les
Développement un langage compilé langages de script
A.2 - Comprendre • Composition d’une architecture • Quiz sur le fonctionnement d’une
l’architecture client/serveur architecture client/serveur
client/serveur • Fonctionnement d'un système • Exercices d’application sur l’utilisation de
client/serveur pour le cas d’une l’environnement de développement VS
architecture Web

54/150
A.3 – Découvrir • Environnements de développement Code
l’écosystème de • Quiz sur les librairies JavaScript

• Découverte des librairies appropriés
développement (jQuery, React, Vue JS, Angular, …)
B. Acquérir les B.1 – Maîtriser la • Notions de variables et de données • Seul ou en groupe 40 %

fondamentaux syntaxe JavaScript et • Expressions et opérateurs • Exercices d’application sur les notions
de JavaScript ses notions fondamentales de Javascript
• Notions de lecture et d’écriture
fondamentales
• Types primitifs et objets de base • Cours et polycop fournis par le formateur
B.2 – Maîtriser les • Structures alternatives • Travaux pratiques sur les fonctions
structures de contrôle • Exercices d’application sur la création de
• Structures itératives
tableaux et d’objets
B.3 - Utiliser des • Fonctions
fonctions • Projet de synthèse
• Expressions lambdas
- Etude du projet
• Gestion des exceptions
B.4 – Manipuler les • Création d’objet

objets • Manipulation d’objet
• Manipulation des objets natifs
- Tableaux (insertion, suppression,

modification, balayage des éléments,
tri, recherche, …)
55/150
- Date
- Math
- RegEx
• Manipulation JSON
C.1 – Comprendre • Arbre DOM • Seul ou en groupe 25%

C. Manipuler les
• Objet Document
éléments d’une page l’arbre DOM, les nœuds • Quiz sur l’arbre DOM
parents et enfants • Navigation dans le DOM (parentNode,
avec DOM
• Exercice d’application sur les modes d’accès
childNodes, …)
aux éléments
C.2. – Connaître les • Sélecteurs (simples, multiples…)
• Travaux pratiques sur ordinateur pour la
bases de la • Modes d’Accès aux éléments
manipulation des éléments HTML de la page
manipulation du DOM
en JavaScript
C.3 - Manipuler les • Manipulation des éléments (Création, - Manipulation du DOM
éléments HTML modification, suppression)

• Mise à jour des styles, attributs et classes
• Création DOMMenuObject

56/150
D. Gérer les D.1 – Comprendre la notion • Définition d’un évènement • Seul et/ou en groupe 10 %
événements d’événement pour gérer • Méthode addEventListener • Exercice d’application sur la création
utilisateur l’interactivité d’évènements
• MouseEvents
• Interaction avec le clavier • Travaux pratiques sur ordinateur pour la

gestion des éléments d’un formulaire
D.2 – Gérer les éléments d’un • Soumission d’un formulaire
formulaire • Interruption d’un formulaire
- Utilisation des formulaires
• Validation d’un formulaire
- Ajout de l’interactivité des
formulaires
- Manipulation de la mise en forme
avec JavaScript
E. Manipuler jQuery E.1 - Découvrir jQuery • Fonctions essentielles et chaînage • Seul et/ou en groupe 15%
• Comportement des liens • Travaux pratiques sur ordinateur pour
• Association d'évènements et l’utilisation de jQuery
déclenchement • Travaux pratiques sur ordinateur pour la
• Intégration de plugins existants découverte d’Express JS
• Utilisation de plugins existants • Projet de synthèse

57/150
E.2 – Découvrir AJAX • Introduction à AJAX - Intégration des librairies

• Fonctionnement d’AJAX

58/150
Fiche prescrite
Compétence 6 : « Manipuler des bases de données »

• Individuellement et / ou en groupe • Bonne modélisation des données

• Maitrise de gestion d’une base de données
• À partir :
(création, mise à jour et interrogation)
• Administration appropriée de la base de
- De spécifications fonctionnelles données
- De spécifications techniques
• À l’aide :
- Editeur de texte
- Environnement de développement
(MySQL Workbench, AnalyseSI, Power
AMC, Mocodo…)
A. Concevoir une base de données • Capacité d’analyse d’un cahier de charges

• Construction correcte du graphe de
dépendances fonctionnelles
• Bonne connaissance des règles de passage du
graphe au Modèle Conceptuel de Données
• Bonne maitrise des formes normales
• Capacité de passage du MCD au MLD Normalisé
B. Préparer l’environnement • Bonne utilisation de l’outil de modélisation
• Capacité d’Installation d’un serveur MySQL
• Bonne configuration des services MySQL

C. Manipuler les données • Maitrise des étapes de création d’une base de

données
• Bonne manipulation des différents types de
requêtes SQL
• Utilisation adéquate des jointures
• Capacité d’importation et exportation des
données
• Bonne gestion des privilèges de base

Compétence 6 : « Manipuler des bases de données » Code : DIA_DEV_TS-06
DURÉE : « 100 h » Compétences Préalables : Compétences 1/2

Spécifique
A– Concevoir une A.1 - Analyser le cahier • Lecture d’un cahier des charges • Seul et/ou en groupe 40 %
base de données des charges • Description des limites du projet
• Exercices d’application sur la
• Analyse des données et des traitements de la
modélisation d’une base de
situation présentée
données
A.2 - Modéliser les données • Contraintes déduites des règles de gestion
• Dictionnaire de données
- Modèle MCD
• Construction du graphe de dépendances
fonctionnelles - Modèle MLD
• Règles de passage du graphe au Modèle

Conceptuel de Données
• Construction du Modèle Conceptuel de Données

A.3 - Normaliser les • Formes Normales

données • Règles de passage du MCD au MLD Normalisé
B. Préparer B.1 - Exploiter un outil • Procédure d’installation d’un outil de modélisation • Seul et/ou en groupe 5%
l’environnement de modélisation • Utilisation de l’outil de modélisation • Exercices d’exploitation de l’outil
de modélisation
B.2 – Préparer le • Installation de Workbench
serveur MySQL • Exercices d’exploitation de
• Management des services MySQL
l’environnement
• Configuration des ports MySQL
C. Manipuler les C.1 - Créer une base de • Création d’une base de données • Seul et/ou en groupe 55%
données données • Choix de moteur
• Exercices d’application sur la
• Création des tables
création et la manipulation des
• Contraintes d’intégrité sur les tables (intégrité
bases de données
référentielle, contrainte de domaine CHECK)
• Exercices sur l’administration de la
• Manipulation d’objet table (DROP, ALTER)
base de données
• Création des colonnes
• Typage des colonnes
• Intégration des contraintes d’intégrité sur les - Générer la base de
colonnes (Primary key, Foreign key, not null, RegEx données sur la base du
P, …) MLD

62/150
C.2 - Réaliser des • Requêtes CRUD - Insertion/Importation des

requêtes SQL - INSERT données
- UPDATE
- Manipulation des données
- DELETE
- Exportation de la base de
• Requêtes de sélection
données
• Expressions du SGBD
• Fonctions d’agrégation du SGBD - Gestion des privilèges
• Sous requêtes
• Requêtes de l’union
• Jointures
- Equi-jointures,
- Jointures externes (right, left)
- Auto-jointures
C.3 – Administrer une • Backup
base de données • Importation

• Exportation
• Commandes de création des comptes utilisateurs
• Commandes de gestion des privilèges de base

63/150
Fiche prescrite
Compétence 7 : « Développer des sites web dynamiques »

• Individuellement et/ou en groupe • Maitrise de l’architecture client/serveur
• À partir : • Maitrise de l’environnement de développement
- De mises en situations écrites et orales PHP/MySQL
- De consignes • Bonne maîtrise du langage PHP
- De spécifications fonctionnelles • Bonne manipulation des données
- De base documentaire • Sécurisation des données
• À l’aide : • Connaissance de l’architecture MVC
- Editeur de texte
- Du réseau professionnel
- VS Code
- XAMP
A. Introduire la notion client/serveur • Idée claire sur les types de serveurs web
• Bonne connaissance de l’architecture
client/serveur
• Maitrise de l’environnement de développement
B. Programmer en PHP • Bonne maîtrise du langage PHP

• Bonne manipulation des tableaux
• Bonne manipulation des fichiers
• Maitrise du concept de l’orienté objet en PHP
• Manipulation adéquate des méthodes
magiques en PHP

64/150
C. Manipuler les données • Interrogation correcte d’une base de données à

travers un formulaire
• Bonne manipulation des données CRUD
• Utilisation correcte des sessions et des cookies
• Sécurisation des données
D. Découvrir l’architecture MVC • Connaissance du modèle MVC avec ses

différentes couches
• Idée claire sur les Web services

Compétence 7 : « Développer des sites web dynamiques » Code : DIA_DEV_TS-07
DURÉE : « 120 h » Compétences Préalables : Compétences 1/2/3/4/5/6

Spécifique
A. Introduire la A.1 – Approfondir la • Architectures 2-tiers • Seul et/ou en groupe 10%

notion notion client/serveur • Principe Client/serveur
• Ateliers des installations et configuration
client/serveur • Types de serveurs web
- Serveurs web
A.2 – Introduire le • Définition du PHP
- Ports et Services web
langage PHP • Généralités sur les fonctionnalités du PHP
- Extensions VS Code
A.3 - Préparer • Choix des serveurs web
- Activation des extensions PHP
l’environnement de • Installation du serveur (Apache)
(PDO, …)
développement
• Configuration du serveur (ports, services, …)
• Quiz
• Installation des extensions nécessaires (VS
Code)

B. Programmer en PHP B.1 – Maitriser le • Structure générale d’un script PHP • Seul et/ou en groupe 45%
langage PHP • Manipulation des
• Exercices d’application en PHP
Variables/constantes/Affectation
• Manipulation des types de données
• Instructions de sortie - Création des scripts
• Contrôles de flux et boucles - Création des classes
• Formulaires simples - Instanciation des objets

• Transmission de variables (GET, POST) - Création des formulaires
• Variables d’environnement ($HTTP_HOST,
- Traitement des données d’un
$SERVER_ADDR, $SERVER_NAME, …)
formulaire
• Redirection entre pages
• Fonctions sur les chaines de caractères et les
dates
B.2 – Traiter les données en • Traitement des tableaux (simple, Associatif)
PHP • Manipulation de fichier (chargement,
Suppression, téléchargement)
B.3 - Utiliser l’orientée • Intérêt de programmer en Orienté Objet en
objet en PHP PHP

• Application des concepts de base de la
programmation orientée objet en PHP

67/150
• Utilisation des méthodes magiques en PHP

(__construct (), __destruct (), __call (),
__unset (), __sleep (), __wakeup (),
__serialize (), __toString (), …)
C. Manipuler les C.1 - Ecrire des scripts • Connexion à une base de données MYSQL • Seul et/ou en groupe 35%
données d’accès aux données avec PDO
• Exercices d’application en PHP et gestion
• Interrogation d’une base de données à
de base de données
travers un formulaire
• Récupération des résultats
• Manipulation des données CRUD - Création de la base de données
MySQL
C.2 – Sécuriser les • Utilisation des sessions et des cookies
- Connexion à la base de données
données • Sécurisation des données (cryptage,
injections SQL, …) - Gestion des données (CRUD)
- Sécurisation des données
D. Découvrir D.1 - Comprendre • Présentation de l’MVC (Modèles, Vues, • Seul et/ou en groupe 10%
l’architecture MVC l’organisation globale Contrôleurs)
• Exercices d’application
de l’architecture MVC • Intérêt du modèle MVC
- Architecture MVC
• Rôles de chacune des 3 entités du modèle
MVC - Web services
• Interactions entre les 3 entités du modèle

68/150
MVC
D.2 – Découvrir les • Définition des Web services
Web services et les API • Présentation des protocoles SOAP et REST
REST

69/150
Fiche prescrite
Compétence 8 : « S’initier à la sécurité des systèmes d’information »

• Individuellement et/ou en groupe • Bonne maîtrise de la notion de sécurité
• À partir : informatique
- De mises en situations écrites et orales • Bonne compréhension des types d’attaques
- De consignes des systèmes informatiques
- De spécifications fonctionnelles • Bonne connaissance des techniques de

protection
• Disposition de la confidentialité des données
• À l’aide :
clients
- Editeur de texte
• Disposition de la protection des données
utilisateurs
• Bonne sécurisation d’un service Web
• Bonne utilisation des firewalls
A. Introduire la sécurité informatique • Maîtrise de la notion de sécurité informatique
• Bonne connaissance des types de virus
• Bonne appréhension des droits d’auteur

(Copyright)
• Bonne compréhension des types d’attaques

des systèmes informatiques
• Bonne connaissance des techniques de

protection
• Bonne exploitation des Antivirus
• Bonne utilisation des firewalls

70/150
B. Assurer la confidentialité des données • Idée claire sur les données privées
• Bonne connaissance des lois sur la protection

des données personnelles
• Maitrise des règles de protection des données

utilisateurs
• Bonne connaissance des droits d’accès des

utilisateurs d’une application
• Compréhension des méthodes de cryptage des

données
C. Protéger les applications Web • Bonne gestion de la politique d’utilisation des

mots de passe
• Gestion appropriée des rôles d’utilisateurs
• Connaissances en types de chiffrements
• Compréhension du fonctionnement d’un

firewall dans la protection d'application HTTP

Compétence 8 : « S’initier à la sécurité des systèmes d’information » Code : DIA_DEV_TS-08

Transversale
A. Introduire la A.1 – Introduire la • Introduction à la notion de sécurité • Seul 20 %

sécurité notion de sécurité informatique
• Quiz sur les notions de base de la
informatique • Introduction aux types de failles et attaques
sécurité informatique
• Types de virus
• Notion de Copyright
A.2 – Comprendre les • Vulnérabilités des applications Web
types d’attaques des • Attaques " Cross Site Scripting " ou XSS
systèmes informatiques • Attaques sur les sessions (cookie poisonning,
session hijacking, ...).
• Exploitation de vulnérabilités sur le frontal
HTTP (ver Nimda, faille Unicode, ...)
• Attaques sur les configurations standards

(Default Password, Directory Transversal, ...)
• Attaques d’hameçonnage (fishing)

• Attaques DDOS
A.3 – Se prémunir d’une • Techniques de protection
quelconque tentative • Notion des Antivirus
de piratage
• Notion des firewalls
B. Assurer la B.1 – Confidentialiser • Définition des données privées • Seul 40 %

confidentialité des les données clients • Initiation à la protection des données • Quiz sur la confidentialité des données
données - Loi 09-08 (CNDP)
- Loi 50.20 (CNDP)
- Droits d’auteur (Copyright)
• Mécanismes de protection des données
privées
B.2 – Protéger les données • Obfuscation du code source
utilisateurs • Règles de protection des données utilisateurs
• Droits d’accès des utilisateurs d’une
application
• Accès sécurisé aux données de l’application
• Cryptage des données

73/150
C. Protéger les D.1 - Sécuriser un • Gestion de la politique d’utilisation des mots • Seul 40 %
applications Web service de passe
• Quiz sur la protection des applications
• Gestion des rôles d’utilisateurs
Web
• Chiffrements symétriques et asymétrique
• Notion de private/public Key
D.2 – Utiliser les • Fonctionnement d’un firewall réseau dans la
firewalls protection d'application HTTP

• Principe du développement sécurisé
• Firewall "applicatif "

74/150
Compétence 9 : « Préparer un projet web »

Code de la compétence : DIA_DEVOWFS_TS-09 Durée : 60 heures
• Individuellement et / ou en groupe • Bonne compréhension du cycle de vie d’un

• À partir : projet web ;
• Bonne maîtrise de la modélisation d’un projet
- De consignes
- De spécifications fonctionnelles web en utilisant les différents diagrammes
- De spécifications techniques UML ;

- De cahier des charges • Création d’une maquette fonctionnelle pour un
• À l’aide :
projet Web ;
- D’un logiciel de modélisation UML STAR
UML • Préparation adéquate de l’environnement pour
- De logiciels : le développement Web.

▪ Applications d’UI/UX adobe \ Figma
A. Modéliser un projet web • Bonne appréhension du cycle de vie d’un projet

web ;
• Maîtrise du diagramme de cas d’utilisation ;
• Bonne saisie du diagramme de classes ;
• Utilisation adéquate du diagramme de
séquence ;
• Bonne utilisation d’un outil de modélisation des
diagrammes UML.
• Bonne description des changements d’états
B. Représenter la vue dynamique d’un système
d’objets à l’aide d’un diagramme d’état-
transition ;
• Bonne description du comportement d’un
système à l’aide d’un diagramme d’activités.
C. Créer une maquette pour le développement web • Bonne compréhension des principes de la
conception de l'expérience et l’interface
utilisateur ;

75/150
• Structuration appropriée d’un wireframe sur

papier ;
• Représentation correcte des wireframes et
maquettes en utilisant les fonctionnalités
basiques de Figma.
D. Préparer l’environnement de développement • Bonne compréhension d’un Environnement de

web développement intégré (IDE) ;
• Bonne connaissance des différents langages
Web ;
• Description générale des bibliothèques Web ;
• Bonne connaissance des serveurs de bases de
données ;
• Bonne distinction des différents serveurs web ;
• Choix adéquat des Frameworks de
développements Frontend et Backend.

Compétence 9 : Préparer un projet web Code : DIA_DEVOWFS_TS-09
Type de compétences : Compétences en parallèles : Compétences 10/11/12/13/14

Spécifique
A. Modéliser un A.1- Appréhender le • Cycle de vie d’un projet (Définition, étapes...) • Seul ou en groupe 45%
projet web cycle de vie d’un • Analyse des besoins
• Selon les instructions verbales ou
projet web • Conception
écrites du formateur
• Développement
• À l’aide des supports fournis par le
• Tests et déploiement
formateur (polycop, documents, cours
• Maintenance et évolutivité
et un exemple de cahier des charges)
A.2- Modéliser les • Introduction au langage de modélisation UML
• Quiz
besoins client par un • Définition du diagramme des cas d’utilisation
diagramme de cas • Acteurs • MindMap
d’utilisation • Cas d’utilisation • Projet de synthèse
• Relation entre acteurs et cas d’utilisation : - Modélisation du projet en
- Relation d’association

77/150
- Multiplicité utilisant les diagrammes de cas

• Relations entre cas d’utilisation : d’utilisation, de classes et de
- Relation d’inclusion cas d’utilisation
- Relation d’extension - Elaboration des diagrammes
- Point d’extension UML à l’aide d’un outil de
• Relation de généralisation ou de spécialisation modélisation
• Description textuelle des cas d’utilisation :
- Proposition de la démarche de
- Identification
la solution
- Description des scénarios
- Exigence non fonctionnelle
A.3- Modéliser les • Définition du diagramme de classes
données du projet • Visibilité, encapsulation des méthodes et attributs
par un diagramme • Attributs et méthodes d’instance
de classes • Attributs et méthodes de classe

• Contraintes
• Attributs calculés (dérivé)
• Multiplicité (cardinalité)
• Constructeur et destructeurs
• Modèles de classe
• Relations entre classes :

78/150
- Relation de dépendance
- Associations reliant plusieurs classes
o Association n-aire
o Classe association
- Associations particulières
o Composition
o Agrégation
- Relation d’héritage
• Classes concrètes et abstraites
• Relation de réalisation et notion d'interfaces
A.4- Modéliser les • Rôle du diagramme de séquences
interactions d’objets • Distinction entre le diagramme de séquence boîte
d’un système à l’aide noire et le diagramme de séquence boîte blanche
d’un diagramme de • Diagramme de séquence comme boîte blanche
séquence • Délimitation du diagramme de séquence :

- L’objet
- La ligne de vie
- Les messages
• Types de messages :
- Message synchrone

79/150
- Message asynchrone
• Fragments d’interactions combinés :
- Fragment d’interaction avec l’opérateur
d’option « opt »
d’alternative « alt »
- Fragment d’interaction avec l’opérateur de
boucle « loop »
Parallèle « par »
d’interruption « break »
d’omission « ignore »
d’affirmation « assert »
A.5- Elaborer des • Environnement de travail et fonctionnalités
diagrammes UML à • Création et édition d’un diagramme de classe
l’aide d’un outil de • Sauvegarde et impression
modélisation • Génération du code source

80/150
• Création et édition d’un diagramme des cas

d’utilisation
• Création et édition d’un diagramme de séquences
B. Représenter la vue B.1- Décrire les • Rôle du diagramme états-transitions • Seul ou en groupe 20%
dynamique d’un changements d’états • Etat
système d’objets à l’aide d’un • Evénement
diagramme d’état • Transition externe
transition • Transition interne
• Action et activité
• Point de choix
• Quiz
• État composite
• État historique • MindMap
B.2- Décrire le • Rôle du diagramme d’activités • Projet de synthèse

comportement d’un • Action - Modélisation du projet en
système à l’aide d’un • Activité utilisant les diagrammes d’état
diagramme d’activités • Nœuds d’activités et d’activités
• Transitions
- Elaboration des diagrammes
• Nœuds d’actions (action node) UML à l’aide d’un outil de
• Nœuds d’objet (object node) et les flots d’objet modélisation
• Pins d’entrée/sortie

81/150
• Nœuds de stockage de données (data store node) - Proposition de la démarche de

• Partitions ou couloirs d’activités (travées – la solution
swinlanes)
C. Créer une C.1- Comprendre les • Principes de l’UX Design : • Seul ou en groupe 25%
maquette pour le principes de la - Eléments de l'expérience utilisateur
développement web conception de (persona, usabilité, affordance…)
l'expérience et - Conception visuelle (choix des polices et
l’interface utilisateur couleurs)
- Pratiques de prototypage
• Principes de l’UI Design :
- Critères ergonomiques du web • Quiz
- Chartes d'interface • MindMap

- Principes de navigation et d'interaction
• Wireframes
- Structuration des wireframes
• Mockups
du projet sur papier
• Prototypes
- Construction des wireframes
C.2- Structurer un • Importance du maquettage dans le
avec Figma
wireframe sur papier développement web
- Maquettage de l’application
• Structure d’un wireframe sur papier

82/150
C.3- Construire un • Prise en main de Figma avec Figma
wireframe avec • Adaptation de wireframe aux différents supports - Proposition de la démarche de

Figma la solution
C.4- Créer une • Création d’un univers visuel
première maquette • Création d’une maquette avec Figma
avec Figma
D. Préparer D.1- Appréhender • Comparaison entre les différentes technologies • Seul ou en groupe 10%
l’environnement de l’environnement de web
développement web développement • Environnement de développement intégré (IDE)
web • Langages
• Bibliothèques
• Serveurs de bases de données
• Serveurs web
• Quiz
D.2- Choisir les • Frameworks Frontend
• Frameworks Backend • MindMap
Frameworks de
développement • Projet de synthèse
web - Préparation de
l’environnement de
développement

83/150
- Préparation des Frameworks

de développement Frontend et
Backend
- Proposition de la démarche de
la solution

84/150
Compétence 10 : « Adopter l’approche agile »

• Individuellement et/ou en groupe • Bonne analyse d’un cahier des charges ;
• À partir : • Bonne utilisation de la méthode agile dans la
- De mises en situations écrites et orales gestion de projet ;
- De consignes • Bonne gestion des versions ;
- De spécifications fonctionnelles • Mesure calculée de la qualité du code ;
- De base documentaire • Mise en œuvre appropriée de la chaîne Devops.
• À l’aide :
- Méthode agile : scrum
- Logiciel de gestion de projet : Jira
- Gestion de versions : Git
- Outil CI/CD : GitLab CI
- Qualité du code : SonarQube
A. Connaître les fondamentaux de la gestion de • Bonne compréhension des concepts de gestion
projet de projet ;
• Différenciation claire des différentes méthodes
de gestion de projet ;
• Utilisation optimale d’un cahier des charges ;
• Préparation claire des différents paramètres
d’un projet.
B. Planifier un projet • Analyse appropriée d’un cahier des charges ;

• Préparation détaillée d’un projet ;
• Utilisation correcte du digramme de Gantt.

85/150
C. Adopter l’approche Agile dans la gestion de • Bonne compréhension de la méthode Agile
projet Scrum ;
• Bonne maîtrise du processus de la méthode
Scrum ;
• Identification détaillée des rôles et
responsabilités d’un projet ;
• Bonne maîtrise des sprints et artéfacts scrum.
D. Mettre en œuvre des outils de gestion de • Identification claire de l’intérêt de la gestion de
versions et de mesure de la qualité du code version ;
• Idée claire sur les outils existants de gestion de

versions ;
• Utilisation aisée de l’outil Git ;

• Utilisation appropriée de l’outil Gitlab ;
• Bonne maîtrise des métriques de la qualité du
code ;
• Manipulation appropriée de l’outil SonarQube.
E. Mettre en œuvre les outils de la chaîne du • Identification claire du lien entre l’agilité et
DevOps DevOps ;
• Maîtrise de la méthodologie CALMS ;
• Bonne maîtrise de l’architecture de base d’un
pipeline CI/CD ;
• Utilisation judicieuse de Gitlab CI.

Compétence 10 : Adopter l’approche agile Code : DIA_DEVOWFS_TS-10
Type de compétences : Compétences en parallèles : Compétences 9/11/12

Spécifique
A. Connaître les A.1- Découvrir les • Concepts de gestion de projet : • Seul ou en groupe 10%
fondamentaux de la Concepts de - Définition d’un projet,

• Selon les instructions verbales
gestion de projet gestion de projet - Gestion de projets,
ou écrites du formateur
- Ressources de projet,
• À l’aide des supports fournis
- Livrables de projet,
par le formateur (polycop,
- Charte de projet.
documents, cours et un
• Parties prenantes de projet :
exemple de cahier des charges)
- Acteurs internes et externes du projet.
• Quiz
• Principaux rôles dans un projet informatique :
- Chef de projet, • MindMap
- Matrice d’assignation des responsabilités. • Projet de synthèse

• Caractéristiques de base d’un projet :

87/150
- Objectifs, - Identification des

- Résultat ou produit attendu, ressources, des livrables,
- Durée, de la charte, des parties
- Activités, prenantes, des rôles, des
- Ressources. caractéristiques et
• Contraintes dans la gestion d’un projet : contraintes liées au
- Délai, projet
- Coût,
- Choix de l’agilité comme
- Qualité.
méthode de gestion pour
A.2- Découvrir les • Méthodes prévisibles (cascades, V, Y) :
les prochaines étapes
différentes - Définition et méthode,
- Proposition de la
méthodes de - Avantages de cette méthodologie,
démarche de la solution
gestion de projet - Inconvénients.
• Méthodes imprévisibles (Agile) :
- Signification d’Agile en gestion de projet,
- Manifeste Agile, Les principes fondateurs,
- Méthodes Agiles.
• Cycle en V vs. Méthodes agiles
B. Planifier un B.1- Analyser le • Compréhension des besoins client, • Seul ou en groupe 10%
projet cahier des charges • Contexte du projet,

88/150
• Périmètre du projet, • Selon les instructions verbales

• Détection des risques liés à la nature du projet, ou écrites du formateur
• Proposition des solutions possibles.
B.2- Préparer le • Répartition de l’ensemble des fonctionnalités en
projet tâches,
• Estimation de la durée de réalisation de chaque tâche,
• Ordonnancement des tâches,
• Quiz
• Chemin critique,
• MindMap
• Echéancier et la chronologie des tâches,
• Affectation des ressources aux tâches, • Projet de synthèse

• Maîtrise des coûts, - Analyse détaillée du
• Détermination des points de validation, cahier des charges
• Elaboration du digramme de Gantt.
- Préparation du projet
(fonctionnalités, tâches,
chemin critique,
affectation des
ressources, coûts, points
de validation, diagramme
de Gantt)
- Proposition de la

89/150
C. Adopter C.1- Appréhender • Définition de la méthode Agile Scrum, • Seul ou en groupe 40%
l’approche Agile la méthodologie • Manifest Agile (valeurs et principes),

dans la gestion Agile Scrum • Processus de la méthode Scrum : pre-game, game,
de projet post-game,
• Rôles et responsabilités :
- Equipe de développement,
- Product owner,
- Scrum master,
• Quiz
- Sakeholders,
• Evénements Scrum : • MindMap
- Sprint, • Projet de synthèse :

- Planification des sprints, - Utilisation de l’outil
- Mêlée quotidienne (daily Scrum), Scrum/Jira dans la
- Revue de Sprint (Sprint review), gestion du projet
- Rétrospective Sprint (Sprint retrospective).
- Proposition de la
• Artéfacts Scrum :
- Définition,

90/150
- Carnet de produit (backlog product),

- Carnet de Sprint (Sprint backlog),
- Incrément (Increment).
C.2 – Manipuler • Présentation de Jira,
l’outil de gestion • Installation et configuration d’un compte Jira,
de projet Agile • Création de projet,
(Scrum/Jira) • Choix du type de projet (projet géré par l’équipe,

projet géré par l’entreprise),
• Création d’un backlog product,
• Ajout des différents types de tickets :
- Epic,
- Story,
- Bug,
- Tâche,
- Sous tâche.
• Planification d’un sprint :
- Identification des tickets du backlog sprint
- Création de tâche :
▪ Affectation de ticket du backlog,
▪ Affectation du membre de l’équipe à

91/150
la tâche,
▪ Complexité de la tâche, ordre de
priorité de la tâche, Détermination
des dépendances entre tâches,
▪ Estimation de la durée de réalisation
de la tâche en jour/homme,
▪ Détermination des dates début et
fin,
▪ Etat de la tâche (à faire, en cours,
terminé…).
• Manipulation du tableau de bord de sprint
- Consultation des tâches,
- Modification,
- Suppression.
• Utilisation de la feuille de route (roadmap) :
- Définition,
- Utilité pour avoir une vue d’ensemble,
- Consultation de la feuille de route,
• Génération des rapports Agile :
- Définition,

92/150
- Utilité,
- Types de rapports (sprint, graphique burndown,
burndown de version, graphique de vélocité),
- Génération de rapports.
D. Mettre en D.1- Manipuler les • Intérêt de la gestion de version, • Seul ou en groupe 20%
œuvre des outils outils de gestion de • Présentation des outils existants de gestion de
de gestion de versions versions,
versions et de (Git/Gitlab) • Présentation de Git,
mesure de la • Présentation de Gitlab,
qualité du code • Comparaison Git vs Gitlab,
• Création d’un compte Gitlab,
• Présentation des fonctionnalités de Gitlab :
- Gestion de profil, • Quiz
- Tableau de bord, • MindMap

- Repository, • Projet de synthèse
- Pull request,
- Préparation des outils de
- Etc.
gestion de versions
• Manipulation des dépôts avec Gitlab,
Git/Gitlab
• Installation de Git,
- Gestion des versions du
• Manipulation de Git user interface (GUI),

93/150
• Manipulation des commandes de base de Git (Git projet avec Git, en

bash), utilisant les différentes
• Notion de branches avec Git, fonctionnalités vues dans
• Création des branches avec Git, le cours
• Gestion des conflits de fusion avec Git. - Préparation de l’outil
D.2- Manipuler • Notions des métriques de la qualité du code, SonarQube
l’outil de mesure • Présentation des outils existants de mesure de la
- Mesure de qualité du
de la qualité du qualité du code,
projet, à l’aide de l’outil
code (SonarQube) • Présentation de SonarQube,
- Proposition de la
• Installation de SonarQube,
• Intégration de SonarQubeavec les outils ALM
(Application Life Cycle Management : IDE, langages,
bases de données, outils de gestion de versions…),
• Configuration de SonarQube,
• Analyse de code source à travers la génération de
rapports sur :
- Identification des duplications de code,
- Mesure du niveau de documentation,
- Respect des règles de programmation,
- Détection des bugs potentiels,

94/150
- Evaluation de la couverture de code par les tests

unitaires,
- Analyse du design et de l'architecture d'une
application.
E. Mettre en E.1- Introduire la • Introduction aux concepts DevOps (définition, • Seul ou en groupe 20%
œuvre les outils chaîne DevOps avantages, outils),

de la chaîne du • Lien entre l’agilité et DevOps,
DevOps • Caractéristiques de la méthodologie DevOps (CALMS) :
- Culture,
- Automatization,
- Lean,
- Measure,
- Share, • Quiz
• Définition des notions : • MindMap

- Intégration continue (Continuous Integration • Projet de synthèse :
CI),
- Mise en place de CI/CD
- Livraison continue/Déploiement continue
avec Gitlab
(Continuous Delivery/Continuous Deployement
- Proposition de la
CD).

95/150
E.2- Mettre en • Définition de GitLab CI,
place la • Configuration de Git pour GitLab CI,

• Intérêt d’un pipeline DevOps (automatisation des
CI/CD avec Gitlab
étapes de livraison logicielle),
• Architecture de base d’un pipeline CI/CD,
• Workflow du pipeline :
- Phase de création/construction de l’application,
- Phase de test,
- Phase de distribution,
- Phase de déploiement.
• Configuration du pipeline :
- Jobs (définit ce qu’il faut faire),
- Stages (Définit le moment d’exécution des jobs),
• Manipulation d’un pipeline (démarrage, arrêt,
suppression…)
• Configuration du CI/CD avec le fichier gitlab-ci.yml

96/150
Compétence 11 : « Gérer les données »

• Individuellement et / ou en groupe • Maîtrise du langage de programmation

procédurale de MySQL ;
• À partir :
• Bonne connaissance des outils de protection
d’une base de données MySQL ;
- De consignes • Définition claire d’une base de données
- De spécifications fonctionnelles NoSQL ;
- De spécifications techniques • Manipulation correcte des bases de données

NoSQL.
• À l’aide :
- D’un éditeur de texte
- De serveurs de base de données (MySQL,

MongoDB)
- L'invite interactive (Shell)

• Maîtrise du langage de programmation
A- Exploiter les fonctionnalités avancées d’un
SGBD relationnel procédurale ;
• Bonne maîtrise de l’utilisation des instructions
et des structures de contrôle ;
• Bonne gestion des transactions ;
• Gestion adaptée des exceptions ;
• Utilisation appropriée des procédures stockée,
fonctions et déclencheurs ;
• Optimisation d’une base de données MySQL ;
• Implémentation correcte des règles de
sécurité et des droits d’accès dans un serveur
MySQL ;

97/150
• Bonne gestion des comptes utilisateurs d’une

base de données MySQL.
• Définition claire des bases de données NoSQL ;

B- Exploiter les fonctionnalités des bases de
• Mise en place appropriée d'une base de
données NoSQL MongoDB
données MongoDB
• Utilisation correcte des documents dans une
base de données NoSQL
- JSON
• Manipulation correcte des requêtes CRUD et
des opérateurs ;
• Utilisation optimale des méthodes de
recherche de l’information dans une base de
données MongoDB ;
• Exécution convenable des requêtes depuis des
programmes python ;
• Sécurisation judicieuse d’une base de données
MongoDB.

Compétence 11 : Gérer les données Code : DIA_DEVOWFS_TS-11
Type de compétences : Compétences en parallèles : Compétences 9/10/12

Spécifique
A- Exploiter les A.1 –Maitriser le • Rappel sur le langage de manipulation des • Seul ou en groupe
fonctionnali langage de données (SQL), • Selon les instructions verbales ou
tés programmation • Présentation du langage de programmation écrites du formateur
avancées procédurale sous procédural de MySQL, • À l’aide des supports fournis par le
d’un SGBD MySQL
• Distinction des types des programmes MySQL : formateur (polycop, documents, cours
relationnel
- Procédures stockées, et un exemple de cahier des charges) 45%
- Fonctions, • Quiz
- Déclencheurs.
• MindMap
• Maitrise des instructions de bases :
- Structure d’un bloc d’instruction,
- Modélisation de la base de données
- Portée des objets,

- Casse et lisibilité, - Préparation de la base de données

- Identificateurs, avec MySQL
- Commentaire,
- Préparation des procédures stockées,
- Variable (variable scalaire, variable de
fonctions et déclencheurs utiles pour
session),
la bonne gestion de la base de
- Affectation,
données dans les prochaines étapes
- Opérateurs.
du projet
• Structure de contrôle :
- Proposition de la démarche de la
- Structures conditionnelles (trois formes IF,
solution
CASE),
- Structures répétitives (WHILE, REPEAT ..
UNTIL, LOOP).
• Manipulation des données (Insertion,

Modification, Suppression),
• Gestion des transactions,
• Gestion des exceptions,
• Manipulation des curseurs,
• Création de procédures stockées et des

fonctions :

100/150
- Syntaxe de PS et fonction,
- Appel de PS et fonction.
• Mise en place des déclencheurs.

A.2 – Optimiser une • Optimisation de la structure de la base de
base de données données (Création et utilisation d’Index),
MySQL
• Optimisation des requêtes SQL,
• Optimisation de la configuration de serveur

MySQL (Paramètres de configuration).
A.3 – Protéger la • Définition de la sécurité générale du serveur,

base de données • Implémenter les règles de sécurité et droits
MySQL d'accès au serveur MySQL :
- Rôle,
- Droits d’accès,
- Contrôle d’accès,
- Causes des erreurs,
- Hashage de mots de passe.
• Gestion des comptes utilisateurs.

101/150
B- Exploiter les B.1- Découvrir les • Définition des bases de données NoSQL, • Seul ou en groupe
fonctionnalités des bases de données • Comparaison entre les bases de données • Selon les instructions verbales ou écrites
bases de données NoSQL traditionnelles et NoSQL, du formateur
NoSQL MongoDB
• Caractéristiques des bases de données NoSQL, • À l’aide des supports fournis par le
• Différents types de bases de données NoSQL formateur (polycop, documents, cours et
(document, clé / valeur, colonne, graphe), un exemple de cahier des charges)
• Comparaison entre les BDD NoSQL selon les • Quiz

critères suivants : • MindMap
- Coût,
- Cohérence des données, 55%
- Manipulation de la base de
- Disponibilité du système,
données avec MongoDB
- Langage d’interrogation,
- Fonctionnalité. - Mise en place des requêtes
• Positionnement de MongoDB par rapport aux depuis des programmes Python
différentes solutions. - Sécurisation de la base de

données MongoDB
B.2- Mettre en place • Installation sur Windows et Linux :
une base de données - Proposition de la démarche de la
- Installation du serveur,
MongoDB solution
- Création d’un répertoire pour stocker les
données,

102/150
- Lancement du serveur.
• Administration du serveur MongoDB,
• Création de bases de données (show dbs, use

db, show collections, drop database),
• Création d’une collection de documents.
B.3-Modéliser les • Structure d’un document JSON,

documents • Différences entre modéliser pour MongoDB
versus une base de données relationnelles,
• Modélisation des liens :
- Enchâssement (embedding),
- Liaisons (Linking).
• Utilisation des espaces de noms, des collections

et des documents,
• Les types de données (chaine, numérique,

booléen, object, array, objectId, date).
B.4- Manipuler les • Manipulation des requêtes de

données avec base CRUD (insert, update, delete) ;
MongoDB • Recherche de l’information find(),

103/150
findOne(),Distinct())
• Utilisation des opérateurs,
• Tri des documents.
B.5- Effectuer des • Présentation et installation de pymongo,

requêtes depuis des • Connexion des bases de données avec le
programmes Python serveur MongoDB,
• Création des requêtes :
- Requêtes simples,
- Création des indexs,
- Requêtes d’agrégation,
- Requêtes de modifications.
B.6 – Sécuriser une • Import / export des données (mongoexport,

base de données mongoimport)
MongoDB • Sécurité des accès (authentification ).

104/150
Compétence 12 : « Développer en front-end »

• Individuellement et / ou en groupe • Bonne connaissance de toutes les notions du

développement front end ;
• À partir :
• Différenciation claire entre front end et back
end ;
- De consignes • Bonne maîtrise des différentes fonctionnalités
- De spécifications fonctionnelles du Framework React JS ;
- De spécifications techniques • Exploitation détaillée des différents concepts

de Redux.
• À l’aide :
- Éditeur de code source comme Visual

Studio Code
- Git
A. Appréhender les fondamentaux du web front • Bonne connaissance des fondamentaux de base
end du développement front end ;

• Distinction apparente entre front et back end ;
• Idée claire sur les concepts de base d’une SPA ;
• Différenciation claire entre Spa et MPA.
B. Exploiter le Framework React JS • Bonne manipulation de npm dans l’installation

de l’environnement de développement Reat ;
• Idée claire sur l’architecture d’une application
React ;
• Bonne exploitation de toutes les fonctionnalités
de React ;
• Déploiement correct d’une application React.

105/150
C. Exploiter Redux avec React JS • Acquisition précise des concepts de Redux

(Store, Reducers, States et Actions) ;
• Manipulation correcte des différents concepts
et fonctionnalités Redux ;
• Bonne manipulation des APIs Redux ;
• Bonne maîtrise des moyens de débogage des
changements en temps réel ;
• Utilisation optimale des middlewares.

Compétence 12 : Développer en front-end Code : DIA_DEVOWFS_TS-12
DURÉE : « 100 h » Compétences Préalables : Compétences 1/2/3/4/5
Type de compétences : Compétences en parallèles : Compétences 9/10/11/13

Spécifique
A. Appréhender A.1 – Introduire les • Rappels des fondamentaux des sites web • Seul ou en groupe 10%
les Concepts de base du web statiques
fondamentaux front end • Différence entre front end et back end
du formateur
du web front • Présentation des Frameworks front end
end A.2 – Appréhender les • Notion d’application web monopage SPA
formateur (polycop, documents, cours et
concepts de base d’une • Single Page Application (SPA) vs Multi-
un exemple de cahier des charges)
application web monopage Page Application (MPA)
• Quiz
(SPA) • Fonctionnement d’une application web
de type SPA • MindMap
• Avantages et inconvénients d’une

application web de type SPA

107/150
B. Exploiter le B.1- S’initier aux principes • Présentation de React • Seul ou en groupe 45%
Framework React JS de React • Installation de l’environnement de
développement React à l’aide de
du formateur
npm (installation de NodeJS, npm,…)
• Intérêt du développement des
composants avec React (Components)
• Architecture d’une application React
• Quiz
B.2- Maîtriser les • Utilisation de CRA (Create React App) :
fonctionnalités de base de - Notion de CRA • MindMap
React - Installation de CRA • Projet de synthèse
- Lancement de CRA
- Préparation de l’environnement
- Prise en main de CRA
de développement React
• Création d’élément DOM à l’aide de JSX :
- Utilisation de React dans le
- Définition de JSX
développement des différentes
- DOM virtuel vs DOM réel
fonctionnalités du front end de
- Eléments en JSX
l’application (composants,
- Attributs en JSX
propriétés, événements, états,
- Expressions en JSX
feuilles de styles, assets,
- Imbrication d’éléments JSX
animations, …)
- Rendu JSX (ReactDOM.render())

108/150
• Présentation des fonctionnalités des - Utilisation des fonctionnalités

composants React (propriété, avancées de React dans le projet
événement, état) (routage, hooks, …)
• Création d’un composant React :
- Utilisation des tests dans les
- Composant simple
étapes de réalisation de la partie
- Composant de type classe
front end
- Composant de type fonction
- Déploiement
• Manipulation des propriétés (Props)
• Communication inter-composants
solution
(envoi, réception de données)
• Gestion d’événements (Events)
• Gestion d’état (States)
• Création des styles à l’aide de :
- Feuille de style pour un
composant
- Style en ligne
- Modules CSS
• Utilisation des assets
• Gestion d’animations
• Utilisation des listes (map(), key,…)

109/150
• Affichage conditionnel (if, opérateurs

logiques, opérateurs ternaires...)
• Création de formulaire
• Consommation des API (Fetch API)
B.3- Maîtriser les • Réutilisation du code à l’aide de la
fonctionnalités avancées composition
de React • Routage :
- Concept de routage
- Installation de React Router
- Utilisation des éléments (Switch,
Route, WithRouter, Link,…)
- Routage imbriqué
• Utilisation de Hooks
• Utilisation des tests sur les
composants (présentation,
environnement de tests…)
• Déploiement d’application
C.Exploiter Redux C.1-.Appréhender les • Présentation de la bibliothèque Redux • Seul ou en groupe 45%
avec React JS concepts de bases de • Installation de l’API Redux
Redux • Concepts de Redux :

110/150
- Store du formateur
- Reducers • À l’aide des supports fournis par le
- States formateur (polycop, documents, cours et
- Actions un exemple de cahier des charges)
• Fonctionnement d’une application Redux
• Quiz
• State React vs State Manager Redux
• MindMap
C.2- Manipuler les • Création d’une application Redux de
base : • Projet de synthèse
fonctionnalités importantes
de Redux - Création du State - Préparation de l’environnement
- Création du Reducer de développement Redux
- Création des actions - Utilisation de Redux dans le
- Création du Store développement des différentes
• Envoi des actions à partir du composant fonctionnalités
(useDispatch)
• Utilisation du state dans un composant
solution
(useSelector)
• Liaison du store Redux au Provider
• Manipulation des states avec la librairie
Immer:
- Introduction à Immer

111/150
- Cas d’utilisation de Immer

- Intérêt de Immer
• Manipulation des selectors :
- Utilisation des props dans les
seclectors
- Réalisation des calculs dans les
selectors
- Déclaration globale des selectors
(en dehors des composants)
• Evénement synchrone vs événement
asynchrone
• Manipulation des événements
asynchrones dans un composant
(useStore, getState, dispatch) :
- Fonctionnement d’un
événement asynchrone
- Appel asynchrone
C.3- Manipuler les • Combinaison des reducers
fonctionnalités avancées de (combineReducers) :
Redux - Combinaison des reducers

112/150
manuellement
- Intérêt de combineReducers
- Utilisation de combineReducers
• Débogage des changements d’état d’une
application en temps réel (devTools) :
- Intérêt de devTools
- Installation de devTools
(extension navigateur vs librairie
à installer)
- Utilisation de devTools dans
Redux
• Interaction avec les API Redux (status,
pending, resolved, rejected…)
• Optimisation de l’utilisation de Redux
avec Redux-Toolkit :
- Utilité de Redux-Toolkit
- Installation de Redux-Toolkit
- Utilisation des fonctions Toolkit
(configureStore, createAction,
createReducer)

113/150
- Utilisation des slices

• Extension des fonctionnalités Redux à
l’aide des middlewares :
- Utilité des middlewares
- Présentation des middlewares
importants
- Utilisation d’un middleware de
login (redux-logger)
- Utilisation d’un middleware de
manipulation d’actions
asynchrones (redux-thunk)

114/150
Compétence 13 : « Développer en back-end »

• Individuellement et / ou en groupe • Bonne connaissance des frameworks APIs et

CMS PHP ;
• À partir :
• Bonne compréhension des fonctionnalités du
Framework PHP Laravel ;
- De consignes • Maîtrise parfaite des concepts Model View
- De spécifications fonctionnelles Controller (MVC) ;
- De spécifications techniques • Bonne maitrise de la programmation Laravel en

utilisant toutes les fonctionnalités associées ;
• Gestion appropriée de la sécurité ;
-des projets réels
• Bonne manipulation de l’ORM Eloquent ;
• À l’aide :
• Manipulation correcte des tests ;
- IDE (phpstrorm …) • Utilisation correcte d’un CMS dans
- D’un éditeur de texte (VScode..) l’administration d’un site.
- De logiciels à installer :
▪ Composer
▪ MongoDB
▪ Mysql
▪ postman
- Framework Laravel
- CMS Wordpress
A. Découvrir le Framework PHP Laravel • Bonne connaissance des frameworks APIs et

CMS PHP ;
• Bonne maîtrise des concepts Model View
Controller (MVC) ;
• Bonne préparation de l’environnement de
développement Laravel ;

115/150
• Création réussie d’un premier projet Laravel.
B. Programmer avec Laravel • Gestion appropriée du routage ;

• Utilisation adéquate des Middlewares ;
• Adoption aisée de la protection CSRF ;
• Manipulation appropriée des différents
fondements du modèle MVC ;
• Bonne gestion des erreurs ;
• Utilisation adéquate de la journalisation ;
• Bonne maîtrise du principe du broadcasting ;
• Bonne utilisation des collections, assets,
contracts et Helpers ;
• Gestion appropriée des événements, fichiers et
packages ;
• Gestion adéquate des tâches.
C. Approfondir la programmation Laravel • Bonne gestion de la sécurité ;

• Interaction appropriée avec une base de
données ;
• Bonne manipulation de l’ORM Eloquent
• Prise en main correcte des tests.
D. Administrer un site à l’aide d’un CMS • Manipulation adaptée des éléments essentiels
d’un CMS ;
• Bonne utilisation d’un CMS dans la
personnalisation graphique d’un site ;
• Installation correcte des extensions et des
plugins ;
• Utilisation convenable des composants CMs.

Compétence 13 : Développer en back-end Code : DIA_DEVOWFS_TS-13
DURÉE : « 120 h » Compétences Préalables : Compétences 1/2/3/4/5/6/7/8/10/11
Type de compétences : Compétences en parallèles : Compétences 12/15

Spécifique
A.1 – Découvrir les • Présentation des Framewoks PHP (Laravel, • Seul ou en groupe 10%
A. Découvrir le
Framework PHP notions Symfony, Zend…)
fondamentales des • Intérêt du Framework back end Laravel
Laravel du formateur
Frameworks PHP • Concepts Model View Controller (MVC) :
- Architecture 3-tiers MVC
- Motifs de conception (Design Patterns)
• Présentation des API PHP
• Présentation des CMS PHP (Wordpress, • Quiz
Prestashop…) • MindMap

117/150
A.2 – Préparer • Architecture du Framework Laravel • Projet de synthèse

l’environnement de • Installation complète de Laravel (Composer,
Laravel commandes PHP Artisan)
de développement Laravel
• Configuration de l’environnement Laravel
• Création d’un premier projet
solution
• Lancement du serveur Laravel
B.1- Connaître les • Gestion du routage : • Seul ou en groupe 30%

B. Programmer avec
Laravel fondements du - Routage de base (redirection, affichage,
modèle MVC Laravel liste de routes
du formateur
- Paramètres de routage
- Routes nommées
- Groupe de routage
- Liaisons de modèles de routes
- Routes de repli • Quiz
- Usurpation (spoofing) de la méthode du • MindMap

formulaire
- Accès à la route courante
- Cross Origin Resource Sharing (CORS)
de développement Redux
- Mise en cache des routes

118/150
• Utilisation des Middleware (définition, - Utilisation de Laravel dans le

enregistrement, paramétrage, terminate) développement des différentes
• Protection CSRF fonctionnalités de la partie back-
• Manipulation des contrôleurs : end de l’application
- Intérêt des contrôleurs
- Implémentation de contrôleur
solution
- Contrôleur Middleware
- Contrôleur de ressources
- Injection de dépendances
• Manipulation des requêtes http :
- Interaction avec les requêtes
- Input
- Fichiers
• Manipulation des réponses http :
- Création
- Redirection
- Types de réponses
- Réponse Marco
• Manipulation des vues :
- Création
- Transmission des données aux vues
119/150
- Affichage des compositeurs

- Optimisation des vues
• Création des template Blade
• Génération d’URL
• Manipulation des sessions HTTP
• Validation des données d’entrée
• Gestion des erreurs
• Journalisation (logging)
B.2- Maîtriser le • Manipulation des commandes Artisan
Framework Laravel • Broadcasting :

- Présentation du concept
- Installation côté client
- Installation côté serveur
- Manipulation des événements de
diffusion
• Manipulation du cache
• Manipulation des collections
• Compilation des assets (Mix)
• Utilisation des contracts

120/150
• Gestion des événements

• Gestion de fichiers (configuration, instances,
récupération, stockage, suppression)
• Manipulation de Helpers
• Prise en compte de multi-langages
(localization)
• Manipulation de l’API Symfony Mailer
• Manipulation des notifications (génération,
envoi, types)
• Développement de packages
• File d’attente (Queue) :
- Création d’un job
- Job Middleware
- Dispatching jobs
- Job Batching
• Planification des tâches (task scheduling) :
- Définition des schedules
- Exécution d’un schedule

121/150
C. Approfondir la C.1 Gérer la sécurité • Bibliothèques d’authentification (JWT, • Seul ou en groupe 40%
programmation PASSPORT, Sanctum) • Selon les instructions verbales ou écrites
Laravel • Authentification du formateur
• Chiffrement
• Autorisation
• Hachage
• Réinitialisation de mot de passe
• Quiz
• Vérification d’e-mail
• MindMap
C.2 Interagir avec la • Mise en route :
base de données - Configuration de la base de données • Projet de synthèse

- Connexions - Sécurisation de l’application
- Exécution de requêtes SQL (requêtes
- Interaction avec la base de
CRUD)
données, en utilisant toutes les
- Gestion des transactions
fonctionnalités vues dans le
- Connexion la Commun Line Interface (CLI)
cours
• Générateur de requêtes (Query Builder) :
- Manipulation de l’ORM Eloquent
- Select, join, union, where, when, ordering,
- Utilisation des tests dans les
grouping, limit, offset, insert, update,
étapes de réalisation de la partie
delete
back-end
- Déverrouillage

122/150
- Débogage - Proposition de la démarche de la

• Pagination de la base de données solution
• Gestion de migration (génération, structure,
exécution, manipulation des tables,
colonnes, indexes et events)
• Création de Seeders (utilisation des modèles
factories, appels de seeders additionnels,
désactivation d’événements de modèles)
• Insertion des données d’un formulaire dans
une base de données
• Utilisation de Redis
C.3 Manipuler l’ORM • Intérêt de l’Object Relational Mapper ORM

Eloquent Eloquent
• Manipulation des modèles (Génération,

récupération, insertion, suppression…)
• Relations Eloquent :
- Définition
- Types de relations Eloquent
- Relations polymorphes

123/150
- Relations dynamiques
- Interrogation de relations
- Agrégation, insertion et mise à jour des

modèles associés
• Manipulation des collections
• Transformation des valeurs d’attributs

Eloquent (accessor, mutator, casting)
• Sérialisation
C.4 Prendre en charge • Prise en main de l’environnement de test

les tests PHPUnit
• Configuration de l’environnement de test
• Création des tests
• Exécution des tests
• Tests HTTP
• Tests Console
• Tests Navigateur
• Tests de bases de données
• Mocking
124/150
D.1- Manipuler les • Définition d’un CMS • Seul ou en groupe 20%

D. Administrer un site
éléments essentiels • Présentation des CMS existants
à l’aide d’un CMS • Selon les instructions verbales ou écrites
d’un CMS • Installation d’un CMS
du formateur
• Présentation de la structure interne d’un
CMS
• Création de bases de données et éléments
d’administration
• Gestion des utilisateurs • Quiz
• Manipulation des fonctionnalités (section, • MindMap

catégorie, article, publication, workflow)
• Déploiement
- Réalisation d’un site basique en
D.2- Personnaliser • Différents éléments d’une page web et leurs
utilisant le CMS
graphiquement un site dispositions
à l’aide d’un CMS • Manipulation des éléments (menu,
solution
formulaire, disposition)
• Utilisation de thèmes graphiques
• Assemblage des éléments dans un site
D.3- Manipuler les • Installation d’extensions supplémentaires
outils avancés d’un • Installation de plugins CMS
CMS • Utilisation de composants CMS

125/150
Compétence 14 : « Créer une application Cloud native »

• Individuellement et / ou en groupe • Bonne connaissance des notions théoriques
• À partir : fondamentales du Cloud Native ;
- De mises en situations écrites et orales • Manipulation basique des APIs REST en Node
js ;
- De consignes
• Bonne appréhension des microservices ;
• Manipulation correcte des conteneurs ;
- De spécifications techniques
• Création d’une application fonctionnelle en
microservices ;
• À l’aide :
• Maîtrise du déploiement en Azure App Service ;
- D’un éditeur de texte (Visual Studio Code)
- De l’environnement : Node js
- Du framework : Express js
- Du SGBD : MongoDB
- Du Reverse proxy : Nginx
- De logiciels :
▪ Docker
▪ Postman
▪ RabbitMQ
▪ Azure cloud
▪ Azure App Service

• Compréhension parfaite du concept du cloud ;
A. Introduire le cloud native
• Différenciation claire entre cloud privé, public
et hybride ;
• Bonne connaissance des services du cloud
(IAAS, PAAS, SAAS) ;

126/150
• Bonne compréhension de l’approche cloud

native.
• Manipulation basique de node js ;

B. Créer des APIs REST simples en Node JS et
• Bonne maitrise des APIs REST ;
Express Js
• Manipulation correcte d’authentification et
d’autorisation d’accès aux API REST ;
• Bonne compréhension de l’architecture des

C. Créer une application microservices
microservices ;
• Différenciation claire entre les architectures
monolitique et des microservices ;
• Idée claire sur les protocoles de
communication ;
• Manipulation aisée de RabittMQ.
• Bonne maîtrise de la notion du conteneur ;

D. Manipuler les conteneurs
• Prise en main aisée de Docker ;
• Manipulation correcte des applications à
conteneur unique ;
• Manipulation correcte des applications Multi-
conteneurs.
• Bonne maîtrise des notions fondamentales de

E. Déployer en Azure App Service
Azure Cloud ;
• Bonne connaissance des composants
principales d’Azure ;
• Manipulation correcte de Azure App Service.

Compétence 14 : Créer une application Cloud native Code : DIA_DEVOWFS_TS-14
DURÉE : « 90 h » Compétences Préalables : Compétences 1/2/3/4/5/6/7/8/10
Type de compétences : Compétences en parallèles : Compétences 15/13

Spécifique
A. Introduire le cloud A.1 – Définir le cloud • Concept du cloud et ses avantages ; • Seul ou en groupe 10%
native • Exemple des fournisseurs cloud ;
• Différence entre cloud privé, public et
hybride ;
• Services du cloud (IAAS, PAAS, SAAS).
A.2 – Définir l’approche • Définition ;
cloud native • Avantages ;
• Quiz
• Vue générale sur les caractéristiques du
cloud natif : • MindMap
- Automatisation des processus du
développement et de déploiement,
- microservices et conteneurs.

128/150
B. Créer des APIs REST B.1 Introduire Express • Rappel du concept des APIs REST ; • Seul ou en groupe 30%
simples en Node JS et et Node js • Rappel des méthodes du protocole http ;
Express Js • Définition de l’ecosystème Node JS ;
• Configuration de l’environnement de
développement :
- Installation de Node.js
- Installation via npm de : Express et
Nodemon • Quiz
• L’essentiel du Node js : • MindMap

- Les modules : création, exports et import • Projet de synthèse :
- Asynchronous callbacks, async/await,
promises
Node js ;
- Gestion des erreurs
- Utilisation de Express et javascript
- Gestion des fichiers
pour la création des API REST
B.2 Créer des APIs REST • API REST exposant des opérations CRUD sur
exposant les différentes opération
un fichier Json ;
CRUD ( Create, Read, Update,
• Test de l’API REST avec Postman
Delete) ;
• API REST manipulant une base de données
- Manipulation des fichiers Json et des
MongoDB :
bases de données MongoDB ;
- Installation du module mongoose

129/150
- Configuration de la base de données - Test des API ;

MongoDB ; - Utilisation de JWT pour sécuriser
- Création d’un schéma de données en l’accès au projet
mongoose ;
- Opérations CRUD ;
B.3 Authentifier une API • Définition de Json Web Token (JWT) ;
REST avec JWT • Création d’un API d’authentification :

- Installation des modules bcrypt et
jsonwebtoken ;
- Création des routes pour ajouter et
authentifier un utilisateur ;
- Création d’un token d’authentification ;
• Middlware d’authentification :
- Création d’une fonction de vérification
du token ;
- Appel du middlware
C. Créer une C.1- S’initier aux • Différence entre l’architecture • Seul ou en groupe 25%
application architectures monolithique et l’architecture des
microservices microservices microservices ;
• Concepts de base ;

130/150
• Architecture ; • À l’aide des supports fournis par le

• Exemples ; formateur (polycop, documents, cours
C.2 Créer une • Microservice versus API REST ; et un exemple de cahier des charges)
application • Création d’une application en microservices
• Quiz
microservices avec Node js ;
• MindMap
• Communication entre microservces avec
• Projet de synthèse :
Rabbitmq :
- Principe de base de RabbitMQ ; - Création des microservices avec
- Installation du serveur Rabbitmq Docker ;
- Installation du module client amqplib - Communication entre les
avec npm ; microservices en RabbitMQ ;
- Mise en œuvre de la communication - Utilisation d’un reverse proxy ;
• Mise en place d’un reverse proxy en utilisant - Proposition de la démarche de la
Nginx : Solution
- Rôle d’un reverse proxy
- Installation et configuration de Nginx
D. Manipuler les D.1- Appréhender la • Définition ; • Seul ou en groupe 25%

conteneurs notion du conteneur • Différence entre machine virtuelle et
conteneur ;
• Avantages ;

131/150
D.2- Prendre en main • Installation de Docker Desktop ; • À l’aide des supports fournis par le
Docker • Terminologies Docker : images, Containers, formateur (polycop, documents, cours
Docker Hub ; et un exemple de cahier des charges)
• Création d’un Dockerfile pour une
• Quiz
application simple node js ;
• MindMap
• Introduction à Docker Compose ;
• Gestion de plusieurs images Docker avec • Projet de synthèse
docker-compose : - Préparation de Docker

- Services Métier - Utilisation de Dockerfile
- Services de bases de données
- Configuration du fichier docker-
- Service Rabbitmq
compose.yml
- Service d’authentification
- Manipulation des conteneurs
- Service Nginx
- Service front-end - Proposition de la démarche de la
solution
• Démarrage et gestion des
conteneurs (commandes docker-compose) ;

132/150
E. Déployer une E.1- Introduire Azure • Définition de Azure Cloud ; • Seul ou en groupe 10%
application cloud Cloud • Composantes principales d’Azure : Régions,
native en Azure Cloud Ressources Azure, Zones de disponibilité ;
Groupes de ressources, Azure Resource
Manager, Abonnements ;
• Exemples des services offerts par Azure ;
• Création d’un compte azure ;
E.2 Déployer en Azure • Création et envoi (push) d’une image Docker • Quiz
sur Docker Hub ; • MindMap

App service
• Définition de « Azure App Service » ; • Projet de synthèse
• Déployer une application multi-conteneur en
- Déploiement de l’application en
Azure App service
Azure App Service
solution

133/150
Compétence 15 : « Réaliser un projet de synthèse »

• En groupe restreint de préférence binôme • Bonne compréhension des spécifications
• À partir : techniques
• Modélisation correcte de l’application

• Complétude fonctionnelle de l’application
• Ergonomie de l’application
- De consignes
• Respect des délais
• Sécurisation de l’application
• Documentation de l’application
• À l’aide :
• Soutenance du projet devant un groupe de
- IDE, langages, éditeurs, logiciels de
stagiaires et formateurs
gestion de projet Agile, Frameworks et
l’ensemble des technologies étudiées et
manipulées durant la formation
A. Appréhender un projet de conception • Compréhension des objectifs de l’application

d’application web • Compréhension des besoins précis de
l’utilisateur
• Compréhension des fonctionnalités de

l’application
• Planification objective des activités
• Bonne estimation des coûts et délais
• Maîtrise de l’outil de gestion de projet Agile
B. Concevoir l’application • Qualité de la modélisation UML
• Respect de la charte graphique
• Conformité de la maquette avec la charte

graphique

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation préalable écrite de l’Off
• Enchaînement d’interfaces utilisateurs
• Respects des règles ergonomiques issues de

l’expérience utilisateur
C. Réaliser l’application • Respect des bonnes pratiques de codage
• Complétude des fonctionnalités de

l’application en phase avec les besoins
spécifiques de l’utilisateur
• Complétude des tests
• Qualité de la documentation fournie
• Niveau de sécurisation de l’application
D. Réaliser la veille technologique • Maîtrise des techniques de recherche
• Maîtrise des techniques de capitalisation de

l’information aux fins d’une veille
technologique

Compétence 15 : Réaliser un projet de synthèse Code : DIA_DEVOWFS_TS-15
DURÉE : « 60 h » Compétences Préalables : Compétences 1/2/3/4/5/6/7/8/9
Type de compétences : Compétences en parallèles : Compétences 10/11/12/13/14

Spécifique
A. Appréhender A.1- Analyser la • Spécifications du cahier des charges • De préférence en groupe (binôme de 15%
un projet de demande des • Caractéristiques techniques de l’application stagiaires)
conception utilisateurs de • Fonctionnalités attendues • Exercices et travaux pratiques :
d’application web l’application • Utilisateurs cibles - Description par le stagiaire

• Rôles des utilisateurs dans ses propres mots des
A.2- Planifier les • Planification du travail : différentes composantes d’un
activités à réaliser - Tâches à effectuer projet
- Estimation de la durée - Établissement d’un plan
- Estimation des coûts d’exécution de projet
• Détermination des outils nécessaires pour informatique suite à des mises
développer l’application en situation à partir d’un
• Détermination des outils nécessaires pour mandat ou à partir d’un cahier

exploiter l’application de charges et de dossiers de

spécifications techniques
- Utilisation d’un logiciel de
gestion de projets Agile
B. Concevoir B.1- Modéliser • Conception des diagrammes UML • De préférence en groupe (binôme de 30%
l’application l’application à l’aide • Conception d’interfaces utilisateurs stagiaires)
d’UML • Conception de la base de données • Etudes de cas proposées par le

• Conception des composants formateur, (le cas échéant, études de
cas proposées par le stagiaire et
B.2- Réaliser un • Maquettage de l’application (wireframe, validées par le formateur) permettant
prototype de maquette) de reproduire toutes les étapes d’un
l’application • Prototypage de l’application (contenus, projet de conception d’application :

interactions entre éléments) - Planification des activités de
• Effets graphiques (éléments visuels, travail
animations…) - Gestion des activités de travail
- Produire une interface
utilisateur
- Conception de la base de
données
- Conception des composants

137/150
C. Réaliser C.1- Développer la • Conception des interfaces graphiques • De préférence en groupe (binôme de 40%
l’application partie front end • Exploitation des Frameworks étudiés stagiaires)
(Bootstrap, React-Redux….) • Etudes de cas proposées par le
• Tests et validation formateur, (le cas échéant, études de
• Documentation des instructions cas proposées par le stagiaire et
C.2- Développer la • Exploitation des Frameworks étudiés (Laravel…) validées par le formateur) permettant
partie back end • Création des composants de reproduire toutes les étapes d’un
• Codage des programmes projet de développement
• Optimisation du code d’application :
• Tests et validation - Codage de l’application à l’aide
• Documentation des instructions d’un langage de

programmation
C.3- Sécuriser • Accès sécurisé et hiérarchisé des utilisateurs
- Préparation de l’application
l’application • Accès sécurisé des données
pour l’exploitation
C.4- Restituer • Déploiement de l’application - Tests de l’application
l’application • Guide d’installation - Déploiement de la solution
• Aide en ligne - Rédaction de la
• Soutenance du travail devant un groupe de documentation
stagiaires et formateurs

138/150
D. Réaliser la veille D.1- Appréhender • Démonstration de l’utilité de recherche • De préférence en groupe (binôme de 15%
technologique l’utilité de la recherche d’information par des mises en situation stagiaires)
de l’information • Formulation des objectifs de recherche • Travaux pratiques :

• Détermination des différents aspects de - Objectif de la recherche ainsi
recherche que les différents aspects à
• Utilisation des agents intelligents pour la considérer
recherche sur Internet. - Sélection des ressources
• Recherche de sources d’informations (site web, disponibles
documents techniques, manuels de références, - Recherche de l'information
associations professionnelles…) utile
• Critères de recherche thématique - Extraction de l'information
• Choix des sources de référence utile en utilisant des

D.2- Exploiter les
• Appropriation de l’outil techniques de prise de notes
ressources techniques
• Consignation des informations utiles sur un - Comparaison des informations
disponibles
sujet donné recueillies
• Méthodes de prise de notes - Validation des informations

recueillies
• Vérification de la pertinence de l’information
- Détermination des utilitaires
extraite
appropriés
• Recherche d’outils sur des sites spécifiques
- Constitution d’une banque
• Constitution d’une banque d’outils

139/150
D.3- Consigner les • Constitution d’un dossier technique sur un sujet d'outils
résultats de la donné : - Rédaction des résultats des
recherche - Consignes de constitution de dossier recherches

- Modèle d'un dossier - Consignation des résultats des
• Lecture aisée de ce dossier par les autres recherches
stagiaires

140/150
Compétence 16 : « S’intégrer en milieu professionnel »

• Individuellement et sous la supervision du • Plan d’action de recherche active de stage

formateur encadrant et du tuteur en entreprise • Adoption d’une attitude professionnelle
• À partir : • Respect des échéances
- Besoin spécifique en entreprise • Résolution de la problématique posée
• Qualité des productions
- De consignes
• Cohérence entre le rapport fourni et les tâches
- De spécifications fonctionnelles effectuées
- De base documentaire • Soutenance des activités réalisées durant la
• À l’aide : période de stage
- Divers outils disponibles selon le lieu du

stage
A. Préparer son stage en milieu de travail • Cohérence du plan de recherche d’

emploi/stage
• Respect des règles de communication

écrite/orale
• Pertinence de la lettre de motivation
• Description pertinente des techniques de

recherche de stage
B. Réaliser des activités en milieu de travail • Attitudes professionnelles positives
• Manipulation judicieuse des données

numériques
• Résolution correcte des problèmes
• Respect d’une démarche méthodique
• Respect des règles de santé/sécurité

141/150
• Respect de la hiérarchie
• Bonne exécution des tâches à effectuer
• Capacités de planification des activités de

travail
• Pertinence du journal de bord
C. Rédiger un rapport faisant état des activités • Sens de l’autonomie

exercées • Rédaction du rapport selon les normes
• Pertinence des informations du rapport
• Cohérence entre le rapport et le vécu en

entreprise
• Bonne présentation des activités du stage
• Transition entre la perception du métier

(cursus) et la réalité du milieu de travail

Compétence 16 : « S’intégrer en milieu professionnel » Code : DIA_DEVOWFS_TS-16
DURÉE : « 160 h » Compétences Préalables : Compétences 1/2/3/4/5/6/7/8/9/10/11/12/13/14/15
Type de compétences : Compétences en parallèles : _

Spécifique
A. Préparer son A.1- Décrire les • Esprit d’initiative • Activités et jeux de rôles permettant aux
stage en milieu de attitudes nécessaires à • Sens des responsabilités stagiaires d’acquérir :
travail la recherche dynamique • Attitude positive
- Prise de connaissance des
d’un lieu de stage • Esprit méthodique
informations et modalités
A.2- Exploiter les • Buts du stage : relatives aux stages
moyens de recherche - Observation de diverses facettes du
- Critères de sélection des
de stage métier
entreprises
- Réalisation d’activités
- Choix des entreprises
professionnelles
susceptibles de recevoir des
- Renforcement des habiletés
stagiaires
cognitives et perceptuelles
143/150
- Changement de perception - Démarches pour décrocher un

qu’entraîne un séjour en entreprise stage
- Familiarisation avec le milieu
- Attitudes et comportements en
• Documents officiels :
entreprise
- Lois
- Règlements
- Conventions diverses (de stage…)
- Assurances
- Politiques de l’entreprise
• Types d’entreprises :
- Grande
- Moyenne
- PME, Start up
• Catégories d’entreprises :
- Services
- Production
• Répertoire des entreprises
• Consultation d’une banque de données
• Lettre de demande de stage
• Curriculum vitae

144/150
• Contacts téléphoniques
• Messagerie électronique
• Plateformes de réseautage (LinkedIn…)
• Demandes d’entrevues
A.3- Décrire le • Attitude d’écoute
comportement à • Sens de l’observation
adopter en milieu de • Respect des règles de santé / sécurité
travail • Tact et discrétion

• Attitude positive
• Communication de qualité
• Intérêt marqué pour toute nouvelle
expérience de travail
• Souci de l’excellence
B. Réaliser des activités B.1- Connaître • Milieu socio-économique : • Activités sur :
en milieu de travail l’environnement du - Produits - Aspects du métier qui différent

milieu de travail - Marché de la formation reçue
• Associations professionnelles
- Ecosystème, environnement
• Structures
socio-économique
• Équipement
- Compréhension des termes du
• Évolution technologique

145/150
• Relations interpersonnelles cahier des charges sous la

• Santé et sécurité supervision de l’encadrant en
• Éléments à consigner : entreprise
- Possibilité du marché du - Observation du contexte de
travail (nouveaux emplois, emplois à travail et diverses facettes du
la hausse, création d’emplois) métier
- Conditions de travail (horaire, salaire,
- Réalisation des tâches
santé et sécurité au travail)
professionnelles telles qu’elles
- Contraintes du marché du
sont spécifiées dans le CC
travail (chômage, compétition,
- Participation à divers échanges
mobilité, formation, spécialité,
interprofessionnels
développement technologique,
instabilité économique)
B.2- Réaliser des • Tâches professionnelles en rapport :
activités - Au service à la clientèle
professionnelles - À la planification du travail

- À la demande de l’utilisateur final
- Au diagnostic
- À l’installation d’ordinateurs et de
périphériques

146/150
- À l’installation d’applications
- Au développement d’applications
- Aux divers paramétrages et
configurations
- À l’entretien d’un parc informatique
- Etc…
B.3- Adopter une • Journal de bord comprenant :
méthodologie - Evénements de la journée
d’organisation du - Activités réalisées
travail - Fiches de travail

- Objectifs d’apprentissages
- Objectifs personnels…
• Importance du journal de bord :
- Suivi des activités
- Evaluation
- Validation (tuteur en
entreprise/formateur)
C. Rédiger un rapport C.1- Rédiger un • Observations : • Activités sur :
faisant état des compte rendu - Sur le contexte de travail - Rapport faisant état des
d’activités selon les - Sur les tâches observées

147/150
activités exercées normes en vigueur • Tâches effectuées observations et tâches

• Éléments d’un rapport : effectuées par le stagiaire au
- Présentation cours du stage
- Introduction - Comparaison de la perception
- Développement du métier avec les réalités du
- Conclusion milieu de travail
• Validation - Présentation orale des activités
• Soutenance (présentation orale des activités réalisées en stage devant un
réalisées en stage devant un groupe de groupe de stagiaires et
stagiaires et formateurs) formateurs
• Aptitudes : - Synthèse/bilan personnel vis-à-

C.2- Enumérer ses
- Au plan professionnel vis du vécu en milieu de travail
aptitudes associées au
métier - Au plan social
• Goûts
• Champs d’intérêt :
- Personnels
- Professionnels
C.3- Comparer les • Métier et formation :
perceptions du métier - Eléments du processus
avec les réalités du - Outillage

148/150
milieu de travail - Équipement

- Technologie
- Rythme de production
- Tâches et opérations
- Importance et indices de difficultés
relatives aux tâches et aux étapes du
processus
- Autorité
- Ponctualité
- Assiduité

149/150

150/150

Dev Digital Web Full Stack v2!3!15!09!2022

Transféré par

Droits d'auteur :

Formats disponibles

Dev Digital Web Full Stack v2!3!15!09!2022

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Dev Digital Web Full Stack v2!3!15!09!2022

Transféré par

Droits d'auteur :

Formats disponibles

‫الـــمـمـلـكــة الـمـغـربـــيـة‬

Office de la Formation Professionnelle et de la Promotion du Travail

Secteur Digital & Intelligence Artificielle

Développement Digital - Option

Développement Digital - Option Web Full Stack

Version 2.3 ( 15/09/2022 )

Développement Digital - Option Web Full Stack - Version 2.3 ( 15/09/2022)

Prénom, Nom Fonction, Entité

Mohamed Slimani Directeur CDC Digital, IA, Audiovisuel et Cinéma

Prénom, Nom Fonction, Entité

Asmae Youala Formatrice à ISTA ADARISSA – FES

Imane Bourous Formatrice à ISTA HAY RIAD – RABAT

Kawtar Harmouchi Formatrice au CFMOTI – CASABLANCA

Ahmed Naim Formateur à ISTA CITE DE L’AIR - EL JADIDA

Abdeljalil El Mouden Développeur full stack Angular à Grupo Avalon

Oussama Haij Formateur à CMC NADOR

Mohamed Goumih Formateur à CMC AGADIR

Noureddine Ababar Formateur à CF TIZNIT - TAFRAOUT

Abdelmounim Bendaoud Formateur à ISGI - LAAYOUNE

Ali Id Mansour Formateur à ISTA SYBA - MARRAKECH

Mariam Mahdaoui Formatrice à ISTA GESTION SIDI MOUMEN - CASABLANCA

Mohamed Chchab Formateur à ISTA BENGUERIR

Rachid Ettarfi Formateur ISTA Hay Salam - SALE

Ilyass Salamat Ingénieur Concepteur Développeur à SQLI

Prénom, Nom Fonction, Entité

Abdelmounim Bendaoud Formateur à ISGI - LAAYOUNE

Ahmed Naim Formateur à ISTA CITE DE L’AIR - EL JADIDA

Ali Id Mansour Formateur à ISTA SYBA – MARRAKECH

Fouad Es-Sarraj Formateur à ISTA TIC - TANGER

Hassan Ibno El Fata Formateur à ISGI - KHOURIBGA

Développement Digital - Option Web Full Stack - Version 2.3 ( 15/09/2022)

Imane Bourous Formatrice à ISTA HAY RIAD – RABAT

Kamal Moummadi Directeur à ISTA Confection – SIDI MAAROUF

Mohamed Amine Aarabane Formateur à ISTA BENGUERIR

Mohamed El Hakiki Formateur à ISTA TIC – SIDI MAAROUF

Mustapha El Ouazzani Formateur à IFMOTICA - FES

Oussama El Mariami Formateur Centre Mixte - OUJDA

Rachid Ettarfi Formateur ISTA Hay Salam - SALE

Widad Jakjoud Formatrice à ISTA TIC - SAFI

Entité Prénom, Nom, Fonction

Développement Digital - Option Web Full Stack - Version 2.3 ( 15/09/2022)

Suivi des versions

Version Auteur Date Modifications

Développement Digital - Option Web Full Stack - Version 2.3 ( 15/09/2022)

Développement Digital - Option Web Full Stack - Version 2.3 ( 15/09/2022)

Table des matières

Développement Digital - Option Web Full Stack - Version 2.3 ( 15/09/2022)

DIA_DEV_TS Code de la filière Développement Digital – Tronc Commun

DIA_DEVOWFS_TS Code de la filière Développement Digital – Option Web Full Stack

ESN Entreprise de services du numérique

SSII Société de services en ingénierie informatique

APC Approche Par Compétence

QCM Questionnaire à choix multiples

UML Unified Modeling Language

GANTT Generalized Activity Normalization Time Table

SQL Structured Query Language

PL/SQL Procedural Language / Structured Query Language

SQL/PSM Structured Query Language / Persistent Stored Modules

SGBD Système de Gestion de Bases de Données

JSON JavaScript Objet Notation