許多朋友在準備學習編程時總會發(fā)現(xiàn)，選擇有前端后端，還有Java，Python等，看得人眼花繚亂，不知如何選擇。
也有的朋友認為HTML就是前端，前端就是HTML，那么實際真的如此嗎？這就要從前端和HTML的定義開始了。
前端是什么？這個其實不難理解，簡單來說，就是瀏覽器上我們?yōu)g覽所看到的網(wǎng)頁。那么前端開發(fā)到底是做什么的呢？
通俗來講，主要分為三個方面，一是網(wǎng)頁的制作，二是移動端以及PC端軟件的制作，最后是游戲。沒錯，就是游戲，可能許多人并不知道50%的游戲都是由前端去開發(fā)實現(xiàn)的，比如說一刀九九九的頁游。
前端開發(fā)需要掌握的技術(shù)有HTML、CSS、Javascript等，所以HTML并不是前端，前端只是前端開發(fā)技術(shù)的一種。而我們一般進行前端開發(fā)時用到的軟件有vsCode（專業(yè)級）
webstrom、hbuilder（企業(yè)級），Dreamweaver（小白入門級）。
很多人以為HTML是編程語言的一種，其實它是一種標記語言，而HTML的中文譯名就是超文本標記語言，不過因為太長，大家還是叫它HTML。
編程語言大家會比較熟悉，至于標記語言，相信不少朋友都是第一次聽到。標記語言是一套標記標簽，而HTML是使用標記標簽來描述網(wǎng)頁，因為HTML文檔包含了HTML標簽及文本內(nèi)容，所以HTML文檔也叫做web 頁面。
21個免費學習網(wǎng)站，請收好！
全文共2358字，預計學習時長5分鐘如果你正在自學編程和代碼，并苦于沒有優(yōu)質(zhì)資源，那么你來對了地方。本文將介紹21個免費學習寫代碼的網(wǎng)站，在辦公室里或在家里即可輕松學編程。
本文精選了21個有關(guān)代碼、編程、Java、Python、SQL、Git、和Ruby on Rails學習的網(wǎng)站。這些網(wǎng)站為以下內(nèi)容的學習提供了免費的優(yōu)質(zhì)資源：編程語言（Python和Java等) 、常用技術(shù)（SQL等)、操作系統(tǒng)（Linux等）、Web開發(fā)框架（Ruby on Rails等）、函數(shù)式編程語言（Haskel等）和構(gòu)建網(wǎng)站等其它課程。
1. freecodecamp.org傳送門：https://www.freecodecamp.org/
這是最棒的社區(qū)網(wǎng)站之一，由Quincy Larson創(chuàng)建，在該網(wǎng)站可以免費學習寫代碼、進行實戰(zhàn)訓練并有機會找到一份開發(fā)人員的工作。
網(wǎng)站上有大量JavaScript、數(shù)據(jù)結(jié)構(gòu)和算法以及前端開發(fā)等交互式教程和練習。
新手們可以在此開啟精彩的編程之旅。此外，該網(wǎng)站甚至在臉書上擁有一個龐大的群組（freecodecampearth)，供新手提問并分享學習經(jīng)驗。
2. Coursera傳送門：http://www.coursera.org
這是一個很棒的在線學習網(wǎng)站，由斯坦福教授Andrew Ng和DaphneKoller創(chuàng)建，提供課程學習、專業(yè)學習和網(wǎng)絡課程學位。Coursera最好的地方在于其提供來自斯坦福大學、倫敦大學、密歇根大學、科羅拉多大學、倫敦帝國理工學位等多所大學的在線課程。
它提供免費和付費的在線課程和專業(yè)。我最喜歡Coursera上的一些免費編程課程是:
（1）RobertSedgewick“算法I和算法II”
傳送門：http://bit.ly/algorithms-part1
（2）Andrew Ng “機器學習”
傳送門：https://www.coursera.org/learn/machine-learning?ranMID=40328&ranEAID=JVFxdTr9V80&ranSiteID=JVFxdTr9V80-j4CgBJn3pMyyWE9z_ko8Tg&siteID=JVFxdTr9V80-j4CgBJn3pMyyWE9z_ko8Tg&utm_content=10&utm_medium=partners&utm_source=linkshare&utm_campaign=JVFxdTr9V80#enroll
（3）零基礎Python入門專項課程
傳送門：https://www.coursera.org/specializations/python?ranMID=40328&ranEAID=JVFxdTr9V80&ranSiteID=JVFxdTr9V80-iGW8bMtocjNJzvbVmtl_Hw&siteID=JVFxdTr9V80-iGW8bMtocjNJzvbVmtl_Hw&utm_content=10&utm_medium=partners&utm_source=linkshare&utm_campaign=JVFxdTr9V80
Coursera還提供付費的課程認證，可用于領英個人資料展示。
3. Udemy.com傳送門：https://click.linksynergy.com/fs-bin/click?id=JVFxdTr9V80&offerid=323058.9409&type=3&subid=0
這是在線學習的最佳場所之一，在該網(wǎng)站可獲得所有有關(guān)最新技術(shù)和編程語言的在線課程，如Java、Spring、數(shù)據(jù)結(jié)構(gòu)和算法、Selenium、REST等課程。它提供免費和付費資源。
以下是一些可以學習有趣技術(shù)的免費課程：
（1）零基礎Java教程
傳送門：http://bit.ly/2zO3AHT
（2）高級數(shù)據(jù)結(jié)構(gòu)輕松學
傳送門：http://bit.ly/introduction-to-data-structures
（3）Python 編程入門
傳送門：http://bit.ly/2D5vvnV
（4）高級和面向?qū)ο蟮腏avaScript和ES6
傳送門：http://bit.ly/2Dk46PJ
網(wǎng)站上的付費資源也很便宜，限時搶購常有發(fā)生，只需9.99美元即可購買到課程。網(wǎng)站上名師云集，擁有Colt Steele、Rob Percival、Stephen Grider、Josh Portilla和John Purcell等名師。
4. plurasight.com傳送門：http://pluralsight.pxf.io/c/1193463/424552/7490?u=https%3A%2F%2Fwww.pluralsight.com%2Flearn
這是學習任何技術(shù)或IT課程的最佳網(wǎng)站之一，可以在上面學習如Java編程語言，Spring framework Web開發(fā)框架Java編程語言、Spring framework和Hibernate等Web開發(fā)框架等課程。
該網(wǎng)站還收購了CodeSchool網(wǎng)站的課程，可以通過實戰(zhàn)的方式學習web技術(shù)。使用該網(wǎng)站很快就能學到很多很酷的東西。
5. try.github.io傳送門：http://try.github.io/
一個很棒的網(wǎng)站，學習Git只需15分鐘。這個網(wǎng)站最好的地方是它是一個元網(wǎng)站，這意味著它包含了一些最有用的在線學習Git的資源網(wǎng)站，比如LearnGit branching網(wǎng)站，在web瀏覽器上就能學到Git命令。
新手不僅會學習基本git命令，還會了解到一些具有挑戰(zhàn)性的git概念，如分支、合并、撤銷、擇優(yōu)挑選,變基等概念。
VisualizingGit（傳送門：http://git-school.github.io/visualizing-git/）是另一個很棒的資源, 新手可在自由探索模式和一些構(gòu)造場景下，學習git命令如何在web瀏覽器上影響存儲庫的結(jié)構(gòu)。
6. onemonth.com傳送門：https://mbsy.co/sFqPc
通過這個網(wǎng)站，可以在一個月內(nèi)學會寫代碼并搭建web應用程序。該網(wǎng)站并非完全免費，你需要買一個類似訓練營的課程。
該網(wǎng)站有30天學習Python、Ruby和JavaScript的課程，而且訓練營的教學方式非常有效。
另外，該網(wǎng)站提供免費試用的機會并開設《命令行》之類的課程。同時，網(wǎng)站上還將推出《一個月內(nèi)免費學寫代碼》的播客。
7. codecademy.com傳送門：http://codecademy.com/
該網(wǎng)站提供交互式教程，免費學習JavaScript、Java和Linux等最流行的技術(shù)。同時還提供一些付費課程，來學習Python、Java和JavaScript等高級概念。
此外，該網(wǎng)站是將交互式學習與圖片結(jié)合的開創(chuàng)者之一，而且它的JavaScript課程也許是最受歡迎的在線課程。
8. codingbat.com傳送門：http://codingbat.com/
這是另一個學習編程的好網(wǎng)站，包含了許多免費的編程練習，可以用Python和Java來建立對編程的感覺。
9. code.org傳送門：http://code.org/
學習編程和計算機科學基礎知識的絕佳網(wǎng)站。孩子們可以在該網(wǎng)站上通過玩Minecrat游戲來學習編程。
10. code4startup.com傳送門：https://code4startup.com/?ref=javinpaul
這是一個由Leo Trieu創(chuàng)建的很棒的網(wǎng)站，可以通過搭建真實公司的網(wǎng)頁和實戰(zhàn)項目來學習如何寫代碼。
該網(wǎng)站是從零開始學習Web開發(fā)的最佳場所之一，可在3個月內(nèi)學習搭建像Airbnb、優(yōu)步等4家真實的企業(yè)網(wǎng)頁，且不需要經(jīng)驗。
網(wǎng)站上還有許多免費課程，如下：
（1）菜鳥如何一小時搞定ReactJS
傳送門：https://code4startup.com/projects/reactjs-for-newbies?ref=javinpaul
（2）學習Rubyon Rails、Heroku和Wistia APIs
傳送門：
https://code4startup.com/projects/hero-learn-ruby-on-rails-and-wistia-apis-by-cloning-code4startup-version-newbies?ref=javinpaul
11. codeabbey.com傳送門：https://www.codeabbey.com/
這是一個有很多編程練習的很棒的網(wǎng)站，可以學習寫代碼，并提高你在任一編程語言中的編程技能。
12.sqlzoo.net傳送門：http://sqlzoo.net/
毫無疑問，對于任何IT專業(yè)人士來說，SQL都是必備技能之一。但是不幸的是，很少有網(wǎng)站或免費課程提供SQL課程。
該網(wǎng)站是初學者學習SQL或已有基礎的人提高SQL查詢技巧的最好的地方之一。
網(wǎng)站提供了配有練習的交互式SQL教程，非常適合提高SQL查詢技巧。
13.GitImmersion
傳送門：http://gitimmersion.com/index.html
這是學習Git和GitHub的最佳網(wǎng)站之一。Git是當今程序員必備的技能之一，通過該網(wǎng)站的學習，能一覽Git的基本原理。該網(wǎng)站的靈感來自于這樣一句話：實踐出真知。
這是學習Git最好的課程之一，由已故的重量級程序員Jim Weirich編寫。
如果在.bashrc 和.gitconfig中配置別名，則該課程可以大大提高工作效率。
14.LearnGit branching傳送門：https://learngitbranching.js.org/
分支和合并是任何源代碼控制工具（如SVN、CVS）都難以掌握的概念之一,在Git中也曾如此，但現(xiàn)在通過該網(wǎng)站并沒那么難以掌握。這個交互型網(wǎng)站將以與眾不同的方式提供git合并和分支的課程。
該網(wǎng)站是在網(wǎng)上學習Git最直觀、最具互動性的方式之一，根據(jù)逐步演示的強大功能，提供了許多針對不同水平具有挑戰(zhàn)性的練習，還能在學習過程中帶來不少的樂趣。
15. codecombat.com該網(wǎng)站可通過玩游戲，學習如何用Python和Javascript寫代碼，這是最具互動性和最有樂趣的在線學習方式之一。
16. tryhaskell.org傳送門：http://tryhaskell.org/
通過免費的互動課程學習Haskell。
17. railsforzombies.org通過觀看視頻和完成練習來學習Ruby on Rails。該網(wǎng)站現(xiàn)在已與Pluarlsight網(wǎng)站合并。
18. thinkful.com這是一個與眾不同的網(wǎng)站，你可以在其中選擇課程，并獲得導師指導。
19. rubymonk.com通過該網(wǎng)站的交互性材料，可以在瀏覽器中發(fā)現(xiàn)Ruby的習慣用法。該網(wǎng)站為初級、中級和專業(yè)Ruby開發(fā)人員提供了進一步提高Ruby編程語言的機會。
20. tryRuby.org這是另一個在線學習Ruby的好網(wǎng)站。現(xiàn)在該網(wǎng)站也與Pluarlsight合并，只有注冊了會員才能獲取課程資源。
21. learnpython.org傳送門：http://learnpython.org/
這是學習Python基礎知識的好網(wǎng)站，Python是近十年來最受歡迎的編程語言之一，無論是在簡單的自動化工具還是在開發(fā)網(wǎng)站上，都可以用Python進行許多操作。現(xiàn)在Python可用于機器學習和數(shù)據(jù)科學。
留言 點贊 關(guān)注
我們一起分享AI學習與發(fā)展的干貨
歡迎關(guān)注全平臺AI垂類自媒體 “讀芯術(shù)”
如果想在國內(nèi)從事前端工作，而且是毫無前端經(jīng)驗的話，建議可以先學習 Vue。
因為現(xiàn)在主流的前端已經(jīng)是單頁應用，而 Vue 的入門難度最低。
入門后可以仿照網(wǎng)易云音樂，餓了么之類的 APP，作為自己的展示項目。這些網(wǎng)上都有比較好的教程，跟著做一遍能學到不少前端和 Vue 的知識。
如果你希望從事前端，當務之急并不是「從網(wǎng)站尋找項目」，而是對照著一個參考教程項目，認真研究其中的知識，并且打造出自己的一個展示項目，這樣會給你的求職帶來不少幫助。
加油！