{"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-722979938\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-722979938 {\n  padding-top: 56px;\n}\n@media (min-width:550px) {\n  #gap-722979938 {\n    padding-top: 76px;\n  }\n}\n@media (min-width:850px) {\n  #gap-722979938 {\n    padding-top: 117px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n  <div class=\"banner has-hover banner-home\" id=\"banner-1892651245\">\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-1178688793\" 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-1178688793 {\n  width: 60%;\n}\n#text-box-1178688793 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1178688793 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1892651245 {\n  padding-top: 106px;\n}\n#banner-1892651245 .banner-bg img {\n  object-position: 43% 11%;\n}\n@media (min-width:550px) {\n  #banner-1892651245 {\n    padding-top: 100px;\n  }\n}\n@media (min-width:850px) {\n  #banner-1892651245 {\n    padding-top: 200px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n\t<section class=\"section\" id=\"section_1300914100\">\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-1774301053\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1774301053 {\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-1819964636\">\n\n\t<div id=\"col-1406500319\" 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-179207005\" class=\"gap-element clearfix hide-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-179207005 {\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-1937184959\" 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-1052294175\" class=\"gap-element clearfix hide-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1052294175 {\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-94039184\" 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_1300914100 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: #;\n}\n@media (min-width:550px) {\n  #section_1300914100 {\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_1277962248\">\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-1313860688\">\n\n\t<div id=\"col-1066482385\" 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-243174844\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-243174844 {\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_1277962248 {\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_1837302725\">\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-1368776505\">\n\n\t<div id=\"col-870176903\" 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-766096474\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-766096474 {\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_1837302725 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_1837302725 .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_882850334\">\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-516350769\">\n\n\t<div id=\"col-1620722744\" 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-787820255\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-787820255 {\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_882850334 {\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_950604524\">\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-584969894\">\n\n\t<div id=\"col-1113398040\" 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-1713483476\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1713483476 {\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_950604524 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_950604524 .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_2145940419\">\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-816753999\">\n\n\t<div id=\"col-1063043065\" 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-560611451\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-560611451 {\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_2145940419 {\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_93805660\">\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-1780117409\">\n\n\t<div id=\"col-1522387256\" 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-194719945\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-194719945 {\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_93805660 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_93805660 .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_340398551\">\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-1220623433\">\n\n\t<div id=\"col-1733273099\" 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-1618305443\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1618305443 {\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_340398551 {\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_794568293\">\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-250537790\">\n\n\t<div id=\"col-798530514\" 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-1073647973\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1073647973 {\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_794568293 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_794568293 .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_499380332\">\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-1403829003\">\n\n\t<div id=\"col-338752696\" 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-1835307532\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1835307532 {\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_499380332 {\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_820853519\">\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-335355962\">\n\n\t<div id=\"col-394840963\" 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-1206660145\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1206660145 {\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_820853519 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_820853519 .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_1325423262\">\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-1084398361\">\n\n\t<div id=\"col-1961329606\" 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-3670245311\" 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-3670245311 {\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-1961329606 > .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_1325423262 {\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_1341812207\">\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-1404822251\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1404822251 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n                <div class=\"row align-middle align-center\"  id=\"row-31592175\">\n                    \n\t<div id=\"col-800379089\" 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_1341812207 {\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_254585176\">\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-1158818418\">\n\n\t<div id=\"col-23782176\" 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-2111624771\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-2111624771 {\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-1182933806\" 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_254585176 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1612371536\">\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-1601543509\">\n\n\t<div id=\"col-1136943982\" 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_1612371536 {\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_994257250\">\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-1169456947\">\n\n\t<div id=\"col-1317205306\" 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-1531163952\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1531163952 {\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-1649661366\" 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_248676841\">\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_248676841 {\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_994257250 {\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_1367645214\">\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-1802213651\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1802213651 {\n  padding-top: 7px;\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row\"  id=\"row-163505026\">\n\n\t<div id=\"col-271461187\" 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_2042126673\">\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_2042126673 {\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-470845183\" 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-708137378\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-708137378 {\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_1367645214 {\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-1425851985\">\n\t<div id=\"col-1957084015\" 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-1957084015 > .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}]}}