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