iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

JS 忍者訓練計畫 系列

忍者 JavaScript 開發技巧密探一直是自己技術閱讀書籍願望清當中,但一天天過去它還是只是擺在書架上的其中一本。

本次藉由鐵人賽 30 天寫技術文章的機會,讓忍者有機會被下架閱讀,也趁機補足自己技術基礎不足的地方。忍者從了解 JS 語言到 CCS 選擇器,總共 15 個章節。預計兩天完成 1 章的介紹與練習。

那我們就開始吧,你也覺得這樣很棒對嗎?

鐵人鍊成 | 共 30 篇文章 | 15 人訂閱 訂閱系列文 RSS系列文 團隊啊 ah
DAY 1

學徒、忍者、大師? 忍蛋三人組的火影之路 (Day 0)

□ □ □ □ □ □ □ □ □ ■ Progress... 3.33% 8月30日 下午 10:30,當我正在苦於怎麼完成第一天文章,想起記得去年寫了...

DAY 2

進入JS 忍者的世界(上) Day1

在修業之前,先大約理解後面會講到的東西。技術提及的方向,跟不提及的方向,以及會預備推薦要知道的知識。 目前讀起來書本偏重於 JS 函式庫的設計,說明比較深入的...

DAY 3

進入JS 忍者的世界(下) Day2

網路應用程式進階學習,除了跨瀏覽器的支援考量外,測試跟效能也常常被提到,除了穩定性跟速度上的體驗更好,更重要的更是控制複雜度吧。 儘管測試跟效能牽涉到廣博的學習...

DAY 4

裝備測試與除錯工具(上) Day3

平常除了用 local server 下 console.log 外,再來就是用 Chrome DevTool 或插件工具進行 debug。新增 debug 效...

DAY 5

裝備測試與除錯工具(下) Day4

這章想學到什麼? 支援不同瀏覽器 console 寫法 (補) 一個 assert 測試方法實現的簡單寫法(補) 看看不同的測試框架,基於前端開發工具測試工具...

DAY 6

函示乃基本礎石(上) Day5

明白 JavaScript 是一個函數式語言是成為 JS 忍者的重要一步,函式除了無所不在,函式也為重要的模組化單元。函式使用發生在不同的事件場景,包含瀏覽器事...

DAY 7

函示乃基本礎石(下) Day6

根據開發使用到不同的技術,可能會用到 this 或 建構式等更深入的 JS 寫法,函式做為大部分模組化的單位,有更多的細部的功能可以去了解,也可以更深入理解 J...

DAY 8

揮舞函式之劍(上) Day7

函式除了在宣告與執行像有多種用法,函式結構或是否有名稱也有許多細節跟技巧。有時候函式需要名稱,有時候不用。匿名可以解決不必要的命名困境,取名也可以處理是否指向該...

DAY 9

揮舞函式之劍(下) Day8

函式除了執行之外,還有很多神奇的使用方法。加深了我對於函式的認知跟理解。也試想如何在更多使用上有彈性的使用函式。 這章想學到什麼? 自我記憶的函式,函式的 c...

DAY 10

閉包封鎖之術(上) Day9

閉包(closure)的實作包含一個外層函式包裹一個內層函式,而宣告過後並不馬上執行這也讓閉包的使用不直覺,需要多閱讀一些程式碼與設計方法來熟悉。讀完這一章並沒...

機器人幽默研究員的收藏
機器人幽默研究員的追蹤
機器人幽默研究員的Like
機器人幽默研究員的紀錄