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

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 [nom], Intelligence Artificielle, Audiovisuel et Cinéma

Secteur [nom] & Intelligence Artificielle

Développement [nom]

Web Full Stack

Programme de formation

Version 2.1 · 27/07/2022

Version expérimentale

En cours de validation

Développement [nom] Web Full Stack

Développement de l’offre de formation dans les métiers [nom] 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.

Office de la Formation Professionnelle et de la Promotion du Travail

Version 2.1 ( 27/07/2022 )

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 [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation

2/146

préalable écrite de l’Office.

Équipe de production

Coordination

Mohamed Slimani

Conception et rédaction

Asmae Youala

Imane Bourous

Kawtar Harmouchi

Ahmed Naim

Abdeljalil El Mouden

Oussama Haij

Mohamed Goumih

Widad Jakjoud

Mohamed Chakouj

Noureddine Ababar

Abdelmounim Bendaoud

Ali Id Mansour

Mariam Mahdaoui

Mohamed Chchab

Ilyass Salamat

Validation

Entité

DRIF

CDC [nom] et IA

Office de la Formation Professionnelle et de la Promotion du Travail

Directeur CDC [nom], IA, Audiovisuel et Cinéma

Formatrice à ISTA ADARISSA – FES

Formatrice à ISTA HAY RIAD – RABAT

Formatrice au CFMOTI – CASABLANCA

Formateur à ISTA CITE DE L’AIR - EL JADIDA

Développeur full stack Angular à Grupo Avalon

Formateur à CMC NADOR

Formateur à CMC AGADIR

Formatrice à ISTA TIC - SAFI

Formateur à ISTA INEZGANE

Formateur à CF TIZNIT - TAFRAOUT

Formateur à ISGI LAAYOUNE

Formateur à ISTA SYBA – MARRAKECH

Formatrice à ISTA GESTION SIDI MOUMEN - CASABLANCA

Formateur à ISTA BENGUERIR

Ingénieur Concepteur Développeur à SQLI

Prénom, Nom, Fonction

• Assia Mohsine - Cheffe de division Coordination des CDC
• Nezha Rhazouani - Cheffe de division Modes et Méthodes
• Mohamed Slimani - Directeur
• Abdelhak Rahmani - Formateur animateur
• Driss MHAMDI - Formateur animateur
• Ghizlane El Khattabi - Formatrice animatrice
• Soukaina Laouija - Formatrice animatrice

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

3/146

Suivi des versions

Version · Auteur

1.0 · Asmae Youala

1.1 · Asmae Youala

Abdelhak Rahmani

Driss Mhamdi

2.0

Ghizlane El Khattabi

Soukaina Laouija

Abdelhak Rahmani

Ghizlane El Khattabi

2.1

Soukaina Laouija

Driss Mhamdi

Office de la Formation Professionnelle et de la Promotion du Travail

Date · Modifications

Consolidation des éléments de contenus proposés par les 10/05/2022 membres de la commission de conception et de rédaction

16/05/2022 · Intégration de la compétence C1

Mise à jour des contenus des compétences en prenant

20/07/2022 · compte les remarques de la commission des formateurs,

professionnels et formateurs animateurs

Mise à jour des compétences de la partie "tronc commun" à la suite de l’exploitation des questionnaires administrés à

27/07/2022 · l’ensemble des formateurs du développement [nom], ainsi

que les remarques de la commission des formateurs, professionnels et formateurs animateurs

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

4/146

Office de la Formation Professionnelle et de la Promotion du Travail

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 [nom] 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 [nom] Web Full Stack et celles qui ont participé à la validation de ce Projet de formation.

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation

5/146

préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

Table des matières

Remerciements.................................................................................................................................................... 5

Acronymes .......................................................................................................................................................... 7

Présentation du programme de formation ......................................................................................................... 9

Conditions d’accès au programme de formation .............................................................................................. 10

Buts du programme de formation ..................................................................................................................... 13

Matrice des compétences ................................................................................................................................. 15

Phases d’acquisition d’une compétence ........................................................................................................... 17

Rôle du formateur en Approche Par Compétences .......................................................................................... 18

Logigramme des compétences .......................................................................................................................... 20

Glossaire ............................................................................................................................................................ 21

Fiches prescrites et suggestions pédagogiques ................................................................................................. 24

Compétence 1 : « Se situer au regard du métier et de la démarche de formation » ................................... 24

Compétence 2 : « Acquérir les bases de l'algorithmique » ........................................................................... 28

Compétence 3 : « Programmer en Orienté Objet » ...................................................................................... 34

Compétence 4 : « Développer des sites Web statiques » ............................................................................. 42

Compétence 5 : « Programmer en Javascript» ............................................................................................. 49

Compétence 6 : « Manipuler des bases de données » .................................................................................. 56

Compétence 7 : « Développer des sites web dynamiques » ......................................................................... 61

Compétence 8 : « S’initier à la sécurité des systèmes d’information » ........................................................ 67

Compétence 9 : « Préparer un projet web» .................................................................................................. 72

Compétence 10 : « Adopter l’approche agile » ............................................................................................. 82

Compétence 11 : « Gérer les données » ....................................................................................................... 94

Compétence 12 : « Développer en front-end» ........................................................................................... 102

Compétence 13 : « Développer en back-end» ............................................................................................ 112

Compétence 14 : « Créer une application Cloud native» ............................................................................ 123

Compétence 15 : « Réaliser un projet de synthèse » .................................................................................. 130

Compétence 16 : « S’intégrer en milieu professionnel» ............................................................................. 137

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation

6/146

préalable écrite de l’Office.

Acronymes

ESN

SSII

APC

RM

IA

RGPD

IFML

WebML

UML

SQL

PL/SQL

SQL/PSM

SGBD

JSON

XML

CSV

CRUD

SPA

PWA

API

TDD

BDD

DevSecOps

CI/CD

SOAP

Office de la Formation Professionnelle et de la Promotion du Travail

Entreprise de services du numérique

Société de services en ingénierie informatique

Approche Par Compétence

Référentiel Métier

Intelligence Artificielle

Règlement général sur la protection des données

Interaction Flow Modeling Language

Web Modeling Language

Unified Modeling Language

Structured Query Language

Procedural Language / Structured Query Language

Structured Query Language / Persistent Stored Modules

Système de Gestion de Bases de Données

JavaScript Objet Notation

Extensible Markup Language

Comma-separated values

(Create, Read, Update, Delete)

Single Page Application

Progressive Web Application

Application Programming Interface (Interface de programmation d'application)

Test-Driven Development

Behavior-Driven Development

Development -Security- Operations

Intégration Continue / Livraison Continue

Simple Object Access Protocol

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation

7/146

préalable écrite de l’Office.

REST

GraphQL

IAAS

PAAS

SAAS

AST

POO

HTML

CSS

PHP

GANTT

DOM

MERISE

MVC

MVVM

VIPER

HTTP

SSL

OAUTH

YAML

Office de la Formation Professionnelle et de la Promotion du Travail

Representational State Transfer

Graph Query Language

Infrastructure-as-a-Service

Platform-as-a-service

Software as a Service

Analyse de Situation de Travail

Programmation Orientée Objet

HyperText Markup Language

Cascading Style Sheets

PHP HyperText Preprocessor

Generalized Activity Normalization Time Table

Document Object Model

Méthode d'analyse, de conception, de développement et de gestion de projet informatique

Model View Controller

Model-View View-Model

View Interface Presenter Entity Router

HyperText Transfer Protocol

Secure Socket Layer

Open Authorization Protocol

Yet Another Markup Language

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation

8/146

préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

Présentation du programme de formation

Le programme de formation de la filière Développement [nom] 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 [nom] 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 est de 1530 heures ; de ce nombre, 940 heures sont consacrées à l’acquisition de compétences spécifiques et 590 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´attestation de Poursuite de la Formation.

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.

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation

9/146

préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

Conditions d’accès au programme de formation

Code : DIA_DEVOWFS_TS · « Développement [nom] Web Full Stack »

Année d’approbation : 2021

Type de sanction : Technicien spécialisé

Nombre d’unités : 102 (unité de formation : 15h)

Nombre de modules : 16

Durée totale : 1530

Pour être admis au programme « Développement [nom] 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 [âge], 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 [âge], 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

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation

10/146

préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

PREMIERE PARTIE

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans 11/146 l’autorisation préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

Tableau synthèse du programme de formation

Codes du programme : DIA_DEV_TS (Tronc Commun)

Nombre de modules : 16

DIA_DEVOWFS_TS ([nom])

Durée en heures : 1530

Valeur en unités : 102

Code · Num · Compétence

DIA_DEV_TS - 01 · 1 · Se situer au regard du métier et de la démarche de

formation

DIA_DEV_TS - 02 · 2 · Acquérir les bases de l'algorithmique

DIA_DEV_TS - 03 · 3 · Programmer en orienté objet

DIA_DEV_TS - 04 · 4 · Développer des sites web statiques

DIA_DEV_TS – 05 · 5 · Programmer en JavaScript

DIA_DEV_TS – 06 · 6 · Manipuler des bases de données

DIA_DEV_TS - 07 · 7 · Développer des sites web dynamiques

DIA_DEV_TS – 08 · 8 · S’initier à la sécurité des systèmes d'information

DIA_DEVOWFS_TS – 09 · 9 · Préparer un projet web

DIA_DEVOWFS_TS – 10 · 10 · Adopter l’approche agile

DIA_DEVOWFS_TS – 11 · 11 · Gérer les données

DIA_DEVOWFS_TS – 12 · 12 · Développer en front-end

DIA_DEVOWFS_TS – 13 · 13 · Développer en back-end

DIA_DEVOWFS_TS – 14 · 14 · Créer une application Cloud native

DIA_DEVOWFS_TS – 15 · 15 · Réaliser un projet de synthèse

DIA_DEVOWFS_TS – 16 · 16 · S’intégrer en milieu professionnel

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

Niveau : TS

Durée (heures)

15h

120h

120h

110h

110h

100h

120h

45h

60h

100h

100h

100h

120h

90h

60h

160h

12/146

Office de la Formation Professionnelle et de la Promotion du Travail

Buts du programme de formation

Le programme « Développement [nom] 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´amé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 [nom] Web Full Stack» est exercé dans des entreprises du secteur [nom]

(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´améliorations continues.

Conformément aux buts généraux de la formation professionnelle, le programme «Développement

[nom] Web Full Stack» vise à :

• 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 ;

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation

13/146

préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

• 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.
• 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.
• 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.
• 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.

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation

14/146

préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

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.

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans l’autorisation

15/146

préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

COMPÉTENCES TRANSVERSALES

Développement [nom] Web Full Stack · PROCESSUS

MATRICE DES OBJETS DE FORMATION · (grandes étapes)

Contribuer à l’ analyse fonctionnelle et technique du Développer les fonctionnalités Livrer des productions clean Fournir le support technique Assurer la maintenance Se situer au regard du métier Programmer en orienté objet Développer des sites web

COMPETENCES SPECIFIQUES

besoin client demandées et sans bug · et de la démarche de Acquérir les bases de l'algorithmique

DUREE · au client · formation · statiques

N° · NUMEROS · 1 · 2 · 3 · 4

Durée · h · 15 · 120 · 120 · 110

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 · 90 · △ · ▲ · △ · ○ · ●

12 · Développer en front-end · 90 · △ · ▲ · ▲ · △ · ○ · ● · ○ · ●

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

DUREE DE LA FORMATION · 940

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

TOTAUX

S’ initier à la sécurité des systèmes d'information Préparer un projet web Adopter l’ approche agile NOMBRE DE COMPÉTENCES DUREE DE LA FORMATION

8 · 9 · 10

7

45 · 60 · 120 · 590

• ○ · ○
• ○ · ○
• ○ · ○
• ○ · ○
• ○ · ○
• ● · ●
• ● · ●
• ● · ●
• ● · ○

16

1530

16/146

Office de la Formation Professionnelle et de la Promotion du Travail

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

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans 17/146 l’autorisation préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

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.

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans 18/146 l’autorisation préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

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.

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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

Office de la Formation Professionnelle et de la Promotion du Travail

Logigramme des compétences

Filière : « Développement [nom] Web Full Stack »

1

2

3 · 4

5

7

10 · 12

13

14

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

6

8

11 · 9

15

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.

20/146

Office de la Formation Professionnelle et de la Promotion du Travail

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.

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans 21/146 l’autorisation préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

• 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.

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans 22/146 l’autorisation préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

DEUXIEME PARTIE

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Ce document est la propriété de l’OFPPT. Il ne peut être utilisé, reproduit ou communiqué à des tiers sans 23/146 l’autorisation préalable écrite de l’Office.

Office de la Formation Professionnelle et de la Promotion du Travail

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

Contexte de réalisation

• Individuellement et/ou en groupe · •
• À partir : · •
• De mises en situations écrites et orales
• De consignes · •
• De spécifications fonctionnelles
• De base documentaire
• À l’aide :
• D’internet
• Du réseau professionnel

Éléments de la compétence

A. Découvrir les métiers du Développement · •

[nom]

B. Identifier les modalités de formation · •

C. Identifier les compétences relatives aux [nom] •

Durée : 15 heures

Critères généraux de performance

Identification précise des différents métiers

Utilisation judicieuse des outils de recherche d’emploi

Suivi d’une démarche adéquate pour la connaissance du marché du travail

Connaissance approfondie du cadre de formation proposé

Critères particuliers de performance

Compréhension générale des métiers liés au Développement

Identification globale des différents métiers du Développement

Recueil ciblé des compétences mobilisées

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

Connaissance des compétences spécifiques

Connaissance des perspectives de travail

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

24/146

Office de la Formation Professionnelle et de la Promotion du Travail

Compétence 1 : · « Se situer au regard du métier et de la démarche de formation »

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

COMPÉTENCE

A. Découvrir les · A.1 – S’informer sur le · • · •

Identification des secteurs d’activité liés

spécificités des · marché du travail

au Développement · •

métiers du

• Représentation du contexte de travail

Développement

selon les secteurs des entreprises

A.2 – Se renseigner sur les · •

Listing des comportements et postures compétences métier professionnelles à adopter

• Reconnaissances des missions et tâches à effectuer dans les métiers du

Développement

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Suggestions Pédagogiques

Code : DIA_DEV_TS-01

ACTIVITÉS D’APPRENTISSAGE · DURÉE

SUGGÉRÉE

Seul ou en groupe

Selon les instructions verbales ou écrites du formateur

À l’aide des ressources fournis par le 50% formateur (polycop, documents, cours)

Quizz sur le secteur d’activité [nom] au Maroc

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.

25/146

Office de la Formation Professionnelle et de la Promotion du Travail

B. Identifier les · B.1 – Comprendre les objectifs •

Connaissance des objectifs à atteindre au

modalités de · de la formation

terme de la formation

formation

• Utilisation des ressources pédagogiques
• Recueil sur les différents modes d’évaluation durant le parcours de formation

B.2 - Situer les compétences · •

Visualisation sous forme de cartographie de la formation des compétences de l’année 1

• Visualisation sous forme de cartographie des compétences de l’année de 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

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

• Vidéos témoignages et interviews de professionnels qui décrivent leur entreprise et leur métier
• Seul ou en groupe
• Selon les instructions verbales ou écrites du formateur
• À l’aide des supports pédagogiques mis à disposition durant la formation sur la plateforme d’apprentissage
• Investigations sur les secteurs d’activités · 30 % auprès de professionnels et entreprises
• Création d’un compte sur un réseau professionnel

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.

26/146

Office de la Formation Professionnelle et de la Promotion du Travail

C. Identifier les · C.1 Identifier les compétences •

Présentation du métier

compétences · relatives au développement

• Enumération des compétences relatives relatives aux · web full stack au métier

[nom]

• Perspectives professionnelles

C.2 Identifier les compétences •

Présentation du métier relatives aux applications

• Enumération des compétences relatives mobiles au métier
• 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

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

• Seul ou en groupe
• Selon les instructions verbales ou écrites du formateur
• À l’aide des supports pédagogiques mis à disposition durant la formation sur la plateforme d’apprentissage

20%

• Investigations sur les métiers du développement [nom]

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.

27/146

Office de la Formation Professionnelle et de la Promotion du Travail

Fiche prescrite

Compétence 2 : « Acquérir les bases de l'algorithmique »

Code de la compétence : DIA_DEV_TS-02

Contexte de réalisation

• Individuellement et / ou en groupe
• À partir :
• De mises en situations écrites et orales
• De consignes
• De spécifications fonctionnelles
• De spécifications techniques
• De cahier des charges
• À l’aide :
• D’un logiciel de PAO
• D’un éditeur de texte
• De logiciels :
• D’exécution d’algorithmes (Algobox,

Visual Code, Larp…)

• D’environnement intégré de développement IDE (VS Code, …)

Éléments de la compétence

A. Modéliser un problème

B. Formuler un traitement

Durée : 120 heures

Critères généraux de performance

• Identification précise des données d’entrée, de sorties et des traitements d’un problème réel
• Ciblage correct des différents types de traitements et leurs applications
• Définition claire d’un algorithme
• Bonne lecture et compréhension d’un algorithme
• Traduction adéquate d’un algorithme en

Python

• Création des scripts fonctionnels en Python
• Choix adéquat des bibliothèques standards
• Déploiement correct des solutions Python

Critères particuliers de performance

• 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
• Manipulation correcte des structures logiques
• Ecriture correcte d’un algorithme
• Manipulation correcte des variables
• Maitrise de la définition des traitements

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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/146

Office de la Formation Professionnelle et de la Promotion du Travail

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

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

Office de la Formation Professionnelle et de la Promotion du Travail

Compétence 2 : · « Acquérir les bases de l'algorithmique »

DURÉE : « 120 h » · Compétences Préalables : Compétence 1

Type de compétences : · Compétences en parallèles : Aucune

Transversale

ÉLÉMENTS DE LA · APPRENTISSAGES DE BASE · ÉLÉMENTS DE CONTENU

COMPÉTENCE

A. Modéliser un · A.1 – Analyser un · • · Définition du problème (Contexte,

problème · problème · Entrées/Sorties, traitements)

• Types de traitement des données

A.2 – Identifier les · • · Approche descendante

approches

• Approche ascendante d’analyse d’un problème

B. Formuler un · B.1 - Reconnaître la · • · Définition d’un algorithme

traitement · structure d’un

• Objets informatiques (variable, constante, algorithme type)

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Suggestions Pédagogiques

Code : DIA_DEV_TS-02

ACTIVITÉS D’APPRENTISSAGE · DURÉE

SUGGÉRÉE

• À l’aide des supports fournis par le · 10 % formateur (polycop, documents, cours)
• Exercice d’application sur l’analyse d’un problème
• Exercice pratique sur les approches d’analyses des traitements sur un problème

(ascendante / descendante)

• Exercice d’application sur les variables, · 45 % constantes, affectations
• Exercice d’application sur les entrées

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.

30/146

Office de la Formation Professionnelle et de la Promotion du Travail

• 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

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

31/146

C. Programmer en · C.1 - Transformer

Python · une suite d’étapes

algorithmique en une suite d’instructions

Python

C.2 - Manipuler les données

D. Déployer la · D.1 - Déboguer le

solution Python · code Python

Office de la Formation Professionnelle et de la Promotion du Travail

• Critères de choix d’un langage de · • · À l’aide des supports fournis par le · 40 % programmation · formateur (polycop, documents, cours)
• Bloc d’instruction · • · Travaux pratiques sur ordinateur sur la traduction d’un algorithme en python
• Conversion de l’algorithme en Python
• Exercices sur la manipulation des fichiers
• Optimisation du code (Bonnes pratiques de codage, commentaires…) · • · Quiz sur les fichiers
• Manipulation des fonctions/lambda · • · Exercices sur les structures de 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ébogage · • · Exercices d’application sur le débogage du · 5% 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 Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022) 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.

32/146

D.2 - Déployer une · •

solution Python

Office de la Formation Professionnelle et de la Promotion du Travail

Outils de déploiement de solution Python · solutions python

Création de fichiers d’installation de solution Python

Documentation du programme

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

33/146

Office de la Formation Professionnelle et de la Promotion du Travail

Fiche prescrite

Compétence 3 : « Programmer en Orienté Objet »

Code de la compétence : DIA_DEV_TS-03

Contexte de réalisation

• Individuellement et / ou en groupe
• À partir :
• De mises en situations écrites et orales
• De consignes
• De spécifications fonctionnelles
• De spécifications techniques
• De cahier des charges
• À l’aide :
• Éditeur de texte ou IDE (VS Code…)
• Langage Python
• Terminal ou Console DOS

Éléments de la compétence

A. Appréhender le paradigme de la POO

B. Connaître les principaux piliers de la POO

Durée : 120 heures

Critères généraux de performance

• Maîtrise de la notion de « objet/classe » en programmation
• Différenciation claire entre la programmation Orientée Objet et la Programmation structurée
• Implémentation adéquate des principes et des règles de base de la POO utilisées dans les différentes plateformes
• Application conforme d’une solution de qualité
• Réponse aux exigences fonctionnelles demandées
• Élaboration d’un programme fiable, optimisé, lisible et facile d’utilisation
• Productions de solutions extensibles et maintenables

Critères particuliers de performance

• 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
• Mise en œuvre précise de l’abstraction
• Application adéquate du polymorphisme
• Adaptation conforme de l’héritage
• Bonne manipulation des interfaces

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

34/146

Office de la Formation Professionnelle et de la Promotion du Travail

• Communication simplifiée entre objets

C. Coder des solutions orientées objet

• 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

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

Office de la Formation Professionnelle et de la Promotion du Travail

Compétence 3 : · « Programmer en Orienté Objet »

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

COMPÉTENCE · BASE

Suggestions Pédagogiques

Code : DIA_DEV_TS-03

ACTIVITÉS D’APPRENTISSAGE · DURÉE

SUGGÉRÉE

A. Appréhender A.1. Introduire la · • · Introduction à la programmation

le paradigme POO · Orientée Objet

Seul ou en groupe · 5%

de la POO · • · Brève historique de l’évolution des

langages de programmation Orientée

Selon les instructions verbales ou écrites du formateur

Objet

• Connaissance des avantages de la POO

À l’aide des supports fournis par le formateur

(polycop, documents, cours) par rapport aux autres paradigmes

Quizz

MindMap

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Projet de synthèse

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.

36/146

Office de la Formation Professionnelle et de la Promotion du Travail

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

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

37/146

Office de la Formation Professionnelle et de la Promotion du Travail

• 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

principaux · l’héritage · • · Types d’héritage

piliers de la · • · Surcharge des constructeurs et

POO · chaînage

• Visibilité des attributs et des méthodes de la classe fille

B.2 - Définir le · • · Principe du polymorphisme

polymorphisme · • · Redéfinition des méthodes

• Surcharge des méthodes
• Surcharge des opérateurs

B.3 – Caractériser · • · Principes

l’abstraction · • · Classes abstraites

• Méthodes abstraites

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

• Seul ou en groupe · 15 %
• Selon les instructions verbales ou écrites du formateur
• À l’aide des supports fournis par le formateur (polycop, documents, cours)
• Travaux pratiques sur papier/logiciels/…
• Projet de synthèse
• Finalisation de la conception du projet
• QCM

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.

38/146

Office de la Formation Professionnelle et de la Promotion du Travail

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

solutions · solution orientée · • · Codage d’une classe

orientées objet objet · • · Intégration des concepts POO

• Encapsulation
• Héritage
• Polymorphisme
• Abstraction
• Interfaces

C.2 - Manipuler les · • · Collections

données · • · Listes

• Fichiers

C.3 – Utiliser les · • · Création des expressions régulières

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

régulières

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

• Seul ou en groupe · 45%
• Selon les instructions verbales ou écrites du formateur
• À l’aide des supports fournis par le formateur (polycop, documents, cours)
• Travaux pratiques sur ordinateur
• Utilisation d’un compilateur
• Projet de synthèse
• Codage
• Test

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.

39/146

Office de la Formation Professionnelle et de la Promotion du Travail

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

modules et les · les modules · • · Importation des modules

bibliothèques · D.2 – Manipuler les · • · Installation des bibliothèques externes

bibliothèques · (pip)

• Bibliothèques standards
• Bibliothèques graphiques (Tkinter, Tix, wxPython, pyqt, …)
• Création des bibliothèques
• Importation des bibliothèques

D.3 – Réaliser des · • · Installation de bibliothèque

interfaces graphiques · • · Création d’éléments graphiques

(widgets) :

o · Fenêtre

o · Bouton

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

• Seul ou en groupe
• Selon les instructions verbales ou écrites du · 35 % formateur
• À l’aide des supports fournis par le formateur (polycop, documents, cours)
• Travaux pratiques sur ordinateur
• Utilisation d’un compilateur
• Projet de synthèse
• Codage des modules
• Intégration des bibliothèques standards
• Intégration d’une bibliothèque graphique
• Manipulation d’interface graphique
• Déploiement et documentation

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.

40/146

Office de la Formation Professionnelle et de la Promotion du Travail

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 [nom] des widgets

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

41/146

Office de la Formation Professionnelle et de la Promotion du Travail

Fiche prescrite

Compétence 4 : « Développer des sites Web statiques »

Code de la compétence : DIA_DEV_TS-04

Contexte de réalisation

• Individuellement et / ou en groupe
• À partir :
• De consignes
• De spécifications fonctionnelles
• De spécifications techniques
• D’un cahier des charges
• À l’aide :
• D’éditeur de texte
• IDE (Vs Code)
• Framework (Bootstrap 5)
• Serveur (local, en ligne)

Éléments de la compétence

A. Créer une page web en HTML

B. Implémenter une page web statique

Durée : 110 heures

Critères généraux de performance

• Compréhension facile de HTML et CSS3
• Bonne maitrise des outils pour la conception et la réalisation des pages web
• Utilisation aisée de Bootstrap
• Réalisation facile d’une page web Responsive avec Bootstrap

Critères particuliers de performance

• Manipulation adaptée des outils de création d’une page web
• Connaissance juste des éléments de base d’une page web
• 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 Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022) 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.

Office de la Formation Professionnelle et de la Promotion du Travail

• Bonne maîtrise du CSS pour la mise en forme

C. Mettre en forme une page web avec les

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
• Bonne maîtrise des différentes composantes de D. Maîtriser Bootstrap 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
• Hébergement correct d’un site web statique en E. Héberger un site intranet
• Hébergement correct d’un site web statique en ligne
• Maitrise de transfert de fichiers (FTP)

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

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.

Office de la Formation Professionnelle et de la Promotion du Travail

Compétence 4 : · « Développer des sites Web statiques »

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

ÉLÉMENTS DE LA · APPRENTISSAGES DE BASE · ÉLÉMENTS DE CONTENU

COMPÉTENCE

A. Créer une page · A.1 - Introduction au · • · Historique de l’HTML

web en HTML · langage HTML · • · Norme W3C

• Propriétés des navigateurs

A.2 - Utiliser · • · Utilisation de Visual Studio Code

l’environnement de · • · Installation des extensions VS Code

développement pour produire du HTML

A.3 - Définir les éléments · • · Norme W3C

basiques d’une page HTML · • · Squelette d’une page HTML

• Balises de bases (contenu)

Développement [nom] Web Full Stack - Version 2.1 ( 27/07/2022)

Suggestions Pédagogiques

Code : DIA_DEV_TS-04

ACTIVITÉS D’APPRENTISSAGE · DURÉE

SUGGÉRÉE

• Seul ou en groupe · 20 %
• Cours et énoncés des travaux pratiques fournis par le formateur
• Travaux pratiques sur la manipulation de Visual Studio

Code

• Travaux pratiques sur la réalisation d’une page web statique simple
• Projet de synthèse

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.

44/146

Office de la Formation Professionnelle et de la Promotion du Travail

• Couleurs
• Listes en HTML
• Types de chemin d’accès
• Liens en HTML
• Balises Multimédia (Images, Audio, Vidéo)
• Tableaux avec du HTML
• Balises de structuration (Header, NAV, Article, Section, Footer, Div, SPAN)

B. Implémenter une B.1 - Réal