前端學習小補帖

Zen Yi
3 min readJan 25, 2019

--

小弟我在學習程式中利用到的工具

在學習程式的過程中,最讓人沮喪的事不是資料不足,而相關的訊息實在是太多又太雜了,不論是坊間的相關書籍雜誌,還是五花八門的電腦補習班,甚至是像大海一樣的線上各種資訊,都在考驗著學習者的神經,如同在茫茫沙礫中,掏取金子的能力。

我在開始學寫程式時,也深深為這件事苦惱,後來詢問有相關背景的朋友以及自己多方查詢之後,整理出下面我常用的線上工具及學習資源,並附上簡單的使用心得,希望能對初學者有所幫助。

網站開發教程

MDN

是一個匯集眾多網路技術開發文件的免費網站,內容可切換成許多不同的語言,但英文才是最新的資訊,我個人比較常把這當程式語言的字典在用。

CodeCademy

在外國相當受歡迎的自學網站,把各個程式語言的學習步驟劃分的相當細,並同時附上練習與實作,我個人很喜歡它的學習模式,也是用這來開啟我的程式語言之路,但需要注意的事,它全部內容都是英文,英語不好的會看得比較吃力。

Lidemy 鋰學院

在新加坡 EATIGO 擔任資深前端工程師也是人氣部落客的Huli老師,對自學程式有相當深的心得,這個學院對初心者有著相當大的幫助,而Huli老師的文章對於迷惘於自學的人來說,更有如燈塔般指引人前進的方向,強力推薦去他的Blog一觀。

線上編輯器

Codepen

CodePen是一個線上社群,可以創建一個Pen用於測試和展示用戶建立的HTML,CSS和JavaScript代碼片段,還能看見高手展示的各種作品,對於前端新手有很大的幫助。

雲端開發環境

Repl.it

對 C, C++, Java, Python, C#…等語言提供支援,寫程式、執行程式、幫程式除錯,都能直接在雲端進行,只要電腦能聯網就行,畫面簡單直接,新手很快就能上手。

程式碼編輯器

Visual Studio Code

微軟開發,同時支援Windows、Linux、和macOS系統且開放原始碼的程式碼編輯器, 支援用戶個人化組態, 對C#、JavaScript、和TypeScript的原生支援相當完備,十分好用。

Atom

這由GitHub開發的自由及開放原始碼的文字與程式碼編輯器,同樣支援Windows、Linux、和macOS系統,擁有較為豐富的外掛程式。

前端框架 Framework

Bootstrap

這個等有一定的HTML跟CSS基礎再來接觸會比較好,最主要的目的是 使動態網頁和Web應用的開發更加容易,但我覺得它的內容其實也相當的豐富,把這拿來當半個字典用。

問題討論

Stack overflow

有時候寫程式過程中會遇到比較複雜的問題,除了最簡便用Google查詢之外,也可以來這專門的問答網站,說不定你遇到的問題別人也同樣碰過。

附註:以上介紹的網站幾乎大部分都是英文原文,畢竟英語是這個世界的主流語文,學程式不能怕英文,希望這篇拙作能對你對有所幫助。

--

--

Zen Yi

菜鳥軟體工程師 In Taiwan,原本是個數學教師,後來發現寫程式是很有挑戰性跟成就感的一件事,便一頭栽入了進去,喜愛獲取新的知識與資訊,期待自己能用通俗易懂的方式來講解程式疑難。