團隊戰報
開橋找井
-
Modern Web以經典小遊戲為主題之ReactJS應用練習 系列 第 17 天Day17 - 貪吃蛇篇：產生食物(上菜啦～～)
想一想，決定食物如何出現 俗話說，吃飯皇帝大，如果不吃東西，貪吃蛇就長不大，也跑不快，所以今天我們要來製作貪吃蛇的另一個重頭戲，就是食物。 首先，我們要來決定食...
Taiming 於 2018-11-01 發表 ｜ 2798 次瀏覽
-
Modern Web認真學前端開發 - 以 TodoList 為例 系列 第 17 天
Day-17 把 TodoList 套上 Bootstrap4 吧！
今天用 bootstrap 來套版我們的 TodoList 吧 List 使用 List Group html 中的 ul 改成 <ul class=&q...
傑瑞林 於 2018-11-01 發表 ｜ 2098 次瀏覽
-
[Day 17] Docker (3)
Docker Stack 今天要為應用程式新增其他服務，使其功能更為完整。在 Get Started 中這是第三層，稱為堆疊 (stack)。堆疊是一組彼此相關...
歐弟 於 2018-11-01 發表 ｜ 4375 次瀏覽
-
Modern Web認真學前端開發 - 以 TodoList 為例 系列 第 16 天
Day16 - 加入 Bootstrap 的開發環境
終於設定好 webpack 現在開發速度可以更快速了，接下來再試著加上 Bootstrap 4 來把網頁弄好看吧 安裝 Bootstrap 可以照著官網的教學...
-
Modern Web以經典小遊戲為主題之ReactJS應用練習 系列 第 16 天
Day16 - 貪吃蛇篇：加入蛇的身體
昨天我們已經讓蛇的頭部可以動起來，並且可以接受方向鍵的操作來改變方向。接下來我們要讓這隻蛇有身體，讓他成為一條名符其實的蛇。 前情提要 在 Day12 - 貪吃...
-
[Day 16] Docker (2)
昨天介紹了 Docker 的基本概念，以及跟著 Get Started 教學文件編寫 Dockerfile、建立映像檔並執行。在從容器層級進入服務層級之前，先看...
-
Modern Web認真學前端開發 - 以 TodoList 為例 系列 第 15 天
Day15 - Webpack [part3][開發模式]
今天的代碼會延續昨天來繼續 先附上昨天的代碼 下載後執行安裝 npm install Webpack 開發模式 昨天產出的檔案如下 build |- in...
-
Modern Web以經典小遊戲為主題之ReactJS應用練習 系列 第 15 天
Day15 - 貪吃蛇篇：讓蛇的頭動起來
有了地圖之後，我們就可以開始讓蛇在上面爬了，今天我們的目標是畫出蛇的頭，並且可以操控他在地圖上跑來跑去。 新增蛇的物件 首先我們先來新增一個蛇的物件 const...
-
[Day 15] Docker (1)
開始發文到今天是第十五天，三十天的旅程也將完成前半部。原本打算在三十天內把這十多種 DevOps 的開源工具走過一遍，以目前的進度應該是很難達成了。從每天能寫的...
-
Modern Web認真學前端開發 - 以 TodoList 為例 系列 第 14 天
Day14 - Webpack [part2][設定打包環境]
今天預計使用 webpack 將 TodoList 打包 如果要安裝流程可參照昨天Day 13 - Webpack [part1][簡介與 Babel] 那就來...
