Développeur WEB – Front End (HTML, CSS, Javascript)

Chapitre 1: Introduction au Développement Front-End

1.1 Comprendre la Nature du Développement Front-End
1.2 Configuration de l’Environnement de Travail
1.3 Outils du Développeur Front-End

Chapitre 2: HTML
2.1 Fondements du HTML
2.2 Balises de Base
2.3 Usage des Commentaires
2.4 Balises de Structure
2.5 Balises Sémantiques
2.6 Balises Méta
2.7 Manipulation des Tableaux
2.8 Création de Formulaires
2.9 Attributs Universels
2.10 Balises de Mise en Forme
2.11 Flux HTML
2.12 Types de Balises
2.13 Accessibilité

Chapitre 3: CSS
3.1 Définition du CSS
3.2 Ajout de CSS à une Page
3.3 Structure CSS
3.4 Sélecteurs CSS
3.5 Propriétés CSS
  3.5.1 Introduction
  3.5.2 Propriétés de Fond
  3.5.3 Propriétés de Position
  3.5.4 Propriétés Float
  3.5.5 Propriétés Flexbox
  3.5.6 Propriété Grid Layout
  3.5.7 Propriétés de Couleurs
  3.5.8 Dégradés
3.6 Unités de Mesure
3.7 Polices Personnalisées
3.8 Organisation du Code
3.9 Variables CSS
3.10 Conception Responsive
  3.10.1 Introduction
  3.10.2 Images Flexibles et Adaptatives
  3.10.3 Typographies Responsives
  3.10.4 Mobile-First vs Desktop-First
3.11 Effets de Transitions et Animations
3.12 Utilisation des Filtres
3.13 Préprocesseurs
3.14 Librairies/Frameworks

Chapitre 4: Javascript
4.1 Introduction à Javascript
4.2 Variables et Types de Données
4.3 Opérateurs Javascript
4.4 Structures de Contrôle Javascript
  4.4.1 Conditions
  4.4.2 Boucle for
  4.4.3 Boucle while et do while
  4.4.4 Boucle foreach
  4.4.5 Boucle for in
  4.4.6 Exemples
4.5 Fonctions en Javascript
4.6 Manipulation du DOM
  4.6.1 Cibler un Élément HTML en JS
  4.6.2 Récupérer et Modifier le Contenu d’une Balise
  4.6.3 Récupérer et Modifier l’Attribut d’une Balise
  4.6.4 Modifier le Style d’une Balise
  4.6.5 Ajouter/Supprimer un Élément
  4.6.6 Gestion des Événements
4.7 Programmation Orientée Objet
4.8 Utilisation de Fetch
4.9 Stockage Local avec Localstorage
4.10 Présentation des Frameworks
  4.10.1 Introduction
  4.10.2 Vue.js
    4.10.2.1 Présentation de Vue.js
    4.10.2.2 Installation
    4.10.2.3 Revue de Code d’un Projet Vue.js
    4.10.2.4 Projet Final Vue.js

Le cas échant, prérequis à l’entrée en formation :

Les critères d’acceptation ne prennent pas en compte le niveau scolaire, mais, plutôt, la curiosité, la motivation, le projet professionnel, la rigueur et la logique ainsi que l’attrait auprès des nouvelles technologies. Les bases de l’anglais sont requises. Cette formation est destinée aux candidats les plus curieux et motivés.

Un entretien individuel est effectué suite à chaque demande de candidature pour valider ces prérequis et évaluer le degré de motivation des candidats.

Suite à l’entretien individuel, si ce dernier est concluant, des tests d’aptitudes sont effectués basés sur de la logique, logique avancée, problèmes mathématiques et bases de l’Anglais.

Une personne est désignée en qualité de référent pour les publics en situation de handicap, un aménagement spécifique des matériels sont possibles au cas par cas.

L’aboutissement logique de cette formation est le passage de la certification bloc n°1 RNCP37805BC01 intitulé «Développement Front End sites et applications web.» issu de la certification RNCP37805 Développeur WEBde notre partenaire WEBECOM. Retrouvez plus d’information sur la fiche RNCP de la certification grâce à ce lien : https://www.francecompetences.fr/recherche/rncp/37805/

En suivant cette formation, vous vous engagez à passer l’examen de cette certification. Il devra être passé après la formation et après vos révisions personnelles.

Dans le cadre de cette certification professionnelle inscrite au RNCP il vous sera demandé de fournir les données suivantes :

Prénom, nom, email, langue, genre, date naissance (JJ/MM/AAAA), lieu naissance (code postal), nom naissance, prénom 2, prénom 3, numéro dossier CPF, url linkedin, code postal, ville, société

Ces informations sont collectées afin d’éditer le parchemin de certification, d’alimenter le passeport de compétences, et pour répondre à l’obligation de l’évaluation de l’impact économique et social de la certification professionnelle

Modalités de Passage du bloc de la certification

L’évaluation est composée d’une note de contrôle continu et d’une mise en situation professionnelle sous forme d’étude de cas.

• 1. Contrôle continu

Des évaluations formatives à visée pédagogique sont réalisées par les formateurs.

Elles sont effectuées tout au long de la formation via des exercices pratiques réalisés en

autonomie par les candidats.

A L’issue du parcours de formation, le responsable de la formation renseigne pour chaque bloc de compétence une appréciation ainsi qu’un niveau d’acquisition du bloc de compétence

sur une échelle de 0 à 5.

• 2. Mise en situation professionnelle sur la base d’une étude de cas

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.

• Éléments fournis :

Les maquettes à intégrer

Le cahier des charges

Les éléments graphiques non optimisés à intégrer

Un espace sur le serveur pour le déploiement.

• Éléments attendus :

Déploiement complet et fonctionnel du site internet ou de l’application sur le serveur.

L’examen se déroule sur la plateforme de Skills4all.

• 3. Modalités de validation d’un bloc

La note globale d’un bloc est pondérée de la manière suivante :

– Mise en situation: 5/8

– Contrôle continue : 3/8

Inscription à l’examen

Il n’est pas nécessaire de vous inscrire à l’examen. Il est accessible dans le cours à la section “Examen de validation du bloc de compétences”.

Délais pour passage de l’examen

Le passage de l’examen est compris dans le temps de votre formation. Il devra être passé à la date de fin de formation.

Correction de votre examen et jury de certification

Après avoir soumis vos réponses, elles seront évaluées par un correcteur.

La note obtenue vous sera communiquée au bout de 3 semaines maximum après la date de fin de la formation.

Votre résultat à cet examen est soumis à un jury de certification organisé par l’organisme certificateur.

Obtention de l’attestation de validation du bloc de compétences

L’obtention officielle de la certification vous sera notifiée par le jury de certification après l’évaluation.

L’émission de votre attestation de validation du bloc de compétences correspondant à l’examen est déclenchée suite à la décision du jury de certification. Les délais peuvent aller jusqu’à plus de 2 mois après la fin de formation à 4 mois en fonction de la tenue des jurys de certification (uniquement 4 jurys de certification par an).

L’objectif de cette formation est de vous permettre de préparer le passage de certification bloc n°1 RNCP37805BC01 intitulé «Développement Front End sites et applications web.» issu de la certification RNCP37805 Développeur WEB de notre partenaire WEBECOM. Cette certification a été publiée le 19-07-2023.

Les objectifs de cette formation sont :

• Comprendre les concepts essentiels du web, savoir faire la différence entre le développement front-end et back-end .
• Choisir un éditeur de code (IDE), de gérer les raccourcis clavier et de travailler efficacement avec la console du navigateur.
• Acquérir des compétences en HTML pour créer et structurer des pages web, y compris l’utilisation de balises de base, de formatage, de listes, de tableaux,de liens, de formulaires et de média.
• Utiliser CSS pour styliser les pages web, incluant l’application de styles de base, l’utilisation de sélecteurs avancés, la gestion de la mise en page, et la création de styles adaptatifs.
• Utiliser JavaScript, incluant les variables, les types de données, les fonctions, les objets, les événements, la manipulation du DOM, et le chargement de données à partir de serveurs.
• Maîtriser l’utilisation de Vue.js, un framework JavaScript côté client, pour créer des applications web interactives de manière efficace.
• Résoudre des problèmes courants de développement front-end, et de concevoir des solutions techniques pour des cas pratiques.
• Créer un portefeuille de projets concrets et variés démontrant les compétences en développement front-end.

À l’issue de cette formation, les compétences visées sont :

• 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, dans le but 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 dans le but 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.

Formation en digital-learning, 100% en ligne, formée de vidéos, de quiz, de lectures et contenus complémentaires, d’un forum et selon les cas, de webinaires.

– conformément aux CGU du CPF (https://www.moncompteformation.gouv.fr/espace-public/conditions-generales-dutilisation) votre formation a une date de début et une date de fin contractuelle et convenues au moment de votre demande auprès du CPF. La formation doit avoir été réalisée entièrement à la date de fin de la formation.

– conformément aux CGU du CPF, vous serez présenté automatiquement à la fin de la période de formation au certificateur français inscrit au CPF. La planification de l’examen sera réalisée avec le certificateur français directement.

– si votre formation comprend une ou plusieurs certifications internationales, vous devrez nous en passer commande au maximum 1 mois après la date de fin de votre formation. Cette demande se fait par mail à l’adresse contact@skills4all.com. Si cette date est dépassée, il ne sera plus possible de passer commande de(s) la certification(s) internationale(s).

– nous vous encourageons à lire attentivement nos conditions d’usage de notre plateforme disponibles ici (https://lms.skills4all.com/admin/tool/policy/viewall.php). Ces conditions rappellent également les cas de force majeure acceptables en cas d’impossibilité de suivre la formation ou de passer sa certification.

Skills4All est un certificateur et organisme de formation en digital learning, qui vous prépare aux certifications les plus reconnues sur le marché : PMI, AXELOS, IASSC, DevOps Institute, PEOPLECERT, GASQ, CFTL, BESTCERTIFS, dans les domaines de la cybersécurité, de l’IT, la data, l’IA, l’agilité, Scrum, Prince2, Lean Six Sigma, Gestion de projet et bien plus encore.

Avec nous, c’est quand vous voulez, où vous voulez, 24/7/365, à votre rythme.

Nous proposons des formations certifiantes, éligibles au CPF et reconnues dans le monde entier.

Skills4All est accrédité par le COFRAC (Comité Français d’Accréditation) en tant que certificateur dans le domaine de la sécurité de l’information : nos certifications sont les meilleures du marché et répondent à la norme ISO 17024, la plus exigeante aujourd’hui. Obtenir une certification Skills4All ou BestCertifs aujourd’hui c’est le gage d’une reconnaissance forte du marché qui valorisera vos compétences.