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.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
A l'issue de cette formation vous serez en mesure de :
- 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'aboutissement logique de cette formation est le passage de la certification bloc n°2 RNCP37805BC01 intitulé «Développement Front End sites et applications web.» issu de la certification RNCP37805 Développeur WEB de notre partenaire WEB.
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 :
Nom et prénom, date de naissance, lieu de naissance, coordonnées, expérience professionnelle avant et après la certification, fonction/statut, type de contrat, nom de l’entreprise, rémunération brute annuelle à 6 mois et à 1 an/2 ans.
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.