Formation à Javascript et Front end CPF

Description de la certification

Certification Développeur Web, de niveau 5, délivrée par WEBECOM et enregistrée au RNCP
sous le numéro RNCP37805 en date du 19/07/2023.

Formapedia est habilité à délivrer la certification dès le 13/5/2024.

Objectifs de la certification

L’objectif de la certification est d’acquérir depuis les bases, de solides compétences
techniques relatives au métier de Développeur Web

Public visé* : Ce cours vise les publics qui veulent acquérir une compétence en développement front end. il vous donne les bases de la programmation, et les bases de la syntaxe Javascript, ce qui est un très bon début, et vous évitera de perdre votre temps en apprenant en autodidacte. Vous apprendrez à faire un site en responsive Design.

Prérequis : savoir utiliser un ordinateur, faire marcher une solution de visioconférence. Notions d’anglais.

L’inscription à la certification ne fait pas l’objet de pré requis en termes de diplôme ou
d’expérience.

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

Objectifs :  L’objectif de la certification est d’acquérir depuis les bases, de solides compétences
techniques relatives au métier de Développeur Web

Durée : 60 heures (15 H e-learning asynchrone, 15 heures visio synchrone, 30 heure travail personnel)

Modalités : e-learning + distanciel ou présentiel synchrone + distanciel asynchrone

Voies d’accès : Après un parcours de formation sous statut d’élève ou d’étudiant, Après un parcours de formation continue, Par candidature individuelle.

Modalités d’évaluation* : L’apprenant fera un projet front end complet et présentera son projet devant un jury de deux personnes, professionnels du secteur. Pour valider le bloc, une note au-dessus de 50% sera nécessaire.

L’évaluation se fera en distanciel.

Accessibilités aux personnes en situation de handicap : Oui

Lien vers la certification:

logo france compétence

Date d’enregistrement de la certification par WEBECOM sous le numéro RNCP37805BC01 : 14/12/2022, date de dernière délivrance possible : 19/07/2028

Ce cours correspond au niveau débutant, pour le niveau avancé et intermédiaire regardez les astérisques.

Aller à la page de la formation sur le site du CPF

Programme de la formation

HTML/CSS

Les bases du css

Syntaxe, notation fondamentales, padding, margin, width, height, background-color

Cosmétique en CSS

La propriété CSS font-family et les Google Fonts

Les autres propriétés CSS liées à la police
Les propriétés CSS liées au texte
Gérer la taille des interlignes et des espaces dans les textes en CSS
Gérer la couleur et l’opacité des textes

L’ élément Table HTML

Créer des tableaux en HTML
Structurer un tableau HTML
Mettre en forme un tableau HTML avec du CSS

Fond, dégradés et ombres css

Gérer la couleur de fond des éléments HTML
Ajouter des images en fond des éléments HTML
Création de dégradés linéaires en CSS
Création de dégradés radiaux en CSS
Ajouter des ombres aux éléments en CSS

Selecteurs css avancés

Les sélecteurs CSS d’attributs, pseudo-classes CSS et pseudo-éléments CSS

Le layouting en CSS

Les flexbox à la rescousse

Le flexbox implique un contenant et un contenu

Utilisation d’un configurateur en ligne de flexbox pour apprendre facilement le Fllexbox

Les box model Influence sur la padding et margin

Gestion des bordures en CSS
Gestion des marges externes (margin) en CSS
La propriété CSS box-sizing

Transitions, animations et transformations css

Créer des transitions en CSS
Créer des animations en CSS
Créer des transformations en CSS

Les CSS Grid Introduction au modèle des grilles CSS

Créer une grille et définir des pistes de grille
Servez vous d’un générateur de grid pour apprendre sa syntaxe
EXERCICE – Création d’une page à 3 colonnes contenant des éléments flexibles

Responsive design css La balise meta viewport

La base du responsive : les media queries
Images responsive
EXERCICE – Création d’un menu déroulant responsive HTML et CSS
Comment rendre les tableaux responsifs

Projet HTML5/CSS Vous aurez à réaliser un site web responsive design, avec un effet CSS animation à partir d’une maquette photo.

Javascript

1/Opérateurs et Structures de données

Les types de données en javascript primitives et les tableaux
les opérateurs mathématiques et de comparaison logique
les variables (déclaration, implémentation)
les constantes
les array like (objet similaire à un tableau}

Différentes façon d’incorporer un script JS dans la page HTML

2/ structures de contrôles

If then else
Switch
Opérateur ternaire
Opérateur logiques et précédence
Les valeurs falsy et truthy en JS

3/Les boucles

  • Boucle For
  • Boucle While

4/les fonctions

  • Différentes façons de déclarer une fonction
  • Signature d’une fonction
  • Valeur de retour et paramètres
  • Portée des variable, notion de scope
  • Fonctions anonymes
  • Fonction à invocation immédiate (IIFE)

5/les JSON Javascript Object Notation

Définir un objet JSON

  • Définir un objet JSON
  • Ajouter une propriété
  • Effacer un epropriété
  • Lire une propriété

6/Maitriser les outils de développement du navigateur

  • Présentation des outils développeur de Chrome/Firefox
  • Outil de débug
  • Outil de réseau
  • Outil de design de pag web

7/Opérations sur les structures JS

  • Manipulation de chaine de caractère
  • Math, String, Number, Array
  • Dates

8/JS dans le navigateur

Stockage dans le navigateur
Manipulation du DOM
Fonctionnement d’un navigateur
Architecture client/serveur

9/Jquery la plus connue des librairies JS

Manipulation du DOM
Les événements
Requêtes AJAX

10/Le Javascript moderne

ES5 et ES6+
Les nouveautés de ES6
let, const, fonction fléchée

11/Gérer l’asynchrone en JS

  • AJAX avec l’objet XmlHttpRequest et fetch
  • Asynchronisme
  • Bloquant non bloquant
  • Callback
  • Promesse *
  • Async/await *

12/JS avancé

Les expressions régulières (regex) **
Binding de contexte/le mot clé this **
Les closures **
Les modules **
History, Location,les API, API Fetch, WebAPI *

13/Le projet

A l’issue de ce parcours, vous aurez à faire un projet qui synthétisera la plupart des connaissances apprises.

Appelez pour voir comment on peut vous aider

Vous voulez suivre la formation, mais vous ne savez pas par où commencer? ou alors vous ne savez pas les aides auxquelles vous avez droit? On peut vous aider à vous positionner grâce à un test.

Note donnée par les apprenants : 4.2/5

Nombre d’apprenant formés : 30

Vous aimeriez aussi vous former sur: