Search
#純靠北工程師4hw
----------
replied to #純靠北工程師4gz
大部分的程式語言處處英文，大部分的內建 / 外部函式庫文件亦是由英文寫成。程式學習之路肯定會需要英文，就算英文再不好的人，程式學久了，英文都會有所長進。
此外，Udemy 或 Codecademy 看不懂，幹嘛不去看對岸的 CSDN、知乎或內容農場？幹嘛不去用易語言或是中文化的 Scratch？在這討拍一點都不能讓你的程式和英文能力有所長進，只會讓你永遠被禁錮在你的同溫層。
----------
🗳️ [群眾審核] https://kaobei.engineer/cards/review
👉 [GitHub Repo] https://github.com/init-engineer/init.engineer
📢 [匿名發文] https://kaobei.engineer/cards/create
🥙 [全平台留言] https://kaobei.engineer/cards/show/5828
[免費學習資源] 想學 JavaScript 嗎？這裡有一大堆人家整理好的資源喔！
自從 HTML5 流行以來，JavaScript 在網頁程式設計的地位越來越重。從以前只是控制滑鼠點擊事件、做做特效，進化到入侵前、中兩端的正規語言（中端語言利用 Node.js 來達成）。更冒出上百個以 JavaScript 為基底的 .js 框架與函式庫（如：Angular.js、Backbone.js...etc.）。JavaScript 早已非吳下阿蒙，一躍而成網頁設計必學的語言之一。
隨著 JavaScript 越來越複雜，很多朋友都有興趣把 JavaScript 學好。在此我提供各位一個很不錯的學習資源清單。網址如下：
http://conceptf1.blogspot.ae/2013/11/best-resources-to-learn-javascript.html
該清單計有下列學習資源：
* 影片教學（Videos x 16）
------------------------
1. Crockford on JavaScript (x6 Videos)
2. The JavaScript Programming Language (x4 Videos)
3. An Inconvenient API: The Theory of the DOM (x3 Videos)
4. Advanced JavaScript (x3 Videos)
* JavaScript 物件導向程式設計（Object-Oriented Programming in Java）
（文章教學，共三篇，算是 JavaScript 語法精要）
------------------------
* 免費書籍（Books x 6）
------------------------
1. JavaScript: The Good Parts (Douglas Crockford)
2. Pro JavaScript Techniques (John Resig, 比較進階）
3. JavaScript: The Definitive Guide (David Flanagan)
（歐萊禮出的經典之作，點入後記得點擊封面上方的「Search Inside and Read」方可全文觀賞）
4. Eloquent JavaScript (Marijn Haverbeke)
（本來就是以「免費線上 JavaScript 好書」出名，也是經典）
5. Essential JavaScript Design Patterns for Beginners (Addy Osmani)
（雖號稱 for Beginners，不過 Design Pattern 的東西還是學完基本語法再看比較會有心得）
6. Head First HTML5 Programming: Building Web Apps with JavaScript
（連結直指 Amazon，並非免費。有中譯本叫「深入淺出 HTML5 程式設計」，然後把「書名」加上「pdf」三個字放進 Google 能撈到什麼就不用我再教了吧？ XD）
* 學習網站（Learning Sites x 6）
------------------------
1. Writings on JavaScript
2. comp.lang.javascript FAQ
（事實上，這只能算 BBS 論壇的精華區整理，不過整理得不錯就是了）
3. Learn appendTo
（我試過，鏈結已失效。不知有沒有人試成功的？）
4. Secrets of the JavaScript Ninja
（其實這是傳說中的「忍者書」，不知道為什麼作者把它分在「學習網站」這一項？況且連結導向購買頁，似乎並非免費。我幫各位準備了傳送門在此，請服用： http://goo.gl/f9GXoV XD）
5. JavaScript Garden
（原鏈結為英文，我幫各位找到中文的： http://goo.gl/KIIJzj ）
6. Codecademy
（大推！互動式學習，註冊後搜尋「JavaScript」課程即可找到）
* 教學文（Articles x14）
------------------------
希望今天介紹的資源能對大家學習 JavaScript 時有幫助！
別忘了按讚鼓勵或分享給你的朋友喔！
[好站介紹] 五個學習程式設計的教學網站
5/1 勞動節快樂！
前幾天連續介紹了一些影音教學網站：「CodeRibbit」、「The New Boston」跟「Wap2Learn」，不知道大家看了覺得如何呢？今天要跟大家介紹的，是我在國外網站逛到的一篇報導，介紹了幾個作者覺得不錯的程式設計教學網站。其中有幾個網站我也很愛！也還沒在這個粉絲頁介紹，就借花獻佛，把原文簡單翻譯一下，分享給大家。
首先給大家看一下原文連結：
"Best websites to learn Programming"
http://www.technotification.com/2014/05/best-websites-to-learn-programming.html
鑑於並非每個人閱讀英文都沒啥困難，所以小弟就「簡單」（原諒我的懶惰... :-P）翻譯一下，希望對大家有幫助。該篇文章介紹的五個網站如下：
1. The New Boston
------------------
http://www.thenewboston.org
* 性質：影音教學網站
* 內容：C, C++, HTML, Javascript...等電腦語言
* 難易度：簡單
來了來了！果然英雄所見略同！The New Boston 果然在國外鄉民的眼中是第一名啊～～ 這個網站我已經在前天的文章介紹過，所以這裡就省略了！想回味一下的網友，可以點擊底下的連結：
http://on.fb.me/1GnYM3M
2. Codecademy
--------------
英文： http://www.codecademy.com
簡中： http://www.codecademy.com/zh/
* 性質：實作型教學網站
* 內容：著重網頁設計。包含：HTML, Javascript, CSS, Python, Ruby, PHP
* 難易度：簡單
Codecademy 大約在 2011 年竄起。由於它透過實作的方式教會大家寫程式，不僅少見，也備受眾程式講師推崇。這部分國內有報導，就讓我借用一下：
T 客邦：「Codecademy 讓你一年內學會寫程式，或許能賺更多錢」
http://www.techbang.com/posts/8212-codecademy-makes-you-a-year-to-learn-about-programming
看完相信各位對 Codecademy 應該就有基本認識了。原文沒有「簡中」的網址，我幫各位補上了。目前還沒有繁中網站，不過我想台灣或香港的朋友，看簡體字應該還應付得過去才是。
3. Learn Code The Hard Way
---------------------------
http://learncodethehardway.org
* 性質：電子書、影音教學
* 內容：Python, Ruby, C, Regex（Regular Expression）, SQL...。
* 難易度：簡單
這個網站的電子書比它的影音教學出名十幾倍！主要是它的影音教學要錢（一門課約 US$30 左右，也不多就是了），但電子書免費。偏偏它的電子書寫得超好！還被很多人翻譯成各國語言。所以想省錢的可以看它的電子書。如果英文聽力夠好，想聽影音教學，可以付個 US$30 左右試試看。
其實這個網站小弟也在 2012/02/16 於本版介紹過。只不過年代久遠，大家可能忘了。我貼一下當時的連結給大家參考：
http://goo.gl/arYJlD
為了大家方便，若某一版本有簡中或繁中版的，我直接把該網站的電子書連結附在下方，希望對大家有幫助。沒有中文版的，有可能是我才疏學淺找不到，或者該項目太冷門，沒有人翻譯（看到小弟這麼努力，是不是來點虛榮心、幫忙轉寄按個讚咧？哈哈哈～）：
- Learn Python the Hard Way
英文： http://learnpythonthehardway.org/book/
簡中： http://goo.gl/t7O3V5
- Learn Ruby the Hard Way
英文： http://learnrubythehardway.org/book/
繁中： http://lrthw.github.io/
- Learn C the Hard Way
英文： http://c.learncodethehardway.org/book/
簡中： http://goo.gl/IujZJk （尚未翻譯完成，有找到完整版的麻煩補一下連結 m(- -)m ）
- Learn Regex the Hard Way
英文： http://regex.learncodethehardway.org/book/
- Learn SQL the Hard Way
英文： http://sql.learncodethehardway.org/book/
4. WiBit.Net
-------------
https://www.wibit.net
* 性質：影音教學
* 內容：程式入門、物件導向基礎、C/C++、Objective-C、Java、C#、Python、與腳本語言。
* 難易度：簡單
一句話描述這個網站：「程式初學者的可愛風學習網站」！主頁用許多可愛的圖片，來代表每一門課程。該網站是兩位程式師，以對談聊天的方式（這種錄影腳本比獨白難寫多了... :-P），介紹 C/C++、Objective-C、Java、C#...等課程。而且...完全免費！可愛這種東西用講的很難形容，不妨大家點點看他們的網址，就知道我的意思了！
5. W3School
-------------
http://www.w3schools.com
* 性質：網頁文章教學
* 內容：HTML, CSS, JavaScript, VBScript, PHP, ASP.NET, XML
* 難易度：簡單
老牌的網頁程式設計教學網站！這個網站很久了！當年 YouTube 還沒紅時，它就以滿滿的網頁程式設計範例，風靡國外鄉民們。它的特色就是「範例、範例、範例」，一大堆循序漸進的範例！我蠻喜歡這種教法的。畢竟讓我看一眼跑出來的結果，我有興趣再去研究裡面的程式碼是怎麼寫的，比直接看一本可以砸死唐伯虎那過世的寵物簡單多了... XD。不過它也有缺點：近年來興起的各種 JavaScript 框架，如 jQuery, Angular.js, Node.js...等，它就沒有教了。不過仍無損它在「網頁程式設計」教學的地位！
[2015/05/02 補記] ---------------
感謝 Dennis Kuo 網友補充。W3CSchools 的確已經有 jQuery 與 Angular.js。不過 Node.js 我沒找到。如果有找到的朋友再麻煩補充一下。
另外，對英文苦手的朋友，也可以看看由中國網友熱心翻譯的 w3schools 簡體中文版。網址是： http://www.w3school.com.cn/
-----------------------
今天的五個網站，大家看了還滿意嗎？喜歡的話，麻煩轉寄給你的朋友、或按讚鼓勵小弟一下喔！！
[學習資源] 喜歡中文學習程式的朋友有福了，試試中國版Codecademy ，泡麵吧！ 目前泡麵吧上的課程包含了Coding 初學入門常識、C 語言入門、C 語言進 ... ... <看更多>
Codecademy 在去年六月份獲得一輪1000萬美元的融資，語言版本包括中文；而類似的通過視頻、測試、勳章等方式教人們開發的Treehouse也在去年4月拿 ... ... <看更多>
codecademy中文 在 [心得] Codecademy新手資源- 看板Python - 批踢踢實業坊 的美食出口停車場
Codecademy
https://www.codecademy.com/#!/exercises/0
英文網站，裡面有很多常見的軟體教學
像JavaScript、Python、Ruby等等
關於這個網站的起源Google有相關資料
不用安裝軟體
線上直接互動學習
按照課程的完成會給獎章
題目寫不出來有討論區可以看
蠻親切的
也有給厲害的人編寫教學的功能
我是在看完下面中文教學文章才接著學的
一些英文跟語法建議還是先看中文教學比較清楚
最淺 https://python.ez2learn.com/index.html
概念 https://pydoing.blogspot.tw/2008/09/blog-post.html
這兩個建議先看完
對我來說英文跟數字能變出視窗就覺得很神奇
基礎篇 ~ GUI 篇看完就可以了，他只教最後的視窗會用到的功能
內容不多，大概一個下午就能看完，還蠻有成就感的
https://pydoing.blogspot.tw/2012/10/python-tutorial.html
另外因為我很懶，我都是看懂程式碼後把教學的複製貼上，執行
然後自己東改改西改改，比如說猜數字，課程是用三位數
我就改成四位數，看哪些地方要跟著修正，類似這樣
爬文沒看到這個網站，供跟我一樣的新手參考
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 1.168.103.9
※ 編輯: palapapapa 來自: 1.168.103.9 (01/26 17:53)
... <看更多>