{"id":3813,"date":"2019-09-11T11:23:11","date_gmt":"2019-09-11T09:23:11","guid":{"rendered":"https:\/\/www.educazionedigitale.it\/coderz\/?page_id=3813"},"modified":"2026-02-05T17:33:44","modified_gmt":"2026-02-05T16:33:44","slug":"moduli-formativi","status":"publish","type":"page","link":"https:\/\/www.educazionedigitale.it\/coderz\/moduli-formativi\/","title":{"rendered":"Moduli Formativi"},"content":{"rendered":"\t<div id=\"gap-535557983\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-535557983 {\n  padding-top: 56px;\n}\n@media (min-width:550px) {\n  #gap-535557983 {\n    padding-top: 76px;\n  }\n}\n@media (min-width:850px) {\n  #gap-535557983 {\n    padding-top: 117px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n  <div class=\"banner has-hover banner-home\" id=\"banner-801969281\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1914\" height=\"223\" src=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2023\/07\/moduli.png\" class=\"bg attachment-original size-original\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-211849758\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-211849758 {\n  width: 60%;\n}\n#text-box-211849758 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-211849758 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-801969281 {\n  padding-top: 106px;\n}\n#banner-801969281 .banner-bg img {\n  object-position: 43% 11%;\n}\n@media (min-width:550px) {\n  #banner-801969281 {\n    padding-top: 100px;\n  }\n}\n@media (min-width:850px) {\n  #banner-801969281 {\n    padding-top: 200px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n\t<section class=\"section\" id=\"section_1149393623\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\t<div id=\"gap-2027823551\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-2027823551 {\n  padding-top: 10px;\n}\n<\/style>\n\t<\/div>\n\t\n<div id=\"intro-admin\"><!-- login insegnante\/tutor --><\/p>\n<div class=\"row row-small\"  id=\"row-25588474\">\n\n\t<div id=\"col-626950901\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-344881630\" class=\"gap-element clearfix hide-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-344881630 {\n  padding-top: 22px;\n}\n<\/style>\n\t<\/div>\n\t\n<h1>La formazione<\/h1>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-796938497\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div style=\"background-color: #0669b3; margin: 0px 0 0 0; padding: 15px;\">\n<p style=\"text-align: center; line-height: 150%; margin-bottom:0px; font-size:90%; color: white;\"><span style=\" letter-spacing:2px\"><strong>\u201cCODER\u2019Z\u201d<\/strong><\/span> certifica <span style=\"color: white;\"><strong style=\"letter-spacing:2px\">40 ORE<\/strong><\/span> di <strong style=\"letter-spacing:2px\">FSL <\/strong><br \/>previa verifica e validazione dell\u2019output finale da parte dell\u2019insegnante.<\/p>\n<\/div>\n\t<div id=\"gap-31127375\" class=\"gap-element clearfix hide-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-31127375 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-900101381\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p style=\"text-align: justify; margin-bottom: 25px;\">Il percorso formativo in e-learning \u00e8 costituito da <strong>10 MODULI DI APPROFONDIMENTO<\/strong> per un totale di <strong>20 VIDEOLEZIONI.<\/strong> Per passare da un modulo al successivo \u00e8 necessario superare il test di verifica alla fine di ogni unit\u00e0.<\/p>\n<p style=\"text-align: justify; margin-bottom: 25px;\">Una volta completata la fase di <strong>formazione teorica,<\/strong> studenti e studentesse potranno dedicarsi, individualmente o in gruppo, alla <strong>fase pratica:<\/strong> la produzione di un&#8217;<strong>applicazione web<\/strong>, in JavaScript. L\u2019elaborato finale andr\u00e0 caricato in piattaforma, per consentire all&#8217;insegnante di verificare e validare quanto realizzato, al fine di sbloccare la certificazione delle ore svolte.<\/p>\n<\/div>\n<div id=\"intro-stu\" style=\"display:none;\"><!-- login studente --><\/p>\n<h4 class=\"big-title\" style=\"color: #000;\">eCLASS<\/h4>\n<div class=\"is-divider divider clearfix\" style=\"max-width:small;\"><\/div>\n<p style=\"text-align: justify;\">Gli studenti delle classi iscritte hanno la possibilit\u00e0 di fruire di un <strong>percorso formativo in e-learning<\/strong>, composto da <strong>9 unit\u00e0 di approfondimento e<\/strong> dai <strong>relativi quiz di verifica<\/strong>. Sar\u00e0 possibile passare alla lezione successiva, solamente se si sar\u00e0 superato con successo il test collegato a essa.<\/p>\n<p style=\"text-align: justify;\">Gli attestati dei singoli studenti saranno scaricabili dall\u2019insegnante <strong>quando ciascuno avr\u00e0 completato con successo il modulo<\/strong>.<\/p>\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1149393623 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: #;\n}\n@media (min-width:550px) {\n  #section_1149393623 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<!doctype html>\n\t<html>\n\t<head>\n\t\t<meta charset=\"utf-8\">\n\t\t<title>Documento senza titolo<\/title>\n\t\t\t\t\t<script src=\"https:\/\/www.educazionedigitale.it\/php-custom\/language\/it.js\" type=\"text\/javascript\"><\/script>\n\t\t\t\t<script>\n\t\t\tvar path_principale = 'https:\/\/www.educazionedigitale.it\/coderz\/';\n\t\t\tvar path_totale = 'https:\/\/www.educazionedigitale.it\/php-custom\/';\n\t\t<\/script>\n\t\t<style>\n\t\t\t.custom-gray-b{\n\t\t\t\tfloat:left;\n\t\t\t\tcolor:#fff;\n\t\t\t\tbackground-color:#ddd;\n\t\t\t\t-webkit-border-radius:\t4px;\n\t\t\t\t-moz-border-radius:\t\t4px;\n\t\t\t\tborder-radius:\t\t\t4px;\n\t\t\t\t-webkit-box-shadow:\t0px 5px 0px 0px rgba(200, 200, 200, 1);\n\t\t\t\t-moz-box-shadow:\t0px 5px 0px 0px rgba(200, 200, 200, 1);\n\t\t\t\tbox-shadow:\t\t\t0px 5px 0px 0px rgba(200, 200, 200, 1);\n\t\t\t\tfont-weight:bold;\n\t\t\t\ttext-transform:uppercase;\n\t\t\t\tpadding:8px 15px 8px 15px;\n\t\t\t\tfont-size:12px;\n\t\t\t\ttext-align:center;\n\t\t\t\tmargin-bottom:20px;\n\t\t\t}\n\t\t\t.text-min{\n\t\t\t\tfont-size:10px;\n\t\t\t}\n\t\t\t.btn-forum{\n\t\t\t\ttext-align:center;\n\t\t\t\twidth:100%;\n\t\t\t\tpadding-top:4px;\n\t\t\t\tpadding-bottom:4px;\n\t\t\t\tfont-size:14px;\n\t\t\t}\n\t\t<\/style>\n\t\t<script>\n\t\t\tfunction hidePctoContent()\n\t\t\t{\n\t\t\t\tif(document.getElementById('pcto-content')){\n\t\t\t\t\tdocument.getElementById('pcto-content').style.display = 'none';\n\t\t\t\t}\n\t\t\t\tfor(var i=1; i<=1000; i*=10){\n\t\t\t\t\tsetTimeout(\n\t\t\t\t\t\tfunction(){\n\t\t\t\t\t\t\tif(document.getElementById('pcto-content')){\n\t\t\t\t\t\t\t\tdocument.getElementById('pcto-content').style.display = 'none';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\ti\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t<\/script>\n\t<\/head>\n\t\n\t<body>\n\t\t\t\t<p style=\"padding-top:10px;margin:0 0 50px 0;text-align:center;\">\n\t\t\t\t\t\t\t\t\tArea Protetta. Esegui il <a href=\"#login\" class=\"button medium custom-green\" style=\"color:#fff;\">login<\/a>\n\t\t\t\t\t\t\t\t\n\t\t\t<\/p>\n\t\t\t\t<script>\n\t\t\thidePctoContent();\n\t\t<\/script>\n\t    <\/body>\n    <\/html>\n\n<div>  <\/div>\n<div id=\"pcto-content\">\n\n\t<section class=\"section\" id=\"section_215284407\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-643278052\">\n\n\t<div id=\"col-438746550\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-158339033\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-158339033 {\n  padding-top: 5px;\n}\n<\/style>\n\t<\/div>\n\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%\">MODULO 1. Affrontare un problema con la programmazione: strategie risolutive e algoritmi<\/h4>\n<table style=\"margin-bottom:-30px\">\n<tbody>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">1. Introduzione alla programmazione con JS<\/h4>\n<\/td>\n<td width=\"33%\">\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">2. Algoritmo: definizione e caratteristiche<\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">TEST FINALE<\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_215284407 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_232683315\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-462922267\">\n\n\t<div id=\"col-285788561\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-739552248\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-739552248 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%\">MODULO 2. Dall\u2019algoritmo alla pseudocodifica<\/h4>\n<table style=\"margin-bottom:-30px\">\n<tbody>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">1. Algoritmo: rappresentazione in pseudocodifica e composizione<\/h4>\n<\/td>\n<td width=\"33%\">\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">2. Pseudocodifica<\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">TEST FINALE<\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_232683315 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_232683315 .section-bg-overlay {\n  background-color: rgba(6, 105, 179, 0.116);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_2086874062\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-2147338960\">\n\n\t<div id=\"col-207015837\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-175718718\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-175718718 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%\">MODULO 3. Dall\u2019algoritmo al programma <\/h4>\n<table style=\"margin-bottom:-30px\">\n<tbody>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">1. Pseudocodifica: programmazione strutturata<\/h4>\n<\/td>\n<td width=\"33%\">\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">2. Dall&#8217;algoritmo al programma e i linguaggi di programmazione<\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">TEST FINALE<\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2086874062 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_966192096\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-287409698\">\n\n\t<div id=\"col-92126854\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-1705106078\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1705106078 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%\">MODULO 4. I linguaggi di programmazione<\/h4>\n<table style=\"margin-bottom:-30px\">\n<tbody>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">1. I linguaggi di programmazione: classificazione<\/h4>\n<\/td>\n<td width=\"33%\">\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">2. I linguaggi di programmazione: quale utilizzare<\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">TEST FINALE<\/h2>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_966192096 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_966192096 .section-bg-overlay {\n  background-color: rgba(6, 105, 179, 0.116);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_950491072\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-2134145056\">\n\n\t<div id=\"col-317316657\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-1969979478\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1969979478 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%\">MODULO 5. JavaScript: introduzione <\/h4>\n<table style=\"margin-bottom:-30px\">\n<tbody>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">1. JavaScript: introduzione e struttura lessicale<\/h4>\n<\/td>\n<td width=\"33%\">\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">2. JavaScript: variabili, tipi di dato, conversioni<\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">TEST FINALE<\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_950491072 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_673508182\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-945424008\">\n\n\t<div id=\"col-1310109469\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-1097958446\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1097958446 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%\">MODULO 6. JavaScript: costrutti base<\/h4>\n<table style=\"margin-bottom:-30px\">\n<tbody>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">1. JavaScript: operatori, espressioni, istruzioni. If, else if, switch<\/h4>\n<\/td>\n<td width=\"33%\">\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">2. JavaScript: while, do-while, for <\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">TEST FINALE<\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_673508182 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_673508182 .section-bg-overlay {\n  background-color: rgba(6, 105, 179, 0.116);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1062389349\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-524503054\">\n\n\t<div id=\"col-1891089236\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-518985034\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-518985034 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%\">MODULO 7. JavaScript: funzioni e oggetti <\/h4>\n<table style=\"margin-bottom:-30px\">\n<tbody>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">1. JavaScript: funzioni e oggetti <\/h4>\n<\/td>\n<td width=\"33%\">\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">2. JavaScript: metodi, costruttori, prototipi <\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">TEST FINALE<\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1062389349 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_863902108\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-564205615\">\n\n\t<div id=\"col-2066440510\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-132665626\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-132665626 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%\">MODULO 8. Standard ECMA6 <\/h4>\n<table style=\"margin-bottom:-30px\">\n<tbody>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">1. Standard ECMA6 <\/h4>\n<\/td>\n<td width=\"33%\">\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">2. JavaScript: novit\u00e0 ES6 <\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">TEST FINALE<\/h2>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_863902108 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_863902108 .section-bg-overlay {\n  background-color: rgba(6, 105, 179, 0.116);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_233071319\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-1444474703\">\n\n\t<div id=\"col-712786580\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-1846823203\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1846823203 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%\">MODULO 9. Document Object Model <\/h4>\n<table style=\"margin-bottom:-30px\">\n<tbody>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">1. Document Object Model \u2013 parte 1 <\/h4>\n<\/td>\n<td width=\"33%\">\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">2. Document Object Model \u2013 parte 2 <\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">TEST FINALE<\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_233071319 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1825834567\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-770928797\">\n\n\t<div id=\"col-2015753063\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-250073254\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-250073254 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%\">MODULO 10. Il problema dell&#8217;ordinamento <\/h4>\n<table style=\"margin-bottom:-30px\">\n<tbody>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">1. Il problema dell&#8217;ordinamento \u2013 parte 1 <\/h4>\n<\/td>\n<td width=\"33%\">\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">2. Il problema dell&#8217;ordinamento \u2013 parte 2 <\/h4>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<tr>\n<tr>\n<td colspan=\"2\">\n<h4 style=\"color:#212121\">TEST FINALE<\/h2>\n<\/td>\n<td>\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1825834567 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_1825834567 .section-bg-overlay {\n  background-color: rgba(6, 105, 179, 0.116);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1230100060\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-737638988\">\n\n\t<div id=\"col-1242366697\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"text-1117619999\" class=\"text\">\n\t\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%\">L&#8217;INTELLIGENZA ARTIFICIALE<\/h4>\n\t\t\n<style>\n#text-1117619999 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n<a href=\"#risorse-aggiuntive\" class=\"button primary is-outline\" >\n\t\t<span>RISORSE AGGIUNTIVE<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1242366697 > .col-inner {\n  margin: 0px 0px -49px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1230100060 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgba(6, 105, 179, 0.297);\n}\n<\/style>\n\t<\/section>\n\t\n\n            \n\t<section class=\"section\" id=\"section_1793830536\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n                \t<div id=\"gap-328943034\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-328943034 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n                <div class=\"row align-middle align-center\"  id=\"row-183524058\">\n                    \n\t<div id=\"col-1804727605\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n                        <p style=\"text-align: center; margin-bottom:-20px; font-size:110%; color:#b00;\">\n        <b style=\"font-size:175%\"><u>AVVISO<\/u><\/b><br>\n        Gli <b style=\"font-size:120%\">STUDENTI<\/b> dovranno <b style=\"font-size:120%\">TASSATIVAMENTE<\/b> caricare il <b style=\"font-size:120%\">PROJECT WORK<\/b> entro il <b style=\"font-size:120%\">7 LUGLIO 2026<\/b>.<br>\n        Gli <b style=\"font-size:120%\">INSEGNANTI<\/b> dovranno <b style=\"font-size:120%\">TASSATIVAMENTE<\/b> validare il <b style=\"font-size:120%\">PROJECT WORK<\/b> entro il <b style=\"font-size:120%\">14 LUGLIO 2026<\/b>.<br>\n                        <\/p>\n                    \t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n                <\/div>\n            \t\t<\/div>\n\n\t\t\n<style>\n#section_1793830536 {\n  padding-top: 15px;\n  padding-bottom: 15px;\n  background-color: #faa;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1330663740\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-102329209\">\n\n\t<div id=\"col-1415085393\" class=\"col medium-8 large-8\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h1>Project Work<\/h1>\n<p style=\"text-align: justify; margin-bottom: 25px;\">Una volta completato il percorso di e-learning, ciascuno, individualmente o in gruppo, \u00e8 chiamato a lavorare alla realizzazione di un&#8217;applicazione web in JavaScript. L&#8217;elaborato finale andr\u00e0 caricato in piattaforma, affinch\u00e9 l&#8217;insegnante possa verificarlo, validarlo e sbloccare la certificazione delle ore di FSL svolte. Gli esperti di Zucchetti potranno collegarsi in ogni momento alla gallery del FSL per visionare quanto realizzato. <\/p>\n<p style=\"text-align: justify; margin-top: -10px;\"> Ragazzi e ragazze potranno scegliere tra le seguenti applicazione da creare:<\/p>\n<ol>\n<li type=\"A\"> <strong style=\"font-size: 22px; color:#0669b3 !important;\">STEAM Who?<\/strong>\n<p style=\"text-align: justify;\">Questa opzione, adatta a tutti gli indirizzi scolastici, prevede la realizzazione di un\u2019applicazione Web che sia in grado di riconoscere e indovinare, a seguito di una serie di input, un personaggio famoso appartenente all\u2019ambito STEAM tra i possibili elencati. Il sistema dovr\u00e0 essere sviluppato in modo tale da porre all\u2019utente una serie di domande chiuse, alle quali si potr\u00e0 rispondere o affermativamente o negativamente; analizzando il susseguirsi delle risposte date, il sistema dovr\u00e0 essere in grado cos\u00ec di determinare di quale personaggio si tratti.<\/p>\n<\/li>\n<li type=\"A\"><strong style=\"font-size: 22px; color:#0669b3 !important;\">L\u2019allunaggio<\/strong>\n<p style=\"text-align: justify;\">Questa opzione prevede la realizzazione di un\u2019applicazione Web che simuli l\u2019allunaggio di una navetta spaziale sul suolo lunare. Dovranno essere progettati e realizzati tutti i controlli che consentono di gestire l\u2019atterraggio della navetta in sicurezza, in modo da contrastare gli elementi avversi, quali forza di gravit\u00e0, velocit\u00e0 di discesa ecc. Ulteriori controlli e verifiche dovranno, inoltre, assicurare che la navetta centri il punto esatto di atterraggio, gestendone i movimenti lineari e non. Il Project Work potr\u00e0 essere svolto sia singolarmente sia come lavoro di gruppo. In entrambi i casi, ogni studente, per ottenere la certificazione delle ore impiegate, dovr\u00e0 caricare quanto realizzato tramite l\u2019apposita funzione di caricamento.<\/p>\n<\/li>\n<li type=\"A\"><strong style=\"font-size: 22px; color:#0669b3 !important;\">SayHi!<\/strong>\n<p style=\"text-align: justify;\">L&#8217;ultima opzione prevede di realizzare un\u2019applicazione Web capace di interagire con gli utenti tramite una chat (chatbot). Gli studenti dovranno utilizzare il linguaggio di programmazione JavaScript, affrontato nei moduli E-learning, inserito all&#8217;interno di una pagina HTML, unitamente alle conoscenze sull\u2019Intelligenza Artificiale spiegate nell\u2019esercizio guidato in E-learning. Il progetto potr\u00e0 essere svolto singolarmente o in gruppo e dovr\u00e0 essere caricato tramite l\u2019apposita funzione di caricamento per la valutazione e la certificazione delle ore.<\/p>\n<\/li>\n<\/ol>\n\t<div id=\"gap-1838966520\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1838966520 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n<a href=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2023\/09\/PW-STEAM-Who.pdf\" target=\"_blank\" class=\"button primary is-outline lowercase\" rel=\"noopener\" >\n\t\t<span>Istruzioni STEAM WHO?<\/span>\n\t<\/a>\n\n<a href=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2023\/09\/PW-Allunaggio.pdf\" target=\"_blank\" class=\"button primary is-outline lowercase\" rel=\"noopener\" >\n\t\t<span>Istruzioni L'ALLUNAGGIO<\/span>\n\t<\/a>\n\n<a href=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2025\/11\/PW-SayHi.pdf\" target=\"_blank\" class=\"button primary is-outline lowercase\" rel=\"noopener\" >\n\t\t<span>Istruzioni SayHi!<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1542820816\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t\n\t<style>\n\t\t.inattivo{\n\t\t\tbackground-color: rgba(255,255,255,0.15) !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0.2) !important;\n\t\t\tfont-weight: normal !important;\n\t\t\tcolor: rgba(0,0,0,0.35) !important;\n\t\t\tline-height: 1!important;\n\t\t\tpadding: 2px 6px 2px 6px !important;\n\t\t\tmargin-top: -4px !important;\n\t\t\ttext-shadow: 0px 0px 10px rgba(255,255,255,0.5);\n\t\t}\n\t\t.anchor{\n\t\t\tmargin-top: -100px;\n\t\t\tmargin-bottom: 100px;\n\t\t\tdisplay: block;\n\t\t\theight: 0;\n\t\t}\n\t\t.pallino{\n\t\t\tdisplay:inline-block;\n\t\t\theight:24px;\n\t\t\twidth:24px;\n\t\t\tborder-radius:50%;\n\t\t\tmargin:0;\n\t\t\tbox-sizing:border-box;\n\t\t}\n\t\t.pallino-lightgreen{\n\t\t\tbackground-color:#0B3;\n\t\t\tborder:4px solid #FB0;\n\t\t}\n\t\t.pallino-red{\n\t\t\tbackground-color:#F66;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-yellow{\n\t\t\tbackground-color:#fc0;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t\t.pallino-green{\n\t\t\tbackground-color:#0C3;\n\t\t\tborder:1px solid rgba(0,0,0,0.2);\n\t\t}\n\t<\/style>\n    <script>\n        function customWindowOpen(url,target)\n        {\n            setTimeout(\n                function(){\n                    \/\/console.log(' >>> open '+url+' > '+target);\n                    window.open(url,target);\n                },\n                500\n            );\n        }\n    <\/script>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1330663740 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_2008894451\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row margin-0\"  id=\"row-1807956786\">\n\n\t<div id=\"col-181273802\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n    \n\t\t<script>\n\t\t\t\/*document.getElementById('txt-check').innerHTML = '<p style=\"text-align:center;margin-top:100px;\">Area Protetta. Esegui il <a href=\"#login\" class=\"button medium custom-green\" style=\"color:#fff\">login<\/a><\/p>';*\/\n\t\t\tif(document.getElementById('pcto-content')){\n\t\t\t\tdocument.getElementById('pcto-content').style.display = 'none';\n\t\t\t}\n\t\t<\/script>\n\t\n\t\t<div id=\"pcto-risorsa-non-disponibile\"\n\t     class=\"lightbox-by-id lightbox-content mfp-hide lightbox-white \"\n\t     style=\"max-width:650px ;padding:20px\">\n\t\t\n\t\t<h3 style=\"text-align:center;\">Risorsa momentaneamente NON DISPONIBILE<\/h3>\n\t\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2008894451 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n<\/p>\n<\/div>\n\n\t<section class=\"section\" id=\"section_1732792352\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\" style=\"max-width:\" id=\"row-646825748\">\n\n\t<div id=\"col-366205615\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%; letter-spacing: 2px;\">VIVAIO DEI TALENTI <\/h4>\n<h1 style=\"text-align: left;\">Vuoi candidarti al Vivaio dei Talenti <br \/>di Zucchetti Academy<br \/> per un percorso di formazione altamente professionalizzante <br \/>e gratuito?<\/h1>\n\t<div id=\"gap-53797477\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-53797477 {\n  padding-top: 5px;\n}\n<\/style>\n\t<\/div>\n\t\n<a data-animate=\"fadeInLeft\" href=\"https:\/\/www.educazionedigitale.it\/coderz\/il-vivaio-dei-talenti\/\" class=\"button primary is-custom-green is-medium\" >\n\t\t<span>Manda la tua candidatura<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-404250984\" class=\"col medium-6 small-12 large-6\"  data-animate=\"bounceIn\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1215569719\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-cover dark\" style=\"padding-top:313px;\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"851\" src=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2023\/07\/smiling-woman-pointing-her-finger-you.jpg\" class=\"attachment-original size-original\" alt=\"\" srcset=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2023\/07\/smiling-woman-pointing-her-finger-you.jpg 1500w, https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2023\/07\/smiling-woman-pointing-her-finger-you-800x454.jpg 800w, https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2023\/07\/smiling-woman-pointing-her-finger-you-768x436.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1215569719 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1732792352 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  margin-bottom: -37px;\n  background-color: rgba(6, 105, 179, 0.297);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1251890600\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\t<div id=\"gap-1682272512\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1682272512 {\n  padding-top: 7px;\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row\"  id=\"row-818887742\">\n\n\t<div id=\"col-757211273\" class=\"col medium-6 small-12 large-6\"  data-animate=\"bounceIn\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_667617786\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-cover dark\" style=\"padding-top:199px;\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"500\" src=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2023\/07\/Ethical-Hacker.jpg\" class=\"attachment-original size-original\" alt=\"\" srcset=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2023\/07\/Ethical-Hacker.jpg 1500w, https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2023\/07\/Ethical-Hacker-800x267.jpg 800w, https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2023\/07\/Ethical-Hacker-768x256.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_667617786 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-508762310\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%; letter-spacing: 2px;\">POSIZIONI APERTE <\/h4>\n<h1 style=\"text-align: left;\">Vuoi entrare a far parte <br \/>del team Zucchetti?<\/h1>\n\t<div id=\"gap-956722144\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-956722144 {\n  padding-top: 5px;\n}\n<\/style>\n\t<\/div>\n\t\n<a data-animate=\"fadeInRight\" href=\"https:\/\/www.educazionedigitale.it\/coderz\/posizione-aperte\/\" class=\"button primary is-custom-green is-medium\" >\n\t\t<span>Manda la tua candidatura<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1251890600 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(255,255,255);\n}\n<\/style>\n\t<\/section>\n\t\n\t<div id=\"risorse-aggiuntive\"\n\t     class=\"lightbox-by-id lightbox-content mfp-hide lightbox-white \"\n\t     style=\"max-width:650px ;padding:20px\">\n\t\t\n<div class=\"row\"  id=\"row-776920434\">\n\t<div id=\"col-1511144097\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h4 style=\"border-bottom: 2px solid #0669b3; padding-bottom: 10px; color:#0669b3; font-size:160%\">L&#8217;INTELLIGENZA ARTIFICIALE<\/h4>\n<a data-animate=\"fadeInLeft\" href=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2025\/11\/1-Introduzione-Ai-web.mp4\" target=\"_blank\" class=\"button primary is-custom-green is-medium\" rel=\"noopener\" >\n\t\t<span>Introduzione all'AI<\/span>\n\t<\/a>\n\n<a data-animate=\"fadeInLeft\" href=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2025\/11\/2-Storia-Ai-web.mp4\" target=\"_blank\" class=\"button primary is-custom-green is-medium\" rel=\"noopener\" >\n\t\t<span>Storia dell'AI<\/span>\n\t<\/a>\n\n<a data-animate=\"fadeInLeft\" href=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2025\/11\/3-Tipologie-Ai-web.mp4\" target=\"_blank\" class=\"button primary is-custom-green is-medium\" rel=\"noopener\" >\n\t\t<span>Tipologie di AI<\/span>\n\t<\/a>\n\n<a data-animate=\"fadeInLeft\" href=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2025\/11\/4-Algoritmi-web.mp4\" target=\"_blank\" class=\"button primary is-custom-green is-medium\" rel=\"noopener\" >\n\t\t<span>Algoritmi e Modelli AI<\/span>\n\t<\/a>\n\n<a data-animate=\"fadeInLeft\" href=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2025\/11\/5-Modello-web.mp4\" target=\"_blank\" class=\"button primary is-custom-green is-medium\" rel=\"noopener\" >\n\t\t<span>I modelli transformers<\/span>\n\t<\/a>\n\n<a data-animate=\"fadeInLeft\" href=\"https:\/\/www.educazionedigitale.it\/coderz\/wp-content\/uploads\/2025\/11\/6-Esempio-Pratico-web.mp4\" target=\"_blank\" class=\"button primary is-custom-green is-medium\" rel=\"noopener\" >\n\t\t<span>Esempio pratico con JS<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1511144097 > .col-inner {\n  margin: 0px 0px -49px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t<\/div>\n\t<\/div>\n\t\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-3813","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.educazionedigitale.it\/coderz\/wp-json\/wp\/v2\/pages\/3813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.educazionedigitale.it\/coderz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.educazionedigitale.it\/coderz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.educazionedigitale.it\/coderz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.educazionedigitale.it\/coderz\/wp-json\/wp\/v2\/comments?post=3813"}],"version-history":[{"count":3,"href":"https:\/\/www.educazionedigitale.it\/coderz\/wp-json\/wp\/v2\/pages\/3813\/revisions"}],"predecessor-version":[{"id":6500,"href":"https:\/\/www.educazionedigitale.it\/coderz\/wp-json\/wp\/v2\/pages\/3813\/revisions\/6500"}],"wp:attachment":[{"href":"https:\/\/www.educazionedigitale.it\/coderz\/wp-json\/wp\/v2\/media?parent=3813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}