{"product_id":"htlms-c553-javascript","title":"HTML5 CSS3 + Javascript","description":"\u003cp\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003ePonts forts :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSavoir interpréter le langage HTML5 et CSS et accessoirement savoir faire un site web.\u003c\/li\u003e\n\u003cli\u003eSavoir chercher l'information pour une nouvelle balise, une nouvelle fonction ou nouvelle technique grâce aux différents sites Web et outils que je vous présente au fur et à mesure de la formation.\u003c\/li\u003e\n\u003cli\u003eSavoir utiliser de façon basique un CMS (éditeur Wordpress)\u003c\/li\u003e\n\u003cli\u003eSavoir programmer en Javascript.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003e\u003clabel class=\"control-label\" for=\"contenu_de_la_formation\"\u003eContenu de la formation:\u003c\/label\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv\u003eVous apprendrez les bases sur le langage HTML5 et CSS3.\u003cbr\u003eVous apprendrez quelques connaissances sur l'apprentissage d'un CMS de type WordPress.\u003cbr\u003eVous apprendrez à programmer en Javascript.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003e\u003clabel class=\"control-label\" for=\"objectif_de_la_formation\"\u003eObjectif de la formation:\u003c\/label\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003cdiv role=\"application\" class=\"mce-tinymce mce-container mce-panel\" id=\"mceu_96\" tabindex=\"-1\"\u003e\n\u003cdiv class=\"mce-container-body mce-stack-layout\" id=\"mceu_96-body\"\u003e\n\u003cdiv class=\"mce-top-part mce-container mce-stack-layout-item mce-first\" id=\"mceu_97\"\u003e\n\u003cdiv class=\"mce-container-body\" id=\"mceu_97-body\"\u003e\n\u003cdiv role=\"menubar\" class=\"mce-container mce-menubar mce-toolbar mce-first\"\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cul\u003e\n\u003cli\u003eSavoir créer une page web statique (dit site vitrine).\u003c\/li\u003e\n\u003cli\u003eSavoir et comprendre et interpréter le langage HTML5 et CSS3.\u003c\/li\u003e\n\u003cli\u003eApprendre quelques connaissances sur l'apprentissage d'un CMS de type WordPress.\u003c\/li\u003e\n\u003cli\u003eSavoir programmer en Javascript\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eDurée de la formation: 19 heures\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: left;\"\u003e\u003cspan\u003ePrérequis \u003c\/span\u003e\u003c\/h2\u003e\n\u003csection data-element_type=\"section\" data-id=\"44ccb090\" class=\"elementor-section elementor-top-section elementor-element elementor-element-44ccb090 elementor-section-boxed elementor-section-height-default elementor-section-height-default\"\u003e\n\u003cdiv class=\"elementor-container elementor-column-gap-default\"\u003e\n\u003cdiv data-element_type=\"column\" data-id=\"5d2c86e7\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5d2c86e7\"\u003e\n\u003cdiv class=\"elementor-widget-wrap elementor-element-populated\"\u003e\n\u003cdiv data-widget_type=\"text-editor.default\" data-element_type=\"widget\" data-id=\"5b4769d1\" class=\"elementor-element elementor-element-5b4769d1 elementor-widget elementor-widget-text-editor\"\u003e\n\u003cdiv class=\"elementor-widget-container\"\u003e\n\u003cp\u003eAucun prérequis, ce module s’adresse à tous.\u003cmeta charset=\"utf-8\"\u003e\u003c\/p\u003e\n\u003csection data-element_type=\"section\" data-id=\"44ccb090\" class=\"elementor-section elementor-top-section elementor-element elementor-element-44ccb090 elementor-section-boxed elementor-section-height-default elementor-section-height-default\"\u003e\n\u003cdiv class=\"elementor-container elementor-column-gap-default\"\u003e\n\u003cdiv data-element_type=\"column\" data-id=\"5d2c86e7\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5d2c86e7\"\u003e\n\u003cdiv class=\"elementor-widget-wrap elementor-element-populated\"\u003e\n\u003cdiv data-widget_type=\"text-editor.default\" data-element_type=\"widget\" data-id=\"5b4769d1\" class=\"elementor-element elementor-element-5b4769d1 elementor-widget elementor-widget-text-editor\"\u003e\n\u003cdiv class=\"elementor-widget-container\"\u003e\n\u003ch2\u003eObjectifs:\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong data-end=\"466\" data-start=\"403\"\u003eMaîtriser les fonctionnalités essentielles d’Adobe InDesign\u003c\/strong\u003e pour la mise en page professionnelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-end=\"558\" data-start=\"509\"\u003eAcquérir une méthodologie de travail efficace\u003c\/strong\u003e pour concevoir des documents de qualité (brochures, magazines, affiches, catalogues).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-end=\"716\" data-start=\"649\"\u003eDévelopper des compétences adaptées aux besoins des entreprises\u003c\/strong\u003e en communication et édition.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-end=\"807\" data-start=\"750\"\u003eSe préparer et obtenir la certification TOSA InDesign\u003c\/strong\u003e, attestant du niveau de maîtrise du logiciel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eModalités:\u003c\/h2\u003e\n\u003cp\u003e- 19 heures en E-learning\u003c\/p\u003e\n\u003ch2\u003eDélai d'accès:\u003c\/h2\u003e\n\u003cp\u003eEntrée en formation sous 2 semaines... ( délai de rétractation )\u003c\/p\u003e\n\u003ch2\u003eMéthodes mobilisées:\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eSupport vidéo et test \u003c\/li\u003e\n\u003cli\u003efichiers pdf téléchargeables\u003c\/li\u003e\n\u003cli\u003eExercices pendant le parcours\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eModalités d'évaluation:\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cblockquote\u003e\n\u003cp\u003e- Test de positionnement\u003c\/p\u003e\n\u003cp\u003e-Quizz tout au long du parcours de formation\u003c\/p\u003e\n\u003cp\u003e-Test final\u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003ch2 style=\"text-align: left;\"\u003e\u003cstrong\u003ePour qui ?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003csection data-element_type=\"section\" data-id=\"0ed8eb8\" class=\"elementor-section elementor-top-section elementor-element elementor-element-0ed8eb8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\"\u003e\n\u003cdiv class=\"elementor-container elementor-column-gap-default\"\u003e\n\u003cdiv data-element_type=\"column\" data-id=\"0b31b76\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0b31b76\"\u003e\n\u003cdiv class=\"elementor-widget-wrap elementor-element-populated\"\u003e\n\u003cdiv data-widget_type=\"text-editor.default\" data-element_type=\"widget\" data-id=\"18c2783\" class=\"elementor-element elementor-element-18c2783 elementor-widget elementor-widget-text-editor\"\u003e\n\u003cdiv class=\"elementor-widget-container\"\u003e\n\u003cp\u003eCette formation s’adresse à tous. \u003cspan\u003eEn situation d'handicap ? Nous répondons à votre besoin !\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003ePROGRAMME\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003ePrésentation de la formation\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003ePrésentation de la formation\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eModule Ressources\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eModule Ressources (fichier zippé de plus 600 Mo de données)\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eIntroduction\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003e\u003cspan\u003eTest de positionnement\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eOrigine et naissance du HTML\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eGestion des navigateurs ou browsers (Safari, Firefox, Chrome, Edge)\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eInstallation d'un IDE (Visual Studio Code)\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eEnregistrement fichier Web (extension html)\u003c\/span\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eApprentissage du HTML5\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eStructure de base \u003cbr\u003eGestion de quelques balises de base\u003cbr\u003eEncodage des caractères (ASCII)\u003cbr\u003eGestion des listes (ul, ol, dl)\u003cbr\u003eGestion des images (png, jpg, tif, svg)\u003cbr\u003eGestions des liens\u003cbr\u003e\u003ca\u003eGestion des tableaux table, tr, td, thead, tbody, tfoot\u003cbr\u003eGestion commentaires\u003cbr\u003eQUIZZ - Apprentissage du HTML5 - Partie 01\u003cbr\u003e\u003c\/a\u003e\u003ca\u003eGestion de la balise DIV et SPAN\u003cbr\u003eDifférence entre un chemin absolu et relatif\u003cbr\u003eGestion d'une Structure HTML5 (main, nav, section, article)\u003cbr\u003eInspecteur WEB lié à un navigateur (Firefox, Chrome, Edge)\u003cbr\u003eAutres balises de mise en forme\u003cbr\u003eMise en ligne du site Web (domaine, transfert ftp, http)\u003cbr\u003eGestion du formulaire - Partie 01\u003cbr\u003eGestion du formulaire - Partie 02\u003cbr\u003eGestion des balises AUDIO et VIDEO (MP3, ACC, AVI, MOV, WEB, MP4)\u003cbr\u003eGestion de la balise IFRAME\u003cbr\u003e\u003c\/a\u003e\u003ca\u003eQUIZZ - Apprentissage du HTML5 - Partie 02\u003c\/a\u003e\u003ca\u003e\u003cbr\u003eAllons plus loin sur les balises HTML5\u003cbr\u003eValidation du HTML5 par le site web validator W3C\u003cbr\u003e\u003cbr\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eApprentissage du CSS3\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003e\u003ca\u003eOrigine du CSS\u003cbr\u003eInsertion du CSS (3 méthodes)\u003cbr\u003eLes sélecteurs de base\u003cbr\u003eLes couleurs (RGBA, HSL, Hexadécimal ...)\u003cbr\u003eLa gestion des Fonts (Interne ou externe)\u003cbr\u003eLa gestion des boîtes (Propriété DISPLAY, MARGIN, PADDING)\u003cbr\u003eLa gestions des unités de mesure(px, pt, em, rem, %)\u003cbr\u003eRésumons ce que l'on a appris en CSS\u003cbr\u003eGestion de la propriété POSITION (Static, Absolute, Relative, fixed et Sticky)\u003cbr\u003eGestion de la propriété float + la propriété clear\u003cbr\u003eAperçu de l'outil de type Flexbox (Début de responsive au niveau du site Web)\u003cbr\u003eAperçu de l'outil de type Grid (création d'un portfolio et d'une structure Web dit Template).\u003cbr\u003eGestion des sélecteurs avancées (combinateurs, sélecteur d'attribut, pseudo classes, pseudos éléments)\u003cbr\u003eGestion de la propriété Background\u003cbr\u003eGestion de la propriété BORDER\u003cbr\u003e\u003c\/a\u003e\u003ca\u003eQUIZZ - Apprentissage du CSS\u003c\/a\u003e\u003ca\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/a\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eAllons plus loin\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003ca\u003eBox-sizing\u003cbr\u003eGestion de la propriété Transform (Translate, Rotate, Scale)\u003cbr\u003eGestion de la propriété Animation et transition\u003cbr\u003e\u003c\/a\u003e\u003ca\u003eGestion des Media Queries et le système Responsive\u003cbr\u003eLes FrameWorks en CSS (BootStrap, Foundation JS, W3.CSS et ainsi de suite)\u003cbr\u003e\u003c\/a\u003e\u003ca\u003eLa gestion des variables (Scope local et Global)\u003c\/a\u003e\u003ca\u003e\u003cbr\u003eLe reset en CSS et Normalize\u003cbr\u003eMise en ligne du site Web (sur mon laboratoire)\u003cbr\u003eValidation du site Web (HTML\/CSS) par le site web Validator\u003c\/a\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eIntroduction au CMS\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003ca\u003e\u003cbr\u003eintroduction au CMS\u003cbr\u003eIntroduction sur WordPress\u003cbr\u003e3 façons d'installer WordPress\u003cbr\u003eAperçu de l'interface (articles, catégories, étiquettes)\u003cbr\u003eGestion des médias (images, fichier, vidéos, sons)\u003cbr\u003eGestion des menus + thème\u003cbr\u003eConclusion\u003c\/a\u003e\u003ca\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIntroduction aux bases en JavaScript\u003c\/strong\u003e\u003cstrong\u003e\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eModule Ressources (fichier Zippé de 3 Mo) comprenant les exercices en JavaScript\u003cbr\u003eIntroduction\u003cbr\u003eGestion des variables (partie 01) - Variable de base, constante, calcul, \u003cbr\u003eGestion des variables (partie 02) - Gestion des tableaux, objets\u003cbr\u003eGestion de document (InnerText, InnerHTML, \u003cspan\u003egetElementById, \u003c\/span\u003e\u003cspan\u003egetElementsByClassName\u003c\/span\u003e\u003cbr\u003eGestion des conditions (if, else, else if, switch)\u003cbr\u003eGestion des boucles (for, while, for in, for of)\u003cbr\u003eGestion des fonctions (fonction simple, fonction avec argument)\u003cbr\u003eGestion des objets (nous verrons un peu comment utiliser, déclarer, ajouter des éléments à un objet)\u003cbr\u003eGestion des Events (3 façons de déclarer ceux-ci, HTML, JavaScript ou AddEventListener\u003cbr\u003e\u003cbr\u003ePour finir, j'ai fait en sorte de regrouper tous les cours de bases dans un fichier Web, celui-ci se nomme Menu_JavaScript. \u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eConclusion \u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003ca\u003e\u003cbr\u003eQuizz Final (une trentaine de question afin de voir vos connaissances en HTML5\/CSS3 et JavaScript)\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv role=\"application\" class=\"mce-tinymce mce-container mce-panel\" id=\"mceu_56\" tabindex=\"-1\"\u003e\n\u003cdiv class=\"mce-container-body mce-stack-layout\" id=\"mceu_56-body\"\u003e\n\u003cdiv class=\"mce-top-part mce-container mce-stack-layout-item mce-first\" id=\"mceu_57\"\u003e\n\u003cdiv class=\"mce-container-body\" id=\"mceu_57-body\"\u003e\n\u003cdiv role=\"menubar\" class=\"mce-container mce-menubar mce-toolbar mce-first\" id=\"mceu_58\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"formalogy","offers":[{"title":"Default Title","offer_id":47809288241485,"sku":null,"price":1500.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0624\/4437\/2204\/files\/Captured_ecran2023-12-13a16.14.54.png?v=1702480506","url":"https:\/\/formalogy.myshopify.com\/products\/htlms-c553-javascript","provider":"Formalogy","version":"1.0","type":"link"}