我們身邊有大量的資源和工具可以教你“如何編碼”，本文總結了大量的內容希望能夠幫到你。

通過在線課程學習編碼(將其視為“如何編碼101”)

1. Codecademy

https://www.codecademy.com

Codecademy是大量新技術人員首先學習編碼的地方。如果你還沒有看到他們的網站，那么你到底是去過哪里了??開玩笑。無論如何，該平臺圍繞著教你如何通過互動學習進行編碼這方面還是做的不錯的;也就是說，您只需閱讀一些，在瀏覽器中輸入您的代碼，就可以立即查看到結果。這是初學者編碼的一個完美入口。

教授的主題：編碼基礎知識，如HTML和CSS，JavaScript，PHP，Python，Ruby，Angularjs，命令行等。

2. Codewars

https://www.codewars.com

Codewars絕對是學習編碼的一個及其有趣的方式。該項目以武術為主題，以“kata”為挑戰。完成它們你會進步到更高的級別。

教授的主題：CoffeeScript，JavaScript，Python，Ruby，Java，Clojure和Haskell

3. Coursera

https://www.coursera.org

大型在線課程庫，課程由真正的大學教授授課。所有課程都是免費的，但您也可以選擇支付“Coursera認證證書”來證明課程的完成。這些費用在30美元到100美元之間，具體取決于課程。Coursera現在也推出了專業化的付費課程。

教授的主題：很多(遠遠超出你的基本編碼/計算機科學)，但有一些編碼初學者選項。

4. edX

https://www.edx.org

由麻省理工學院和哈佛大學管理的開源高等教育計劃。提供“計算機科學”類別下的107門課程，教授各種編碼語言。

教授的主題：Java，C#，Python等等。

5. Free Code Camp

https://www.freecodecamp.com

學習首先要通過一個既定課程編寫代碼，然后可以通過在非營利組織項目上的實踐經驗來學習。

教授的主題：HTML，CSS，Bootstrap，JavaScript，數據庫，DevTools，Node.js，React.js和D3.js

6. GA Dash

https://dash.generalassemb.ly

大會的免費在線學習平臺。完全基于項目，每次演練都會構建一個“項目”。

它們是關于如何從頭開始構建Tumblr主題的課程的一個極少數選項之一。

教授的主題：HTML，CSS，JavaScript和響應式設計

7. Khan Academy

https://www.khanacademy.org

大量的科目(正如他們的頭版所說，“你可以學到任何東西”)，包括許多計算機編程。還為年幼的孩子提供一些課程。

教授的主題：很多

8. MIT OpenCourseware

https://ocw.mit.edu/index.htm

進入麻省理工學院的競爭可能很激烈，但訪問他們的課程材料沒有最低SAT成績。他們維護著一個他們所教授的每個科目的在線庫，無需訪問賬戶。

教授的主題：很多

9. The Odin Project

https://www.theodinproject.com

由Viking Code School的創建者制作，這是一個首要的在線編碼Bootcamp。Odin項目是他們的免費版本。僅供參考：您也可以在現場或在線學習小組中與他人合作。

教授的主題：HTML，CSS，JavaScript和jQuery，Ruby編程，Ruby on Rails

10. Udacity

https://cn.udacity.com

提供單獨的課程，以及“nanodegrees”，訓練您的特定職業，如前端Web開發人員或數據分析師。一些課程材料是免費的，但nanodegrees需要學費。

教授的主題：很多

11. Udemy

https://www.udemy.com

有關各種主題的付費和免費課程，包括網站開發、編程、數據科學等。任何人都可以創建課程，因此請務必閱讀評論再做決定。您可以接觸到真正的專家來學習編碼，優惠券也很容易找到。

教授的主題：很多

12. The Code Player

http://thecodeplayer.com

視頻教程匯編，幫助您從頭到尾完成整個過程。適合一次學習“較小”的項目或任務。

教授的主題：HTML5，CSS3，Javascript，Regex，JQuery

YouTube：通過觀察專家學習編碼

13. Coder's Guide

https://www.youtube.com/user/CodersGuide

有許多關于編碼主題的系列視頻：一個關于JavaScript的19個系列視頻，除此還有另外19個關于HTML / CSS的視頻等等。

教授的主題：HTML，CSS，JavaScript，Bootstrap，WordPress，iOS和Android等

訂閱者：43,415

14. DevTips

https://www.youtube.com/user/CodersGuide

Travis Neilson的YouTube頻道之一。專注于網頁設計和網站開發，偶爾進行現場問答。

教授的主題：HTML，CSS，響應式設計，開發建議

訂閱者：82,907

15. LearnCode.academy

https://www.youtube.com/user/learncodeacademy

我個人的最愛，Will Stern制作的以網絡開發為重點的視頻。

教授的主題：Sublime Text，Responsive Design，Node.js，Angular.js，Backbone.js，部署策略等

訂閱者：154,590

16. thenewboston

https://www.youtube.com/user/thenewboston

超過4,000種各種編程語言、游戲開發和設計的視頻。擁有超過一百萬用戶。

教授的主題：Android開發，C編程，MySQL，Python等。

訂閱者：1,131,977

博客：編碼初學者的所有最佳技巧

17. A List Apart

https://alistapart.com

這有很多作者。他們編寫書籍、舉辦活動，并運行一個偉大的開發和設計博客，這很容易理解，即使你是新手(并包括一些關于初學者編碼的好主題)。在此處查看所有代碼主題。

18. CSS-Tricks

https://css-tricks.com

博客現在不僅僅是CSS，還討論了Sass，JavaScript，PHP等其他東西。探索大量資源并查看他們的代碼片段。

19. David Walsh

https://davidwalsh.name

由David Walsh(Mozilla的高級開發人員)運行，當然也還有其他人在網站上寫作、提供教程、方法、演示等。

20. Scotch.io

https://scotch.io

涵蓋了許多與Web開發和工作流程相關的主題。僅舉幾例：Angular，Node.js，Laravel，Sublime Text等。

21. SitePoint

https://www.sitepoint.com

他們有很多作家并經常出版。主題范圍從HTML和CSS到創業。SitePoint現在還在其子站點Learnable上提供付費書籍和課程。

22. Tuts +

https://tutsplus.com

大量的免費教程，以及實際課程等付費選項。有超過570個專業指導的視頻課程(關于主題，不僅僅是與計算機相關)，還有出版電子書。

資源通過編碼主題:命令行

23. Command Line Power User

https://commandlinepoweruser.com

由Wes Bos創建的免費視頻系列。更多是在中級水平，所以不適合所有的新手。

24. Conquering the Command Line

http://conqueringthecommandline.com/book

免費在線預訂Mark Ba​​tes。非常深入，可以購買硬拷貝和截屏視頻。

25. Learn Command Line the Hard Way

https://learncodethehardway.org/unix/

Zed Shaw免費在線圖書。 (我個人最喜歡的命令行資源。)

Git和GitHub

26.試試Git

http://try.github.io

學習和試驗Git的一系列互動挑戰。由Code School創建。

27. Git Immersion

http://gitimmersion.com

一個指導您了解Git的基礎知識的向導。設置首選項并創建自己的項目。

HTML和CSS

28. Skillcrush's Coding Bootcamp

https://skillcrush.com/skillcrush-10-day-bootcamp/

Skillcrush的免費編碼訓練營是絕對新手的理想起點。您將了解在技術方面工作的意義，獲得常見行業術語的易懂定義，并有機會編寫您的第一行代碼。

29. Learn CSS Layout(學習CSS布局)

http://learnlayout.com

本網站將教您用于設置網站布局的CSS基礎知識。對于那些已經擁有基本HTML和CSS專業知識的人來說，它是最好的。

30. Marksheet.io

http://learnlayout.com

對于初學者，分為四章：網頁，HTML5，CSS3和Sass。它就像一個在線電子書，但在知識共享署名- 非商業性- 共享4.0國際許可下。所以你可以根據自己的需要進行調整。

31. Mozilla Developer Network

https://developer.mozilla.org/en-US/

關于HTML和CSS(也是JavaScript)的免費文檔。為從入門到高級的人提供教程。

32. HTML5 Dog

http://www.htmldog.com

HTML初學者教程在這里。 (他們還提供中級和高級HTML教程。)還有關于CSS的。

JavaScript

33. Eloquent Javascript

http://eloquentjavascript.net

另一本在線書籍，比大多數的都長。它擁有像Mozilla和Hack Reactor這樣的高科技金融支持者(“哈佛編碼訓練營”)。

34. Javascript.com

https://www.javascript.com

由Code School創建，快速而完美的絕對初學者。(警告：JS在現實生活中更加艱難。)9個小課程。最后，它為您提供了更深入的JS學習資料。

35. JavaScript for Cats

http://jsforcats.com

這就像一本分為幾個部分的單頁網頁，由程序員Max Ogden創建。

36. Learn JS

http://www.learn-js.org

通過課程，在底部的窗口中輸入。由制作learnpython.org的同一個人創建。

37. NodeSchool

https://nodeschool.io/zh-cn/

在世界各地舉辦面對面的研討會和活動以及活躍的網絡形象。在這里可以查看在線教程。

38. That JS Dude

http://www.thatjsdude.com

一個教JavaScript的網站。具體來說，范圍、提升、關閉、繼承等等。它依靠視頻和文本來解釋概念。由@ mdkhan005創建。

39. The Node Beginner Book

https://www.nodebeginner.org

本書由Manuel Kiessling撰寫，主要針對那些在其他編程語言方面有一定經驗的人。雖然在線免費版是整本書的縮短版，但它仍然教授了很多關于Node的內容。

WordPress

40. WordPress.tv

https://wordpress.tv

在世界各地錄制現場WordCamp的講座，由Automattic創建。

41. WPBeginner

https://www.wpbeginner.com

初學者WP用戶的網站。偉大的WP術語表，加上優惠券交易、視頻教程以及由不同作者發表有用文章的博客。

Python

42. A Byte of Python

https://www.swaroopch.com/notes/python/

免費在線預訂，可以選擇免費下載PDF或投資硬拷貝。

43. LearnPython.org

http://www.learnpython.org

學習Python編碼的交互式在線教程。底部有一個小窗口，您可以在課程中編寫代碼。

44.學習Python艱難之路(網站)

https://learnpythonthehardway.org/book/

這本書要花錢，但網站是免費的，由Zed Shaw撰寫。 (我剛開始學習時就用過這本書。)

45. Python Spot

https://pythonspot.com

初學者和中級Python教程。大多數都是書面形式。還有一些關于游戲開發、數據庫等的教程。當然，所有這些全部使用Python。

Ruby

46. Learn Ruby the Hard Way

https://learnrubythehardway.org

這本書的免費HTML版本在線。購買硬拷貝還可以讓您訪問視頻，另一本書是由Zed Shaw寫的。

47. Rails For Zombies

https://www.pluralsight.com/courses/code-school-rails-for-zombies

一種在瀏覽器中學習Ruby on Rails的交互式方法。 (對于已經熟悉Ruby的人來說，這是一個更好的選擇。)由Code School創建。

48. Rails Tutorial

https://www.railstutorial.org/book

邁克爾·哈特爾(Michael Hartl)著，12章。可以購買電子書，視頻等。或者只是在線上免費閱讀。

49. RubyMonk

https://rubymonk.comhttps://rubymonk.com

完全免費。基于交互式教程，您可以在其中閱讀課程并輸入代碼。最后，“運行”它。RubyMonk有一個初學者課程選項，兩個中級課程和一個高級課程。

50. Try Ruby

https://www.pluralsight.com/search?q=ruby

也是由Code School創建的，對于初學者來說這是一個更好的選擇。在完成練習時，在瀏覽器提示窗口中輸入內容。

數據庫

51. Learn SQL the Hard Way

https://learncodethehardway.org/sql/

Zed Shaw創造的另一種資源，這本免費的在線書籍將帶您完成33個練習。最后，您應該了解SQL，如何設計數據，以及了解數據庫優化。您不需要知道如何編寫程序來完成本書，但它會有所幫助。

52. MongoDB 大學

https://university.mongodb.com/courses/catalog

關于MongoDB的課程，以視頻形式出現。沿途還有測驗和分級練習。課程持續七周，但您可以按自己的進度完成。截至目前，已有200,000多人參加了MongoDB大學的課程。

53. MySQLtutorial.org

http://www.mysqltutorial.org

提供一系列MySQL教程，包括如何使用MySQL作為開發人員和數據庫管理員。他們總共提供了十多種不同的MySQL教程。

54.用于Web Nerds的SQL

http://philip.greenspun.com/sql/

由麻省理工學院著名計算機科學教授Philip Greenspun創建的免費電子書。它包含16個部分，包括數據建模、簡單查詢、事務、樹等。

55. Vertabelo

https://academy.vertabelo.com

這個免費平臺有三個不同的SQL課程：SQL查詢、SQL中的數據操作和SQL中的創建表。在Vertabelo上，您將學習交互式代碼編輯器、表格和控制臺。

網頁設計/用戶體驗

56. HackDesign

https://hackdesign.org

HackDesign是“一個易于遵循的設計課程，適合那些做出驚人事情的人。”總共有50節課，全部由不同的教師授課。主題包括排版、交互設計、前端設計等。您可以每周一次將設計課程發送到您的收件箱，也可以查看其網站上的所有課程。

57. UX Apprentice

https://www.uxapprentice.com

由Theresa Neil和Balsamiq團隊創建。這就像UX 101課程，非常適合初學者。三個主要部分：發現、戰略和設計。當您經歷時，您將被詢問并顯示相關資源。

58. UXPin

http://www.uxpin.com/knowledge

雖然UXPin提供了付費服務，但該網站上有各種免費的UX書籍。您需要做的就是提供您的電子郵件以訪問該材料。他們有關于極簡主義，色彩理論，平面設計，交互設計等方面的書籍。

長期編碼：在線社區

59. CodeBuddies

http://hangouts.codebuddies.org

在點對點組織的Google Hangouts中與他人學習。 非常適合那些想與他人一起學習或結對編程的人。CodeBuddies還有一個Slack聊天室以及一個Facebook群組，人們可以在那里聚集并提問。

60. CodeNewbie

http://hangouts.codebuddies.org

CodeNewbie為初學者提供了各種工具，包括可以提問的Slack社區，每周三的Twitter聊天，每周播客等等。

下一步是什么?

剛剛開始時，依靠免費課程和書籍是很棒的。 但是，它們只能讓你到目前為止。