[程式設計] 全端工程師學習地圖(通用 + 前端)

2020 想要當一名網頁工程師,就要有一個覺悟是,要學很多東西,而且沒有學完的一天。對於初學者而言,常會不得其門而入。到底要如何一步步把自己的工具箱建起來,是本文做為一個 101 介紹,想要帶讀者理解的。

Continue Reading [程式設計] 全端工程師學習地圖(通用 + 前端)

[前端連載] 開發環境IDE和初探html

簡介 上三次介紹了網路發展史上留到現在的一些技術,現在終於要進入寫程式的部分了。在寫那些密密麻麻的程式之前,我想要先介紹一下開發環境(IDE,Integrated Development Environment),也就是我們寫程式的環境。 時常有人在說,世界上最好學的語言就是html和css,初學者建議從這個下手,而沒一村我,也是這些「有人」之一,理所當然也是這麼認為。至於為什麼這麼容易上手,接著看下去就知道。 身為一個前端工程師,雖然不必像寶傑一樣上知天文下知地理,但懂的內容也可以算是包山包海。話雖如此,前端工程師的工作內容還是可以歸結到一些最基本的工具。還記得前端最重要的三個技術html、css、javascript三兄弟嗎?我就是在說他們!而今天,我們就要從他們的大哥——html開始介紹起。 開始囉! 打仗要兵器,考試靠運氣 俗話說「打仗要兵器,考試靠運氣」,打仗靠的是什麼?兵器。兵器好的一方,贏的機會就比較大!那考試要靠什麼呢?運氣,運氣好的人,高分的機會就比較大!(等一下,這不太對吧) 巧婦難為無米之炊,所以,在開始寫出好的程式之前,你需要一個適合的開發環境或編輯器來編輯你的程式。 關於編輯器這一點,如果要仔細寫的話,又可以寫一大篇。開放各位碼農和鄉民們來表達意見和看法,我想大概戰個三天三夜也戰不完。使用Vim 和 Emacs的工程師們會先吵一輪,然後兩者的擁護派又都不屑跟別人吵XD。使用Atom的、使用SublimeText的和使用Notepad++的工程師會被Vim和Emacs排除在外,自成一國的吵。最後,使用記事本的,會窩在牆角,自己討論的很開心。 別懷疑,這就是工程師的日常生活,跟別人吵架:) 那我該選擇什麼樣的IDE呢?拜託不要跟我吵架,我是非常和平的。 放心,我最討厭跟別人吵架了(挑眉)。關於IDE的選擇,我倒是可以給你一些建議。 關於編輯器的選擇,就有上述那麼多種。Windows上,你可以選擇最簡單的記事本來撰寫,但我非常不建議你這麼做。為什麼呢?因為記事本上各種除錯功能都沒有,也沒有程式碼不同顏色的標亮,寫起程式來,可以說是非常吃力。我們剛剛說過打仗靠兵器,想像一下,你現在要去打仗,那麼windows記事本就相當於是給你一把漢陽造。可以打嗎?可以打,但是不能連擊,動不動還會給你炸膛。若拿其它的編輯器相比,大概就是AK47、M16這種等級吧XD 再者,如果你的作業系統使用的是Windows,那我建議你可以使用Sublime Text、Atom或者Notepad++。Notepad++是三者之中較早出現的編輯器,而且是由台灣人開發的!由台灣人開發的!由台灣人開發的!這點非常的重要,所以要說三次,因為是很早就開始發展的編輯器,相關的plugin也算蠻足的。而Sublime Text是近幾年來在前端工程師間較為興盛的,同樣plugin很多。至於Atom,又算是更為新潮的編輯器,使用人數不斷地在上升。 如果使用Linux或OS X這兩個作業系統,也可以考慮使用Vim和Emacs。這兩個分別被稱為「編輯器之神」和「神的編輯器」,不過這兩個名稱有什麼差別,這我也無法給出確切原因:)。這兩個編輯器的學習曲線雖然都很高(應該不是很高,是超級高),但是彈性都很大,可以非常客製化。此外,他們和terminal(如果不知道是什麼,他長的就類似Windows的命令提示字元,可以用來下很多指令)的整合十分良好,若使用的習慣的話,開一個terminal可以同時做很多的事。 至於沒一村我,在Ubuntu Linux和Mac OS X上,都是使用Vim。然後,我沒有使用Windows來做開發。 下面附上各編輯器的搜尋趨勢,或許可以看出各編輯器的消長,也可以讓你來做判斷。(圖的部分,感謝網友rplus指正) 由圖可以看出Emacs的搜尋人數大降,這主要是因為他學習曲線很高的緣故。至於Atom沒有放上來,是因為沒有辦法準確搜尋到該字詞,所以就不放了。 編輯器的介紹就到這裡,因為沒一村我也沒有使用過所有的編輯器,當然也無法給出所有編輯器的安裝方法。如果想要學習某一個編輯器的使用和設定,可以上網搜尋資料,內容都會很豐富喔:) 大哥是對的!…

Continue Reading [前端連載] 開發環境IDE和初探html