iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

Javascript 從寫對到寫好 系列

對我來說,Javascript 是易學難精的程式語言,要寫出基本的功能並不難,但在程式規模愈來愈龐大之後,才會感受到許多困難:「程式改 A 壞 B」、「網頁跑好慢」、「同事看不懂我在寫什麼QQ」,大多發生在學習 Javascript 之後 2~3 年,基於 Javascript 是一個獨特古怪的語言,從寫「對」到寫「好」,是一趟漫長的旅程。

由於重點放在「寫好 Javascript」,因此不會有基礎語法教學,但會講到「clean code」、「非同步的核心與脈絡」甚至「code review」等主題,讓自己成為更好的 developer 吧!

鐵人鍊成 | 共 30 篇文章 | 37 人訂閱 訂閱系列文 RSS系列文 團隊鐵人賽臻融一
DAY 1

Day 1 - 寫「好」程式是什麼樣的感覺?

前言 開賽啦!各位朋友大家好,我想會點進這系列文章的人,可能是以下兩種: 學習前端、Javascript 2~3 年,想看看 Javascript 可以到什麼...

2021-09-16 ‧ 由 ycchiuuuu 分享
DAY 2

Day 2 - Array 陣列組合技 (1)

前言 寫「好」程式並不像是一本聖經,只要照著做就好,而是要不斷審視自己的周遭,有沒有什麼地方可以改進?用更有效率、更好讀的寫法?因此最好先從自己比較熟悉的東西開...

2021-09-17 ‧ 由 ycchiuuuu 分享
DAY 3

Day 3 - Array 陣列組合技 (2)

前言 前一篇介紹了 forEach、filter、map、reduce,算是平常我比較常使用,而且在很多情況可以通用的陣列組合技了。 今天來講的,是比較針對特定...

2021-09-18 ‧ 由 ycchiuuuu 分享
DAY 4

Day 4 - Object 物件組合技

前言 前兩天講完了一些常用的 Array 組合技,今天來介紹一下它的青梅竹馬(?) - Object 物件也算是早期會接觸到的重點之一,重點在於它 key/va...

2021-09-19 ‧ 由 ycchiuuuu 分享
DAY 5

Day 5 - 陣列與物件的進化 - Set & Map

前言 在看完前三天的 Array & Object 組合技,感覺只要這兩個東西練得夠熟,應該就可以 cover 大部分關於資料儲存結構的問題了。 或許一...

2021-09-20 ‧ 由 ycchiuuuu 分享
DAY 6

Day 6 - Function 時空旅行 (1) - 參數優化

前言 Array 跟 Object 兩兄弟的故事告一段落了,接著是 Object 在外面養(?)的另外一個兄弟 - function 浪漫一點來說,functi...

2021-09-21 ‧ 由 ycchiuuuu 分享
DAY 7

Day 7 - Function 時空旅行 (2) - 拆解與命名

前言 今天是 function 時空旅行第二天,昨天我們學會了如何收拾背包(?),也學會不要讓背包裡的東西變質(?)。。。總之就是學會了關於 function...

2021-09-22 ‧ 由 ycchiuuuu 分享
DAY 8

Day 8 - Functional Programming 初探 (1) - HoF 與 Side Effects

前言 Functional Programming 其實是我相對不熟的主題,但因為在寫一些較難的程式時,往往會突然感受到有這些神奇的力量存在(?),再加上現在...

2021-09-23 ‧ 由 ycchiuuuu 分享
DAY 9

Day 9 - Functional Programming 初探 (2) - Currying 與 Composition

前言 今天會繼續來聊聊 FP 的一些重要觀念,而且會更偏向實際的做法,看看 Javascript 怎麼結合昨天聊到的 First-class、HoF、pure...

2021-09-24 ‧ 由 ycchiuuuu 分享
DAY 10

Day 10 - Functional Programming 初探 (3) - 實戰購物車流程

前言 這兩天花了滿多心力在介紹 FP 的觀念跟方法,但其實大部分都停留在理論,或者教科書上的那種 apple、banana 的練習,大家都是在職場上走跳的,把理...

2021-09-25 ‧ 由 ycchiuuuu 分享