iT邦幫忙

2021 iThome 鐵人賽

DAY 30
6
Modern Web

Javascript 從寫對到寫好系列 第 30

Day 30 - 從寫對到寫好

前言

第一次參加鐵人賽,完賽的這一天,簡直像是學測考完走出教室的感覺!充滿興奮與驕傲!

一方面是成功堅持了 30 天的紀律,另一方面是,把一些自己知道的知識彙整,成為一整個系列文,或許多多少少還可以幫助一些新手,就覺得很替自己驕傲!

總整理

其實這 30 篇文章也真的是寫到哪算到哪,所以有些地方接起來不是那麼順,這邊幫摸不著頭緒的朋友整理一下:

基本上 Day 2 - Day 20 比較是實作上的用法,語法與實戰都會比較多。

Day 21 - Day 29 則是比較偏心態、工具、觀念的部分,會有較多職場軟實力的分享。

我這試著更細微分類:

延伸閱讀

寫成這 30 天當然也不會全都靠這顆腦袋,有很多靈感與主題,都來自一些我手邊的學習教材,但我都只擷取了冰山一角,所以如果看完這系列文章,還想要看一些差不多等級的學習資源,以下都可以參考哦!

Udemy - 外國線上課程平台

國內外都有很多不錯的學習教材,尤其 JavaScript 是非常熱門的語言,想學 FP/OOP/資料結構/演算法 都可以找到 JavaScript 的版本。

但如果不排斥聽英文,真的!拜託!一定要去看看外國的 developer 教學,畢竟 JavaScript 也是外國發明的,透過英文來講述這個程式語言,很多時候都更精確得多,再加上台灣人跟外國人的思考方式有些微不同,所以往往能夠從不同角度看同一件事情,非常有趣!

看外國講師幫變數命名,是件非常療癒(?)的事

這邊僅推薦我有參考到的課程,都來自這個講師 Andrei Neagoie,是一個超人氣的講師,不只本身是厲害的 developer,對於教學也是身經百戰。

我個人認為的特點是,有很多自製的流程圖、圖像 icon,對於視覺系的人來說非常好理解!這邊偷一張圖過來支援:

講英文相對比較慢,但抑揚頓挫很清楚,所以像我這種英聽不好的都能大概聽懂,再搭配字幕的話,就完全能夠理解。(是真的有差,其它講師我都聽不太懂QQ)

教學書

這邊我不特別推薦語法書,因為別忘記這系列文的主題,不是來教大家寫對程式的,而是一起來探討什麼是「更好」的程式。

因此下列推薦的幾本書,都是屬於「不會被時代淘汰」的經典書,即便裡面的工具、語法可能會過時,但裡面在講的重點是核心概念,核心概念是不會過時的。

鐵人賽閉關生活

是的,鐵人賽真的不是人過的,很多東西需要割捨與改變,因為在這 30 天中,人生擠進了一個 priority 非常高的任務,一些原本偷懶、耍廢的習慣,都默默被含淚割捨了。

最明顯的是通勤的時候,原本都會無所事事滑 FB、社會觀察(?)、思考人生(?),但這 30 天一律沒空啦!全都拿來搜尋學習資料、找文章與思考主題

甚至原本還有寫日記的習慣,結果 9/16 一到,我的日記就斷在這一天QWQ

然後假日時間更是重災區,假日兩天,如果沒生個至少四篇出來,我就知道下週要吃土了,肯定又要在 10 點的時候上線跟我的隊友說:「我在努力中!

謹以此圖弔祭我睡前犧牲的時光

團隊的力量

這次很幸運有兩位好戰友,Jen & pjchender 陪我度過這難熬的 30 天,尤其是 15~20 天左右,囤貨用盡、終點漫長,是最適合容易放棄的時間點。

真的是多虧有隊友在,會覺得如果放棄,除了自己放棄,也等於團隊無法完整走向終點,所以再怎麼辛苦都會想辦法走下去!

我們會在 LINE 上互相加油打氣,還會留電話在群組,以防有人睡著XD

所以,即便是寫完全不同的主題,團隊也能夠發揮強大的支持力量,讓人堅持走下去!如果可以請一定要揪同事、朋友一起參加!

鐵人賽配備大公開

對於未來想要參加鐵人賽的同學們,我可以分享這 30 天以來,我使用的工具們,這些工具對我這 30 天來說,真的是無比重要!

HackMD - Markdown 線上編輯器

HackMD 使用體驗真的超讚!可以邊打 markdown 邊看成果,對於我這種視覺系(?)的人來說,是非常有效的工具。

還可以存範本(template)下來,我每天都會用範本先做一個簡單的框架,裡面就是基本的「標題」、「前言」、「結語」、「參考資料」,這樣我就可以像在填蘿蔔坑一樣,把對應的東西放進去即可。

其實主要是因為 IThome 這邊的發文系統,只能儲存一天的草稿,所以我沒辦法「囤貨」,或者先寫後天的稿,而 HackMD 完美解決,因此我通常是在 HackMD 打好草稿,然後再貼到發文系統,加幾個 tag 標籤就可以送出了。

我還會看最下方的「字數」,來判斷今天是不是該休息了XD

Draw.io - 流程圖繪製

這個 Google 提供的流程圖服務非常方便,即便不會畫畫的人,也能夠透過拖拉,放大縮小,像在操作小畫家或 PS 一樣,就把簡易的示意圖完成!

這 30 天內我一直在提到,我是視覺系的人(但美感真的 0 分),所以如果在講比較複雜的概念時,要嘛想辦法去找圖,要嘛我就自己畫一張示意圖,讓讀者能夠看更有帶入感。

一圖勝過千萬字啊!

Screen To Gif - GIF 螢幕錄製器

當靜態圖片也不能表達的時候,我乾脆自己錄一個動態的!

畢竟如果要放一個影片上來太搞剛了,所以直接把螢幕上的操作,錄成 gif 圖檔,直接拖曳放到 HackMD 就自動幫你上傳到 Imgur,真的超級方便的!

GIF 真的超級吸睛的,我只要看到文章裡面有 GIF 都一定會盯著它循環兩次以上!

結語

結束啦!

寫了有夠久的結語小新詩(?)也終於告一段落,整理文章需要理性腦,寫這種沒頭沒尾的小新詩,卻很需要發揮想像力!所以每次寫結語都在腦筋急轉彎XD

其實只是單純覺得,程式到頭來也是在描述現實世界中的一些事情,只是為了效率與理解,我們才將它簡化成一堆語法,邏輯轉久了,卻失去了它天生帶有的浪漫,所以試著用文字去描寫它們。

結果好笑的是,我今天試著抽一天的結語新詩來抽考自己,結果發現我居然對應不回去啊哈哈哈哈~所以說,還是當作抒情小句來看就好了!

我看了一輪,最喜歡的,反而是用字最簡單的,而且它對應的天數也算滿明顯的,有興趣的不妨猜猜看是哪一天囉!

我來自於你
來自於天空
來自於宇宙

特別感謝

特別感謝 TD 大大,是全能小精靈般的存在!幫助臻融一團隊太多了!


上一篇
Day 29 - 淺談測試 - 令人安心的保護網
系列文
Javascript 從寫對到寫好30
0
SuoChan 阿關
iT邦新手 4 級 ‧ 2021-10-15 08:43:48

恭喜完賽!非常能體會 15 ~ 20 天庫存見底的害怕 XDDD

ycchiuuuu iT邦新手 5 級 ‧ 2021-10-17 14:12:03 檢舉

哈哈哈謝謝!庫存見底真的會焦慮,寫過的最懂!

0
Chiahsuan
iT邦新手 5 級 ‧ 2021-10-15 09:23:19

恭喜完賽~~~/images/emoticon/emoticon42.gif
每天都期待你寫的文章:)

非常喜歡結尾的小新詩,和技術理論搭配有種美麗的平衡~

我來自於你
來自於天空
來自於宇宙

(來自星星的你)第一次看到很想這麼往下接XD。繼承的概念能這麼詩意的表達真的好棒喔~~

再次感謝你在工作之餘仍分享實用的技巧和重要概念,對於像我這樣的初學新手真的幫助很大~/images/emoticon/emoticon41.gif

ycchiuuuu iT邦新手 5 級 ‧ 2021-10-17 14:18:24 檢舉

太好了!很開心你在這個系列文有收穫,期待大家一起繼續成長~

答對啦!就是繼承沒錯!齁齁這個小東西也有人注意到,很令我開心耶!下次再看可以怎麼變化~

2
pjchender
iT邦新手 4 級 ‧ 2021-10-15 23:10:57

團長超棒的~!!

ycchiuuuu iT邦新手 5 級 ‧ 2021-10-17 14:19:31 檢舉

讚啦!從第一天就開始思考的慶功宴,終於可以開始落實啦!

1
TD
iT邦新手 4 級 ‧ 2021-11-06 10:44:20

我終於看完了 XD 感謝 ycchiuuuu 三十天的分享,我很喜歡你的文字,讓人能夠很愉快的閱讀。期待未來能有更多的文字分享喔 :)

--
我來完成我當初說的小整理了:

天平的兩端
藏著各自的風景
寫著各自的故事

漫天星點
在每一個連結與跨越
化作指引的星輝

自己寫下自己的屬性
自己決定自己的命運

獨一無二的個體
即便外表相似
靈魂仍在不同的地址

背好背包
穿越銀河
下一站是全然獨立的異世界

離開了熟悉的家鄉
改名換姓
在銀河的另一端相遇

幻化
在空曠的荒野灑落
通向八方的道路

從合成到分離
從原子到宇宙
連結了散落一地的星點

在寂靜與黑暗之中
閉上眼
已到了蟲洞外的新世界

我來自於你
來自於天空
來自於宇宙

在喧囂嘈雜的社會裡
或許你我都是
寂靜的克隆體

真實世界的每一步
都是電腦眼中的
0 與 1

在一個世界線
交織著兩個平行宇宙
踏著不同的步調
寫著同一個故事

一次次的等候
在愈來愈深的洞穴
漸漸迷失了歸途

無論如何看待
我終將完成我的
承諾

愈深的洞穴裡
藏著愈閃耀的寶石

周旋在這個世界
你害怕的
是未知
還是一無所有?

轉生之後
沒了面孔與相貌
只剩靈魂的連結

在真與假之中
拼湊未來的模樣

仔細端詳著
畫裡絢爛的風采
寂靜地
寫下了生命的註解

無論晴雨
總是以最美麗的姿態
徜徉大海與天空

每日的修練
塑成信手拈來的熟練

崩壞後重建
以全新的姿態
征服鴻溝

荊棘的路險峻
遠繞的路疲倦
在不知道是否存在的交會點
尋一處沙洲

名字的背後
藏著淺顯的暗示
與深層的靈魂

寫著寫著
在黑幕裡的異國文字
學著學著
在黑幕外的真實人生

小小的燭火
在愈深的夜裡
愈有力量

邊境的沙漠與極地的雪
在熠熠星光的守護下
前行

ycchiuuuu iT邦新手 5 級 ‧ 2021-11-06 20:38:05 檢舉

TD 小精靈你終於來了!我們團隊真該頒發一個「最佳 Support 獎」給你!

這小整理也太貼心了吧!每篇文章都點過一次成就達成!

不過慚愧的是,有幾篇我還真看不出主題是什麼哈哈哈哈,該來複習自己的文章了XD

我要留言

立即登入留言