{"id":3634,"date":"2016-07-27T16:05:30","date_gmt":"2016-07-27T16:05:30","guid":{"rendered":"http:\/\/www.ticeman.fr\/lecoutelas\/?p=3634"},"modified":"2018-07-24T21:12:35","modified_gmt":"2018-07-24T21:12:35","slug":"coding-with-chrome-une-tres-bonne-extension-pour-initier-au-code-et-un-peu-plus","status":"publish","type":"post","link":"https:\/\/www.ticeman.fr\/lecoutelas\/?p=3634","title":{"rendered":"Coding with chrome: une tr\u00e8s bonne extension pour initier au code et un peu plus"},"content":{"rendered":"<p>Coding with chrome est \u00a0une extension chrome permettant de s&#8217;initier au code informatique sur le m\u00eame principe que Scratch puisqu&#8217;il utilise le m\u00eame principe de programmation par blocs. Mais Coding With chrome a l\u2019ambition d&#8217;aller un peu plus loin puisqu&#8217;il propose aussi un mode avanc\u00e9 permettant notamment de travailler directement en javascript.<\/p>\n<p>D\u00e8s l&#8217;accueil, les deux choix, d\u00e9butant et avanc\u00e9 sont propos\u00e9s. Pour chacun des choix vous disposerez de mod\u00e8les et d&#8217;aides.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-mode.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-3635\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-mode-300x169.png\" alt=\"coding chrome mode\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-mode-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-mode-768x432.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-mode-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-mode.png 1366w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><!--more--><\/p>\n<p>Les deux modes permettent de travailler sur les m\u00eames \u00e9l\u00e9ments ce qui permet, apr\u00e8s avoir r\u00e9ussi \u00e0 programmer visuellement avec les blocs, d&#8217;essayer de reproduire la m\u00eame chose avec le code directement.<\/p>\n<p>Le monde d\u00e9butant fonctionne comme Scratch avec des blocs \u00e0 d\u00e9placer dans une fen\u00eatre centrale et une visualisation du r\u00e9sultat dans une fen\u00eatre lat\u00e9rale \u00e0 droite.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-exemple-block.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-3636\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-exemple-block-300x169.png\" alt=\"coding chrome exemple block\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-exemple-block-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-exemple-block-768x432.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-exemple-block-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-exemple-block.png 1366w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Pour vous faciliter la t\u00e2che, l&#8217;extension vous propose des mod\u00e8les tous fait que ce soit en mode d\u00e9butant ou en mode avanc\u00e9. Ces mod\u00e8les peuvent \u00eatre modifi\u00e9s ou am\u00e9lior\u00e9s.<\/p>\n<p>Pour le mode avanc\u00e9, le principe est le m\u00eame avec une visualisation en direct du r\u00e9sultat.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-javascript.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-3637\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-javascript-300x169.png\" alt=\"coding chrome javascript\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-javascript-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-javascript-768x432.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-javascript-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2016\/07\/coding-chrome-javascript.png 1366w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>La solution a l&#8217;avantage pour les deux modes de programmation de proposer une programmation visuelle d&#8217;un \u00e9l\u00e9ment graphique mais aussi la programmation de drones. Pour le moment seuls les mod\u00e8les sphero sont disponibles mais cela devrait \u00e9voluer rapidement.<\/p>\n<p>La solution est bien entendu gratuite.<\/p>\n<p>Lien: <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/coding-with-chrome\/becloognjehhioodmnimnehjcibkloed\" target=\"_blank\" rel=\"noopener\">Coding with chrome<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Coding with chrome est \u00a0une extension chrome permettant de s&#8217;initier au code informatique sur le m\u00eame principe que Scratch puisqu&#8217;il utilise le m\u00eame&hellip;<a href=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=3634\" class=\"more-link\"><span class=\"more-button\">Continuez la lecture<span class=\"screen-reader-text\">Coding with chrome: une tr\u00e8s bonne extension pour initier au code et un peu plus<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":3635,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[84],"tags":[],"class_list":["post-3634","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-initiation-a-la-programmation"],"_links":{"self":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/3634"}],"collection":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3634"}],"version-history":[{"count":4,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/3634\/revisions"}],"predecessor-version":[{"id":7371,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/3634\/revisions\/7371"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/media\/3635"}],"wp:attachment":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}