{"id":7600,"date":"2026-08-22T16:14:43","date_gmt":"2026-08-22T14:14:43","guid":{"rendered":"https:\/\/www.mentorformation.fr\/?page_id=7600"},"modified":"2026-08-22T16:15:49","modified_gmt":"2026-08-22T14:15:49","slug":"javascript-e","status":"publish","type":"page","link":"https:\/\/www.mentorformation.fr\/index.php\/javascript-e\/","title":{"rendered":"Javascript (e)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7600\" class=\"elementor elementor-7600\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-414de801 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"414de801\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5be8b9bf\" data-id=\"5be8b9bf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7306a09c elementor-widget elementor-widget-html\" data-id=\"7306a09c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<style>\n.mf-fo-wrap{\n  --mf-title:#00007b;\n  --mf-sub:#302ec2;\n  --mf-accent:#7ba5d3;\n  --mf-body:#00007b;\n  --mf-cta:#1800ad;\n  --mf-border:#e6e6ef;\n  --mf-soft:#f6f7fb;\n  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif !important;\n  background:#ffffff !important;\n  display:block;\n  width:100%;\n  overflow-x:hidden;\n}\n.mf-fo-wrap *{box-sizing:border-box}\n.mf-fo{max-width:1140px;margin:0 auto !important;padding:0 24px !important}\n@media (min-width:960px){.mf-fo{padding:0 40px !important}}\n\n\/* ================= HERO ================= *\/\n.mf-fo__hero{padding:76px 0 0 0 !important;position:relative}\n@media (min-width:960px){.mf-fo__hero{padding:104px 0 0 0 !important}}\n\n.mf-fo__h1{\n  font-family:inherit !important;\n  font-size:clamp(30px,4vw,52px) !important;\n  line-height:1.08 !important;\n  font-weight:600 !important;\n  letter-spacing:-.025em;\n  color:var(--mf-title) !important;\n  margin:0 0 22px 0 !important;\n  max-width:18ch;\n}\n\n.mf-fo__accroche{position:relative}\n.mf-fo__ghost{color:inherit !important}\n.mf-fo__accroche.is-typing .mf-fo__ghost{color:transparent !important}\n.mf-fo__out{\n  position:absolute;\n  left:0;top:0;\n  width:100%;\n  color:var(--mf-sub) !important;\n  pointer-events:none;\n}\n.mf-fo__caret{\n  display:none;\n  width:2px;\n  height:.85em;\n  margin-left:.06em;\n  background:var(--mf-accent) !important;\n  vertical-align:-.08em;\n  animation:mfFoBlink .85s steps(1,end) infinite;\n}\n.mf-fo__accroche.is-typing .mf-fo__caret,\n.mf-fo__accroche.is-done .mf-fo__caret{display:inline-block}\n.mf-fo__accroche.is-done .mf-fo__caret{\n  animation:none;\n  opacity:0;\n  transition:opacity .5s ease .3s;\n}\n@keyframes mfFoBlink{50%{opacity:0}}\n\n.mf-fo__accroche{\n  font-family:inherit !important;\n  font-size:clamp(17px,1.5vw,22px) !important;\n  line-height:1.55 !important;\n  font-weight:500 !important;\n  color:var(--mf-sub) !important;\n  margin:0 !important;\n  max-width:44ch;\n}\n\n\/* Trait qui se trace sous le hero *\/\n.mf-fo__rule{\n  height:1px;\n  background:var(--mf-border);\n  margin:56px 0 0 0;\n  transform-origin:left;\n}\n\n\/* ================= CHIFFRES ================= *\/\n.mf-fo__chiffres{\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:16px;\n  list-style:none !important;\n  margin:0 !important;\n  padding:44px 0 0 0 !important;\n}\n@media (min-width:700px){.mf-fo__chiffres{grid-template-columns:repeat(3,1fr);gap:24px}}\n\n.mf-fo__chiffre{\n  list-style:none !important;\n  margin:0 !important;\n  padding:32px 28px !important;\n  border:1px solid var(--mf-border);\n  border-radius:16px;\n  background:#ffffff !important;\n  box-shadow:0 18px 44px -26px rgba(0,0,123,.34);\n  transition:box-shadow .45s cubic-bezier(.4,0,.2,1),\n             transform .45s cubic-bezier(.4,0,.2,1),\n             border-color .45s ease;\n}\n.mf-fo__chiffre:hover{\n  border-color:var(--mf-accent);\n  box-shadow:0 30px 64px -28px rgba(0,0,123,.44);\n  transform:translateY(-4px);\n}\n.mf-fo__val{\n  display:block;\n  font-family:inherit !important;\n  font-size:clamp(40px,4.6vw,58px) !important;\n  font-weight:700 !important;\n  line-height:1 !important;\n  letter-spacing:-.04em;\n  color:var(--mf-accent) !important;\n  margin-bottom:8px;\n}\n.mf-fo__cle{\n  display:block;\n  font-family:inherit !important;\n  font-size:14px !important;\n  font-weight:500 !important;\n  line-height:1.5 !important;\n  color:var(--mf-body) !important;\n}\n\n\/* ================= PRIX \/ NOTE \/ PARTICIPANTS ================= *\/\n.mf-fo__bandeau{\n  position:relative;\n  padding:0 !important;\n  border-top:1px solid var(--mf-border);\n  border-bottom:1px solid var(--mf-border);\n}\n\n.mf-fo__trio{\n  position:relative;\n  z-index:1;\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:0;\n  list-style:none !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n@media (min-width:760px){\n  .mf-fo__trio{grid-template-columns:1.2fr 1fr 1fr;align-items:center}\n}\n\n.mf-fo__cell{\n  list-style:none !important;\n  margin:0 !important;\n  padding:22px 0 !important;\n  border-bottom:1px solid var(--mf-border);\n}\n.mf-fo__cell:last-child{border-bottom:none !important}\n@media (min-width:760px){\n  .mf-fo__cell{padding:44px 36px !important;border-bottom:none !important;border-left:1px solid var(--mf-border)}\n  .mf-fo__cell:first-child{padding-left:0 !important;border-left:none !important}\n}\n\n.mf-fo__cell-label{\n  display:block;\n  font-family:inherit !important;\n  font-size:11px !important;\n  font-weight:600 !important;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  color:var(--mf-accent) !important;\n  margin:0 0 14px 0 !important;\n}\n\n.mf-fo__cell-val{\n  display:block;\n  font-family:inherit !important;\n  font-size:clamp(38px,4.4vw,56px) !important;\n  font-weight:700 !important;\n  line-height:1 !important;\n  letter-spacing:-.04em;\n  color:var(--mf-title) !important;\n  white-space:nowrap;\n}\n.mf-fo__unite{\n  font-size:.3em !important;\n  font-weight:600 !important;\n  letter-spacing:.08em;\n  color:var(--mf-accent) !important;\n  margin-left:.4em;\n  vertical-align:.62em;\n}\n.mf-fo__sur{\n  font-size:.42em !important;\n  font-weight:600 !important;\n  color:var(--mf-accent) !important;\n  margin-left:.1em;\n}\n\n.mf-fo__etoiles{display:flex;gap:5px;margin:12px 0 0 0 !important}\n.mf-fo__etoile{\n  width:15px;height:15px;\n  display:block;\n  background:var(--mf-accent);\n  opacity:.28;\n  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);\n}\n.mf-fo__etoile.is-pleine{opacity:1}\n.mf-fo__etoile.is-demi{\n  opacity:1;\n  background:linear-gradient(to right, var(--mf-accent) 0 50%, rgba(123,165,211,.28) 50% 100%);\n}\n\n.mf-fo__cell-note{\n  display:block;\n  font-family:inherit !important;\n  font-size:14px !important;\n  font-weight:400 !important;\n  line-height:1.5 !important;\n  color:var(--mf-body) !important;\n  margin:12px 0 0 0 !important;\n}\n\n\/* ================= OBJECTIFS ================= *\/\n.mf-fo__section{padding:72px 0 0 0 !important}\n@media (min-width:960px){.mf-fo__section{padding:104px 0 0 0 !important}}\n\n.mf-fo__h2{\n  font-family:inherit !important;\n  font-size:clamp(26px,3vw,38px) !important;\n  line-height:1.18 !important;\n  font-weight:600 !important;\n  letter-spacing:-.02em;\n  color:var(--mf-title) !important;\n  margin:0 0 28px 0 !important;\n}\n\n.mf-fo__texte{\n  font-family:inherit !important;\n  font-size:clamp(17px,1.4vw,20px) !important;\n  line-height:1.7 !important;\n  font-weight:400 !important;\n  color:var(--mf-body) !important;\n  margin:0 !important;\n  max-width:62ch;\n}\n\n\/* ================= COMPETENCES ================= *\/\n.mf-fo__comps{\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:34px 56px;\n}\n@media (min-width:760px){.mf-fo__comps{grid-template-columns:1fr 1fr}}\n.mf-fo__comp-label{\n  font-family:inherit !important;\n  font-size:clamp(16px,1.3vw,19px) !important;\n  font-weight:600 !important;\n  line-height:1.35 !important;\n  color:var(--mf-sub) !important;\n  margin:0 0 10px 0 !important;\n  padding:0 0 0 18px !important;\n  position:relative;\n}\n.mf-fo__comp-label:before{\n  content:\"\";\n  position:absolute;\n  left:0;top:.35em;\n  width:8px;height:8px;\n  border:1.5px solid var(--mf-accent);\n  border-radius:2px;\n}\n.mf-fo__comp-txt{\n  font-family:inherit !important;\n  font-size:clamp(15px,1.2vw,17px) !important;\n  line-height:1.7 !important;\n  font-weight:400 !important;\n  color:var(--mf-body) !important;\n  margin:0 !important;\n  padding:0 0 0 18px !important;\n}\n\n\/* ================= INFOS PRATIQUES ================= *\/\n.mf-fo__infos{\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:0;\n  margin:0 !important;\n  padding:0 !important;\n  border-top:1px solid var(--mf-border);\n}\n@media (min-width:760px){.mf-fo__infos{grid-template-columns:1fr 1fr}}\n.mf-fo__info{padding:30px 0 !important;border-bottom:1px solid var(--mf-border)}\n@media (min-width:760px){\n  .mf-fo__info{padding:30px 40px 30px 0 !important}\n  .mf-fo__info:nth-child(even){padding-right:0 !important;padding-left:40px !important;border-left:1px solid var(--mf-border)}\n}\n.mf-fo__info-label{\n  display:block;\n  font-family:inherit !important;\n  font-size:12px !important;\n  font-weight:600 !important;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  color:var(--mf-accent) !important;\n  margin:0 0 12px 0 !important;\n}\n.mf-fo__info-list{list-style:none !important;margin:0 !important;padding:0 !important}\n.mf-fo__info-list li{\n  font-family:inherit !important;\n  font-size:clamp(15px,1.2vw,17px) !important;\n  line-height:1.6 !important;\n  color:var(--mf-body) !important;\n  margin:0 0 6px 0 !important;\n  padding:0 !important;\n  list-style:none !important;\n}\n.mf-fo__info-list li:last-child{margin-bottom:0 !important}\n\n\/* ================= PROGRAMME ================= *\/\n.mf-fo__modules{list-style:none !important;margin:0 !important;padding:0 !important}\n.mf-fo__module{list-style:none !important;margin:0 !important;padding:0 !important;border-bottom:1px solid var(--mf-border)}\n.mf-fo__module:first-child{border-top:1px solid var(--mf-border)}\n\n.mf-fo__tete{\n  display:grid !important;\n  grid-template-columns:auto 1fr auto auto;\n  align-items:center;\n  gap:18px;\n  width:100%;\n  background:transparent !important;\n  border:none !important;\n  padding:26px 0 !important;\n  margin:0 !important;\n  text-align:left;\n  cursor:pointer;\n  font-family:inherit !important;\n  transition:padding-left .35s cubic-bezier(.4,0,.2,1);\n}\n.mf-fo__tete:hover{padding-left:10px !important}\n.mf-fo__tete:focus-visible{outline:2px solid var(--mf-accent);outline-offset:4px}\n\n.mf-fo__mod-num{\n  font-family:inherit !important;\n  font-size:clamp(18px,1.6vw,22px) !important;\n  font-weight:700 !important;\n  line-height:1 !important;\n  color:var(--mf-accent) !important;\n  letter-spacing:-.02em;\n  min-width:38px;\n}\n.mf-fo__mod-titre{\n  font-family:inherit !important;\n  font-size:clamp(17px,1.5vw,21px) !important;\n  font-weight:600 !important;\n  line-height:1.35 !important;\n  color:var(--mf-title) !important;\n  transition:color .3s ease;\n}\n.mf-fo__tete:hover .mf-fo__mod-titre{color:var(--mf-sub) !important}\n\n.mf-fo__mod-compte{\n  font-family:inherit !important;\n  font-size:13px !important;\n  font-weight:500 !important;\n  color:var(--mf-accent) !important;\n  white-space:nowrap;\n  display:none;\n}\n@media (min-width:760px){.mf-fo__mod-compte{display:block}}\n\n.mf-fo__chev{position:relative;width:18px;height:18px;flex:0 0 auto}\n.mf-fo__chev:before,.mf-fo__chev:after{\n  content:\"\";\n  position:absolute;\n  left:50%;top:50%;\n  background:var(--mf-sub);\n  transform:translate(-50%,-50%);\n  transition:transform .4s cubic-bezier(.4,0,.2,1), opacity .3s ease;\n}\n.mf-fo__chev:before{width:16px;height:2px}\n.mf-fo__chev:after{width:2px;height:16px}\n.mf-fo__module.is-open .mf-fo__chev:after{transform:translate(-50%,-50%) scaleY(0);opacity:0}\n\n.mf-fo__corps{overflow:hidden;max-height:0;transition:max-height .55s cubic-bezier(.4,0,.2,1)}\n.mf-fo__module.is-open .mf-fo__corps{max-height:5000px}\n\n.mf-fo__corps-inner{padding:0 0 34px 56px !important}\n@media (max-width:759px){.mf-fo__corps-inner{padding-left:0 !important}}\n\n.mf-fo__points{list-style:none !important;margin:0 !important;padding:0 !important}\n.mf-fo__points li{\n  position:relative;\n  list-style:none !important;\n  font-family:inherit !important;\n  font-size:clamp(15px,1.2vw,17px) !important;\n  line-height:1.65 !important;\n  color:var(--mf-body) !important;\n  margin:0 0 10px 0 !important;\n  padding:0 0 0 20px !important;\n}\n.mf-fo__points li:before{\n  content:\"\";\n  position:absolute;\n  left:0;top:.62em;\n  width:7px;height:7px;\n  border:1.5px solid var(--mf-accent);\n  border-radius:2px;\n}\n.mf-fo__points--large{columns:1}\n@media (min-width:760px){.mf-fo__points--large{columns:2;column-gap:48px}}\n.mf-fo__points--large li{break-inside:avoid}\n\n.mf-fo__groupes{display:grid !important;grid-template-columns:1fr;gap:30px 48px}\n@media (min-width:760px){.mf-fo__groupes{grid-template-columns:1fr 1fr}}\n.mf-fo__groupe{break-inside:avoid}\n.mf-fo__groupe-titre{\n  font-family:inherit !important;\n  font-size:15px !important;\n  font-weight:600 !important;\n  line-height:1.4 !important;\n  color:var(--mf-sub) !important;\n  margin:0 0 12px 0 !important;\n}\n\n\/* ================= CTA ================= *\/\n.mf-fo__cta{\n  margin:88px 0 0 0 !important;\n  padding:56px 32px !important;\n  border:1px solid var(--mf-border);\n  border-radius:20px;\n  text-align:center;\n  position:relative;\n  overflow:hidden;\n}\n@media (min-width:760px){.mf-fo__cta{padding:72px 56px !important}}\n.mf-fo__cta:before{\n  content:\"\";\n  position:absolute;\n  left:50%;top:-60%;\n  width:120%;height:150%;\n  transform:translateX(-50%);\n  background:radial-gradient(ellipse at center, rgba(123,165,211,.16) 0%, rgba(255,255,255,0) 65%);\n  pointer-events:none;\n}\n.mf-fo__cta-inner{position:relative;z-index:1}\n.mf-fo__cta-titre{\n  font-family:inherit !important;\n  font-size:clamp(24px,2.8vw,36px) !important;\n  line-height:1.2 !important;\n  font-weight:600 !important;\n  letter-spacing:-.02em;\n  color:var(--mf-title) !important;\n  margin:0 0 16px 0 !important;\n}\n.mf-fo__cta-p{\n  font-family:inherit !important;\n  font-size:clamp(16px,1.25vw,18px) !important;\n  line-height:1.65 !important;\n  color:var(--mf-body) !important;\n  margin:0 auto !important;\n  max-width:52ch;\n}\n.mf-fo__boutons{margin:34px 0 0 0 !important;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}\n.mf-fo__btn{\n  display:inline-flex !important;\n  align-items:center;justify-content:center;\n  font-family:inherit !important;\n  font-size:15px !important;\n  font-weight:500 !important;\n  padding:16px 34px !important;\n  border-radius:8px !important;\n  text-decoration:none !important;\n  transition:all .3s cubic-bezier(.4,0,.2,1) !important;\n  cursor:pointer;\n}\n.mf-fo__btn--plein{background:var(--mf-cta) !important;color:#ffffff !important;border:1px solid var(--mf-cta) !important}\n.mf-fo__btn--plein:hover,.mf-fo__btn--plein:focus{\n  background:#12008a !important;border-color:#12008a !important;color:#ffffff !important;\n  transform:translateY(-2px);\n  box-shadow:0 18px 40px -18px rgba(24,0,173,.6);\n}\n\n.mf-fo__pied{padding-bottom:100px !important}\n\n\/* ================= ANIMATION =================\n   Par defaut TOUT est visible : si le script ne s'execute pas\n   (editeur Elementor, JS desactive), la page reste lisible. *\/\n\n.mf-fo-wrap.anim-on .mf-fo__rise{\n  opacity:0;\n  transform:translateY(22px);\n  transition:opacity 1s cubic-bezier(.4,0,.2,1), transform 1s cubic-bezier(.4,0,.2,1);\n}\n.mf-fo-wrap.anim-on .mf-fo__zone.is-vu .mf-fo__rise{opacity:1;transform:translateY(0)}\n\n.mf-fo-wrap.anim-on .mf-fo__rule{\n  transform:scaleX(0);\n  transition:transform 1.2s cubic-bezier(.4,0,.2,1) .2s;\n}\n.mf-fo-wrap.anim-on .mf-fo__zone.is-vu .mf-fo__rule{transform:scaleX(1)}\n\n.mf-fo-wrap.anim-on .mf-fo__chiffre,\n.mf-fo-wrap.anim-on .mf-fo__info,\n.mf-fo-wrap.anim-on .mf-fo__module{\n  opacity:0;\n  transform:translateY(20px);\n  transition:opacity .95s cubic-bezier(.4,0,.2,1), transform .95s cubic-bezier(.4,0,.2,1);\n}\n.mf-fo-wrap.anim-on .mf-fo__zone.is-vu .mf-fo__chiffre,\n.mf-fo-wrap.anim-on .mf-fo__zone.is-vu .mf-fo__info,\n.mf-fo-wrap.anim-on .mf-fo__zone.is-vu .mf-fo__module{opacity:1;transform:translateY(0)}\n\n.mf-fo-wrap.anim-on .mf-fo__cta{\n  opacity:0;\n  transform:scale(.965);\n  transition:opacity 1.1s cubic-bezier(.4,0,.2,1), transform 1.2s cubic-bezier(.4,0,.2,1);\n}\n.mf-fo-wrap.anim-on .mf-fo__zone.is-vu .mf-fo__cta{opacity:1;transform:scale(1)}\n\n@media (prefers-reduced-motion:reduce){\n  .mf-fo-wrap.anim-on .mf-fo__rise,\n  .mf-fo-wrap.anim-on .mf-fo__chiffre,\n  .mf-fo-wrap.anim-on .mf-fo__info,\n  .mf-fo-wrap.anim-on .mf-fo__module,\n  .mf-fo-wrap.anim-on .mf-fo__cta{opacity:1 !important;transform:none !important;transition:none !important}\n  .mf-fo-wrap.anim-on .mf-fo__rule{transform:none !important;transition:none !important}\n  .mf-fo__tete:hover{padding-left:0 !important}\n}\n<\/style>\n\n<div class=\"mf-fo-wrap\">\n<div class=\"mf-fo\">\n\n  <!-- ============ HERO ============ -->\n  <header class=\"mf-fo__hero mf-fo__zone\">\n    <h1 class=\"mf-fo__h1 mf-fo__rise\" style=\"transition-delay:140ms\">Programmation JavaScript<\/h1>\n    <p class=\"mf-fo__accroche\" data-mf-type><span class=\"mf-fo__ghost\">Quatre-vingt-deux modules pour ma&#238;triser JavaScript et devenir autonome sur la cr&#233;ation de projets web.<\/span><span class=\"mf-fo__out\" aria-hidden=\"true\"><\/span><\/p>\n    <div class=\"mf-fo__rule\"><\/div>\n  <\/header>\n\n  <!-- ============ CHIFFRES ============ -->\n  <section class=\"mf-fo__zone\">\n    <ul class=\"mf-fo__chiffres\">\n        <li class=\"mf-fo__chiffre\" style=\"transition-delay:160ms\">\n          <span class=\"mf-fo__val\"><span class=\"mf-fo__num\" data-mf-cible=\"47\">47<\/span>h<\/span>\n          <span class=\"mf-fo__cle\">Temps moyen de formation<\/span>\n        <\/li>\n        <li class=\"mf-fo__chiffre\" style=\"transition-delay:270ms\">\n          <span class=\"mf-fo__val\"><span class=\"mf-fo__num\" data-mf-cible=\"82\">82<\/span><\/span>\n          <span class=\"mf-fo__cle\">Modules<\/span>\n        <\/li>\n        <li class=\"mf-fo__chiffre\" style=\"transition-delay:380ms\">\n          <span class=\"mf-fo__val\"><span class=\"mf-fo__num\" data-mf-cible=\"78\">78<\/span><\/span>\n          <span class=\"mf-fo__cle\">Le&#231;ons d'apprentissage<\/span>\n        <\/li>\n    <\/ul>\n  <\/section>\n\n  <!-- ============ OBJECTIFS ============ -->\n  <section class=\"mf-fo__section mf-fo__zone\">\n    <h2 class=\"mf-fo__h2 mf-fo__rise\" style=\"transition-delay:60ms\">Objectifs p&eacute;dagogiques<\/h2>\n    <p class=\"mf-fo__texte mf-fo__rise\" style=\"transition-delay:160ms\">Avec cette formation Programmation JavaScript de 82 modules, vous apprendrez les bases et fonctionnalit&#233;s du langage JavaScript et serez autonome sur la cr&#233;ation de projets web.<\/p>\n  <\/section>\n\n  <!-- ============ COMPETENCES (uniquement si des donnees existent) ============ -->\n\n  <!-- ============ INFOS PRATIQUES ============ -->\n  <section class=\"mf-fo__section mf-fo__zone\">\n    <h2 class=\"mf-fo__h2 mf-fo__rise\" style=\"transition-delay:60ms\">L'essentiel &agrave; savoir<\/h2>\n    <div class=\"mf-fo__infos\">\n        <div class=\"mf-fo__info\" style=\"transition-delay:160ms\">\n          <span class=\"mf-fo__info-label\">Syst&#232;me d'&#233;valuation<\/span>\n          <ul class=\"mf-fo__info-list\">\n            <li>Oui&#160;: &#233;valuation r&#233;alis&#233;e depuis la plateforme tout au long du parcours<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"mf-fo__info\" style=\"transition-delay:260ms\">\n          <span class=\"mf-fo__info-label\">Niveau de granularisation<\/span>\n          <ul class=\"mf-fo__info-list\">\n            <li>82 modules comprenant 17 modules interactifs (78 le&#231;ons d'apprentissage) et 65 modules vid&#233;os<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"mf-fo__info\" style=\"transition-delay:360ms\">\n          <span class=\"mf-fo__info-label\">Pr&#233; requis technique<\/span>\n          <ul class=\"mf-fo__info-list\">\n            <li>Navigateur web&#160;: Edge, Chrome, Firefox, Safari<\/li>\n            <li>Syst&#232;me d'exploitation&#160;: Mac ou PC<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"mf-fo__info\" style=\"transition-delay:460ms\">\n          <span class=\"mf-fo__info-label\">Technologie<\/span>\n          <ul class=\"mf-fo__info-list\">\n            <li>HTML5<\/li>\n            <li>Norme SCORM<\/li>\n          <\/ul>\n        <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ PROGRAMME ============ -->\n  <section class=\"mf-fo__section mf-fo__zone\">\n    <h2 class=\"mf-fo__h2 mf-fo__rise\" style=\"transition-delay:60ms\">Le programme d&eacute;taill&eacute;<\/h2>\n    <ul class=\"mf-fo__modules\">\n      <li class=\"mf-fo__module is-open\" style=\"transition-delay:200ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"true\">\n          <span class=\"mf-fo__mod-num\">01<\/span>\n          <span class=\"mf-fo__mod-titre\">Langage JavaScript<\/span>\n          <span class=\"mf-fo__mod-compte\">17 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Introduction au cours JavaScript<\/li>\n              <li>Les variables et types de valeurs JavaScript<\/li>\n              <li>Les structures de contr&#244;le JavaScript<\/li>\n              <li>Les fonctions en JavaScript<\/li>\n              <li>L'orient&#233; objet en JavaScript<\/li>\n              <li>Valeurs primitives et objets globaux JavaScript<\/li>\n              <li>Manipulation du BOM en JavaScript<\/li>\n              <li>Manipulation du DOM en JavaScript<\/li>\n              <li>Utilisation des expressions r&#233;guli&#232;res en JavaScript<\/li>\n              <li>Notions avanc&#233;es sur les fonctions JavaScript<\/li>\n              <li>Gestion des erreurs et mode strict en JavaScript<\/li>\n              <li>L'asynchrone en JavaScript<\/li>\n              <li>Symboles, it&#233;rateurs et g&#233;n&#233;rateurs en JavaScript<\/li>\n              <li>Stockage de donn&#233;es dans le navigateur en JavaScript<\/li>\n              <li>L'&#233;l&#233;ment HTML canvas et l'api canvas<\/li>\n              <li>Les modules JavaScript<\/li>\n              <li>Json, ajax et fetch en JavaScript<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:290ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">02<\/span>\n          <span class=\"mf-fo__mod-titre\">JavaScript&#160;: niveau d&#233;butant (vid&#233;o)<\/span>\n          <span class=\"mf-fo__mod-compte\">26 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Pr&#233;sentation du cours JavaScript<\/li>\n              <li>Introduction au JavaScript<\/li>\n              <li>Environnement de travail<\/li>\n              <li>O&#249; &#233;crire le code JavaScript<\/li>\n              <li>Syntaxe, indentation et commentaires<\/li>\n              <li>Pr&#233;sentation des variables en JavaScript<\/li>\n              <li>Les types de valeurs des variables JavaScript<\/li>\n              <li>Op&#233;rations entre variables en JavaScript<\/li>\n              <li>La concat&#233;nation en JavaScript<\/li>\n              <li>Introduction aux conditions en JavaScript<\/li>\n              <li>Les conditions if, if...else et if...else if...else<\/li>\n              <li>Les op&#233;rateurs logiques<\/li>\n              <li>Simplification des conditions JavaScript<\/li>\n              <li>Structures ternaires en JavaScript<\/li>\n              <li>Le switch<\/li>\n              <li>Les boucles en JavaScript<\/li>\n              <li>Introduction aux fonctions en JavaScript<\/li>\n              <li>D&#233;couverte et d&#233;finition des objets en JavaScript<\/li>\n              <li>Valeurs primitives et objets natifs<\/li>\n              <li>Cr&#233;er des objets en JavaScript<\/li>\n              <li>Les m&#233;thodes de l'objet String<\/li>\n              <li>L'objet Number, propri&#233;t&#233;s et m&#233;thodes<\/li>\n              <li>Pr&#233;sentation de l'objet Array et des tableaux<\/li>\n              <li>Les m&#233;thodes de l'objet Array<\/li>\n              <li>Pr&#233;sentation de l'objet Date<\/li>\n              <li>Les m&#233;thodes de l'objet Date<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:380ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">03<\/span>\n          <span class=\"mf-fo__mod-titre\">JavaScript&#160;: niveau interm&#233;diaire (vid&#233;o)<\/span>\n          <span class=\"mf-fo__mod-compte\">22 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>L'objet Math et ses m&#233;thodes<\/li>\n              <li>La port&#233;e en JavaScript<\/li>\n              <li>Les fonctions anonymes<\/li>\n              <li>Les fonctions auto invoqu&#233;es<\/li>\n              <li>Les closures en JavaScript<\/li>\n              <li>Pr&#233;sentation du DOM HTML<\/li>\n              <li>Acc&#233;der &#224; des &#233;l&#233;ments HTML en JavaScript<\/li>\n              <li>Modifier du contenu HTML en JavaScript<\/li>\n              <li>Ajouter et ins&#233;rer des &#233;l&#233;ments HTML en JavaScript<\/li>\n              <li>Modifier ou supprimer des &#233;l&#233;ments HTML en JavaScript<\/li>\n              <li>Naviguer dans le DOM en JavaScript<\/li>\n              <li>Introduction aux &#233;v&#232;nements<\/li>\n              <li>La m&#233;thode addEventListener<\/li>\n              <li>La propagation des &#233;v&#232;nements<\/li>\n              <li>Pr&#233;sentation de l'objet Event<\/li>\n              <li>Le BOM et l'objet Window<\/li>\n              <li>Pr&#233;sentation de l'objet Screen<\/li>\n              <li>Pr&#233;sentation de l'objet Navigator<\/li>\n              <li>Pr&#233;sentation de l'objet Location<\/li>\n              <li>Pr&#233;sentation de l'objet History<\/li>\n              <li>D&#233;couverte des expressions r&#233;guli&#232;res<\/li>\n              <li>Recherches et remplacements<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"mf-fo__module\" style=\"transition-delay:470ms\">\n        <button class=\"mf-fo__tete\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"mf-fo__mod-num\">04<\/span>\n          <span class=\"mf-fo__mod-titre\">JavaScript&#160;: niveau confirm&#233; (vid&#233;o)<\/span>\n          <span class=\"mf-fo__mod-compte\">17 points<\/span>\n          <span class=\"mf-fo__chev\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"mf-fo__corps\">\n          <div class=\"mf-fo__corps-inner\">\n          <ul class=\"mf-fo__points mf-fo__points--large\">\n              <li>Quantifieurs et options<\/li>\n              <li>Les classes de caract&#232;res et les m&#233;tacaract&#232;res<\/li>\n              <li>Rappels sur les formulaires HTML<\/li>\n              <li>Validation HTML des formulaires et limitations<\/li>\n              <li>Validation JavaScript de formulaires HTML<\/li>\n              <li>Pr&#233;sentation de l'&#233;l&#233;ment canvas<\/li>\n              <li>Dessiner des rectangles dans le canvas<\/li>\n              <li>Dessiner des lignes dans le canvas<\/li>\n              <li>Dessiner des arcs de cercle dans le canvas<\/li>\n              <li>Cr&#233;er des d&#233;grad&#233;s dans le canvas<\/li>\n              <li>Ins&#233;rer du texte et des images dans le canvas<\/li>\n              <li>Rotations et translations dans le canvas<\/li>\n              <li>Gestion du d&#233;lai d'ex&#233;cution en JavaScript<\/li>\n              <li>Les cookies en JavaScript<\/li>\n              <li>Gestion des erreurs en JavaScript<\/li>\n              <li>Le mode strict en JavaScript<\/li>\n              <li>Conclusion du cours JavaScript<\/li>\n          <\/ul>\n          <\/div>\n        <\/div>\n      <\/li>\n    <\/ul>\n  <\/section>\n\n  <!-- ============ PRIX \/ NOTE \/ PARTICIPANTS ============ -->\n  <section class=\"mf-fo__section mf-fo__zone\">\n    <div class=\"mf-fo__bandeau mf-fo__rise\" style=\"transition-delay:60ms\">\n      <ul class=\"mf-fo__trio\">\n\n        <li class=\"mf-fo__cell\">\n          <span class=\"mf-fo__cell-label\">Tarif de la formation<\/span>\n          <span class=\"mf-fo__cell-val\">2&#160;130&nbsp;&euro;<span class=\"mf-fo__unite\">HT<\/span><\/span>\n          <span class=\"mf-fo__cell-note\">Acc&egrave;s individuel, contenu complet et suivi de progression inclus.<\/span>\n        <\/li>\n\n        <li class=\"mf-fo__cell\">\n          <span class=\"mf-fo__cell-label\">Note globale<\/span>\n          <span class=\"mf-fo__cell-val\">4,8<span class=\"mf-fo__sur\">\/5<\/span><\/span>\n          <span class=\"mf-fo__etoiles\" aria-hidden=\"true\"><span class=\"mf-fo__etoile is-pleine\"><\/span><span class=\"mf-fo__etoile is-pleine\"><\/span><span class=\"mf-fo__etoile is-pleine\"><\/span><span class=\"mf-fo__etoile is-pleine\"><\/span><span class=\"mf-fo__etoile is-demi\"><\/span><\/span>\n        <\/li>\n\n        <li class=\"mf-fo__cell\">\n          <span class=\"mf-fo__cell-label\">Participants form&eacute;s<\/span>\n          <span class=\"mf-fo__cell-val\"><span class=\"mf-fo__num\" data-mf-cible=\"12\">12<\/span><\/span>\n          <span class=\"mf-fo__cell-note\">Personnes ayant suivi cette formation.<\/span>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n  <\/section>\n\n  <!-- ============ CTA ============ -->\n  <section class=\"mf-fo__zone mf-fo__pied\">\n    <div class=\"mf-fo__cta\">\n      <div class=\"mf-fo__cta-inner\">\n        <h2 class=\"mf-fo__cta-titre\">Une question sur cette formation ?<\/h2>\n        <p class=\"mf-fo__cta-p\">La formation se suit int&eacute;gralement en ligne, &agrave; votre rythme. Dites-nous ce que vous souhaitez savoir : contenu, acc&egrave;s &agrave; une d&eacute;mo gratuite, prise en main de la plateforme ou possibilit&eacute;s de financement.<\/p>\n        <div class=\"mf-fo__boutons\">\n          <a href=\"https:\/\/www.mentorformation.fr\/index.php\/contact-2026\/\" class=\"mf-fo__btn mf-fo__btn--plein\">Demander des informations<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n<\/div>\n\n<script>\n(function(){\n  var script = document.currentScript;\n  var racine = script ? script.previousElementSibling : null;\n  while (racine && !racine.classList.contains('mf-fo-wrap')) {\n    racine = racine.previousElementSibling;\n  }\n  if (!racine || racine.hasAttribute('data-mf-pret')) return;\n  racine.setAttribute('data-mf-pret','1');\n\n  \/* ---------- ACCORDEON (toujours actif, meme dans l'editeur) ---------- *\/\n  var modules = racine.querySelectorAll('.mf-fo__module');\n  Array.prototype.forEach.call(modules, function(mod){\n    var tete = mod.querySelector('.mf-fo__tete');\n    if (!tete) return;\n    tete.addEventListener('click', function(){\n      var ouvert = mod.classList.toggle('is-open');\n      tete.setAttribute('aria-expanded', ouvert ? 'true' : 'false');\n    });\n  });\n\n  var reduit = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  var editeur = !!(window.elementorFrontend && window.elementorFrontend.isEditMode\n                   && window.elementorFrontend.isEditMode())\n             || !!(window.elementor && window.elementor.isEditMode)\n             || document.body.classList.contains('elementor-editor-active');\n\n  if (reduit || editeur || !('IntersectionObserver' in window)) return;\n\n  racine.classList.add('anim-on');\n\n  \/* ---------- MACHINE A ECRIRE SUR L'ACCROCHE ---------- *\/\n  var VITESSE = 22;\n  var accroche = racine.querySelector('[data-mf-type]');\n  if (accroche) {\n    var ghost = accroche.querySelector('.mf-fo__ghost');\n    var out   = accroche.querySelector('.mf-fo__out');\n    if (ghost && out) {\n      var texte = ghost.textContent;\n      var caret = document.createElement('i');\n      caret.className = 'mf-fo__caret';\n      out.appendChild(caret);\n      accroche.classList.add('is-typing');\n      var noeud = document.createTextNode('');\n      out.insertBefore(noeud, caret);\n      var n = 0;\n      setTimeout(function frappe(){\n        if (n <= texte.length) {\n          noeud.nodeValue = texte.slice(0, n);\n          n++;\n          setTimeout(frappe, VITESSE);\n        } else {\n          accroche.classList.remove('is-typing');\n          accroche.classList.add('is-done');\n          out.style.display = 'none';\n        }\n      }, 420);\n    }\n  }\n\n  \/* ---------- APPARITION PAR ZONE + COMPTEURS ---------- *\/\n  var zones = racine.querySelectorAll('.mf-fo__zone');\n\n  function compteur(zone){\n    var nums = zone.querySelectorAll('.mf-fo__num');\n    Array.prototype.forEach.call(nums, function(el){\n      if (el.getAttribute('data-mf-fait')) return;\n      el.setAttribute('data-mf-fait','1');\n      var cible = parseInt(el.getAttribute('data-mf-cible'), 10);\n      if (isNaN(cible)) return;\n      var duree = 1400, debut = null;\n      function pas(t){\n        if (!debut) debut = t;\n        var p = Math.min((t - debut) \/ duree, 1);\n        var e = 1 - Math.pow(1 - p, 3);\n        el.textContent = Math.round(cible * e);\n        if (p < 1) requestAnimationFrame(pas);\n        else el.textContent = cible;\n      }\n      el.textContent = '0';\n      requestAnimationFrame(pas);\n    });\n  }\n\n  var obs = new IntersectionObserver(function(entrees){\n    entrees.forEach(function(e){\n      if (e.isIntersecting) {\n        e.target.classList.add('is-vu');\n        compteur(e.target);\n        obs.unobserve(e.target);\n      }\n    });\n  }, { threshold:0, rootMargin:'0px 0px -15% 0px' });\n\n  Array.prototype.forEach.call(zones, function(z){ obs.observe(z); });\n\n  setTimeout(function(){\n    Array.prototype.forEach.call(zones, function(z){\n      if (z.classList.contains('is-vu')) return;\n      var r = z.getBoundingClientRect();\n      var h = window.innerHeight || document.documentElement.clientHeight;\n      if (r.top < h * 0.85 && r.bottom > 0) {\n        z.classList.add('is-vu');\n        compteur(z);\n      }\n    });\n  }, 2500);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Programmation JavaScript Quatre-vingt-deux modules pour ma&#238;triser JavaScript et devenir autonome sur la cr&#233;ation de projets web. 47h Temps moyen de formation 82 Modules 78 Le&#231;ons d&rsquo;apprentissage Objectifs p&eacute;dagogiques Avec cette formation Programmation JavaScript de 82 modules, vous apprendrez les bases et fonctionnalit&#233;s du langage JavaScript et serez autonome sur la cr&#233;ation de projets web. L&rsquo;essentiel [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"tpgb_global_settings":"","pagelayer_contact_templates":[],"_pagelayer_content":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-7600","page","type-page","status-publish","hentry"],"tpgb_featured_images":null,"tpgb_post_meta_info":{"get_date":"22 ao\u00fbt 2026","get_modified_date":"22 ao\u00fbt 2026","author_name":"marcmentor","author_url":"https:\/\/www.mentorformation.fr\/index.php\/author\/marmentor\/","author_email":"mentormarchaendel@gmail.com","author_website":"","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["administrator"],"author_firstname":"","author_lastname":"","user_login":"marcmentor","author_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/573220983167308264f68611b20fbb5adf6ec1b443f6c0fc7a70a60397fa78cb?s=200&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/573220983167308264f68611b20fbb5adf6ec1b443f6c0fc7a70a60397fa78cb?s=400&#038;d=mm&#038;r=g 2x' class='avatar avatar-200 photo' height='200' width='200' decoding='async'\/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/573220983167308264f68611b20fbb5adf6ec1b443f6c0fc7a70a60397fa78cb?s=96&d=mm&r=g","comment_count":0,"post_likes":0,"post_views":0},"tpgb_post_category":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/7600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/comments?post=7600"}],"version-history":[{"count":4,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/7600\/revisions"}],"predecessor-version":[{"id":7607,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/7600\/revisions\/7607"}],"wp:attachment":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/media?parent=7600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}