[{"data":1,"prerenderedAt":45},["ShallowReactive",2],{"course-javascript-les-fondamentaux":3,"highlight-javascript-document.querySelect":44},{"id":4,"name":5,"slug":6,"location":7,"targetAudienceFormatMarkdown":8,"prerequisitesFormatMarkdown":9,"objectivesFormatMarkdown":10,"descriptionFormatMarkdown":11,"teachingMethodsFormatMarkdown":12,"teachingResourcesFormatMarkdown":13,"evaluationMethodsFormatMarkdown":14,"accessibilityFormatMarkdown":15,"accessMethodsFormatMarkdown":16,"minimumParticipants":7,"maximumParticipants":7,"duration":17,"reference":18,"trainerType":7,"updated_at":19,"created_at":20,"price":21,"organizationMode":22,"theme":25,"code":29,"tags":34,"metadata":35},"/api/courses/0b65a4cb-b298-11f1-a993-d8ca06000363","JavaScript : les fondamentaux","javascript-les-fondamentaux",null,"Intégrateurs, développeurs web débutants, développeurs back souhaitant intervenir côté navigateur.","Connaissance de HTML et CSS.","Programmer en JavaScript : DOM, événements et appels asynchrones (fetch, AJAX).","--day1--\n\n## Bases du langage\n\n-   Types et variables (let, const) ; opérateurs ; conditions et boucles ; fonctions et fonctions fléchées ; portée et hoisting.\n\n--break--\n\n## Objets et tableaux\n\n-   Objets littéraux ; méthodes de tableau (map, filter, reduce) ; déstructuration ; opérateurs de décomposition ; modules ES.\n\n--day2--\n\n## DOM et événements\n\n-   Sélection et modification d'éléments ; création dynamique ; gestion des événements et délégation ; formulaires et validation côté client.\n\n--break--\n\n## Asynchrone et API\n\n-   Callbacks, promesses, async/await ; fetch et appels REST ; gestion des erreurs ; affichage de données distantes.\n\n--day3--\n\n## Stockage et outils\n\n-   Stockage local et session ; JSON ; outils de développement du navigateur et débogage ; erreurs fréquentes.\n\n--break--\n\n## Mini-projet\n\n-   Construction d'une application monopage simple consommant une API ; organisation du code ; bonnes pratiques et pistes vers les frameworks.","Présentiel, distanciel, hybride","Les supports pédagogiques sont remis aux stagiaires sous format numérique et/ou papier selon les modalités de la formation.\n\nIls comprennent des supports de cours, des présentations, des fiches pratiques, des études de cas, des exercices applicatifs ainsi que des QCM d’entraînement selon la formation. (adapté au choix du formateur)\n\nLes formations s’appuient sur des moyens techniques adaptés : ordinateurs, logiciels professionnels, connexion internet, écran ou vidéoprojecteur, ainsi que des outils collaboratifs et de visioconférence pour les formations à distance.\n\nL’ensemble des supports pédagogiques est accessible pendant et après la formation afin de favoriser l’appropriation et la mise en pratique des compétences acquises.","En amont de la formation, un recueil des besoins permet de récolter des informations sur le stagiaire et ses attentes. L’évaluation se fait en cours de formation, par des études de cas ou des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation et/ou un examen.\n\nUn suivi de qualité est effectué grâce à nos sessions en groupe restreint (entre 2 et 9 participants maximum). Le stagiaire émargera par demi-journée et recevra une attestation de formation.","Nous informons l’ensemble de nos clients et stagiaires que nous sommes dans la capacité d’adapter les sessions selon les handicaps et les situations spécifiques. Nous nous engageons à répondre à toutes vos demandes sous un délai de 48h ouvré.","Si l’une de nos formations vous intéresse, contactez-nous au +33 4 93 65 34 24 ou à l’adresse mail contact@m2g-intellect.fr. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d’adapter la formation et ses modules, puis nous vous adresserons un devis.\n\nLes dates de la formation seront à convenir sous 30 jours maximum.","21.00","L1-DEV-17","2026-09-18T09:45:10+00:00","2026-09-17T15:02:32+00:00","1880.00",{"id":23,"name":24},"/api/organization_mode_types/6","HYBRID",{"id":26,"name":27,"slug":28},"/api/themes/0ac148c3-b298-11f1-a993-d8ca06000363","Développement logiciel informatique et web","developpement-logiciel-informatique-et-web",{"id":30,"label":31,"domain":32},"/api/training_specialities/163","326 - Informatique, traitement de l’information, réseaux de transmission des données",{"label":33},"32 - Communication et information",[],{"desc-accroche":36,"Description":37,"icon-color":38,"icon-name":39,"code-langage":40,"code-snippet":41,"courte-description":42,"titre-accroche":43},"Apprenez la syntaxe ES récente, la manipulation du DOM, la gestion des événements et les appels asynchrones avec fetch et AJAX. Une base solide avant d'aborder un framework comme Angular ou React.","Cette formation initie les développeurs à JavaScript tel qu'il s'écrit aujourd'hui côté navigateur. Vous découvrez la syntaxe ECMAScript récente (let/const, arrow functions, destructuring, modules), puis la manipulation du DOM pour créer et modifier dynamiquement le contenu d'une page. La gestion des événements utilisateur (clic, saisie, soumission de formulaire) est abordée en détail, avant d'aborder la programmation asynchrone avec les Promises, async/await et les appels réseau via fetch et AJAX. Des exercices pratiques consolident chaque notion sur des cas concrets d'interface web. Cette formation s'adresse aux intégrateurs, aux développeurs web débutants et aux développeurs back-end souhaitant intervenir côté navigateur, avant de poursuivre vers un framework comme Angular ou React.","#F7DF1E","mdi:language-javascript","javascript","document.querySelector('#form').addEventListener('submit', async (event) => {\n  event.preventDefault();\n  const response = await fetch('/api/users', {\n    method: 'POST',\n    body: new FormData(event.target)\n  });\n  const utilisateurs = await response.json();\n  afficherListe(utilisateurs);\n});","Formation d'initiation à JavaScript moderne : DOM, événements et appels asynchrones avec fetch et AJAX, pour préparer efficacement la prise en main d'un framework front-end.","Maîtrisez JavaScript moderne pour manipuler le DOM, gérer les événements et consommer des API asynchrones avec fetch, directement dans le navigateur.","\u003Cpre class=\"hljs\">\u003Ccode class=\"language-javascript\">\u003Cspan class=\"hljs-variable language_\">document\u003C/span>.\u003Cspan class=\"hljs-title function_\">querySelector\u003C/span>(\u003Cspan class=\"hljs-string\">'#form'\u003C/span>).\u003Cspan class=\"hljs-title function_\">addEventListener\u003C/span>(\u003Cspan class=\"hljs-string\">'submit'\u003C/span>, \u003Cspan class=\"hljs-title function_\">async\u003C/span> (event) => {\n  event.\u003Cspan class=\"hljs-title function_\">preventDefault\u003C/span>();\n  \u003Cspan class=\"hljs-keyword\">const\u003C/span> response = \u003Cspan class=\"hljs-keyword\">await\u003C/span> \u003Cspan class=\"hljs-title function_\">fetch\u003C/span>(\u003Cspan class=\"hljs-string\">'/api/users'\u003C/span>, {\n    \u003Cspan class=\"hljs-attr\">method\u003C/span>: \u003Cspan class=\"hljs-string\">'POST'\u003C/span>,\n    \u003Cspan class=\"hljs-attr\">body\u003C/span>: \u003Cspan class=\"hljs-keyword\">new\u003C/span> \u003Cspan class=\"hljs-title class_\">FormData\u003C/span>(event.\u003Cspan class=\"hljs-property\">target\u003C/span>)\n  });\n  \u003Cspan class=\"hljs-keyword\">const\u003C/span> utilisateurs = \u003Cspan class=\"hljs-keyword\">await\u003C/span> response.\u003Cspan class=\"hljs-title function_\">json\u003C/span>();\n  \u003Cspan class=\"hljs-title function_\">afficherListe\u003C/span>(utilisateurs);\n});\u003C/code>\u003C/pre>",1789717717866]