{"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-699383092\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-699383092 {\n  padding-top: 56px;\n}\n@media (min-width:550px) {\n  #gap-699383092 {\n    padding-top: 76px;\n  }\n}\n@media (min-width:850px) {\n  #gap-699383092 {\n    padding-top: 117px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n  <div class=\"banner has-hover banner-home\" id=\"banner-1174326537\">\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-1394803004\" 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-1394803004 {\n  width: 60%;\n}\n#text-box-1394803004 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1394803004 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1174326537 {\n  padding-top: 106px;\n}\n#banner-1174326537 .banner-bg img {\n  object-position: 43% 11%;\n}\n@media (min-width:550px) {\n  #banner-1174326537 {\n    padding-top: 100px;\n  }\n}\n@media (min-width:850px) {\n  #banner-1174326537 {\n    padding-top: 200px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n\t<section class=\"section\" id=\"section_610693022\">\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-1669408514\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1669408514 {\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-1023500235\">\n\n\t<div id=\"col-80789215\" 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-330098279\" class=\"gap-element clearfix hide-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-330098279 {\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-409804209\" 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-1099063156\" class=\"gap-element clearfix hide-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1099063156 {\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-259676397\" 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_610693022 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: #;\n}\n@media (min-width:550px) {\n  #section_610693022 {\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_98014961\">\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-1058314945\">\n\n\t<div id=\"col-838170437\" 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-725695903\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-725695903 {\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_98014961 {\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_291610064\">\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-1263369736\">\n\n\t<div id=\"col-1369049423\" 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-1882245319\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1882245319 {\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_291610064 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_291610064 .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_147806804\">\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-179112259\">\n\n\t<div id=\"col-1881052464\" 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-1684247876\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1684247876 {\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_147806804 {\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_2129188774\">\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-457790602\">\n\n\t<div id=\"col-1826976918\" 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-6180206\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-6180206 {\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_2129188774 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_2129188774 .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_1014406909\">\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-35499719\">\n\n\t<div id=\"col-1320450050\" 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-1894389529\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1894389529 {\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_1014406909 {\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_1706057543\">\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-770164711\">\n\n\t<div id=\"col-52127495\" 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-288099054\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-288099054 {\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_1706057543 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_1706057543 .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_381408177\">\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-1800857781\">\n\n\t<div id=\"col-1784947671\" 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-1311823438\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1311823438 {\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_381408177 {\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_2076445335\">\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-241544817\">\n\n\t<div id=\"col-1828447072\" 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-515094353\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-515094353 {\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_2076445335 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_2076445335 .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_864755076\">\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-1069560009\">\n\n\t<div id=\"col-782803112\" 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-1425982805\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1425982805 {\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_864755076 {\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_202269923\">\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-1484919155\">\n\n\t<div id=\"col-1108348563\" 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-407696483\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-407696483 {\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_202269923 {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: #e6e6e6;\n}\n#section_202269923 .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_848524327\">\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-1237739955\">\n\n\t<div id=\"col-1483084344\" 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-727319323\" 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-727319323 {\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-1483084344 > .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_848524327 {\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_1992019194\">\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-412987055\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-412987055 {\n  padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n                <div class=\"row align-middle align-center\"  id=\"row-1630688997\">\n                    \n\t<div id=\"col-1548188846\" 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_1992019194 {\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_814685551\">\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-1596156147\">\n\n\t<div id=\"col-1538592865\" 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-1700631299\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1700631299 {\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-1540415022\" 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_814685551 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_707068034\">\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-1318887206\">\n\n\t<div id=\"col-1250820495\" 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_707068034 {\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_1172981212\">\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-1765155549\">\n\n\t<div id=\"col-1004345074\" 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-2003563971\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-2003563971 {\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-2024593988\" 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_221907118\">\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_221907118 {\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_1172981212 {\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_972460203\">\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-805100280\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-805100280 {\n  padding-top: 7px;\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row\"  id=\"row-388823215\">\n\n\t<div id=\"col-109303317\" 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_1824707987\">\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_1824707987 {\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-481489710\" 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-1210078774\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1210078774 {\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_972460203 {\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-2053383163\">\n\t<div id=\"col-957664251\" 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-957664251 > .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":"","_members_access_role":[],"_members_access_error":""},"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}]}}