Académique Documents
Professionnel Documents
Culture Documents
FORMATION
AU MÉTIER DE
DÉVELOPPEUR WEB
ET WEB MOBILE
Directeur de publication : Yoan Haran
Conception graphique et mise en page : Claire Fauvain
Crédits photos : @ Shutterstock et @ Adobe Stock
Dépôt légal : MMXXII
Édité par :
Centre Européen de Formation s.a.s
19/21, rue Nicolas Appert – 59650 Villeneuve d’Ascq
Imprimé en E.U.
Toute reproduction, sous quelque forme que ce soit, totale ou partielle du présent ou-
vrage, qui est la propriété de l’éditeur, est strictement interdite et constitue une contre-
façon sanctionnée par les articles L.335-2 et suivants du
Code de la propriété intellectuelle.
SOMMAIRE
LE CEF LEARNING...................................................................................................................17
L’ÉQUIPE PÉDAGOGIQUE.................................................................................................. 19
YOAN HARAN
Directeur de l'Établissement
Centre Européen de Formation
L’équipe pédagogique de notre école est heureuse de vous compter parmi ses nombreux élèves et
sa communauté de passionnés !
Votre motivation sans limite et votre soif d’apprendre les facettes du métier vont être assouvies par
une préparation complète et de qualité vous permettant d’aborder le développement Web dans
une démarche holistique.
Ce livre-outil est très précieux : c’est un compagnon de parcours qui vous aidera dans bien des
domaines.
Dans un premier temps, on vous y présente votre programme, glissant par-ci par-là quelques
conseils indispensables pour bien débuter.
Ne négligez aucune étape de votre parcours.
Ce document est indispensable : nous vous recommandons de le lire attentivement avant même
d’aborder votre premier cours mais aussi d’y revenir si vous avez des doutes ou des questions.
Enfin, vous découvrirez à la fin de ce guide l’équipe qui vous accompagnera tout au long de votre
apprentissage, ainsi que les outils mis à votre disposition.
D’ores et déjà, nous vous souhaitons beaucoup de réussite sans oublier plaisir et épanouissement !
4
ENTREZ DANS L’UNIVERS
DU DÉVELOPPEMENT WEB
Ah, l’ère du 21ème siècle et ses avancées technologies… L’essor d’Internet, l’explosion du numérique,
des réseaux et des objets connectés, l’évolution des interfaces mobiles, les besoins de plus en plus
croissants d’applications Web ou mobile ont fait du développement Web, l’un des secteurs d’activité
les plus sollicités.
Qu’il s’agisse de grands groupes, de PME ou de start-up, les besoins techniques favorisant cette
transition digitale sont de plus en plus nombreux. Pour ces entreprises, avoir un des outils web sur
ou un site qui correspond à ses besoins et aux attentes de ses clients est devenu une étape incon-
tournable pour s’assurer d’un développement optimal sur sa part de marché.
Mais alors, qu’est-ce que le métier de développeur Web ?
On vous dit tout !
L’obtention du titre Développeur Web et Web mobile permet d’entrer rapidement dans un marché
du travail réactif et particulièrement bien rémunéré.
Les développeurs web restent peu nombreux sur le marché du travail, ce qui rend leur profil parti-
culièrement attractif dans un secteur où la demande ne cesse de croître.
Avec le titre DWWM en poche, vous pourrez viser l’un des métiers suivants en fonction de vos affi-
nités avec les différentes technologies :
• Développeur Web Front-End
• Développeur Web Back-End
• Développeur Web FullStack
• Développeur Web et Web Mobile
5
Une diversité de carrières
De plus, le métier de développeur web vous offre de nombreuses options d’emplois. Ainsi vous
pourrez travailler :
• En tant que Freelance
• Dans une agence Web
• Dans une SSII
• Dans tout type d’entreprise
Selon vos progrès réalisés en tant que développeur et après quelques années d’expérience vous
pourrez évoluer vers un poste de chef de projet, ou d’encadrement au sein d’un département
informatique.
Salaire moyen d’un développeur web débutant : Entre 2 500 € et 3 700 € brut par mois.
La rémunération évolue rapidement avec de l’expérience.
6
QUELLES SONT LES QUALITÉS REQUISES ?
Devenir développeur ne s’improvise pas en un coup de souris ! Cela nécessite plusieurs qualités,
innées, ou à développer !
En voici quelques-unes :
• La patience : il est très courant qu’un développeur Web interagisse avec des clients qui ne
soient pas familiers à l’univers du Web. Cela signifie qu’il devra prendre le temps d’expliquer
ses démarches en employant des termes moins techniques et compréhensibles.
• La capacité à résoudre des problèmes : un développeur est amené à rencontrer et de ce fait,
à résoudre de nombreux bugs de codes. Il est donc essentiel de ne pas se laisser démoraliser
face à l’adversité et être capable de trouver toutes sortes de solutions.
• La gestion du temps : un projet de développement Web se déroule sur des itérations de
travail qui sont des temps définis. Elles créent ainsi une deadline, une date de livraison. Il est
donc impératif d’avoir une bonne gestion de son temps de travail.
• La communication et l’esprit d’équipe : Le travail d’un développeur s’établit au-delà de son
équipe, et bien que les clichés du développeur bourru et solitaire persistent, il n’en est rien.
Un bon développeur doit s’exprimer clairement sur ses besoins pour effectuer son travail.
De plus, il est important d’être capable d’entraide entre développeurs, de même langage,
niveau, âge, ou non ! On parle souvent de knowledge sharing, le partage de connaissances.
7
LES MODALITÉS
DE VOTRE FORMATION
Vous avez choisi la formation « Développeur Web et Web Mobile » car le développement est votre
grande passion.
Nous avons sorti le grand jeu pour faire de votre rêve une réalité : un programme pédagogique
complet et progressif, incluant les technos prisées par les recruteurs, le tout débouchant sur un
Titre Professionnel reconnu par l’Etat.
Que vous n’ayez jamais touché à une ligne de code ou au contraire, que vous soyez familiarisé à la
création de composants JS, cette formation est l’opportunité pour vous d’acquérir et de développer
vos compétences dans un secteur d’activité en devenir.
Quel que soit votre profil, nous vous accompagnerons pour tirer votre épingle du jeu lors des
recrutements.
Ainsi, vous développerez les compétences suivantes :
• La maîtrise des langages Web (HTML, CSS et JavaScript) et des principaux frameworks et
librairies de développement (Vue.Js, Angular.Js, Node.Js, Python, SQL, etc.).
• La gestion du code source à travers le versioning, comme Git et GitHub.
• La documentation du programme en créant des documents à travers un outil de traitement
de texte et en ajoutant des commentaires au besoin directement au sein de votre code.
• L’optimisation du code grâce à la mise en place d’un IDE (environnement de développement
intégré) et de conventions de code, issues du W3C.
UN ENSEIGNEMENT SOUPLE
8
UN PROGRAMME COMPLET
Nous vous proposons un programme complet, 100% en ligne, avec des cours attrayants, ludiques
et présentés sur différents supports pédagogiques.
Sur votre espace CEF Learning, vous aurez accès à :
• des cours 100 % learning ;
• des challenges interactifs pour tester vos connaissances en vous amusant ;
• des capsules vidéo pour apprendre toutes les techniques professionnelles de votre futur
métier ;
• Des quiz de révision pour vous entraîner avant vos projets ;
• des projets finaux pour mobiliser et évaluer vos connaissances et compétences.
Si vous vous êtes inscrit(e) dans cette formation, c’est dans le but de valider un examen et cela va
sans dire que vous devez mettre toutes les chances de votre côté, une telle préparation nécessitant
autant de rigueur et d’attention que l’écriture d’un code lisible et maintenable !
Vous vous apprêtez à passer un diplôme délivré par l’Etat. Il est donc important de bien comprendre
ce que l’on attend de vous. Ces examens sont basés sur des référentiels académiques, c’est-à-dire
un règlement définissant le cadre des épreuves et les compétences des candidats attendues.
Ce référentiel est articulé autour de deux blocs de compétences attestées :
• Développer la partie front-end d’une application web ou web mobile en intégrant les
recommandations de sécurité
• Développer la partie back-end d’une application web ou web mobile en intégrant les
recommandations de sécurité
Ces compétences pour l’accès au titre professionnel seront évaluées par un jury sous forme d’une
présentation d’un projet professionnel réalisé en amont de la session et/ou d’un entretien technique.
Nous y reviendrons un peu plus tard dans ce guide.
9
LE CONTENU
DE VOTRE FORMATION
Votre parcours de formation s’articule autour des deux activités phares du développeur :
• Développer la partie front-end d’un site ou d’une application Web.
• Développer la partie back-end d’un site ou d’une application Web.
10
LE PROGRAMME DÉTAILLÉ
1¬ newbie
au
ve
ni
ÉV E
B
D
EL
& OPPEUR W
WE E
B MOBIL
THÉMATIQUE TECHNO
La programmation web
• Concevoir une page en HTML 5 avec
Visual Studio Code
• Définir la structure d’un document et d’un
texte HTML 5
• Mettre en forme votre page grâce au CSS
• Démarrer un projet avec GitHub
Le développeur à la loupe
• Découvrir le métier de développeur
• Identifier les compétences nécessaires à la
profession
• Déterminer les missions qui vous seront
confiées
• Différencier les spécialités d’un
développeur Web
11
a
eau 2 ¬ dventure
niv r
ÉV E
B
D
E W
& LO P P E U R
WE E
B MOBIL
THÉMATIQUE TECHNO
12
niveau 3 ¬ wiza
rd
ÉV E
B
D
EL
& OPPEUR W
WE E
B MOBIL
THÉMATIQUE TECHNO
La programmation orientée-objet
• S’initier à la programmation de données
avec Python
• Sécuriser des données avec Django
• Programmer orienté objet avec Python
• Tester un projet Python
13
niveau 4
¬ en
dg
am
e
ÉV E
B
D
E W
& LO P P E U R
WE E
B MOBIL
Enfin, pour que vous puissiez découvrir de nouvelles perspectives dans l’écosphère du
numérique, nous vous avons concocté un quatrième niveau bonus, EndGame, afin de vous
proposer des initiations à des métiers porteurs de la High-Tech.
THÉMATIQUE
Introduction à la conception et le
développement d’applications informatiques
Concepteur développeur d’applications et à la réalisation de nouvelles applications
ou la maintenance évolutive d’applications
existantes. (TP Niv 6)
14
LE TITRE PROFESSIONNEL
DÉVELOPPEUR WEB ET WEB MOBILE
15
DISPOSITIF D’ÉVALUATION
La description de la veille sur les vulnérabilités de sécurité est liée à l’une des deux compétences «
Développer une interface utilisateur web dynamique » ou « Réaliser une interface utilisateur avec
une solution de gestion de contenu ou e-commerce » dans le cadre du projet en entreprise.
La description de la situation de travail, ayant nécessité une recherche basée sur un ou des sites
anglophones, concerne un problème technique ou une nouvelle fonctionnalité à mettre en œuvre,
dans le cadre du projet en entreprise. Elle est liée à l’une des compétences du titre professionnel.
Dans le cas de la recherche de solution, basée sur un ou des sites anglophones, à un problème tech-
nique ou une nouvelle fonctionnalité à mettre en œuvre, le candidat décrit le besoin d’information,
et indique comment il a effectué la recherche : les mots clés de recherche utilisés et la liste des sites
retournés. Il précise les critères de sélection du (ou des) site(s). Il indique la solution trouvée et si
elle a pu être mise en œuvre.
Dans le cas de la veille sur les vulnérabilités, le candidat indique comment il a effectué la veille :
les sites et les mots clés utilisés. Il indique les vulnérabilités trouvées et éventuellement les failles
potentielles corrigées.
17
La longueur du dossier de projet hors annexes est de 30 à 35 pages, soit environ 48750 caractères
espaces non compris.
Le candidat présente son projet à l’aide d’un support de présentation réalisé en amont de la session
d’examen, et selon ce canevas :
• Présentation de l’entreprise et/ou du service et contexte du projet (cahier des charges,
environnement humain et technique)
• Conception et codage des composants front-end et des composants back-end
• Présentation des éléments les plus significatifs de l’interface de l’application
• Présentation du jeu d’essai de la fonctionnalité la plus représentative (données en entrée,
données attendues, données obtenues) et analyse des écarts éventuels
• Présentation d’un exemple de recherche effectuée à partir de site anglophone
• Synthèse et conclusion (satisfactions et difficultés rencontrées)
Cette présentation inclut, au choix du candidat, une illustration ou une démonstration de l’interface
de l’application. Une combinaison des deux est possible. Leur durée cumulée dans la présentation
ne doit pas excéder 10 minutes.
La démonstration peut être interdite ou limitée dans le cas exceptionnel où l’entreprise souhaite
empêcher la divulgation d’informations confidentielles. Elle est également soumise aux limitations
du plateau technique tel qu’il est défini ci-après.
Le candidat utilise alors des moyens d’illustration de son interface, sans recourir à une démonstration.
Dans le cadre de la présentation et de la démonstration, le candidat peut apporter son équipement
en tenant compte des contraintes du plateau technique du centre organisateur.
Informations complémentaires concernant l’entretien technique : L’entretien technique se déroule
obligatoirement à l’issue de la présentation du projet réalisé en amont de la session.
18
LE CEF LEARNING
Votre espace CEF Learning vous permet d’apprendre et de vous perfectionner à votre rythme en
fonction de votre emploi du temps. Tous vos contenus de cours sont accessibles à tout moment et
ils sont consultables sur smartphone, tablette ou ordinateur.
Pour votre première connexion à CEF Learning, il vous suffit de cliquer sur le lien qui vous a été
envoyé dans votre mail de bienvenue.
À défaut, vous pouvez générer un nouveau lien en suivant la procédure « mot de passe oublié »
comme suit :
1. Rendez-vous sur la page de connexion : https://eleve.centre-europeen-formation.fr/login
19
L’AGENDA
Grâce à votre agenda, votre planning de formation s’adapte à votre vie personnelle et professionnelle.
En indiquant la date de fin de formation souhaitée et votre rythme de travail quotidien, votre agen-
da se personnalise automatiquement !
Vous prenez du retard ? Vous souhaitez prendre des congés ? Contactez votre mentor pour adapter
votre agenda.
LA COMMUNAUTÉ D’ÉLÈVES
La messagerie va vous permettre de solliciter d’autres élèves pour partager, échanger et, pourquoi
pas, collaborer. La communication avec les autres élèves peut vous aider à assimiler, enrichir et
comprendre de nouveaux concepts. N’oubliez pas de compléter votre profil, il est toujours plus aisé
d’interagir avec des personnes que l’on peut identifier !
Note d’information
Tout au long de votre parcours, vous gagnez des récompenses et cumulez des points.
Vous pouvez vous situer par rapport aux autres élèves de votre formation en consultant votre
classement.
Profitez de cette communauté pour lancer des défis aux élèves de votre choix et gagner plus de
points !
LE TABLEAU DE BORD
Votre tableau de bord vous permet de suivre votre progression dans votre parcours de formation,
dans vos devoirs, et de visualiser vos badges et défis.
Tout au long de votre formation, l’équipe pédagogique reste disponible et vous accompagne dans
votre progression à travers CEF Learning. Le coach et les professeurs sont disponibles à tout mo-
ment grâce à votre messagerie.
Pour vos recherches de stages et d’emploi, la rubrique « Mon profil emploi » vous permet d’avoir
accès aux nombreux partenaires et offres de votre région.
20
L’ÉQUIPE PÉDAGOGIQUE
LE MENTOR
LE SERVICE ADMINISTRATIF
Il sera à même de vous mettre en relation avec vos professeurs et de répondre directement à l’es-
sentiel de vos questions :
• envoi de vos cours ;
• suivi des règlements/facturation ;
• convention(s) de stage(s) ;
• attestation de fin de formation ;
• certificat d’assiduité ;
• changement de vos informations personnelles (numéro, adresse, etc.).
21
LES STAGES PRATIQUES
Pour obtenir votre Titre Professionnel Développeur Web et Web Mobile, la réalisation d’un stage
pratique est fortement recommandée.
L’INTÉRÊT DU STAGE
Faire un stage n'est pas obligatoire, mais c’est le meilleur moyen de mettre en pratique les notions
théoriques apprises dans vos cours. C’est la raison pour laquelle nous vous recommandons forte-
ment de faire un ou plusieurs stages durant votre formation.
Vous avez la possibilité de réaliser un rapport de stage. Même s’il n’est pas obligatoire, nous vous
conseillons vivement de le faire. Il sera corrigé et noté sur 20.
OÙ ?
• Vous pouvez prendre contact avec des structures proches de chez vous, par Internet ou en
rendant visite aux cabinets d’architectes, aux décorateurs d’intérieur indépendants ou aux
magasins de décoration.
• Nous répertorions toutes les structures dans lesquelles nos élèves ont effectué un stage.
Cet annuaire est à la disposition de votre coach et de l’équipe administrative qui pourront à
votre demande vous orienter vers les structures et les professionnels proches de chez vous.
• Faites parvenir votre CV et votre lettre de motivation aux structures qui vous intéressent.
• Le Centre Européen de Formation est en mesure de vous aider au mieux dans vos
démarches. Pour cela, de nombreux conseils vous seront donnés pendant votre cursus (guide
de rédaction et correction de votre CV et de vos lettres de motivation, création de votre
book professionnel, etc.).
• Veillez à ce que votre écriture soit lisible. Si vous n’obtenez pas de réponse immédiate, nous
vous conseillons de rappeler la structure quelques jours plus tard.
COMMENT ?
• Avant chaque stage, vous devez impérativement transmettre votre convention dûment
remplie par la structure d’accueil et vous-même au service administratif. Vous pouvez les
télécharger directement sur votre CEF Learning.
Avec les conventions, vous recevrez l’attestation de stage. Les documents sont à faire remplir par
votre tuteur à l’issue de votre stage.
22
NOTES
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
...............................................................................................................................................................................................
QUI CONTACTER
EN CAS DE QUESTION ?
VOTRE MENTOR
Il vous suit personnellement tout au long de votre formation.
Vous pouvez le contacter via la messagerie de votre CEF Learning.
LE SERVICE ÉLÈVES
Les agents régleront avec vous toutes vos démarches administratives.
Ils sont joignables directement :
03 66 06 02 01 @ info@cenef.fr
Messagerie
CEF Learning
www.centre-europeen-formation.fr