iT邦幫忙

鐵人檔案

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

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

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

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

Day01 - 簡介

同事邀我參加 30 天鐵人活動,聽到就覺得非常不容易呀!然後看到前同事說想要衝,就跟著上去說衝啦,結果就湊成一隊了。 主題介紹 我接觸前端開發有一段時間了,...

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

Day02 - 用簡單的 TodoList 拉開序幕

前言 假設今天學校或者工作要做的第一個互動式網站是待辦清單的話,你會怎麼做。如果都毫無頭緒 html, css, javascript 是什麼都不會,要怎樣刻出...

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

Day03 - 瀏覽器如何解讀網頁

想在分析研究 javascript code 之前想來探討一下這個網頁是如何被瀏覽器讀取的,這樣以後寫網站才能把網頁寫的更好,速度更快 網頁的讀取順序 當瀏覽...

2018-10-18 ‧ 由 傑瑞林 分享
DAY 4

Day04 - 用 js 存取 DOM

今日主題是透過 TodoList 來學習 原生 javascript 裡的 API 讀 MDN 上的文件 你的 this 是我的 that 還是窗戶 Tod...

2018-10-19 ‧ 由 傑瑞林 分享
DAY 5

Day05 - TodoList js - II

今日主題是透過 TodoList 來學習 原生 javascript 裡的 API 讀 MDN 上的文件 你的 this 是我的 that 還是窗戶 Tod...

2018-10-20 ‧ 由 傑瑞林 分享
DAY 6

Day06 事件處理

昨天把 TodoList 上 javascript 的部分幾乎看完了!但 click 的部分沒有做完研究呢先附上 Todo List - codepen 如果直...

2018-10-21 ‧ 由 傑瑞林 分享
DAY 7

Day07 - 讓 IIFE 來當範疇的守門員

不知道有沒有人有這樣的經驗,寫了一段 javascript 自己測試覺得沒問題,但放上線卻整組爛光光,最後 debug 很久才發現原來是自己的程式污染到 Glo...

2018-10-22 ‧ 由 傑瑞林 分享
DAY 8

Day08 - 在 TodoList 上加新功能

假設今天使用者很愛使用這個 TodoList 然後老闆說 估Go 覺得這個 App 可以打敗 todoist.com 我們來努力把它做到好 首先使用者會想要一...

2018-10-23 ‧ 由 傑瑞林 分享
DAY 9

Day09 - 用什麼流寫 TodoList? 我用 MVC

昨天說功能加越多網頁會越來越難管理有以下原因 與 Server 用 API 溝通時要一直去翻 DOM 裡面的資料,大部分的時間會做 DOM 轉換成 objec...

2018-10-24 ‧ 由 傑瑞林 分享
DAY 10

Day-10 - 聽說以前都是這樣做模組,今天來踩踩地雷

前端模組化 昨天把 TodoList 做得像是使用 MVC 的 Pattern 來做到 關注點分離,但 code 還是在同一個地方,而且很亂,有沒有辦法讓 MV...

2018-10-25 ‧ 由 傑瑞林 分享