前端有哪些好的學習網站？

01-05

過百贊看來新手不少，發個福利。
沒有計算機基礎的初學者學習js遇到的第一個難點應該是this，原型和閉包。js高程其實寫的非常簡潔明了（前八章，主4~7章），但是0計算機基礎的人很難理解，而且容易過目即忘，這裡推薦王福朋的博客：深入理解javascript原型和閉包。他的這系列博文完全是站在新手讀者的角度寫的，實踐總結的很好，你看完後會有打通任督二脈的感覺，也是我看過各種介紹this閉包原型等博文中印象最深的。缺點是不夠全面，不過對初學者來說剛剛好。看完博文後再看js高程對原型原型鏈上下文閉包this的解釋，很快就會消化了。我認為如果你能很清楚的知道instaceof的判斷規則，說明你懂了原型，後面多多實踐，很快就能攻下第一塊壁壘。

----------------------------------------//分割線---------------------------

如果題主還沒有出新手村，那作為0計算機基礎入坑前端的我，以下句句肺腑之言：
1：如果大家推薦你什麼學XX語言看XX視頻去XX網你就一股腦的毫無目標的去了，你最後只會落得個「哦這個XX.js能實現XX效果很6666哦」的印象。
2：新手學習HTML、CSS、JS的基礎只要去MDN中文網，w3school就夠了，遇到的JS困惑80%都在《JS高級程序設計》標的一清二楚，確實解決不了要google、或者去segmentfault問。
3：博客：廖雪峰(學習他的git教程是你交友必備)、阮一峰(學習他的JS教程和權威指南搭配看有助於消化)、張鑫旭(學習他的css系列博文對新手價值不菲)。其它的慎重看，即使看了也請保持質疑態度實踐一遍。
4：樓上們推薦的網站，我更建議你在有了基礎印象之後再去搜索，挑重要的看。學習之前你的腦子要清楚你在學什麼，你學了這個視頻會收穫什麼，這個視頻的講解是否解決了你目前遇到的前端困惑，這個困惑必須是你自己遇到的。
5：找到自己喜歡的學習方法。（樓上提到的沒提到的所有前端網站視頻我都刷過，最後發現IFE最適合我，以前刷IFE是吃力學習，現在刷IFE是放鬆大腦。）
6：沒有比官方文檔解釋的更好的文檔了。
7：一定要給自己定目標，比如我要7天學會HTML、14天寫完這個DEMO、1個月學會css、半年看完JS權威教程。如果實現不了，今天不準打LOL。如果超過目標，獎勵自己早餐+2塊錢的甘子。

牢記以上，包你半年出新手村，也不會再有是學php還是java的之類的困惑了~

如果題主只是單純的想收集網站那高票的足矣

html視頻教程盜雪html5入門基礎視頻教程下載匯總

css視頻教程盜雪css視頻教程_2013年

javascript視頻教程 JavaScript視頻教程

另外，學習網站你得找我，來個勁爆的，學習網站導航一個專門收集高質量國內外學習網站的小眾站點。上面公開課、web開發、移動開發、醫療、科研、外語、國外mooc等各類學習網站都有所收集。列下清單~

一、匯總榜單：

公開課_學習網站導航
收錄了網易、多貝、傳課等眾多公開課學習網站
大學生常用_學習網站導航收錄了外語學習、就業、實習、考研等眾多大學生相關的學習網站
IT互聯網_學習網站導航收錄了IT、程序員、web開發、移動開發等眾多互聯網相關的學習網站
IT職業技能_學習網站導航收錄了產品經理、UI設計師、前端、網路安全等互聯網職業技能提升網站
其他網站收錄
收錄了一些稀奇古怪的網站、音樂電台、工具應用、大雜燴

二、適合大學生的：

外語學習提供了英語學習的相關網站
就業 | 實習提供了大學生就業、實習相關的學習網站
考研提供了考研相關的學習網站
國外學習網站收集國外眾多優質學習網站，首先。。你得會英文(⊙o⊙)…
科研|文檔|資料
學霸過來吧~找論文利索~

三、IT互聯網相關的：

IT互聯網IT互聯網學習相關網站
IT程序員IT程序員學習相關網站
IT移動開發IT移動開發學習相關網站
web開發web開發學習相關網站
IT培訓機構
這些培訓機構上可以找到一部分免費的教程

四、IT職業技能相關網站：

產品經理網站導航N多產品經理學習入門學習網站
UI設計師學習網站導航N多UI設計師入門學習網站
WEB前端學習網站導航N多前端初學者學習入門的網站
黑客|網路安全學習網站導航N多黑客入門安全攻防學習資料
科技媒體網站導航
了解互聯網圈內動態，培養互聯網思維~

五、其他：

稀奇古怪的網站不少都是很有意思的，不要錯過~
稀奇古怪工具有些工具可是神器哦~
益智訓練專治大腦生鏽！
舞蹈|藝術妹子可以看看
谷歌代理訪問國外網站學習的利器，提供N多代理
音樂電台N多高質量音樂網站，觸動心靈的音符！
影視動畫|遊戲策劃
電影|動漫
旅遊|攝影|體育|戶外
創意|生活有意思

麻煩點個贊好嘛！

如果你已經過了語法入門節點。

這是我正在做的，側重概念，不是最適合入門，但適合提高。

IT浪人

不請自來，我也來弄個列表吧。

視頻教學類：

自己家的海棠學院：海棠學院 - WEB前端學習新體驗

極客學院：極客學院IT在線教育平台-中國專業的IT職業在線教育平台

麥子學院：麥子學院 - 專業IT職業在線教育平台|ui設計培訓|python培訓|php培訓|web前端培訓

寧浩網：Drupal, Rails, Bootstrap, React 視頻教程

優達學城：優達學城 (Udacity) - 傳授矽谷的名企官方課程

慕課網：慕課網(IMOOC)-程序員的夢工廠

百度傳課：網路課程前端網路教育-百度傳課

騰訊課堂：前端開發培訓課程|前端開發視頻教程-騰訊課堂

網易雲課堂：前端開發 - 網易雲課堂

以上推薦，順手寫的，給大家多一個選擇。

freecodecamp 你值得擁有。網站源碼在github有5萬多星星。

我知道的不多，把自己去過的和你分享：

1、w3school 在線教程

2、codecademy

3、網易雲課堂-實用技能學習平台

還有一些論壇

csdn等等，都可以獲取知識

發一下我自己整理的（關注我有更多乾貨呦）

綜合

[前端大合集](http://www.jeffjade.com/2016/03/30/104-front-end-tutorial)
[前端開發手冊](前端開發者手冊 · Front-end Developer HandBook)
[前端網](前端網（QDFuns） - WEB前端開發工程師專業網站，一站式服務平台！)
[阿里巴巴圖庫](Iconfont-阿里巴巴矢量圖標庫)
[MOZILLA開發者](草料二維碼生成器)
[w3c教程](w3school 在線教程)

HTML

[HTML教程](HTML 教程 | 菜鳥教程)
[HTML5中國](HTML5中國：中國最大的HTML5中文門戶 - Powered by Discuz!)

CSS

[CSS教程](CSS 教程 | 菜鳥教程)
[CSS參考手冊](CSS參考手冊_web前端開發參考手冊系列)

Javascript

[JavaScript教程](JavaScript 簡介)
[廖雪峰Javascript教程](JavaScript教程)
[ECMAScript 6入門](ECMAScript 6入門)

持續更新。。。

1 好好學英語

2 stackoverflow

3 Google

4 還解決不了是自己業務邏輯的問題

PS 只刷知乎看的多貢獻的少，實在是懶得打字。35歲之前多讀書少說話的好，畢竟技術流，哪兒來那麼多出名要趁早。共勉。

我了解到的：

菜鳥教程 - 學的不僅是技術，更是夢想！（菜鳥入門瀏覽，很簡單）

JavaScript教程（廖雪峰老師的，講解很詳細）

JavaScript | MDN （官方文檔隨手查）

再加上一本JavaScript的書籍作為參考手冊。。

然後就是實踐了。。

http://www.1ke.co

收藏太多的網站不是很有必要。因為二八原則，放在收藏夾里的鏈接很多是不會去看的。

不如掌握快速搜索前端網站的技巧。

試試在 Google 或者 Github 的搜索欄里輸入 awesome JS，awesome CSS，諸如此類？

學好 awesome 這個法，寫啥代碼都不怕。

網路資源:ife，各大博客(阮一峰、廖雪峰、張鑫旭，各大公司的官方博客:騰訊alloyteam，imweb，百度efe等等都是非常權威優質的資源)

書:js高級程序設計，至少你得看個三五遍吧？!

http://miaov.com 一個朋友做培訓的很不錯

國外的github和 StackOverFlow不管你是新手老手，你都要去逛逛。

國內線上教育有很多了，慕課、百度傳課、網易雲課堂等等你百度出來很多的，所有首要前提是你要學英語，因為國內開發用的都是老外的東西，你的去找好的技巧、只是，次要的是國內的之間的交流，各大IT社區數不勝數，關鍵還是要看其中的內容和人與人之間的交流成都，畢竟一個人自學並不會決定所有東向，這裡有個新做的infoQ極樂問答平台dreawer-極樂網，你可以吧你自己雪中的問題，疑惑提出來，與大家一起交流討論，沒人有人會鄙視你狠low的哦

[ 切圖社區 ] http://qietu.cn/ 是 [ 切圖網 ] 開班特訓的一個網站，切圖網是國內最早從事 web前端開發的公司，有非常之多的項目經驗，所以社區裡面有很多實戰乾貨，是區別於其他網站的重要一點。我覺得。

自學it網_公益PHP培訓

之前在一個社群了解到前端的一些編程框架和管理系統；比如：

編程框架

JavaScript框架: React, Angular 2, Vue.js, Express(後端)

PHP框架: Laravel, Codeigniter, Symfony

Ruby on rails

MVC框架: Routing, Database Mapping, Helpers, Data Binding, Templating UI

內容管理系統(基於PHP)

WordPress(強烈推薦), Joomla, Drupal

有利用客戶更新和維護

豐富的插件

開發速度快

模板的功能有限

Web前端導航，

專註Web前端開發工程師教程與PHP編程設計 - 愛思資源網；

前端里-專註 Web 開發技術和資源分享；

前端亂燉, 最專業的前端技術內容社區

前端資源-前端代碼整理-記錄前端工作中常用的代碼片段及插件！ - haorooms前端資料庫

api：html5rocks

css：css tricks

HTMLJS: MDN