終極密碼 | JavaScript 程式專案

{"id":10828,"student_id":130,"content":"\u003c!DOCTYPE html\u003e\u003chtml\u003e\u003chead\u003e\u003ctitle\u003e兒童/青少年/初學者程式設計線上課程 | 叩叮學苑\u003c/title\u003e\u003cmeta content=\"線上學會 MIT Scratch, JavaScript, micro:bit, Ozobot! 全球第一個華文兒童程式學習平台!\" 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=\"兒童/青少年/初學者程式設計線上課程 | 叩叮學苑\" itemprop=\"name\" /\u003e\u003cmeta content=\"/facebook_og_default_preview.png\" itemprop=\"image\" /\u003e\u003cmeta content=\"線上學會 MIT Scratch, JavaScript, micro:bit, Ozobot! 全球第一個華文兒童程式學習平台!\" itemprop=\"description\" /\u003e\u003cmeta content=\"線上學會 MIT Scratch, JavaScript, micro:bit, Ozobot! 全球第一個華文兒童程式學習平台!\" property=\"og:description\" /\u003e\u003cmeta content=\"兒童/青少年/初學者程式設計線上課程 | 叩叮學苑\" property=\"og:title\" /\u003e\u003cmeta content=\"website\" property=\"og:type\" /\u003e\u003cmeta content=\"https://koding.school/\" property=\"og:url\" /\u003e\u003cmeta content=\"https://cdn7.koding.school/facebook_og_default_preview.png\" 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://cdn2.koding.school/favicon.ico\" rel=\"shortcut icon\" type=\"image/x-icon\" /\u003e\u003c!--GA Code--\u003e\u003cscript\u003e(function(i,s,o,g,r,a,m){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),\nm=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');\nga('create', 'UA-99102104-1', 'auto');\nga('send', 'pageview');\u003c/script\u003e\u003c!--Facebook Pixel Code--\u003e\u003cscript\u003e!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');\nfbq('init', '841617052639483');\nfbq('track', 'PageView');\u003c/script\u003e\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://cdn3.koding.school/assets/application-fe7d4077cb2099cfd750e4af896d6263230b7495a1fa924d249f2b20c762b27e.css\" onload=\"this.onload=null;this.rel='stylesheet'\" rel=\"preload\" /\u003e\u003cnoscript\u003e\u003clink href=\"https://cdn3.koding.school/assets/application-fe7d4077cb2099cfd750e4af896d6263230b7495a1fa924d249f2b20c762b27e.css\" media=\"all\" rel=\"stylesheet\" /\u003e\u003c/noscript\u003e\u003cscript src=\"https://cdn5.koding.school/assets/load_css-46792f02e5a360842f840e10dc00d87b2b9b320b8a42b1be969c8d9b4ed007da.js\" async=\"async\"\u003e\u003c/script\u003e\u003cmeta name=\"csrf-param\" content=\"authenticity_token\" /\u003e\n\u003cmeta name=\"csrf-token\" content=\"jqBnnfkoBsnQVaJ2lo2pFpr3oWHJwS6QiTLSEBLpfR/Bji8vE5OUND6uvV41LOI6Iy+QD74+rKHDc0LoLz/7Pw==\" /\u003e\u003c/head\u003e\u003cbody\u003e\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\u003cdiv style=\"text-align: center\"\u003e\u003cimg src=\"https://cdn8.koding.school/assets/loading/loader-1430c36562cc25718cc92524548d31eabb6012bb12c42f73a90c6e9bf75a5c7c.svg\" /\u003e\u003csmall style=\"display:block; color: #333; margin-top: -30px;\"\u003e載入中... 請稍候\u003c/small\u003e\u003c/div\u003e\u003c/div\u003e\u003cstyle type=\"text/css\"\u003ebody {\n  background-color: #fff !important;\n}\n.navbar ul.navbar-nav li.nav-item a.nav-link {\n  color: rgb(35, 123, 198);\n  font-weight: 900;\n}\n.navbar .nav-item .nav-link:hover {\n  border-bottom-color: #df971c;\n}\n.navbar-left-group .nav-item .nav-link {\n  color: blue;\n}\nnav {\n  height: 100%;\n  background-color: #fff !important;\n}\u003c/style\u003e\u003cdiv class=\"fixed-top ks-navbar js-navbar\" style=\"background-color: #fff;\"\u003e\u003cnav class=\"navbar navbar-expand-lg navbar-light\" style=\"max-width: 960px; height: 100%; margin: auto;\"\u003e\u003ca class=\"navbar-brand\" href=\"/\"\u003e\u003cimg class=\"logo\" src=\"https://cdn2.koding.school/assets/logo/logo-577fb5cd5847767aa8c1454c50ae70ab6e13998e1f80342bd29aa623c8a22e71.png\" alt=\"Logo 577fb5cd5847767aa8c1454c50ae70ab6e13998e1f80342bd29aa623c8a22e71\" /\u003e\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\u003cul class=\"navbar-nav navbar-left-group\"\u003e\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=\"/projects/featured\" 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\" href=\"/ranks\" 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\u003c/ul\u003e\u003cul class=\"navbar-nav navbar-right-group\" style=\"margin-left: auto;\"\u003e\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\"\u003e羅勗銘 你好\u003c/a\u003e\u003cdiv aria-labelledby=\"navbarDropdown\" class=\"dropdown-menu\"\u003e\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\u003cdiv class=\"dropdown-divider\"\u003e\u003c/div\u003e\u003ca class=\"dropdown-item\" href=\"/my/profile\"\u003e學習歷程\u003c/a\u003e\u003ca class=\"dropdown-item\" href=\"/my/profile\"\u003e我的履歷\u003c/a\u003e\u003cdiv class=\"dropdown-divider\"\u003e\u003c/div\u003e\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\u003c/div\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/div\u003e\u003c/nav\u003e\u003c/div\u003e\u003cdiv style=\"height: 138px;\"\u003e\u003c/div\u003e\u003cdiv class=\"home\"\u003e\u003csection class=\"intro-section\"\u003e\u003cdiv class=\"container\"\u003e\u003cdiv class=\"intro p-5 ks-shadow-rl\"\u003e\u003cdiv class=\"row home-banner-left justify-content-md-center\"\u003e\u003cdiv class=\"col-md-6 padding-top-sm padding-bottom-sm\"\u003e\u003ch1\u003e繼續上次的課程\u003c/h1\u003e\u003cp class=\"mt-4\"\u003e目前章節進度：18/1 - Lesson 18 - 小朋友下樓梯(3)\n\u003cbr\u003e\n點擊「繼續上課」開始今天的學習吧！\n\u003c/p\u003e\u003ca href=\"/courses/javascript/js-basic/lessons/18/1\"\u003e\u003cbutton class=\"mt-4 ks-btn ks-btn-yellow ks-btn-lg\" style=\"color: rgb(0, 41, 78);\"\u003e\u003ci class=\"fa fa-play\"\u003e\u003c/i\u003e\u0026nbsp;繼續上課\u003c/button\u003e\u003c/a\u003e\u003c/div\u003e\u003cdiv class=\"col-md-6\"\u003e\u003ca class=\"ks-link\" href=\"/courses/javascript/js-basic\" itemprop=\"url\"\u003e\u003cdiv class=\"ks-card course-card\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Product\"\u003e\u003cmeta content=\"https://cdn4.koding.school/uploads/course/header_bg/32/99b381c3ef920fc3fd8136708fcabec8.jpg\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(\u0026#39;https://cdn4.koding.school/uploads/course/header_bg/32/99b381c3ef920fc3fd8136708fcabec8.jpg\u0026#39;);\"\u003e\u003cspan class=\"language-icon\" data-placement=\"top\" data-toggle=\"tooltip\" style=\"background-color: #fcc900\" title=\"此課程使用 JavaScript 授課\"\u003eJS\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"ks-card-content\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003eJavaScript 入門課程\u003c/span\u003e\u003cspan class=\"shortpitch\"\u003e\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"\" itemprop=\"description\" /\u003e\u003cbr /\u003e\u003cdiv class=\"ks-course-progress\" data-placement=\"top\" data-toggle=\"tooltip\" title=\"您已完成 3% 的課程進度\"\u003e\u003cdiv class=\"ks-course-progress-bar gold\" style=\"width:3.3333333333333335%\"\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"course-card-stars\"\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003c/div\u003e\u003c/div\u003e\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/section\u003e\u003csection class=\"projects-section\"\u003e\u003cdiv class=\"container\"\u003e\u003cdiv class=\"projects ks-shadow-rl py-4\"\u003e\u003ch2 class=\"text-center pt-3\" style=\" color: rgb(0, 41, 78)\"\u003e推薦課程\u003c/h2\u003e\u003cp class=\"py-3 text-center\"\u003e我們根據了你目前完成的\n\u003ca href=\"/my/knowledges\" style=\"color:#1daed0;cursor:pointer;text-decoration:underline;\"\u003e知識點\u003c/a\u003e\n推薦了最適合的課程\n\u003c/p\u003e\u003cdiv class=\"row px-4\"\u003e\u003cdiv class=\"col-md-4 col-sm-6 px-2 ks-cell js-load-item pb-3\"\u003e\u003ca class=\"ks-link\" href=\"/courses/javascript/flappy-bird\" itemprop=\"url\"\u003e\u003cdiv class=\"ks-card course-card\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Product\"\u003e\u003cdiv class=\"course-tag\"\u003e\u003cspan style=\"background-color:#0275d8 ; \"\u003e推薦\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"https://cdn7.koding.school/uploads/course/header_bg/23/b76948f1898d9e67a13b8df4fbbf957a.jpg\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(\u0026#39;https://cdn7.koding.school/uploads/course/header_bg/23/b76948f1898d9e67a13b8df4fbbf957a.jpg\u0026#39;);\"\u003e\u003cspan class=\"language-icon\" data-placement=\"top\" data-toggle=\"tooltip\" style=\"background-color: #fcc900\" title=\"此課程使用 JavaScript 授課\"\u003eJS\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"ks-card-content\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003e挑戰1小時做出 Flappy Bird!\u003c/span\u003e\u003cspan class=\"shortpitch\"\u003e只要1小時，就能做出紅透半邊天、讓人又愛又恨的手機遊戲 Flappy Bird!? 竟然還能在電腦、手機、平板上玩...\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"《Flappy Bird》是一款2013年由越南的開發者設計的手機遊戲，在2014年取得了巨大的迴響，透過內置的廣告收入，這個遊戲在巔峰時期能為開發者帶來每天5萬美金的收入！\n\n這個遊戲的玩法非常簡單，人人都能上手。但遊戲性極佳，甚至被稱為「App Store的毒品」（Drug of the App Store）。\n\n我們就來學習如何用 JavaScript 創造這個小遊戲吧！\n\" itemprop=\"description\" /\u003e\u003cbr /\u003e\u003cdiv class=\"course-card-stars\"\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003c/div\u003e\u003c/div\u003e\u003c/a\u003e\u003c/div\u003e\u003cdiv class=\"col-md-4 col-sm-6 px-2 ks-cell js-load-item pb-3\"\u003e\u003ca class=\"ks-link\" href=\"/courses/javascript/snake\" itemprop=\"url\"\u003e\u003cdiv class=\"ks-card course-card\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Product\"\u003e\u003cdiv class=\"course-tag\"\u003e\u003cspan style=\"background-color:#0275d8 ; \"\u003e推薦\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"https://cdn8.koding.school/uploads/course/header_bg/24/782b88ba6eca4d9340b19ce227ae2bb0.jpg\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(\u0026#39;https://cdn8.koding.school/uploads/course/header_bg/24/782b88ba6eca4d9340b19ce227ae2bb0.jpg\u0026#39;);\"\u003e\u003cspan class=\"language-icon\" data-placement=\"top\" data-toggle=\"tooltip\" style=\"background-color: #fcc900\" title=\"此課程使用 JavaScript 授課\"\u003eJS\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"ks-card-content\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003e經典遊戲製作 - 貪食蛇\u003c/span\u003e\u003cspan class=\"shortpitch\"\u003e老遊戲、新平台，不敗的經典！\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"在智慧型手機出現前，手機能玩的遊戲非常陽春。在那段時間，簡單又耐玩的「貪食蛇」曾經風靡全球，現在雖然有更多更新的遊戲推陳出新，但是經典的回憶可是無價的。讓我們用 JavaScript，將美好的經典帶來現代吧！\n\n這節課，我們要教大家如何用 JavaScript 做出「貪食蛇」。\n\" itemprop=\"description\" /\u003e\u003cbr /\u003e\u003cdiv class=\"course-card-stars\"\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003c/div\u003e\u003c/div\u003e\u003c/a\u003e\u003c/div\u003e\u003cdiv class=\"col-md-4 col-sm-6 px-2 ks-cell js-load-item pb-3\"\u003e\u003ca class=\"ks-link\" href=\"/courses/scratch/gold-miner\" itemprop=\"url\"\u003e\u003cdiv class=\"ks-card course-card\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Product\"\u003e\u003cdiv class=\"course-tag\"\u003e\u003cspan style=\"background-color:#0275d8 ; \"\u003e推薦\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"https://cdn4.koding.school/uploads/course/header_bg/25/8c641913862f1c184f2482c3be8c27d3.png\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(\u0026#39;https://cdn4.koding.school/uploads/course/header_bg/25/8c641913862f1c184f2482c3be8c27d3.png\u0026#39;);\"\u003e\u003cspan class=\"language-icon\" data-placement=\"top\" data-toggle=\"tooltip\" style=\"background-color: rgb(245, 153, 44)\" title=\"此課程使用 Scratch 授課\"\u003e\u003cimg src=\"https://cdn7.koding.school/assets/course_card/scratch_icon-df78a784678851818b36eb310dca869b0a76dfe37074e518745604854430f483.png\" alt=\"Scratch icon df78a784678851818b36eb310dca869b0a76dfe37074e518745604854430f483\" /\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"ks-card-content\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003e用 Scratch 做出經典熱門遊戲 - “挖礦工”！\u003c/span\u003e\u003cspan class=\"shortpitch\"\u003e無基礎也行！用一個小時，寫出這款經典的挖礦工遊戲吧！\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"想入門 Scratch ，卻不知從何下手嗎？\n叩叮學院為你獻上這款有趣又好玩的挖礦工遊戲！\n這次，讓我們一起跟著專業講師的腳步，\n用程式重現當年經典遊戲的佳作吧！\n\n在這堂課裡，你會透過拼接積木的方式，\n從一位程式麻瓜晉升為滿腔熱血的程式初心者，\n並在專業講師的教導下，逐步接觸程式中最基本的觀念，\n像是序列、迴圈以及條件判斷...等等，\n同時你也會學到許多功能不同的 Scratch 積木。\n\n還在等什麼呢？\n快點擊「開始上課」的按鈕，\n跟著我們一起進入 Scratch 的程式世界吧！\n\" itemprop=\"description\" /\u003e\u003cbr /\u003e\u003cdiv class=\"course-card-stars\"\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003c/div\u003e\u003c/div\u003e\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"text-center py-4\"\u003e\u003ca href=\"/courses\"\u003e\u003cbutton class=\"ks-btn ks-btn-blue ks-btn-lg\"\u003e探索更多課程\u003c/button\u003e\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/section\u003e\u003csection class=\"courses-section\"\u003e\u003cdiv class=\"container\"\u003e\u003cdiv class=\"courses ks-shadow-rl py-4\"\u003e\u003ch2 class=\"text-center pt-3\" style=\" color: rgb(0, 41, 78)\"\u003e本週限時免費課程\u003c/h2\u003e\u003cp class=\"text-center py-3\"\u003e從 Scratch 到 JavaScript、從動畫到遊戲、從入門到進階，每週更新課程內容\n\u003cbr\u003e\n馬上加入課程開始學習吧！\n\u003c/p\u003e\u003cdiv class=\"row px-4\"\u003e\u003cdiv class=\"col-md-4 col-sm-6 px-2 ks-cell js-load-item pb-3\"\u003e\u003ca class=\"ks-link\" href=\"/courses/javascript/stars\" itemprop=\"url\"\u003e\u003cdiv class=\"ks-card course-card\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Product\"\u003e\u003cdiv class=\"course-tag\"\u003e\u003cspan style=\"background-color:#0275d8 ; \"\u003e推薦\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"https://cdn0.koding.school/uploads/course/header_bg/66/b42a28ed91d285b5be7c66c670b61f64.png\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(\u0026#39;https://cdn0.koding.school/uploads/course/header_bg/66/b42a28ed91d285b5be7c66c670b61f64.png\u0026#39;);\"\u003e\u003cdiv style=\"overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; position: absolute;\"\u003e\u003cvideo autobuffer=\"autobuffer\" class=\"js-course-card-video\" js-source-url=\"https://cdn1.koding.school/uploads/course/header_video/66/306e74fbd87240aaa866f1b84ad4df39.mp4\" loop=\"loop\" muted=\"muted\" style=\"width: 100%; height: 100%; object-fit: cover; opacity: 0;\" video=\"video\"\u003e\u003c/video\u003e\u003c/div\u003e\u003cspan class=\"language-icon\" data-placement=\"top\" data-toggle=\"tooltip\" style=\"background-color: #fcc900\" title=\"此課程使用 JavaScript 授課\"\u003eJS\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"ks-card-content\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003e飛向宇宙，浩瀚無垠\u003c/span\u003e\u003cspan class=\"shortpitch\"\u003e利用簡單的程式原理及技巧，就能創造穿梭於宇宙中的感覺，趕快來試試看吧！\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"在這堂課中，你將能夠做出搭乘太空船穿梭於宇宙中的感覺，許多跟太空、宇宙有關的小遊戲或是電影，都會利用類似的動畫來表現出太空船穿梭的感覺。\n\n透過製作動畫專案，可以從中學到 JavaScript 的相關知識。同時，你也將學習到如何循序漸進的開發，從解決小問題開始，直到完成整個大專案！\n\n快來體驗體驗吧！\n\" itemprop=\"description\" /\u003e\u003cbr /\u003e\u003cdiv class=\"course-card-stars\"\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003c/div\u003e\u003c/div\u003e\u003c/a\u003e\u003c/div\u003e\u003cdiv class=\"col-md-4 col-sm-6 px-2 ks-cell js-load-item pb-3\"\u003e\u003ca class=\"ks-link\" href=\"/courses/scratch/space-invaders\" itemprop=\"url\"\u003e\u003cdiv class=\"ks-card course-card\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Product\"\u003e\u003cdiv class=\"course-tag\"\u003e\u003cspan style=\"background-color:#0275d8 ; \"\u003e推薦\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"https://cdn3.koding.school/uploads/course/header_bg/78/d1f8d819a0cd94439dcde68b855dcda3.png\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(\u0026#39;https://cdn3.koding.school/uploads/course/header_bg/78/d1f8d819a0cd94439dcde68b855dcda3.png\u0026#39;);\"\u003e\u003cdiv style=\"overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; position: absolute;\"\u003e\u003cvideo autobuffer=\"autobuffer\" class=\"js-course-card-video\" js-source-url=\"https://cdn3.koding.school/uploads/course/header_video/78/d1f8d819a0cd94439dcde68b855dcda3.png\" loop=\"loop\" muted=\"muted\" style=\"width: 100%; height: 100%; object-fit: cover; opacity: 0;\" video=\"video\"\u003e\u003c/video\u003e\u003c/div\u003e\u003cspan class=\"language-icon\" data-placement=\"top\" data-toggle=\"tooltip\" style=\"background-color: rgb(245, 153, 44)\" title=\"此課程使用 Scratch 授課\"\u003e\u003cimg src=\"https://cdn7.koding.school/assets/course_card/scratch_icon-df78a784678851818b36eb310dca869b0a76dfe37074e518745604854430f483.png\" alt=\"Scratch icon df78a784678851818b36eb310dca869b0a76dfe37074e518745604854430f483\" /\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"ks-card-content\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003e太空侵略者\u003c/span\u003e\u003cspan class=\"shortpitch\"\u003e你有玩過超級經典的的懷舊遊戲「太空侵略者」嗎？一同來復刻出來吧！\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"《太空侵略者》為日本太東公司於1978年發行之一款街機遊戲，這款遊戲，可謂是懷舊遊戲中的經典之一，太空侵略者這個系列陪伴了許多人的成長，玩起來輕鬆休閒又略帶一點緊張感，遊戲簡約不簡單，畫面樸素的風格一直延續至今。\n\n現在，就跟著叩叮學苑的老師一起重現當年的經典，無論如何，趕快體驗一下吧！\n\" itemprop=\"description\" /\u003e\u003cbr /\u003e\u003cdiv class=\"course-card-stars\"\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003c/div\u003e\u003c/div\u003e\u003c/a\u003e\u003c/div\u003e\u003cdiv class=\"col-md-4 col-sm-6 px-2 ks-cell js-load-item pb-3\"\u003e\u003ca class=\"ks-link\" href=\"/courses/javascript/tilt-to-live\" itemprop=\"url\"\u003e\u003cdiv class=\"ks-card course-card\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Product\"\u003e\u003cdiv class=\"course-tag\"\u003e\u003cspan style=\"background-color:#0275d8 ; \"\u003e推薦\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"https://cdn4.koding.school/uploads/course/header_bg/87/f79337b050d87d1c834be0200779be5c.jpg\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(\u0026#39;https://cdn4.koding.school/uploads/course/header_bg/87/f79337b050d87d1c834be0200779be5c.jpg\u0026#39;);\"\u003e\u003cspan class=\"language-icon\" data-placement=\"top\" data-toggle=\"tooltip\" style=\"background-color: #fcc900\" title=\"此課程使用 JavaScript 授課\"\u003eJS\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"ks-card-content\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003e重力存亡 - Tilt to live\u003c/span\u003e\u003cspan class=\"shortpitch\"\u003e一款很容易上癮的逃命遊戲，邊做邊玩邊學 JavaScript!\u003c/span\u003e\u003c/div\u003e\u003cmeta content=\"利用滑鼠來控制箭頭，盡可能地躲避紅點的追擊，想辦法存活久一點，你還有一些道具可以消滅紅點，想知道怎麼製作出來的嗎?\n\n趕緊加入課程來學習吧!\n\n \n\" itemprop=\"description\" /\u003e\u003cbr /\u003e\u003cdiv class=\"course-card-stars\"\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003ci aria-hidden=\"true\" class=\"fa fa-star\" style=\"color: gold\"\u003e\u003c/i\u003e\u003c/div\u003e\u003c/div\u003e\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"text-center py-4\"\u003e\u003ca href=\"/courses\"\u003e\u003cbutton class=\"ks-btn ks-btn-blue ks-btn-lg\"\u003e探索更多課程\u003c/button\u003e\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/section\u003e\u003csection class=\"projects-section\"\u003e\u003cdiv class=\"container\"\u003e\u003cdiv class=\"projects ks-shadow-rl py-4\"\u003e\u003ch2 class=\"text-center pt-3\"\u003e精選作品\u003c/h2\u003e\u003cp class=\"text-center py-3\"\u003e來看看這裡的學生們作出好玩有趣的作品吧！\u003c/p\u003e\u003cdiv class=\"row px-4\"\u003e\u003cdiv class=\"col-lg-3 col-md-4 col-sm-6 px-2 project-card js-load-item\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Game\"\u003e\u003cdiv class=\"ks-card\"\u003e\u003ca class=\"show\" href=\"/projects/jzmsezwe\"\u003e\u003cmeta content=\"https://cdn6.koding.school/uploads/project/screenshot/11194/fd7084845949c64cd66c246d7fb8bfcb.jpg\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(https://cdn6.koding.school/uploads/project/screenshot/11194/fd7084845949c64cd66c246d7fb8bfcb.jpg)\"\u003e\u003c/div\u003e\u003c/a\u003e\u003ca class=\"code\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"/projects/jzmsezwe/edit\" title=\"檢視程式碼\"\u003e\u003ci class=\"fa fa-code\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca class=\"share js-share\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"#\" js-share-url=\"/projects/jzmsezwe\" title=\"分享\"\u003e\u003ci class=\"fa fa-facebook-official\"\u003e\u003c/i\u003e\u003c/a\u003e\u003cdiv class=\"tags\"\u003e\u003cspan class=\"feature\"\u003e\u003ci class=\"fa fa-star\"\u003e\u003c/i\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"project-card-detail\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003e希臘\u003c/span\u003e\u003cmeta content=\"evan\" itemprop=\"author\" /\u003e\u003cspan class=\"author\"\u003eby\u0026nbsp;\u003ca href=\"/resume/Evan\" style=\"color:#25aff4\"\u003eevan\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"col-lg-3 col-md-4 col-sm-6 px-2 project-card js-load-item\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Game\"\u003e\u003cdiv class=\"ks-card\"\u003e\u003ca class=\"show\" href=\"/projects/9ygspp9q\"\u003e\u003cmeta content=\"https://cdn1.koding.school/uploads/project/screenshot/9891/88eb161be3e107b65d94606f0483358d.jpg\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(https://cdn1.koding.school/uploads/project/screenshot/9891/88eb161be3e107b65d94606f0483358d.jpg)\"\u003e\u003c/div\u003e\u003c/a\u003e\u003ca class=\"code\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"/projects/9ygspp9q/edit\" title=\"檢視程式碼\"\u003e\u003ci class=\"fa fa-code\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca class=\"share js-share\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"#\" js-share-url=\"/projects/9ygspp9q\" title=\"分享\"\u003e\u003ci class=\"fa fa-facebook-official\"\u003e\u003c/i\u003e\u003c/a\u003e\u003cdiv class=\"tags\"\u003e\u003cspan class=\"feature\"\u003e\u003ci class=\"fa fa-star\"\u003e\u003c/i\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"project-card-detail\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003efirework animation\u003c/span\u003e\u003cmeta content=\"koding\" itemprop=\"author\" /\u003e\u003cspan class=\"author\"\u003eby\u0026nbsp;\u003ca href=\"/resume/koding\" style=\"color:#25aff4\"\u003ekoding\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"col-lg-3 col-md-4 col-sm-6 px-2 project-card js-load-item\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Game\"\u003e\u003cdiv class=\"ks-card\"\u003e\u003ca class=\"show\" href=\"/projects/vngsygre\"\u003e\u003cmeta content=\"https://cdn5.koding.school/uploads/project/screenshot/13312/f83f4ce3bfd334cd114812b370e51a4c.jpg\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(https://cdn5.koding.school/uploads/project/screenshot/13312/f83f4ce3bfd334cd114812b370e51a4c.jpg)\"\u003e\u003c/div\u003e\u003c/a\u003e\u003ca class=\"code\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"/projects/vngsygre/edit\" title=\"檢視程式碼\"\u003e\u003ci class=\"fa fa-code\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca class=\"share js-share\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"#\" js-share-url=\"/projects/vngsygre\" title=\"分享\"\u003e\u003ci class=\"fa fa-facebook-official\"\u003e\u003c/i\u003e\u003c/a\u003e\u003cdiv class=\"tags\"\u003e\u003cspan class=\"feature\"\u003e\u003ci class=\"fa fa-star\"\u003e\u003c/i\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"project-card-detail\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003e五子棋\u003c/span\u003e\u003cmeta content=\"pikachu\" itemprop=\"author\" /\u003e\u003cspan class=\"author\"\u003eby\u0026nbsp;\u003ca href=\"/resume/39f7ab5f\" style=\"color:#25aff4\"\u003epikachu\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"col-lg-3 col-md-4 col-sm-6 px-2 project-card js-load-item\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Game\"\u003e\u003cdiv class=\"ks-card\"\u003e\u003ca class=\"show\" href=\"/projects/2pds95z5\"\u003e\u003cmeta content=\"https://cdn8.koding.school/uploads/project/screenshot/12628/4eee690d58fc117426ba4b23e26aed34.jpg\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(https://cdn8.koding.school/uploads/project/screenshot/12628/4eee690d58fc117426ba4b23e26aed34.jpg)\"\u003e\u003c/div\u003e\u003c/a\u003e\u003ca class=\"code\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"/projects/2pds95z5/edit\" title=\"檢視程式碼\"\u003e\u003ci class=\"fa fa-code\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca class=\"share js-share\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"#\" js-share-url=\"/projects/2pds95z5\" title=\"分享\"\u003e\u003ci class=\"fa fa-facebook-official\"\u003e\u003c/i\u003e\u003c/a\u003e\u003cdiv class=\"tags\"\u003e\u003cspan class=\"feature\"\u003e\u003ci class=\"fa fa-star\"\u003e\u003c/i\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"project-card-detail\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003e眼睛敏銳大考驗！！！\u003c/span\u003e\u003cmeta content=\"koding\" itemprop=\"author\" /\u003e\u003cspan class=\"author\"\u003eby\u0026nbsp;\u003ca href=\"/resume/koding\" style=\"color:#25aff4\"\u003ekoding\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"col-lg-3 col-md-4 col-sm-6 px-2 project-card js-load-item\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Game\"\u003e\u003cdiv class=\"ks-card\"\u003e\u003ca class=\"show\" href=\"/projects/yeysvvr8\"\u003e\u003cmeta content=\"https://cdn3.koding.school/uploads/project/screenshot/9868/2b96bf4b4e6c64592bb3c265ccd5503f.jpg\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(https://cdn3.koding.school/uploads/project/screenshot/9868/2b96bf4b4e6c64592bb3c265ccd5503f.jpg)\"\u003e\u003c/div\u003e\u003c/a\u003e\u003ca class=\"code\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"/projects/yeysvvr8/edit\" title=\"檢視程式碼\"\u003e\u003ci class=\"fa fa-code\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca class=\"share js-share\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"#\" js-share-url=\"/projects/yeysvvr8\" title=\"分享\"\u003e\u003ci class=\"fa fa-facebook-official\"\u003e\u003c/i\u003e\u003c/a\u003e\u003cdiv class=\"tags\"\u003e\u003cspan class=\"feature\"\u003e\u003ci class=\"fa fa-star\"\u003e\u003c/i\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"project-card-detail\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003eㄎㄧㄤ掉的叩叮\u003c/span\u003e\u003cmeta content=\"vyytx\" itemprop=\"author\" /\u003e\u003cspan class=\"author\"\u003eby\u0026nbsp;\u003ca href=\"/resume/__\" style=\"color:#25aff4\"\u003evyytx\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"col-lg-3 col-md-4 col-sm-6 px-2 project-card js-load-item\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Game\"\u003e\u003cdiv class=\"ks-card\"\u003e\u003ca class=\"show\" href=\"/projects/ej9s4nj\"\u003e\u003cmeta content=\"https://cdn7.koding.school/uploads/project/screenshot/7916/97e0bfa5e4af2309c6a8ea42a25a4d95.jpg\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(https://cdn7.koding.school/uploads/project/screenshot/7916/97e0bfa5e4af2309c6a8ea42a25a4d95.jpg)\"\u003e\u003c/div\u003e\u003c/a\u003e\u003ca class=\"code\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"/projects/ej9s4nj/edit\" title=\"檢視程式碼\"\u003e\u003ci class=\"fa fa-code\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca class=\"share js-share\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"#\" js-share-url=\"/projects/ej9s4nj\" title=\"分享\"\u003e\u003ci class=\"fa fa-facebook-official\"\u003e\u003c/i\u003e\u003c/a\u003e\u003cdiv class=\"tags\"\u003e\u003cspan class=\"feature\"\u003e\u003ci class=\"fa fa-star\"\u003e\u003c/i\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"project-card-detail\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003e跳上去 v2\u003c/span\u003e\u003cmeta content=\"kevinshu\" itemprop=\"author\" /\u003e\u003cspan class=\"author\"\u003eby\u0026nbsp;\u003ca href=\"/resume/kevinshu\" style=\"color:#25aff4\"\u003ekevinshu\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"col-lg-3 col-md-4 col-sm-6 px-2 project-card js-load-item\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Game\"\u003e\u003cdiv class=\"ks-card\"\u003e\u003ca class=\"show\" href=\"/projects/kdms63yz\"\u003e\u003cmeta content=\"https://cdn4.koding.school/uploads/project/screenshot/13314/c9b66f9f859573831b64a764e49cc0b1.jpg\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(https://cdn4.koding.school/uploads/project/screenshot/13314/c9b66f9f859573831b64a764e49cc0b1.jpg)\"\u003e\u003c/div\u003e\u003c/a\u003e\u003ca class=\"code\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"/projects/kdms63yz/edit\" title=\"檢視程式碼\"\u003e\u003ci class=\"fa fa-code\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca class=\"share js-share\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"#\" js-share-url=\"/projects/kdms63yz\" title=\"分享\"\u003e\u003ci class=\"fa fa-facebook-official\"\u003e\u003c/i\u003e\u003c/a\u003e\u003cdiv class=\"tags\"\u003e\u003cspan class=\"feature\"\u003e\u003ci class=\"fa fa-star\"\u003e\u003c/i\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"project-card-detail\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003e蛇蛇大戰 (2~4人)\u003c/span\u003e\u003cmeta content=\"pikachu\" itemprop=\"author\" /\u003e\u003cspan class=\"author\"\u003eby\u0026nbsp;\u003ca href=\"/resume/39f7ab5f\" style=\"color:#25aff4\"\u003epikachu\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"col-lg-3 col-md-4 col-sm-6 px-2 project-card js-load-item\" itemscope=\"itemscope\" itemtype=\"http://schema.org/Game\"\u003e\u003cdiv class=\"ks-card\"\u003e\u003ca class=\"show\" href=\"/projects/ej9spm2\"\u003e\u003cmeta content=\"https://cdn5.koding.school/uploads/project/screenshot/4726/b90d4d060fccdc8ae10d32e5ef453af9.jpg\" itemprop=\"image\" /\u003e\u003cdiv class=\"ks-card-img\" style=\"background-image: url(https://cdn5.koding.school/uploads/project/screenshot/4726/b90d4d060fccdc8ae10d32e5ef453af9.jpg)\"\u003e\u003c/div\u003e\u003c/a\u003e\u003ca class=\"code\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"/projects/ej9spm2/edit\" title=\"檢視程式碼\"\u003e\u003ci class=\"fa fa-code\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca class=\"share js-share\" data-placement=\"top\" data-toggle=\"tooltip\" href=\"#\" js-share-url=\"/projects/ej9spm2\" title=\"分享\"\u003e\u003ci class=\"fa fa-facebook-official\"\u003e\u003c/i\u003e\u003c/a\u003e\u003cdiv class=\"tags\"\u003e\u003cspan class=\"feature\"\u003e\u003ci class=\"fa fa-star\"\u003e\u003c/i\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"project-card-detail\"\u003e\u003cspan class=\"title\" itemprop=\"name\"\u003e躲避飛彈.jsa\u003c/span\u003e\u003cmeta content=\"koding\" itemprop=\"author\" /\u003e\u003cspan class=\"author\"\u003eby\u0026nbsp;\u003ca href=\"/resume/koding\" style=\"color:#25aff4\"\u003ekoding\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"text-center py-4\"\u003e\u003ca href=\"/projects/featured\"\u003e\u003cbutton class=\"ks-btn ks-btn-blue ks-btn-lg\"\u003e探索更多作品\u003c/button\u003e\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/section\u003e\u003csection class=\"projects-section\"\u003e\u003cdiv class=\"container\"\u003e\u003cdiv class=\"projects ks-shadow-rl\" style=\"padding-top: 15%;\"\u003e\u003c/div\u003e\u003c/div\u003e\u003c/section\u003e\u003csection class=\"foot-section\"\u003e\u003cdiv class=\"container\"\u003e\u003cdiv style=\"height: 20px;\"\u003e\u003c/div\u003e\u003cdiv class=\"foot ks-shadow-rl px-5 py-4\"\u003e\u003cdiv class=\"footer-logo\" style=\"background-image: url(https://cdn7.koding.school/assets/footer/footer_logo-d83419b0bb4e77bb031290eb8f8e014033b36c42e1aaf128a9b79624fa5634e0.png)\"\u003e\u003c/div\u003e\u003cdiv class=\"row\"\u003e\u003cdiv class=\"col-md-6\"\u003e\u003ch4 class=\"h5\"\u003e關於我們\u003c/h4\u003e\u003cp\u003e\u003csmall\u003e我們是一群熱血的老師、工程師、設計師\n\u003cbr\u003e\n相信科技能夠改變下一代的未來，\n\u003cbr\u003e\n打造華文圈第一個專注兒童程式教育的線上學習平台。\n\u003c/small\u003e\u003c/p\u003e\u003c/div\u003e\u003cdiv class=\"col-md-6\"\u003e\u003ch4 class=\"h5\"\u003e聯絡我們\u003c/h4\u003e\u003cp\u003e\u003csmall\u003e\u003ca href=\"https://www.facebook.com/kodingschool\" 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 href=\"/cdn-cgi/l/email-protection#18707d7474775873777c71767f366b7b70777774\"\u003e\u003ci class=\"fa fa-envelope\"\u003e\u0026nbsp;\u0026nbsp;\u003c/i\u003e\u003cu\u003e\u003cspan class=\"__cf_email__\" data-cfemail=\"127a777e7e7d52797d767b7c753c61717a7d7d7e\"\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\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"row\"\u003e\u003cdiv class=\"col-md-12 align-center\"\u003e\u003chr style=\"opacity: .3; border: 1px solid #fff;\" /\u003e\u003csmall style=\"opacity: .3;\"\u003e© 2017 叩叮學苑 Koding School\u003c/small\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/section\u003e\u003c/div\u003e\u003cdiv aria-hidden=\"true\" aria-labelledby=\"myModalLabel\" class=\"modal fade\" id=\"new-project-modal\" role=\"dialog\" tabindex=\"-1\"\u003e\u003cdiv class=\"modal-dialog\" role=\"document\"\u003e\u003cdiv class=\"modal-content\"\u003e\u003cdiv class=\"modal-body\"\u003e\u003cform action=\"/my/projects\" accept-charset=\"UTF-8\" method=\"post\"\u003e\u003cinput name=\"utf8\" type=\"hidden\" value=\"\u0026#x2713;\" /\u003e\u003cinput type=\"hidden\" name=\"authenticity_token\" value=\"KhloeYN/Ni++zF1TEQVpzO9k8cO3ZiA5DGKsiGWM/3ZlNyDLacSk0lA3QnuypCLgVrzArcCZoghGIzxwWFp5Vg==\" /\u003e\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\u003cdiv class=\"col-3 logo\" style=\"background-image: url(https://cdn3.koding.school/assets/project/scratch-961204c87081f731d104ac0aa6b8932cbb10653ece44e4680eeca117576dc63f.png)\"\u003e\u003c/div\u003e\u003cdiv class=\"col-9 description\"\u003e\u003ch4 style=\"font-weight: 900;\"\u003eScratch\u003c/h4\u003e\u003cp class=\"pt-1\"\u003e最適合兒童學習的程式語言，親切的圖像化界面，你也能馬上上手！\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\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\u003cdiv class=\"col-3 logo\" style=\"background-image: url(https://cdn6.koding.school/assets/project/javascript-f67134aac6897a9b21405fde0e7238d1a248b18b8a8d784109060c2657e31c4f.png)\"\u003e\u003c/div\u003e\u003cdiv class=\"col-9 description\"\u003e\u003ch4 style=\"font-weight: 900;\"\u003eJavaScript\u003c/h4\u003e\u003cp class=\"pt-1\"\u003e用全球最熱門的程式語言，創造出跨平台的程式專案！\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\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\u003cdiv class=\"col-3 logo\" style=\"background-image: url(https://cdn0.koding.school/assets/project/web-020ba38f0b8bb69bf8af6c8004c0f67942c7ee708df0b21521433e6849bdcb58.png)\"\u003e\u003c/div\u003e\u003cdiv class=\"col-9 description\"\u003e\u003ch4 style=\"font-weight: 900;\"\u003eWeb\u003c/h4\u003e\u003cp class=\"pt-1\"\u003e使用 HTML 和 CSS 做出漂亮精美的網站吧！\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\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\u003cdiv class=\"col-3 logo\" style=\"background-image: url(https://cdn4.koding.school/assets/project/microbit-4c54492c93d3fa0ee75b2d3048f081e5ab203bd485c6ac40d40fcd27156a0fcf.jpg)\"\u003e\u003c/div\u003e\u003cdiv class=\"col-9 description\"\u003e\u003ch4 style=\"font-weight: 900;\"\u003eMicro:Bit\u003c/h4\u003e\u003cp class=\"pt-1\"\u003e在全世界最看好的程式教育開發板 micro:bit 上面開發你的物聯網程式吧！\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\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\u003cdiv class=\"col-3 logo\" style=\"background-image: url(https://cdn3.koding.school/assets/project/ozobot-01d129397af7ed73a4a54b151339cbf5f86ae3470372ee417e7576149eeea3de.png)\"\u003e\u003c/div\u003e\u003cdiv class=\"col-9 description\"\u003e\u003ch4 style=\"font-weight: 900;\"\u003eOzobot\u003c/h4\u003e\u003cp class=\"pt-1\"\u003e拖拉指令積木，隨心所欲控制路徑機器人 Ozobot！\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"form-group row\" style=\"display: none\"\u003e\u003cinput id=\"project_language\" name=\"project[language]\" type=\"text\" v-model=\"language\" /\u003e\u003c/div\u003e\u003cdiv class=\"form-group row\" style=\"margin: 15px 10px 0px 10px\"\u003e\u003cdiv class=\"input-group\"\u003e\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=\" !language || !name ? true : false\" /\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003c/form\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv aria-hidden=\"true\" class=\"modal fade\" id=\"quickAttend\" role=\"dialog\" tabindex=\"-1\"\u003e\u003cdiv class=\"modal-dialog\" role=\"document\" style=\"max-width: 400px\"\u003e\u003cform action=\"/courses/attend\" accept-charset=\"UTF-8\" method=\"post\"\u003e\u003cinput name=\"utf8\" type=\"hidden\" value=\"\u0026#x2713;\" /\u003e\u003cinput type=\"hidden\" name=\"authenticity_token\" value=\"6ypd5e042sjfo12/5AEtjfOl87hdtfF0Rf9gZdoBgPGkBBVXB4NINTFYQpdHoGahSn3C1ipKc0UPvvCd59cG0Q==\" /\u003e\u003cdiv class=\"modal-content\" style=\"padding: 5px 10px;\"\u003e\u003cdiv class=\"modal-header\" style=\"padding: 10px;\"\u003e\u003ch5 style=\"text-align: center; width: 100%; margin: 0;\"\u003e快速加入\u003c/h5\u003e\u003c/div\u003e\u003cdiv class=\"modal-body\" style=\"align-items: center; justify-content: center;\"\u003e\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\" /\u003e\u003c/div\u003e\u003cdiv class=\"modal-footer\" style=\"padding: 5px 15px;\"\u003e\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\u003c/div\u003e\u003c/div\u003e\u003c/form\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv aria-hidden=\"true\" class=\"modal fade\" id=\"potentialStudentModal\"\u003e\u003cdiv class=\"modal-dialog\" role=\"document\" style=\"max-width: 540px\"\u003e\u003cdiv class=\"modal-content\"\u003e\u003cdiv class=\"modal-body\" style=\"padding: 20px\"\u003e\u003cform action=\"/potential_students\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"\u003e\u003cinput name=\"utf8\" type=\"hidden\" value=\"\u0026#x2713;\" /\u003e\u003cdiv class=\"form-group row\"\u003e\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\u003cinput class=\"form-control\" required=\"required\" placeholder=\"在此處填寫您的姓名\" type=\"text\" name=\"potential_student[contact_name]\" id=\"potential_student_contact_name\" /\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"form-group row\"\u003e\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\u003cinput class=\"form-control\" type=\"tel\" required=\"required\" placeholder=\"在此處填寫您的電話\" name=\"potential_student[contact_phone]\" id=\"potential_student_contact_phone\" /\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"form-group row\"\u003e\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\u003cinput class=\"form-control\" type=\"email\" required=\"required\" placeholder=\"在此處填寫您的 Email\" name=\"potential_student[contact_email]\" id=\"potential_student_contact_email\" /\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"form-group row\"\u003e\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\u003cinput class=\"form-control\" type=\"date\" required=\"required\" name=\"potential_student[birthday]\" id=\"potential_student_birthday\" /\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"form-group row\" style=\"margin-bottom: 0;\"\u003e\u003cdiv class=\"col-12\"\u003e\u003cinput class=\"btn btn-success\" style=\"width: 100%\" type=\"submit\" value=\"送出\" /\u003e\u003c/div\u003e\u003c/div\u003e\u003c/form\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"fixed-buttons-wrapper\"\u003e\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=\"/plans/school\" target=\"_blank\"\u003e我是學校教師，我要獲得免費課程\u003c/a\u003e\u003c/div\u003e\u003cscript data-cfasync=\"false\" src=\"/cdn-cgi/scripts/af2821b0/cloudflare-static/email-decode.min.js\"\u003e\u003c/script\u003e\u003cscript src=\"https://cdn9.koding.school/assets/application-8103b3fd2b70e37da39d80fa2029febfefa38e4d042019b2ee5c6dcd5d25516c.js\" async=\"async\"\u003e\u003c/script\u003e\u003cscript\u003eSWAL_MESSAGES = {};\ndocument.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});\u003c/script\u003e\u003c/body\u003e\u003c/html\u003e","created_at":"2017-03-01T20:52:04.729+08:00","updated_at":"2019-11-08T06:52:12.417+08:00","name":"終極密碼 ","language":"javascript","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/10828/0916e9d16cf9c060b8ddcd674c4a4d86.jpg"},"parent_id":10703,"plugin":"var input;\nvar answer = Math.random() * 100;\nanswer = window.parseInt(answer);\nwhen('click', function() {\n    input = prompt();\n});","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":155,"hashid":"jzmse9pj","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}