{"id":9676,"date":"2022-09-18T20:29:48","date_gmt":"2022-09-19T02:29:48","guid":{"rendered":"https:\/\/dev.alberta.college\/?post_type=product&#038;p=9676"},"modified":"2025-04-14T11:31:54","modified_gmt":"2025-04-14T17:31:54","slug":"the-royal-alberta-college-and-ibm-introduction-to-front-end-development","status":"publish","type":"product","link":"http:\/\/52.60.82.137\/fr\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/","title":{"rendered":"Le Royal Alberta College et IBM \u2013 Introduction au d\u00e9veloppement front-end"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Dans ce cours, les apprenants apprendront les bases de HTML5 afin de pouvoir commencer \u00e0 cr\u00e9er et \u00e9diter des pages Web. Vous vous entra\u00eenerez \u00e0 coder vos pages pour concevoir et ajouter des \u00e9l\u00e9ments visuels personnels \u00e0 vos sites afin d&#039;acqu\u00e9rir de l&#039;exp\u00e9rience en HTML. Outre le codage Javascript et les feuilles de style en cascade (CSS), une feuille de style Web est une forme de s\u00e9paration de la pr\u00e9sentation et du contenu pour la conception Web.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">R\u00e9sultats d&#039;apprentissage\u00a0:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Construire une premi\u00e8re page Web avec HTML et CSS<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Distinguer HTML et CSS et identifier leurs utilisations distinctes<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Identifier et appliquer la syntaxe correcte pour les \u00e9l\u00e9ments HTML courants<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Expliquer comment les balises HTML s\u00e9mantiques sont utilis\u00e9es pour structurer une page Web<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Utilisez des balises et des attributs pour identifier les informations cl\u00e9s dans une page<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Identifiez et utilisez la syntaxe CSS correcte<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Appliquer du CSS aux \u00e9l\u00e9ments HTML<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Apr\u00e8s ce cours, les utilisateurs auront une compr\u00e9hension approfondie du langage de programmation Java ainsi que du HTML et du CSS. Depuis 2022, 98% de sites Web utilisent JavaScript c\u00f4t\u00e9 client pour le comportement des pages Web, incorporant souvent des biblioth\u00e8ques tierces. Ainsi que toutes les balises HTML courantes utilis\u00e9es pour structurer les pages HTML et le squelette de tous les sites Web pour cr\u00e9er vos propres sites Web.<\/span><b>\u00a0<\/b><\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>44 heures<\/p>","protected":false},"featured_media":17800,"template":"","meta":[],"product_cat":[75],"product_tag":[87],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Royal Alberta College and IBM - Introduction to Front End Development - The Royal Alberta College<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Royal Alberta College and IBM - Introduction to Front End Development - The Royal Alberta College\" \/>\n<meta property=\"og:description\" content=\"44 Hours\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/\" \/>\n<meta property=\"og:site_name\" content=\"The Royal Alberta College\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RoyalAlbertaCollege\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-14T17:31:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alberta.college\/wp-content\/uploads\/2022\/09\/Intro-to-Front-End-Development-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2432\" \/>\n\t<meta property=\"og:image:height\" content=\"1460\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@alberta_college\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/\",\"url\":\"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/\",\"name\":\"The Royal Alberta College and IBM - Introduction to Front End Development - The Royal Alberta College\",\"isPartOf\":{\"@id\":\"https:\/\/alberta.college\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/52.60.82.137\/wp-content\/uploads\/2022\/09\/Intro-to-Front-End-Development-1.png\",\"datePublished\":\"2022-09-19T02:29:48+00:00\",\"dateModified\":\"2025-04-14T17:31:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/#primaryimage\",\"url\":\"https:\/\/52.60.82.137\/wp-content\/uploads\/2022\/09\/Intro-to-Front-End-Development-1.png\",\"contentUrl\":\"https:\/\/52.60.82.137\/wp-content\/uploads\/2022\/09\/Intro-to-Front-End-Development-1.png\",\"width\":2432,\"height\":1460},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/alberta.college\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shop\",\"item\":\"https:\/\/www.alberta.college\/fr\/shop\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"The Royal Alberta College and IBM &#8211; Introduction to Front End Development\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/alberta.college\/#website\",\"url\":\"https:\/\/alberta.college\/\",\"name\":\"The Royal Alberta College\",\"description\":\"High-Quality Affordable, Accessible Education for everyone\",\"publisher\":{\"@id\":\"https:\/\/alberta.college\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/alberta.college\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/alberta.college\/#organization\",\"name\":\"The Royal Alberta College\",\"url\":\"https:\/\/alberta.college\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\/\/alberta.college\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/alberta.college\/wp-content\/uploads\/2021\/05\/rac-logo.png\",\"contentUrl\":\"https:\/\/alberta.college\/wp-content\/uploads\/2021\/05\/rac-logo.png\",\"width\":400,\"height\":242,\"caption\":\"The Royal Alberta College\"},\"image\":{\"@id\":\"https:\/\/alberta.college\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/RoyalAlbertaCollege\",\"https:\/\/x.com\/alberta_college\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Royal Alberta College and IBM - Introduction to Front End Development - The Royal Alberta College","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/","og_locale":"fr_CA","og_type":"article","og_title":"The Royal Alberta College and IBM - Introduction to Front End Development - The Royal Alberta College","og_description":"44 Hours","og_url":"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/","og_site_name":"The Royal Alberta College","article_publisher":"https:\/\/www.facebook.com\/RoyalAlbertaCollege","article_modified_time":"2025-04-14T17:31:54+00:00","og_image":[{"width":2432,"height":1460,"url":"https:\/\/alberta.college\/wp-content\/uploads\/2022\/09\/Intro-to-Front-End-Development-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@alberta_college","twitter_misc":{"Estimation du temps de lecture":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/","url":"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/","name":"The Royal Alberta College and IBM - Introduction to Front End Development - The Royal Alberta College","isPartOf":{"@id":"https:\/\/alberta.college\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/#primaryimage"},"image":{"@id":"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/#primaryimage"},"thumbnailUrl":"https:\/\/52.60.82.137\/wp-content\/uploads\/2022\/09\/Intro-to-Front-End-Development-1.png","datePublished":"2022-09-19T02:29:48+00:00","dateModified":"2025-04-14T17:31:54+00:00","breadcrumb":{"@id":"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/"]}]},{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/#primaryimage","url":"https:\/\/52.60.82.137\/wp-content\/uploads\/2022\/09\/Intro-to-Front-End-Development-1.png","contentUrl":"https:\/\/52.60.82.137\/wp-content\/uploads\/2022\/09\/Intro-to-Front-End-Development-1.png","width":2432,"height":1460},{"@type":"BreadcrumbList","@id":"https:\/\/alberta.college\/courses\/the-royal-alberta-college-and-ibm-introduction-to-front-end-development\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/alberta.college\/"},{"@type":"ListItem","position":2,"name":"Shop","item":"https:\/\/www.alberta.college\/fr\/shop\/"},{"@type":"ListItem","position":3,"name":"The Royal Alberta College and IBM &#8211; Introduction to Front End Development"}]},{"@type":"WebSite","@id":"https:\/\/alberta.college\/#website","url":"https:\/\/alberta.college\/","name":"The Royal Alberta College","description":"High-Quality Affordable, Accessible Education for everyone","publisher":{"@id":"https:\/\/alberta.college\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alberta.college\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":"Organization","@id":"https:\/\/alberta.college\/#organization","name":"The Royal Alberta College","url":"https:\/\/alberta.college\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/alberta.college\/#\/schema\/logo\/image\/","url":"https:\/\/alberta.college\/wp-content\/uploads\/2021\/05\/rac-logo.png","contentUrl":"https:\/\/alberta.college\/wp-content\/uploads\/2021\/05\/rac-logo.png","width":400,"height":242,"caption":"The Royal Alberta College"},"image":{"@id":"https:\/\/alberta.college\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RoyalAlbertaCollege","https:\/\/x.com\/alberta_college"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/52.60.82.137\/fr\/wp-json\/wp\/v2\/product\/9676"}],"collection":[{"href":"http:\/\/52.60.82.137\/fr\/wp-json\/wp\/v2\/product"}],"about":[{"href":"http:\/\/52.60.82.137\/fr\/wp-json\/wp\/v2\/types\/product"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/52.60.82.137\/fr\/wp-json\/wp\/v2\/media\/17800"}],"wp:attachment":[{"href":"http:\/\/52.60.82.137\/fr\/wp-json\/wp\/v2\/media?parent=9676"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"http:\/\/52.60.82.137\/fr\/wp-json\/wp\/v2\/product_cat?post=9676"},{"taxonomy":"product_tag","embeddable":true,"href":"http:\/\/52.60.82.137\/fr\/wp-json\/wp\/v2\/product_tag?post=9676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}