iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

認真學前端開發 - 以 TodoList 為例 系列

我覺得學任何語言有時候會不小心陷入一個壞習慣,就是網路上抄了一段 code 覺得會動就結束了,很少深入了解原理是為什麼,最終因為大家都這麼寫所以就不去查清楚查明白了
希望透過鐵人三十,能讓我找回軟體的初衷,跟這次金鐘獎一樣勿忘初衷,好好的學習前端開發吧

鐵人鍊成 | 共 30 篇文章 | 32 人訂閱 訂閱系列文 RSS系列文 團隊開橋找井
DAY 11

Day11 - 來試試使用 YUI 做模組!

當網站開發越來越大的時候,同事們會互相開發不同的模組,而 javascript 本身沒有模組化導出引入的概念,所以開發的模組就必須統一放在 window or...

2018-10-26 ‧ 由 傑瑞林 分享
DAY 12

Day12 - 模組的使用 CommonJS AMD 簡介

使用模組化的好處 Good authors divide their books into chapters and sections; good progr...

2018-10-27 ‧ 由 傑瑞林 分享
DAY 13

Day13 - Webpack [part1][簡介與 Babel]

Webpack 的使用 有了模組化的知識,再配合這套工具 Webpack 應該可以解決不少前端開發上的問題。 Webpack 是一個模組打包的工具,現代前端也都...

2018-10-28 ‧ 由 傑瑞林 分享
DAY 14

Day14 - Webpack [part2][設定打包環境]

今天預計使用 webpack 將 TodoList 打包 如果要安裝流程可參照昨天Day 13 - Webpack [part1][簡介與 Babel] 那就來...

2018-10-29 ‧ 由 傑瑞林 分享
DAY 15

Day15 - Webpack [part3][開發模式]

今天的代碼會延續昨天來繼續 先附上昨天的代碼 下載後執行安裝 npm install Webpack 開發模式 昨天產出的檔案如下 build |- in...

2018-10-30 ‧ 由 傑瑞林 分享
DAY 16

Day16 - 加入 Bootstrap 的開發環境

終於設定好 webpack 現在開發速度可以更快速了,接下來再試著加上 Bootstrap 4 來把網頁弄好看吧 安裝 Bootstrap 可以照著官網的教學...

2018-10-31 ‧ 由 傑瑞林 分享
DAY 17

Day-17 把 TodoList 套上 Bootstrap4 吧!

今天用 bootstrap 來套版我們的 TodoList 吧 List 使用 List Group html 中的 ul 改成 <ul class=&q...

2018-11-01 ‧ 由 傑瑞林 分享
DAY 18

Day-18 提高程式品質

我剛進公司的時候,前輩很強調要寫出與其他同事一致的程式碼,而且還要誇張到一份代碼要看不出是哪位同事的風格。 幸好現在都有在用 git, 出錯有人可以 blame...

2018-11-02 ‧ 由 傑瑞林 分享
DAY 19

Day19 - 使用 Firebase 來做儲存 [Part1]

將 Todo 內容存到 Serverless 上 寫了 TodoList 網頁但總是要把內容放到網路上,這樣才能將代辦清代記起來! 今天想要將機器存放在雲端 s...

2018-11-03 ‧ 由 傑瑞林 分享
DAY 20

Day20 - 使用 Firebase 來做儲存 [Part2]

昨天已經大略了解 firebase database 的運作,今天要來想想要把什麼資訊存到我們的 db 裡面,方便我們 coding 的使用 安裝 fireba...

2018-11-04 ‧ 由 傑瑞林 分享