{"id":212542,"student_id":12205,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n \u003ctitle\u003etalking.net --for let\u0026#39;s programmes | 程式專案 | 橘蘋學習平台\u003c/title\u003e\u003cmeta content=\\\"快來橘蘋學習平台來看我的作品吧！\\\" name=\\\"description\\\" /\u003e\u003cmeta content=\\\"text/html; charset=UTF-8\\\" http-equiv=\\\"Content-Type\\\" /\u003e\u003cmeta content=\\\"width=device-width, initial-scale=1\\\" name=\\\"viewport\\\" /\u003e\u003cmeta content=\\\"1801378909903067\\\" property=\\\"fb:app_id\\\" /\u003e\u003cmeta content=\\\"talking.net --for let\u0026#39;s programmes | 程式專案 | 橘蘋學習平台\\\" itemprop=\\\"name\\\" /\u003e\u003cmeta content=\\\"https://cdn5.koding.school/uploads/project/screenshot/211835/becbcc8430151f11b71c8fe35a10a887.jpg\\\" itemprop=\\\"image\\\" /\u003e\u003cmeta content=\\\"快來橘蘋學習平台來看我的作品吧！\\\" itemprop=\\\"description\\\" /\u003e\u003cmeta content=\\\"快來橘蘋學習平台來看我的作品吧！\\\" property=\\\"og:description\\\" /\u003e\u003cmeta content=\\\"talking.net --for let\u0026#39;s programmes | 程式專案 | 橘蘋學習平台\\\" property=\\\"og:title\\\" /\u003e\u003cmeta content=\\\"website\\\" property=\\\"og:type\\\" /\u003e\u003cmeta content=\\\"https://koding.school/projects/ej9s223wk\\\" property=\\\"og:url\\\" /\u003e\u003cmeta content=\\\"https://cdn5.koding.school/uploads/project/screenshot/211835/becbcc8430151f11b71c8fe35a10a887.jpg\\\" property=\\\"og:image\\\" /\u003e\u003cmeta content=\\\"橘蘋學習平台\\\" property=\\\"og:site_name\\\" /\u003e\u003cmeta content=\\\"\\\" property=\\\"og:video\\\" /\u003e\u003cmeta content=\\\"\\\" property=\\\"og:video:secure_url\\\" /\u003e\u003cmeta content=\\\"video/mp4\\\" property=\\\"og:video:type\\\" /\u003e\u003cmeta content=\\\"400\\\" property=\\\"og:video:width\\\" /\u003e\u003cmeta content=\\\"300\\\" property=\\\"og:video:height\\\" /\u003e\u003clink href=\\\"https://cdn3.koding.school/favicon.ico\\\" rel=\\\"shortcut icon\\\" type=\\\"image/x-icon\\\" /\u003e\u003c!--GA Code--\u003e\u003cscript\u003e\\n (function(i, s, o, g, r, a, m) {\\n i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() {\\n (i[r].q = i[r].q || []).push(arguments)}, i[r].l = 1*new Date(); a = s.createElement(o),\\n m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)\\n })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');\\n ga('create', 'UA-99102104-1', 'auto');\\n ga('send', 'pageview');\\n \u003c/script\u003e\\n \u003c!--Facebook Pixel Code--\u003e\u003cscript\u003e\\n !function (f, b, e, v, n, t, s) {\\n if (f.fbq) return;\\n n = f.fbq = function () {\\n n.callMethod ?\\n n.callMethod.apply(n, arguments): n.queue.push(arguments)\\n };\\n if (!f._fbq) f._fbq = n;\\n n.push = n;\\n n.loaded = !0;\\n n.version = '2.0';\\n n.queue = [];\\n t = b.createElement(e);\\n t.async = !0;\\n t.src = v;\\n s = b.getElementsByTagName(e)[0];\\n s.parentNode.insertBefore(t, s)\\n }(window, document, 'script',\\n 'https://connect.facebook.net/en_US/fbevents.js');\\n fbq('init', '841617052639483');\\n fbq('track', 'PageView');\\n \u003c/script\u003e\\n \u003cnoscript\u003e\u003cimg height=\\\"1\\\" src=\\\"https://www.facebook.com/tr?id=841617052639483\u0026amp;ev=PageView\u0026amp;noscript=1\\\" width=\\\"1\\\" /\u003e\u003c/noscript\u003e\u003c!--End Facebook Pixel Code--\u003e\u003clink as=\\\"style\\\" href=\\\"https://cdn8.koding.school/assets/application-37e3f29f4591647c1becb6a1820a08b08cc358eea177ac9fc2022755b945d34b.css\\\" onload=\\\"this.onload=null;this.rel=\u0026#39;stylesheet\u0026#39;\\\" rel=\\\"preload\\\" /\u003e\u003cnoscript\u003e\u003clink href=\\\"https://cdn8.koding.school/assets/application-37e3f29f4591647c1becb6a1820a08b08cc358eea177ac9fc2022755b945d34b.css\\\" rel=\\\"stylesheet\\\" /\u003e\u003c/noscript\u003e\u003cscript type=\\\"text/javascript\\\"\u003e\\n !function(e) {\\n \\\"use strict\\\"; var n = function(n, t, o) {\\n var i, r = e.document, d = r.createElement(\\\"link\\\"); if (t)i = t; else {\\n var a = (r.body || r.getElementsByTagName(\\\"head\\\")[0]).childNodes; i = a[a.length-1]}var l = r.styleSheets; d.rel = \\\"stylesheet\\\", d.href = n, d.media = \\\"only x\\\", function e(n) {\\n if (r.body)return n(); setTimeout(function() {\\n e(n)})}(function() {\\n i.parentNode.insertBefore(d, t?i: i.nextSibling)}); var f = function(e) {\\n for (var n = d.href, t = l.length; t--;)if (l[t].href === n)return e(); setTimeout(function() {\\n f(e)})}; function s() {\\n d.addEventListener \u0026\u0026 d.removeEventListener(\\\"load\\\", s), d.media = o || \\\"all\\\"\\n }return d.addEventListener \u0026\u0026 d.addEventListener(\\\"load\\\", s), d.onloadcssdefined = f, f(s), d\\n }; \\\"undefined\\\" != typeof exports?exports.loadCSS = n: e.loadCSS = n\\n }(\\\"undefined\\\" != typeof global?global: this);\\n !function(t) {\\n \\\"use strict\\\"; t.loadCSS || (t.loadCSS = function() {}); var e = loadCSS.relpreload = {}; if (e.support = function() {\\n var e; try {\\n e = t.document.createElement(\\\"link\\\").relList.supports(\\\"preload\\\")}catch(t) {\\n e=!1\\n }return function() {\\n return e\\n }}(), e.bindMediaToggle = function(t) {\\n var e = t.media || \\\"all\\\"; function a() {\\n t.media = e\\n }t.addEventListener?t.addEventListener(\\\"load\\\", a): t.attachEvent \u0026\u0026 t.attachEvent(\\\"onload\\\", a), setTimeout(function() {\\n t.rel = \\\"stylesheet\\\", t.media = \\\"only x\\\"\\n }), setTimeout(a, 3e3)}, e.poly = function() {\\n if (!e.support())for (var a = t.document.getElementsByTagName(\\\"link\\\"), n = 0; n \u003c a.length; n++) {\\n var o = a[n]; \\\"preload\\\" !== o.rel || \\\"style\\\" !== o.getAttribute(\\\"as\\\") || o.getAttribute(\\\"data-loadcss\\\") || (o.setAttribute(\\\"data-loadcss\\\", !0), e.bindMediaToggle(o))}}, !e.support()) {\\n e.poly(); var a = t.setInterval(e.poly, 500); t.addEventListener?t.addEventListener(\\\"load\\\", function() {\\n e.poly(), t.clearInterval(a)}): t.attachEvent \u0026\u0026 t.attachEvent(\\\"onload\\\", function() {\\n e.poly(), t.clearInterval(a)})}\\\"undefined\\\" != typeof exports?exports.loadCSS = loadCSS: t.loadCSS = loadCSS\\n }(\\\"undefined\\\" != typeof global?global: this);\\n \u003c/script\u003e\\n \u003cmeta name=\\\"csrf-param\\\" content=\\\"authenticity_token\\\" /\u003e\\n \u003cmeta name=\\\"csrf-token\\\" content=\\\"CyK4nle8I3DiY+YkZj5WKPnWP+tAu3PBE46ETy3dH50gHuDaqswVhZXEmOHOE2vISH7DwYIrPGvIT56Der1CeA==\\\" /\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n \u003cdiv id=\\\"site-loader\\\" style=\\\"display: flex; align-items: center; justify-content: center; background-color: #eee; position: fixed; right: 0; top: 0; left: 0; bottom: 0%; z-index: 99999999999999;\\\"\u003e\\n \u003cdiv style=\\\"text-align: center\\\"\u003e\\n \u003cimg src=\\\"https://cdn2.koding.school/assets/loading/loading-27c7b0ca6518a411dd3f4cfaf5a335b13c55f4e1200569805abb205f449b73fc.gif\\\" /\u003e\u003csmall style=\\\"display:block; color: #333;\\\"\u003e載入中... 請稍候\u003c/small\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv style=\\\"height: 62px\\\"\u003e\u003c/div\u003e\\n \u003cdiv class=\\\"ks-navbar fixed-top mini ks-shadow-b\\\" style=\\\"background-color: #fff;\\\"\u003e\\n \u003cnav class=\\\"navbar navbar-expand-lg navbar-light\\\" style=\\\"max-width: 960px; height: 100%; margin: auto;\\\"\u003e\\n \u003ca class=\\\"navbar-brand\\\" href=\\\"/\\\"\u003e\u003cdiv class=\\\"logo\\\"\u003e\\n \u003cimg class=\\\"img-lg\\\" src=\\\"https://cdn7.koding.school/assets/logo/oa-logo-mini-730fe59f98d967929255f884abf83ff8f3934387d50b67403be1c4cd1eac6561.png\\\" alt=\\\"Oa logo mini\\\" /\u003e\u003cimg class=\\\"img-sm\\\" src=\\\"https://cdn7.koding.school/assets/logo/oa-logo-mini-730fe59f98d967929255f884abf83ff8f3934387d50b67403be1c4cd1eac6561.png\\\" alt=\\\"Oa logo mini\\\" /\u003e\\n \u003c/div\u003e\\n \u003c/a\u003e\u003cbutton aria-controls=\\\"navbarNav\\\" aria-expanded=\\\"false\\\" aria-label=\\\"Toggle navigation\\\" class=\\\"navbar-toggler\\\" data-target=\\\"#navbarNav\\\" data-toggle=\\\"collapse\\\" type=\\\"button\\\"\u003e\u003cspan class=\\\"navbar-toggler-icon\\\"\u003e\u003c/span\u003e\u003c/button\u003e\u003cdiv class=\\\"collapse navbar-collapse\\\" id=\\\"navbarNav\\\" style=\\\"background-color: #fff;\\\"\u003e\\n \u003cul class=\\\"navbar-nav navbar-left-group\\\"\u003e\\n \u003cli class=\\\"nav-item\\\"\u003e\u003ca class=\\\"nav-link\\\" href=\\\"/courses\\\" itemprop=\\\"url\\\"\u003e課程\u003c/a\u003e\u003c/li\u003e\u003cli class=\\\"nav-item\\\"\u003e\u003ca class=\\\"nav-link\\\" href=\\\"/shop\\\" itemprop=\\\"url\\\"\u003e商城\u003c/a\u003e\u003c/li\u003e\u003cli class=\\\"nav-item\\\"\u003e\u003ca class=\\\"nav-link\\\" data-target=\\\"#new-project-modal\\\" data-toggle=\\\"modal\\\" href=\\\"#\\\" itemprop=\\\"url\\\"\u003e創造\u003c/a\u003e\u003c/li\u003e\\n \u003c/ul\u003e\\n \u003cul class=\\\"navbar-nav navbar-right-group\\\" style=\\\"margin-left: auto;\\\"\u003e\\n \u003cli class=\\\"nav-item\\\" itemprop=\\\"name\\\"\u003e\u003ca class=\\\"btn btn-warning\\\" data-target=\\\"#quickAttend\\\" data-toggle=\\\"modal\\\" href=\\\"#quickAttend\\\" itemprop=\\\"url\\\" style=\\\"color: #fff; margin: 0 !important;\\\"\u003e我有邀請碼\u003c/a\u003e\u003c/li\u003e\u003cli class=\\\"nav-item dropdown\\\"\u003e\u003ca class=\\\"nav-link dropdown-toggle\\\" data-toggle=\\\"dropdown\\\" href=\\\"#\\\" id=\\\"navbarDropdown\\\" role=\\\"button\\\"\u003ejayden0331 你好\u003c/a\u003e\u003cdiv aria-labelledby=\\\"navbarDropdown\\\" class=\\\"dropdown-menu\\\"\u003e\\n \u003ca class=\\\"dropdown-item\\\" href=\\\"/my/courses\\\"\u003e我的課程\u003c/a\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"/my/projects\\\"\u003e我的作品\u003c/a\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"/my/studios\\\"\u003e我的工作室\u003c/a\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"/my/messages\\\"\u003e我的收信匣\u003c/a\u003e\u003cdiv class=\\\"dropdown-divider\\\"\u003e\u003c/div\u003e\\n \u003ca class=\\\"dropdown-item\\\" href=\\\"/my/profile\\\"\u003e學習歷程\u003c/a\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"/resume/jayden0331\\\"\u003e我的履歷\u003c/a\u003e\u003cdiv class=\\\"dropdown-divider\\\"\u003e\u003c/div\u003e\\n \u003ca class=\\\"dropdown-item\\\" href=\\\"/my/account\\\"\u003e帳號設定\u003c/a\u003e\u003ca class=\\\"dropdown-item\\\" rel=\\\"nofollow\\\" data-method=\\\"delete\\\" href=\\\"/students/sign_out\\\"\u003e登出\u003c/a\u003e\\n \u003c/div\u003e\\n \u003c/li\u003e\\n \u003c/ul\u003e\\n \u003c/div\u003e\\n \u003c/nav\u003e\\n \u003c/div\u003e\\n \u003cscript\u003e\\n var PROJECT_ID = 'ej9s223wk';\\n var MODE = 'fullscreen';\\n var PROJECT_NAME = \\\"talking.net --for let\u0026#39;s programmes\\\";\\n var SANDBOX_URL = \\\"https://sb.koding.school/projects/ej9s223wk/\\\";\\n var DEFAULT_AVARAR = \\\"https://cdn2.koding.school/assets/resume/avator-c1bf83f40b17d0c94c261e3599f205845d72093590d9681619b9e53460c9d47e.jpg\\\";\\n var IS_MY_PROJECT = true;\\n var COMMENTS = [];\\n \u003c/script\u003e\\n \u003cdiv class=\\\"project-show container\\\"\u003e\\n \u003cdiv class=\\\"row\\\"\u003e\\n \u003cdiv class=\\\"col-md-10 offset-md-1 px-0 px-md-3\\\"\u003e\\n \u003cdiv class=\\\"ks-bg-black w-100 mt-md-3\\\"\u003e\\n \u003cdiv class=\\\"runtime\\\"\u003e\\n \u003ciframe class=\\\"runtime-iframe\\\" id=\\\"sandbox\\\" style=\\\"background-image:url(https://cdn5.koding.school/uploads/project/screenshot/211835/becbcc8430151f11b71c8fe35a10a887.jpg)\\\"\u003e\u003c/iframe\u003e\u003cdiv class=\\\"runtime-loading js-runtime-loading\\\"\u003e\u003c/div\u003e\\n \u003cscript\u003e\\n // export runCode 給按鈕綁定\\n window.runCode = function () {\\n $('.js-runtime-loading').show();\\n var sandboxIframe = document.getElementById('sandbox');\\n sandboxIframe.src = SANDBOX_URL;\\n sandboxIframe.onload = function () {\\n var sandboxIframe = document.getElementById('sandbox');\\n sandboxIframe.contentWindow.postMessage({\\n fn: 'focusStage'\\n }, '*');\\n setTimeout(function () {\\n $('.js-runtime-loading').hide();\\n $(sandboxIframe).css('background-image', '');\\n }, 500);\\n };\\n };\\n \u003c/script\u003e\\n \u003cdiv class=\\\"black-cover js-execute-project\\\"\u003e\\n \u003cdiv class=\\\"player-btn\\\"\u003e\\n \u003cdiv class=\\\"shadow\\\"\u003e\u003c/div\u003e\\n \u003cdiv\u003e\\n \u003cdiv\u003e\u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"row\\\"\u003e\\n \u003cdiv class=\\\"col-md-10 offset-md-1\\\"\u003e\\n \u003cdiv class=\\\"project-controls mt-3 pb-2\\\"\u003e\\n \u003cdiv class=\\\"d-block d-md-flex w-100 justify-content-between\\\"\u003e\\n \u003cdiv class=\\\"left-blocks d-flex d-md-block w-100 justify-content-center\\\"\u003e\\n \u003cdiv class=\\\"btn btn-outline-gold d-inline-block js-execute-project\\\"\u003e\\n \u003ci class=\\\"fa fa-play\\\"\u003e\u003c/i\u003e\\n \u003c/div\u003e\\n \u003ch2 class=\\\"d-inline-block font-weight-normal project-name\\\"\u003etalking.net --for let\u0026#39;s programmes\u003c/h2\u003e\u003cspan class=\\\"ml-2 badge badge-warning\\\"\u003eweb\u003c/span\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"right-blocks d-flex d-md-block w-100 justify-content-center mt-3 mt-md-0 text-right\\\"\u003e\\n \u003cdiv class=\\\"btn-group d-inline-block\\\" role=\\\"group\\\"\u003e\\n \u003cbutton class=\\\"btn btn-outline-secondary like-btn\\\" type=\\\"button\\\"\u003e\u003ci class=\\\"fa fa-heart mx-1\\\"\u003e\u003c/i\u003e\u003cspan class=\\\"likes-count\\\" data-likes-count=\\\"0\\\"\u003e0\u003c/span\u003e\u003c/button\u003e\u003cbutton class=\\\"btn btn-outline-secondary fb-share-btn\\\" type=\\\"button\\\"\u003e\u003ci class=\\\"fa fa-facebook mx-1\\\"\u003e\u003c/i\u003e分享\u003c/button\u003e\u003ca class=\\\"btn btn-outline-secondary view-code-btn\\\" href=\\\"/projects/ej9s223wk/edit\\\"\u003e\u003ci class=\\\"fa fa-code mx-1\\\"\u003e\u003c/i\u003e查看程式碼\u003c/a\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"dropdown d-inline-block ml-2\\\"\u003e\\n \u003ci class=\\\"fa fa-gear fa-2x option-btn\\\" data-toggle=\\\"dropdown\\\"\u003e\u003c/i\u003e\u003cdiv class=\\\"dropdown-menu dropdown-menu-right\\\"\u003e\\n \u003ca class=\\\"dropdown-item js-toggle-published\\\" style=\\\"cursor: pointer;\\\"\u003e\u003ci class=\\\"fa fa-lock fa-2x mr-1\\\"\u003e\u003c/i\u003e\u003cspan\u003e解除公開\u003c/span\u003e\u003c/a\u003e\u003ca class=\\\"dropdown-item\\\" data-confirm=\\\"你確定嗎？\\\" rel=\\\"nofollow\\\" data-method=\\\"delete\\\" href=\\\"/projects/ej9s223wk\\\"\u003e\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-trash fa-2x mr-1\\\"\u003e\u003c/i\u003e刪除專案\u003c/a\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"row\\\"\u003e\\n \u003cdiv class=\\\"col-md-6 offset-md-1 mt-3\\\"\u003e\\n \u003cdiv class=\\\"student-info\\\"\u003e\\n \u003cspan class=\\\"d-inline-block mr-4\\\"\u003e\u003cspan class=\\\"d-inline-block mr-2 font-weight-bold\\\"\u003e作者\u003c/span\u003e\u003ca class=\\\"student-link\\\" href=\\\"/resume/jayden0331\\\"\u003ejayden0331\u003c/a\u003e\u003c/span\u003e\u003cspan class=\\\"d-inline-block mr-4\\\"\u003e\u003cspan class=\\\"d-inline-block mr-2 font-weight-bold\\\"\u003e發布日期\u003c/span\u003e\u003cspan\u003e2020-12-12\u003c/span\u003e\u003c/span\u003e\u003cspan class=\\\"d-inline-block mr-4\\\"\u003e\u003cspan class=\\\"d-inline-block mr-2 font-weight-bold\\\"\u003e人氣\u003c/span\u003e\u003cspan\u003e2\u003c/span\u003e\u003c/span\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"nav ks-tabs mt-4 mb-3\\\"\u003e\\n \u003ca class=\\\"tab active show\\\" data-toggle=\\\"tab\\\" href=\\\"#project-intro\\\"\u003e專案介紹\u003c/a\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"tab-content\\\"\u003e\\n \u003cdiv class=\\\"tab-pane active\\\" id=\\\"project-intro\\\" role=\\\"tabpanel\\\"\u003e\\n \u003cdiv style=\\\"margin-bottom: 45px\\\"\u003e\\n \u003ch5\u003e操作說明\u003c/h5\u003e\u003cpre class=\\\"project-text\\\" data-name=\\\"project[description]\\\" itemprop=\\\"accessibilityControl\\\"\u003e\u003c/pre\u003e\\n \u003c/div\u003e\\n \u003cdiv style=\\\"margin-bottom: 45px\\\"\u003e\\n \u003ch5\u003e備註\u003c/h5\u003e\u003cpre class=\\\"project-text\\\" data-name=\\\"project[note]\\\" itemprop=\\\"description\\\"\u003e\u003c/pre\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"col-md-4 mt-3\\\"\u003e\\n \u003cdiv class=\\\"ks-comments js-guestbook\\\" style=\\\"background-color: #ffffff; padding: 15px; border-radius: 5px;\\\"\u003e\\n \u003ch5\u003e留言 ({{comments.length}})\u003c/h5\u003e\u003cdiv class=\\\"ks-comment mb-4\\\"\u003e\\n \u003cdiv class=\\\"avatar\\\" style=\\\"background-image: url(https://cdn2.koding.school/assets/resume/avator-c1bf83f40b17d0c94c261e3599f205845d72093590d9681619b9e53460c9d47e.jpg)\\\"\u003e\u003c/div\u003e\\n \u003cdiv class=\\\"comment-body\\\"\u003e\\n \u003cform class=\\\"js-comment-form\\\"\u003e\\n \u003ctextarea class=\\\"js-comment-textarea\\\" placeholder=\\\"新增留言...\\\" style=\\\"width: 100%; height: 5rem; background-color: #f1f1f1; border-radius: 5px; border-color: transparent;\\\"\u003e\u003c/textarea\u003e\u003cdiv class=\\\"js-comment-detail-btns float-right\\\" style=\\\"display: none;\\\"\u003e\\n \u003cbutton class=\\\"ks-btn ks-btn-sm ks-btn-gold js-comment-post-btn\\\" style=\\\"submit\\\"\u003e留言\u003c/button\u003e\\n \u003c/div\u003e\\n \u003c/form\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"ks-comment\\\" v-for=\\\"comment in comments\\\"\u003e\\n \u003cdiv :style=\\\"{backgroundImage:\u0026#39;url(\u0026#39; + avatar(comment.avatar) + \u0026#39;)\u0026#39;}\\\" class=\\\"avatar\\\"\u003e\u003c/div\u003e\\n \u003cdiv class=\\\"comment-body\\\"\u003e\\n \u003cdiv class=\\\"title\\\"\u003e\\n \u003cstrong class=\\\"ks-orange\\\"\u003e{{comment\u0026.name}}\u003c/strong\u003e\u003csmall class=\\\"pl-2\\\"\u003e{{comment.created_at.slice(0, 10)}}\u003c/small\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"content\\\" itemprop=\\\"comment\\\"\u003e\\n {{comment\u0026.content}}\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cstyle type=\\\"text/css\\\"\u003e\\n .footer a.ks-white:hover {\\n color: #fff\\n }\\n \u003c/style\u003e\\n \u003cdiv class=\\\"footer pt-4 ks-bg-dark ks-white\\\"\u003e\\n \u003cdiv class=\\\"ks-container\\\"\u003e\\n \u003cdiv class=\\\"row no-gutters\\\"\u003e\\n \u003cdiv class=\\\"col-md-12\\\"\u003e\\n \u003cdiv class=\\\"px-3 px-md-5 py-4\\\"\u003e\\n \u003cdiv class=\\\"row\\\"\u003e\\n \u003cdiv class=\\\"col-md-6\\\"\u003e\\n \u003ch4 class=\\\"h5 ks-orange\\\"\u003e關於我們\u003c/h4\u003e\u003cp\u003e\\n \u003csmall\u003e台灣兒童/少年程式教育的領航者，\\n \u003cbr\u003e\\n 相信孩子掌握科技就能改變自己的未來，\\n \u003cbr\u003e\\n 教學經驗豐富，累積學生數已達萬人以上。\\n \u003c/small\u003e\\n \u003c/p\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"col-md-6\\\"\u003e\\n \u003ch4 class=\\\"h5 ks-orange\\\"\u003e聯絡我們\u003c/h4\u003e\u003cp\u003e\\n \u003csmall\u003e\u003ca class=\\\"ks-white\\\" href=\\\"https://www.facebook.com/OrangeApplePad/\\\" target=\\\"_blank\\\"\u003e\u003ci class=\\\"fa fa-facebook-official\\\"\u003e\u0026nbsp;\u0026nbsp;\u003c/i\u003e\u003cu\u003e粉絲團\u003c/u\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca class=\\\"ks-white\\\" href=\\\"/cdn-cgi/l/email-protection#1f777a7373705f706d7e71787a7e6f6f737a317c70\\\"\u003e\u003ci class=\\\"fa fa-envelope\\\"\u003e\u0026nbsp;\u0026nbsp;\u003c/i\u003e\u003cu\u003e\u003cspan class=\\\"__cf_email__\\\" data-cfemail=\\\"48202d24242708273a29262f2d293838242d662b27\\\"\u003e[email\u0026#160;protected]\u003c/span\u003e\u003c/u\u003e\u003c/a\u003e\u003cbr /\u003e\u003ci class=\\\"fa fa-phone-square\\\"\u003e\u0026nbsp;\u0026nbsp;\u003c/i\u003e\u003cspan style=\\\"display: inline-block; vertical-align: text-top;\\\"\u003e(02) 7709-8229 (週一~週五 10:00~19:00)\\n \u003cbr\u003e\\n 如無人接聽請留言，謝謝\\n \u003c/span\u003e\u003c/small\u003e\\n \u003c/p\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"row no-gutters\\\"\u003e\\n \u003cdiv class=\\\"col-md-12 align-center mb-3\\\"\u003e\\n \u003chr style=\\\"opacity: .3; border-top: 1px solid #fff;\\\" /\u003e\u003csmall style=\\\"opacity: .3;\\\"\u003e© 2017-2020 橘子蘋果兒童程式學苑\u003c/small\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv aria-hidden=\\\"true\\\" aria-labelledby=\\\"myModalLabel\\\" class=\\\"modal fade\\\" id=\\\"new-project-modal\\\" role=\\\"dialog\\\" tabindex=\\\"-1\\\"\u003e\\n \u003cdiv class=\\\"modal-dialog\\\" role=\\\"document\\\"\u003e\\n \u003cdiv class=\\\"modal-content\\\"\u003e\\n \u003cdiv class=\\\"modal-body\\\"\u003e\\n \u003cform action=\\\"/my/projects\\\" accept-charset=\\\"UTF-8\\\" method=\\\"post\\\"\u003e\\n \u003cinput name=\\\"utf8\\\" type=\\\"hidden\\\" value=\\\"\u0026#x2713;\\\" /\u003e\u003cinput type=\\\"hidden\\\" name=\\\"authenticity_token\\\" value=\\\"b32qlfHUk/adhGM57gafhMw5PvVpVYP7ZMDJ3jNYsRdEQfLRDKSlA+ojHfxGK6JkfZHC36vFzFG/AdMSZDjs8g==\\\" /\u003e\u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;scratch3\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;scratch3\u0026#39;)\\\"\u003e\\n \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn4.koding.school/assets/project/scratch-481d93a997b5aa17df1b611c27e0a06c2e4689405cf9ee68c70906c7d6bf37fe.png)\\\"\u003e\u003c/div\u003e\\n \u003cdiv class=\\\"col-9 description\\\"\u003e\\n \u003ch4 style=\\\"font-weight: 900;\\\"\u003eScratch3\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n 橘蘋學習平台 scratch3 測試版發布囉，馬上來試玩看看吧！\\n \u003c/p\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;scratch\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;scratch\u0026#39;)\\\"\u003e\\n \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn4.koding.school/assets/project/scratch-481d93a997b5aa17df1b611c27e0a06c2e4689405cf9ee68c70906c7d6bf37fe.png)\\\"\u003e\u003c/div\u003e\\n \u003cdiv class=\\\"col-9 description\\\"\u003e\\n \u003ch4 style=\\\"font-weight: 900;\\\"\u003eScratch\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n 最適合兒童學習的程式語言，親切的圖像化界面，你也能馬上上手！\\n \u003c/p\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;javascript\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;javascript\u0026#39;)\\\"\u003e\\n \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn2.koding.school/assets/project/javascript-d40cab739e13aa7b048d31aabf29c6c93acb5edc23433b5f47ef3c5a4ace863c.png)\\\"\u003e\u003c/div\u003e\\n \u003cdiv class=\\\"col-9 description\\\"\u003e\\n \u003ch4 style=\\\"font-weight: 900;\\\"\u003eJavaScript\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n 用全球最熱門的程式語言，創造出跨平台的程式專案！\\n \u003c/p\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;web\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;web\u0026#39;)\\\"\u003e\\n \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn6.koding.school/assets/project/web-55ac073d912deaecc8100aeeabbb29b741f9a566cc64435d965195b089f4ed6d.png)\\\"\u003e\u003c/div\u003e\\n \u003cdiv class=\\\"col-9 description\\\"\u003e\\n \u003ch4 style=\\\"font-weight: 900;\\\"\u003eWeb\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n 使用 HTML 和 CSS 做出漂亮精美的網站吧！\\n \u003c/p\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;microbit\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;microbit\u0026#39;)\\\"\u003e\\n \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn3.koding.school/assets/project/microbit-ad8a7d72fd8c8df78bc37545d0078775ef02356ce081cd621b083aa19f386999.png)\\\"\u003e\u003c/div\u003e\\n \u003cdiv class=\\\"col-9 description\\\"\u003e\\n \u003ch4 style=\\\"font-weight: 900;\\\"\u003eMicro:Bit\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n 在全世界最看好的程式教育開發板 micro:bit 上面開發你的物聯網程式吧！\\n \u003c/p\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;ozoblockly\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;ozoblockly\u0026#39;)\\\"\u003e\\n \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn2.koding.school/assets/project/ozoblockly-59c0f22ee663245c916d6117c1873259e335e3079b3b46209c17ce2b8cf1010c.png)\\\"\u003e\u003c/div\u003e\\n \u003cdiv class=\\\"col-9 description\\\"\u003e\\n \u003ch4 style=\\\"font-weight: 900;\\\"\u003eOzobot\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n 拖拉指令積木，隨心所欲控制路徑機器人 Ozobot！\\n \u003c/p\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;appinventor\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;appinventor\u0026#39;)\\\"\u003e\\n \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn5.koding.school/assets/project/appinventor-0ebd807209e4777038f3011bed83aaf1c4345698aea301f52f01f635c501fd3c.png)\\\"\u003e\u003c/div\u003e\\n \u003cdiv class=\\\"col-9 description\\\"\u003e\\n \u003ch4 style=\\\"font-weight: 900;\\\"\u003eApp Inventor\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n 使用積木語言，來快速開發您的手機應用程式\\n \u003c/p\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;python\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;python\u0026#39;)\\\"\u003e\\n \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn2.koding.school/assets/project/python-670db925754ac1b1bcd6142029351044bb85b0fbb0b8b9d0a1843477dbe776ba.png)\\\"\u003e\u003c/div\u003e\\n \u003cdiv class=\\\"col-9 description\\\"\u003e\\n \u003ch4 style=\\\"font-weight: 900;\\\"\u003ePython\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n 用簡潔、優美的語法，開發生動有趣的小遊戲！\\n \u003c/p\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row\\\" style=\\\"display: none\\\"\u003e\\n \u003cinput id=\\\"project_language\\\" name=\\\"project[language]\\\" type=\\\"text\\\" v-model=\\\"language\\\" /\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row\\\" style=\\\"margin: 15px 10px 0px 10px\\\"\u003e\\n \u003cdiv class=\\\"input-group\\\"\u003e\\n \u003cinput class=\\\"form-control\\\" id=\\\"project_name\\\" name=\\\"project[name]\\\" placeholder=\\\"請輸入專案名稱...\\\" type=\\\"text\\\" v-model=\\\"name\\\" /\u003e\u003cspan class=\\\"input-group-btn\\\"\u003e\u003cinput type=\\\"submit\\\" name=\\\"commit\\\" value=\\\"新增作品\\\" class=\\\"btn btn-primary\\\" v-bind:disabled=\\\"!isValidName\\\" data-disable-with=\\\"新增作品\\\" /\u003e\u003c/span\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"input-group\\\"\u003e\\n \u003cdiv style=\\\" color: red; font-size: 12px; font-weight: 500; margin-top: 5px;\\\" v-if=\\\"!isValidName\u0026amp;\u0026amp; language === \u0026#39;appinventor\u0026#39;\\\"\u003e\\n 專案名稱必須為英文字母開頭 且 必須為由英文或數字組成\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/form\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv aria-hidden=\\\"true\\\" class=\\\"modal fade\\\" id=\\\"quickAttend\\\" role=\\\"dialog\\\" tabindex=\\\"-1\\\"\u003e\\n \u003cdiv class=\\\"modal-dialog\\\" role=\\\"document\\\" style=\\\"max-width: 400px\\\"\u003e\\n \u003cform action=\\\"/courses/attend\\\" accept-charset=\\\"UTF-8\\\" method=\\\"post\\\"\u003e\\n \u003cinput name=\\\"utf8\\\" type=\\\"hidden\\\" value=\\\"\u0026#x2713;\\\" /\u003e\u003cinput type=\\\"hidden\\\" name=\\\"authenticity_token\\\" value=\\\"yoQD8qgZkK8tAxJ9prYQ9uEnBvhCGxDwqNUSe5vMtHrhuFu2VWmmWlqkbLgOmy0WUI/60oCLX1pzFAi3zKzpnw==\\\" /\u003e\u003cdiv class=\\\"modal-content\\\" style=\\\"padding: 5px 10px;\\\"\u003e\\n \u003cdiv class=\\\"modal-header\\\" style=\\\"padding: 10px;\\\"\u003e\\n \u003ch5 style=\\\"text-align: center; width: 100%; margin: 0;\\\"\u003e我有邀請碼\u003c/h5\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"modal-body\\\" style=\\\"align-items: center; justify-content: center;\\\"\u003e\\n \u003cdiv class=\\\"form-group\\\"\u003e\\n \u003clabel style=\\\"display: inline-block; margin: 5px 0; font-size: 14px; color: #333;\\\"\u003e請輸入邀請碼：\u003c/label\u003e\u003cinput class=\\\"form-control\\\" name=\\\"invitation_code\\\" placeholder=\\\"邀請碼 e.g. 1a2b3c\\\" required=\\\"required\\\" /\u003e\u003csmall class=\\\"d-none code-message\\\" style=\\\"color: red;\\\"\u003e無效的邀請碼\u003c/small\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group\\\"\u003e\\n \u003clabel style=\\\"display: inline-block; margin: 5px 0; font-size: 14px; color: #333;\\\"\u003e課程\u003c/label\u003e\u003cselect class=\\\"form-control\\\" disabled=\\\"disabled\\\" name=\\\"slug\\\" placeholder=\\\"邀請碼 e.g. 1a2b3c\\\" required=\\\"required\\\"\u003e\u003coption value=\\\"\\\"\u003e請選擇課程\u003c/option\u003e\u003c/select\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"modal-footer\\\" style=\\\"padding: 5px 15px;\\\"\u003e\\n \u003cinput class=\\\"btn btn-primary btn-sm\\\" style=\\\"width: 50px;\\\" type=\\\"submit\\\" value=\\\"送出\\\" /\u003e\u003cbutton class=\\\"btn btn-sm\\\" data-dismiss=\\\"modal\\\" style=\\\"color: #333; width: 50px; background-color: #fff; border: 1px solid; border-color: #ccc;\\\" type=\\\"button\\\"\u003e關閉\u003c/button\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/form\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv aria-hidden=\\\"true\\\" class=\\\"modal fade\\\" id=\\\"potentialStudentModal\\\"\u003e\\n \u003cdiv class=\\\"modal-dialog\\\" role=\\\"document\\\" style=\\\"max-width: 540px\\\"\u003e\\n \u003cdiv class=\\\"modal-content\\\"\u003e\\n \u003cdiv class=\\\"modal-body\\\" style=\\\"padding: 20px\\\"\u003e\\n \u003cform action=\\\"/potential_students\\\" accept-charset=\\\"UTF-8\\\" data-remote=\\\"true\\\" method=\\\"post\\\"\u003e\\n \u003cinput name=\\\"utf8\\\" type=\\\"hidden\\\" value=\\\"\u0026#x2713;\\\" /\u003e\u003cdiv class=\\\"form-group row\\\"\u003e\\n \u003clabel class=\\\"col-3 col-form-label text-center\\\" style=\\\"padding-left: 0; padding-right: 0\\\" for=\\\"potential_student_contact_name\\\"\u003e聯絡人姓名\u003c/label\u003e\u003cdiv class=\\\"col-9\\\"\u003e\\n \u003cinput class=\\\"form-control\\\" required=\\\"required\\\" placeholder=\\\"在此處填寫您的姓名\\\" type=\\\"text\\\" name=\\\"potential_student[contact_name]\\\" id=\\\"potential_student_contact_name\\\" /\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row\\\"\u003e\\n \u003clabel class=\\\"col-3 col-form-label text-center\\\" style=\\\"padding-left: 0; padding-right: 0\\\" for=\\\"potential_student_contact_phone\\\"\u003e聯絡人電話\u003c/label\u003e\u003cdiv class=\\\"col-9\\\"\u003e\\n \u003cinput class=\\\"form-control\\\" type=\\\"tel\\\" required=\\\"required\\\" placeholder=\\\"在此處填寫您的電話\\\" name=\\\"potential_student[contact_phone]\\\" id=\\\"potential_student_contact_phone\\\" /\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row\\\"\u003e\\n \u003clabel class=\\\"col-3 col-form-label text-center\\\" style=\\\"padding-left: 0; padding-right: 0\\\" for=\\\"potential_student_contact_email\\\"\u003e聯絡人 Email\u003c/label\u003e\u003cdiv class=\\\"col-9\\\"\u003e\\n \u003cinput class=\\\"form-control\\\" type=\\\"email\\\" required=\\\"required\\\" placeholder=\\\"在此處填寫您的 Email\\\" name=\\\"potential_student[contact_email]\\\" id=\\\"potential_student_contact_email\\\" /\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row\\\"\u003e\\n \u003clabel class=\\\"col-3 col-form-label text-center\\\" style=\\\"padding-left: 0; padding-right: 0\\\" for=\\\"potential_student_birthday\\\"\u003e學生生日\u003c/label\u003e\u003cdiv class=\\\"col-9\\\"\u003e\\n \u003cinput class=\\\"form-control\\\" type=\\\"date\\\" name=\\\"potential_student[birthday]\\\" id=\\\"potential_student_birthday\\\" /\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"form-group row\\\" style=\\\"margin-bottom: 0;\\\"\u003e\\n \u003cdiv class=\\\"col-12\\\"\u003e\\n \u003cinput class=\\\"btn btn-success\\\" style=\\\"width: 100%\\\" type=\\\"submit\\\" value=\\\"送出\\\" /\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/form\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003c/div\u003e\\n \u003cdiv class=\\\"fixed-buttons-wrapper\\\"\u003e\\n \u003cbutton class=\\\"btn btn-block btn-danger cursor-pointer\\\" data-target=\\\"#potentialStudentModal\\\" data-toggle=\\\"modal\\\"\u003e想學程式設計嗎？點我取得免費諮詢\u003c/button\u003e\u003ca class=\\\"btn btn-block btn-primary\\\" href=\\\"https://orangeapple.co/partners\\\" target=\\\"_blank\\\"\u003e我是學校教師，我要獲得免費課程\u003c/a\u003e\\n \u003c/div\u003e\\n \u003cscript data-cfasync=\\\"false\\\" src=\\\"/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js\\\"\u003e\u003c/script\u003e\\n \u003cscript src=\\\"https://cdn1.koding.school/assets/application-c5c2540148c75ed9e38ce940a24713794aa55a3a668b6efba31d8714be17ae14.js\\\" defer=\\\"defer\\\"\u003e\u003c/script\u003e\\n \u003cscript\u003e\\n SWAL_MESSAGES = {};\\n document.addEventListener('DOMContentLoaded', function () {\\n for (var type in SWAL_MESSAGES) {\\n var msg = SWAL_MESSAGES[type];\\n swal(\\n '',\\n msg,\\n type\\n )\\n }\\n });\\n \u003c/script\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"/* 設定整個頁面內容水平置中、內寬為 30 像素：*/\\nbody {\\n text-align: center;\\n padding: 30px;\\n}\\n\\n/* 設定圖片的寬度為銀幕一半寬 */\\nimg { \\n max-width: 50%; \\n}\\n\\n/* 設定文字的顏色為淡黑色 */\\np {\\n color: #555555;\\n}\",\"js\":\"// 創造一個函式指令 hello：\\nfunction hello () {\\n // 讓網頁跳出文字訊息：\\n alert('叩叮：\\\\n嗨你好～ 讓我們一起加油寫出漂漂亮亮的網頁唄！');\\n}\"}","created_at":"2020-12-16T19:29:58.073+08:00","updated_at":"2020-12-16T19:31:06.475+08:00","name":"5","language":"web","screenshot":{"url":null},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":185,"hashid":"ej9s22nj2","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}
[{"id":3722857,"file_name":"koding.png","project_id":212542,"asset_id":182920,"created_at":"2020-12-16T19:29:58.080+08:00","updated_at":"2020-12-16T19:29:58.080+08:00"}]
Orange Apple Learning Platform
My Projects
View Project Page
Export
Remix
Import
Delete
Download Android APP (APK)
Screenshot
Open Web Site
繁中
简中
English
日本語
1:1:1
1:1
Full Width
Scan the QRCode below with your phone to install
Or you can
download APK
to this computer
Scan the QRCode below with your phone to install
Or you can
download APK
to this computer
