Déroulé du cursus

HTML 5, CSS 3, Responsive - Création de pages Web

• Référence M2i : HTM-FND
• Durée : 3 jours

WordPress - Initiation - Création et gestion d'un site Web

• Référence M2i : WOR-PRES
• Durée : 3 jours

Adobe XD - Design d'interface - Prototypages, mockups, wireframes

• Référence M2i : XD-UXUI
• Durée : 2 jours

UI Design et ergonomie - Le design d'interface centré utilisateur

• Référence M2i : UID-ERGO
• Durée : 2 jours

UX Design - Les clés de la réussite pour votre projet digital

• Référence M2i : COMV-UXD
• Durée : 2 jours

Algorithmique et programmation structurée

• Référence M2i : PRG-IN
• Durée : 3 jours

JavaScript et jQuery pour les designers

• Référence M2i : JVS-DES
• Durée : 2 jours

Les fondamentaux de l'accessibilité numérique

• Référence M2i : ACCNUM-FND
• Durée : 1 jour

Préparation et passage du CCP (bloc 1) "Développement Front End de sites et applications Web" (3 jours)

Passage du CCP : 

• Le candidat réalise l'intégration complète du site Internet ou de l'application en utilisant les dernières versions des langages de balisage HTML et CSS
• Il développe en utilisant le JavaScript les animations et différentes interactions utilisateur demandées dans le cahier des charges
• Il réalise le déploiement du site Internet ou de l'application sur le serveur
• Le candidat présente le résultat de son travail, le code source et argumente son travail effectué concernant le référencement naturel et le respect des normes d'accessibilité (critères RGAA) auprès des membres du jury composé de professionnels
• Eléments attendus :
• • Déploiement complet et fonctionnel du site Internet ou de l'application sur le serveur
• Pour valider un bloc, l'évaluation des acquis doit être supérieure à 50%
• Le jury de certification se réunit dans les 3 mois maximum après le jury d'évaluation
• Le candidat recevra un certificat de bloc en cas de réussite

A l'issue de cette formation, vous serez capable de :

• Réaliser la maquette graphique du site permettant au client de visualiser l'interface fonctionnelle et graphique de la plateforme Web
• Réaliser ensuite l'intégration de la maquette graphique en utilisant du code informatique qui sera interprété par les navigateurs
• Réaliser les animations, évènements et les différentes interactions avec l'interface utilisateur
• Optimiser le référencement naturel du site
• Veiller à ce que ce dernier s'adapte à tous les appareils et toutes résolutions (smartphones, tablettes, desktop).

Bloc 1 - Développement Front End de sites et applications Web (RNCP37805BC01)

• Utiliser les langages de balisage HTML et CSS (avec et sans framework) pour intégrer les maquettes graphiques en utilisant un éditeur de code
• Produire l'encodage en tenant compte des différentes contraintes imposées par les différentes résolutions d'écrans et les navigateurs afin d'obtenir un affichage optimisé pour smartphones, tablettes et desktop
• Considérer la diversité des publics, notamment en situation de handicap, afin d'améliorer l'expérience utilisateur, en mobilisant les différentes normes d'accessibilité (ex : RGAA)
• Travailler sur une logique d'intégration réutilisable, organisée et synthétique, à des fins de lisibilité et de performances, en utilisant un système de "classes" génériques et fonctionnelles
• Travailler le référencement naturel d'un site Internet tout au long de sa construction pour optimiser son positionnement en appliquant les recommandations pour les différents moteurs de recherche (hiérarchisation des contenus, sémantique, poids des pages...)
• Enrichir l'interface de l'application ou du site Internet en utilisant le langage JavaScript afin d'apporter à la partie Front End de l'interactivité et des animations
• Valider les saisies utilisateurs dans les formulaires afin de vérifier l'échange de données entre l'utilisateur et le serveur à l'aide de méthodes de validation adaptées (ex : expressions régulières)
• Développer des fonctionnalités mettant en jeu des requêtes asynchrones avec le serveur afin d'apporter de la fluidité et de l'interactivité sans rechargement de page en utilisant des API
• Optimiser les temps de développement en utilisant des ressources externes (librairies JavaScript) pour résoudre des problématiques de développement complexes.

Lien pour visualiser la fiche RNCP : [lien privée]>