HSTA - Formation certifiante Titre professionnel développeur web et web mobile - Formation

Module N°01 Module de formation Volume Horaire:14h
Présentation de la Scop Fondespierre, de l'équipe et la communauté beWeb ##- Tour de table de présentation des apprenants##- Visite des locaux ##- Présentation du règlement intérieur ##- Présentation des parcours possibles, des modalités d'évaluation des compétences et de certification.##- Présentation du livret stagiaire ##- Positionnement à l’entrée de formation##- Entretien individuel avec le référent pédagogique##- Signature du Contrat de formation ##- Constitution du dossier de rémunération avec la référente administrative##- Mise à disposition d'un ordinateur portable##

Module N°02 Module de formation Volume Horaire:21h
Le fonctionnement de l’ordinateur##Les scripts BASH##L’éditeur de texte nano ##Gestion des applications via Aptitude##Création / Gestion des utilisateurs UNIX##Installation / configuration des applications pour le développement web##Utilisation de GIT, apprentissage des commandes de base##Installation / configuration du serveur web apache##Configuration d’un environnement web (Virtual Host + hosts)##Installation / configuration du SGBD MySQL ##Installation de Visual Studio Code, installation des plugins pour le web##Implémentation d’un script CGI##

Module N°03 Module de formation Volume Horaire:14h
- Histoire des technologies et émergence du web##- Histoire d’Internet ##- Les grands enjeux du numérique##- Logiciels : Open source et propriétaires##- RGPD et sécurisation des données ##- Green code : ensemble de méthodologie et de bonne pratique de développement de logiciel.##

Module N°04 Module de formation Volume Horaire:49h
##Créer sa première page web :##Comprendre le principe du HTML : balises et attributs##Connaître les deux familles de balise : avec et sans contenu##Insérer les balises essentielles : doctype, head, body, etc…##Intégrer du contenu dans une page en HTML :##Insérer du contenu texte : titre ou paragraphe##Ajouter du contenu média : image, vidéo et audio##Créer des liens hypertextes##Embarquer un contenu externe : vidéo, cartographie, etc…##Styliser son contenu avec le CSS :##Comprendre le principe du CSS : sélecteurs et propriétés##Connaître les principaux sélecteurs : balise, class et identifiant##Définir la fonte : police, taille, graisse et inclinaison##Insérer une bordure et un arrière-plan##Connaître les couleurs en code hexadécimal##Intégrer une mise en page en HTML et CSS :##Connaître les bonnes pratiques de mise en page web##Utiliser les balises HTML de mise en page : div, header, main, etc.##Utiliser les propriétés CSS de mise en page : taille, positionnement et marges####Intégrer les recommandations du W3C :##Créer des composants répondant aux exigences des Règles pour l’accessibilité des contenus Web (WCAG) ##Evaluer la conformité à l’accessibilité d’un site web ####Maîtriser les composants et les plug-ins du Framework Bootstrap####Bien référencer son site web :##Comprendre les enjeux du référencement web##Baliser correctement son contenu pour optimiser le référencement naturel######

Module N°05 Module de formation Volume Horaire:140h
Techniques De Programmation ##- Le fonctionnement d'un ordinateur (la mémoire, les flux).##- Les langages de programmation et abstraction (de l'assembleur vers les langages de haut niveau).##- Environnement des programmes. La compilation, l'interprétation.##- Les variables et les types de données.##- Les conditions et les boucles.##- Les fonctions. Les différents scopes.##- Les commentaires et la documentation.##- La base de la Programmation orienté objets. Découvertes des design pattern.####Le langage JavaScript ##- Introduction au langage JavaScript.##- JavaScript embarqué dans les pages HTML.####Écrire des instructions en Javascript##- Les variables, les types de données.##- Les opérateurs, les instructions, les structures de programmation.##- La définition et l'utilisation de fonctions.##- Les objets et leurs utilisations en JavaScript (méthodes, propriétés).##- Les dialogues avec l'utilisateur.##- Les tableaux.####Gérer les évènements et les données en JavaScript##- Les évènements gérés par JavaScript (survol, clic, clavier, etc.)##- Propagation des évènements##- L’objet Event##- Les pop-ups##- Manipulation de la page (DOM)##- Manipulation des URL et des redirections####Développer au quotidien avec JavaScript##- Gestion des chaînes de caractères à travers l'objet String##- Utilisation de l’objet en JSON##- Les principales fonctions mathématiques dans l'objet Math##- Manipulation des dates via l'objet Date et des tableaux via l'objet Array##- Les expressions régulières dans le JavaScript##- Règles de transtypage et comparaisons##- Paramètres obligatoires / facultatifs / indéfinis des fonctions##- Quelques outils pour tester, debugger et mesurer les performances de vos programmes JavaScript####Gestion des formulaires##- Composants d’un formulaire (checkbox, textbox, list, button, etc.)##- Manipulation de l'objet form##- Contrôle des données saisies dans un formulaire##- Le formulaire dynamique##- Liens entre évènements et formulaire (chargement, modification, validation, etc.)####AJAX : dialoguer avec le serveur##- Pourquoi AJAX (Asynchronous JavaScript And Xml) ?##- Mise en œuvre avec l’objet XMLHttpRequest##- Méthodes de requête http (GET, POST, etc.)##- Récupération de contenus HTML, XML ou JSON##

Module N°06 Module de formation Volume Horaire:35h
##Introduction à React - Écosystème des Framework JavaScript ##- Différentes approches du data-binding ##- Philosophie de React##- Environnement de développement et outils de debug ####Développer avec React ##- Création d'un composant ##- La syntaxe JSX, JSX vs JavaScript ##- Comprendre JSX en détails ##- Gestion du state du composant ##- Les méthodes du cycle de vie ####Interactivité des composants ##- Gestion des événements ##- Imbrication de composants ##- Utilisation des props ##- Composants réutilisables ##- Manipulation du DOM ##- Gestion des formulaires ##- Design pattern des composants######

Module N°07 Module de formation Volume Horaire:14h
Introduction au concept d’expérience utilisateur (UX).##Apprentissage des règles d’ergonomie.##Réalisation de mockup via des outils numériques.##Mettre en place le wireframing en accord avec les scénarios utilisateurs.##Prévoir les maquettes pour la plupart des supports physiques##

Module N°08 Module de formation Volume Horaire:35h
##Concevoir une base de données##- Découverte des différents types de base de données##- Création d’un diagramme MCD avec un outil UML##- Transformation d’un MCD en MLD à l’aide d’un outil spécifique####Le langage SQL##- Ecrire des requêtes SQL de gestion de tables et de données##- Ecrire des requêtes complexes (jointures et filtres)##- Mettre en œuvre les procédures stockées, les views, les triggers####Administrer et gérer une base de données##- Gestion des utilisateurs en vue de la sécurisation des bases de données.##- Les type de données et leur utilisation pertinente##- Les différents types de clés, l’indexage, les contraintes d’unicité##- Maintenance des bases##- Génération de fixtures##

Module N°09 Module de formation Volume Horaire:28h
Introduction à l’UML (Unified Modeling Language)####Modéliser les données en schémas avec UML ##- Expression des besoins avec les diagrammes de cas d’utilisation.##o Système.##o Acteurs.##o Les relations.####Concevoir l’architecture technique d’une application à l’aide de diagrammes UML##- Elaboration de diagrammes de classes##- Elaboration de diagrammes d’objets##- Elaboration de Diagramme de séquence##o Bandes d’activations.##o La ligne de vie.##o Les messages.##o Destruction d’objets.##o Les boucles.####Réaliser un schéma de conception de la base de données de l’application####

Module N°10 Module de formation Volume Horaire:7h
Gestion de projet Agile – La méthode SCRUM##Gestion de projet Agile – La méthode Kanban##Prise en main d’un outil de gestion de projet lié au développement

Module N°11 Module de formation Volume Horaire:70h
Les principes de la programmation orientée objet##- Objets##- Héritage et polymorphisme##- Surcharge et override##- Abstraction et interfaces##- Les objets et la mémoire####Les design patterns##- Singleton##- Fabrique##- DAO##- MVC##- Façade##- Observable####Les principes SOLID####Étude des Objets dans les bibliothèques de certains langages (Collections, interfaces…)####

Module N°12 Module de formation Volume Horaire:35h
Les concepts de DAO et Repository dans une architecture à n tiers##Ecrire le modèle de données en s’appuyant sur un ORM ##- Les différents connecteurs ##- Découverte des annotations##- Utilisation des requêtes préparées et requêtes custom##- Présentation des données##

Module N°13 Module de formation Volume Horaire:70h
Introduction##- Historique de PHP.##- Les différences entre PHP 4, PHP 5 et PHP 7.##- Notions d'architecture multicouche##- Les bases de la programmation orienté objet autour du modèle MVC.##Les fondements de PHP (variables, fonctions, superglobales, les types de données).##- Les namespaces.##- Les fonctions de manipulation de chaine et de tableaux.##- Les requêtes.##- Utilisation de script PHP pour dynamiser une page web.##- Les spécificités de la POO en PHP##- Les méthodes magiques.##- Le chargement de classe dynamique.##Gestion des sessions utilisateurs##- Les sessions et les cookies.##Couche d’accès aux données##- L’objet PDO.##

Module N°14 Module de formation Volume Horaire:35h
Les Frameworks PHP ##- Les principaux Frameworks web utilisés en PHP####Introduction à Symfony##- SYMFONY. Histoire et cadre d'implémentation.####Développer une application avec SYNFONY##- Configuration des Routes : Attributs PHP 8, Annotations, YAML, XML, code PHP##- HttpFoundation : Requête, Réponse##- Paramètres d'URL, Paramètres spéciaux##- Conflits de routes et debug##

Module N°15 Module de formation Volume Horaire:70h
Introduction au javascript backend##- Configurer un environnement de travail javascript ##- Utiliser npm pour mettre en place un projet javascript / typescript##- Installer et utiliser les bibliothèques via le gestionnaire de dépendance npm##- Mise en place d’une api REST avec expressJS####La POO avec javascript - TypeScript##- Installer typescript développer sous ce langage et construire un livrable.##- Mise en place d’une api REST avec expressJS (typescript)##- Développement d’applicatif backend avec NESTJS.####Developpement d’applications multi-platerforme ##- Créer un projet Electron##- Construction et publication d’une application sur la plateforme cible.####Connection à une source de données##- Mettre en place une couche d’accès aux données ##- Utiliser les différents connecteurs de base de données####Programmation réactive##- Développement asynchrone ##- RXJS####Les tests##- Choisir les outils de tests##

Module N°16 Module de formation Volume Horaire:35h
Introduction à Node.js##- Architecture, pattern MVVM (Model View ViewModel) ##- Configurer un environnement typescript##- Les fonctions de rappel en Javascript.##- Mise en place d’une structure MVC avec expressJS##- Développement avec NestJS####Les principes de programmation##- La lecture de flux.##- Usage dans les bases de données. ##- Resynchronisation ##- Parsing d'URL (paramètres, requête...). ##- Traiter une requête en mode asynchrone. ####Le gestionnaire d'extensions NPM ##- La gestion événementielle##- Mettre en place un gestionnaire de routes. ##

Module N°17 Module de formation Volume Horaire:70h
##Introduction à IONIC##- Télécharger et configurer un éditeur##- Préparer l’environnement de développement####Eléments d’un projet IONIC##- Arborescence d’un projet IONIC##- Pages, composants et services##- Modèle de données##- Architecture MVC####Accès aux fonctionnalités natif##- Utilisation de IONIC avec une compilation CORDOVA####Le client serveur avec une application mobile ##- Intégrer une base de données####

Module N°18 Module de formation Volume Horaire:70h
Introduction à React Native##- Les différentes possibilités de développement avec React Native##- Configurer son environnement de développement.##- La hiérarchie d'une application React Native####Développer une application mobile avec React Native##- Les données dans le state global##- Les props, le state et les styles avec React##- Les components React.##- Gérez plusieurs vues en React Native####Optimiser une application avec React Native####

Module N°19 Module de formation Volume Horaire:14h
##Les tests unitaires## - Tests des cas spéciaux (visibilité, abstraction,)## - Mocks et stubs####Les tests fonctionnels##Les tests en AGILITE (positionner les tests dans un sprint)####Tester dans le cas d’architectures n tiers##Organisation des tests (mots-clés des bibliothèques)##Couverture de code##Les tests de non-régression##Les tests et la livraison continue (cas de gitlab CI/CD)##La sécurité et les bonnes pratiques de programmation (cas de l’objet, exceptions)####

Module N°20 Module de formation Volume Horaire:70h
Introduction##- Principe et fonctionnement de WordPress##- Présentation de la partie publique et privée## ##Installation d'un site WordPress##- Les différents outils nécessaires : Serveur Web, Editeur...##- Configuration minimale requise##- Les procédures de mises à jour####Publication de contenu##- Présentation du tableau de bord##- Gestion des pages statiques##- Gestion des articles : création, édition, modification##- Gestion des images pour le web ####Personnalisation de l'apparence##- L’éditeur moderne Gutenberg##- Gestion des widgets##- Menu Personnalisé####Personnalisation graphique de WordPress ##- Le thème par défaut##- Utilisation des autres thèmes##Notions avancées##- Installation et configuration l’extension Woo-Commerce##- Plugins standards et utiles : SEO, d'e-mailing, de réseaux sociaux…####Utilisation avancée##- La sécurité##- Gestion des utilisateurs et auteurs multiples (des rôles)##- Déploiement sur un serveur distant (dbsearchandreplace)##- Le fonctionnement des posts et custom posts (shortcode)##- Développement d’un plugin (installation et suppression)##- Le plugin PODS##- La notion de hook ##- Utiliser des plugins de développeur##

Module N°21 Module de formation Volume Horaire:70h
Présentation de Prestashop##- Les pré-requis techniques ##- Installation de Prestashop avec un « script auto-installer » (Cpanel …) ##- Installation de Prestashop via Ftp (serveur distant)##- Installation de Prestashop en local##Gestion des produits##- Création des catégories et des sous catégories basées sur arborescence du site##- Gestion des attributs, des caractéristiques, des marques et fournisseurs##- Création du catalogue de produits##- Gestion des remises, code promo##Gestion des commandes et des clients##- Configuration des paiements, des taxes et des devises##- Configuration des transporteurs##Gestions des pages Statiques et création de nouvelles pages##Installation et Personnalisation d’un thème Prestashop##Gestion des modules##Sauvegarde et transfert##Création d’un module PrestaShop##- Principes techniques d'un module##- Liste des points d'accroche de PrestaShop##- Arborescence des fichiers du module##- Structure de base d'un module##- Accrocher un module##- Affiche du contenu##- Créer l'onglet d'administration du module, et sa classe##

Module N°22 Module de formation Volume Horaire:14h
Comprendre et maîtriser les fondamentaux du référencement web##- Comprendre les enjeux du SEO##- Comprendre le fonctionnement d'un moteur de recherche####Connaître les outils et les bonnes pratiques d’optimisation SEO##- Définir sa liste de mots-clefs##- Trouver les bons mots-clefs pour son site web##- Optimiser le contenu d'une page##- Optimiser l'indexation de son contenu##- Générer de la popularité sur ses pages####Maîtriser les outils d’analyse de trafic ##- Découvrir Google Search Console##- Découvrir et utiliser les modules / plugins SEO ##

Module N°23 Module de formation Volume Horaire:140h
Développer un projet en équipe de 3 ou 4 apprenants.##Les projets sont issus des partenaires locaux. ##Les projets développés donnent lieu à une évaluation intermédiaire :##- Présentation du projet réalisé devant les porteurs du projet, des professionnels ##- Entretien technique individuel avec le référent pédagogique ####

Module N°25 Module de formation Volume Horaire:7h
Repérer les compétences comportementales en lien avec le projet professionnel##Constituer et rassembler les éléments de preuve mettant en avant ses compétences comportementales##Valoriser à travers les Open-Badges les soft-skills acquises.##La démarche d’endossement des Open-Badge##

Module N°26 Module de formation Volume Horaire:21h
Optimiser son identité numérique##- Identifier les réseaux sociaux professionnels##- Soigner son e-réputation##- Créer un profil LinkedIn efficace##- Rentrer en contact intelligemment avec ses cibles##- Utiliser la recommandation ####Réussir ses entretiens##- Présenter son parcours et projet de reconversion##- Présenter ses compétences techniques et soft skills####Mener à bien ses démarches en ligne##- Pôle emploi.fr : Actualiser son CV en lien avec les compétences développées, chercher des offres, créer des abonnements aux offres, postuler##- Profil sur l’application ANIE##- Démarches en ligne de recherche d'emploi sur des sites d’entreprise ou des sites spécialisés : chercher des offres, postuler, candidatures spontanées####Intégrer et développer un réseau au profit de son projet professionnel##- Rencontrer des professionnels (Meetup, afterwork, communauté beWeb, salon…) ##

Module N°27 Module de formation Volume Horaire:315h
Dans un parcours Développeur full stack PHP ou JavaScript :##Maquetter une application ##Réaliser une interface utilisateur web statique et adaptable ##Développer une interface utilisateur web dynamique ##Créer une base de données ##Développer les composants d’accès aux données ##Développer la partie back end d’une application web ou web mobile ####Dans un parcours Développeur CMS :##Maquetter une application ##Réaliser une interface utilisateur web statique et adaptable ##Développer une interface utilisateur web dynamique ##Créer une base de données ##Réaliser une interface utilisateur avec une solution de gestion de contenu ou e-commerce ##Elaborer et mettre en œuvre des composants dans une application de gestion de contenu ou e-commerce##

Module N°28 Module de formation Volume Horaire:105h
Ecriture du dossier professionnel : ##L’apprenant doit décrire sa pratique professionnelle en choisissant au maximum trois exemples par activité-type décrite dans le référentiel (REAC) du titre. Les exemples doivent être différents. Chaque exemple se décline sur trois pages maximum####Ecriture du dossier de projet de soutenance en respectant ce plan type : ##- Liste des compétences du référentiel qui sont couvertes par le projet ##- Résumé du projet en français d'une longueur d’environ 10 à 15 lignes soit 120 à 200 mots, ou environ 800 caractères espaces non compris ##- Cahier des charges, expression des besoins, ou spécifications fonctionnelles du projet ##- Spécifications techniques du projet, élaborées par le candidat, y compris pour la sécurité et le web mobile ##- Réalisations du candidat comportant les extraits de code les plus significatifs et en les argumentant, y compris pour la sécurité et le web mobile ##- Présentation du jeu d’essai élaboré par le candidat de la fonctionnalité la plus représentative (données en entrée, données attendues, données obtenues) ##- Description de la veille, effectuée par le candidat durant le projet, sur les vulnérabilités de sécurité ##- Description d’une situation de travail ayant nécessité une recherche, effectuée par le candidat durant le projet, à partir de site anglophone ##- Extrait du site anglophone, utilisé dans le cadre de la recherche décrite précédemment, accompagné de la traduction en français effectuée par le candidat sans traducteur automatique (environ 750 signes)####Préparation du candidat à la présentation du projet au Jury :##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 back end ##- Présentation des éléments les plus significatifs des composants, y compris pour la sécurité et le web mobile ##- 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) ####Passage des épreuves de certification##

Module N°29 Module de formation Volume Horaire:7h
##Comprendre le changement climatique et ses enjeux##- Identifier les causes et conséquences des dérèglements climatiques##- Reconstituer les liens de cause à effet du réchauffement climatique####En 3 heures, l’atelier collectif et collaboratif « la Fresque du Climat » permet de comprendre l’essentiel des enjeux climatiques pour passer à l’action. ####Faciliter et accélérer le passage à l’acte en faveur de la transition écologique et énergétique##- Identifier son impact carbone au travers de ses habitudes quotidiennes (déplacements, alimentation, logement, etc…) ##- Identifier les actions à mettre en œuvre dans sa vie quotidienne####Un simulateur Nos Gestes Climat permet individuelle à chaque apprenant d’identifier les actions qu’il peut mettre en œuvre dans sa vie quotidienne####Appréhender les actions Green IT clés ##- Les facteurs de la pollution numérique##- Les bonnes pratiques d’éco-conception de services numériques##- La gestion des déchets électroniques et solutions de recyclage ##

Module N°30 Module de formation Volume Horaire:7h
Bilan individualisé du parcours de formation :##- Analyse de la dynamique d’apprentissage, des compétences acquises (positionnements passés en centre et évaluation en entreprise)##- Valorisation des Open badges acquis tout au long de la formation##- Plan d'action à mener à l'issue de la formation##Validation du portefeuille de compétences##Évaluation de la satisfaction individuelle et de l’impact de la formation##Evaluation en collectif de la satisfaction des apprenants et de l’impact de la formation##