標籤：

國內有什麼好的前端學習網站推薦？

12-24

1.本人23,目前在做主sem,副seo.
2.初中畢業,英語水平差.
3.對於網站還算了解.不過對於大牛,我基本也是0基礎了.
4.我不會問需要多長時間能學完成,只要找個好平台,能學就成
5.下定決心,真心想學.所以希望得到大牛的指引.謝謝!
6.如果可以使用手機下載APP在手機上也能學習那更好了,走到那都可以學!
7.農村,大山裡的孩子,我願意吃苦,所以真心希望得到大牛的解答,能讓我更好的走上這條路.再次感謝!!
-------------------------------------------------------------------------------------------------------------------------------------------
希望得到一個好的建議,方向.......

2016.7.4 16:04----------------想不到來了那麼多贊,我會一直update的,共勉----------------------------------

目錄

  • 免費IT學習社區
    • 慕課網: 慕課網(IMOOC)-國內最大的IT技能學習平台
    • 極客學院: http://www.jikexueyuan.com
    • 麥子學院: 麥子學院 - 專業IT職業在線教育平台
    • FreeCodeCamp: https://www.freecodecamp.com/
    • FreeCodeCamp中文: Learn to Code and Help Nonprofits
    • 實驗樓: 實驗樓 - 國內領先的IT技術實訓平台
    • 菜鳥教程: 菜鳥教程 - 學的不僅是技術，更是夢想！
    • 簡書程序員專題: 程序員 - 專題
    • 掘金: 掘金
  • 各大名校的公開課
    • 網易雲課堂大學計算機課程: 大學計算機專業
    • 學堂在線計算機課程: 學堂在線-最大的中文慕課(MOOC)平台
    • 哈佛大學公開課-計算機科學cs50: 哈佛大學公開課：計算機科學cs50_全20集
    • 麻省理工學院公開課-計算機科學及編程導論: 麻省理工學院公開課：計算機科學及編程導論
  • 學習路線和方法
    • 編程入門指南: 知乎專欄
  • 微信公眾號/訂閱號
    • 前端大全: FrontDev
    • 前端早讀課: FeZaoDuKe
    • 演算法愛好者: AlgorithmFans
    • InfoQ: infoqchina
    • SegmentFault
    • W3cplus: w3cplus_12
  • Web前端
    • W3cplus: w3cplus_引領web前沿，打造前端精品教程
    • DIV.io: Div.IO
    • CNode社區: CNode：Node.js專業中文社區
    • 前端教程文檔
      • ES5: Annotated ES5
      • ES5中文: ES5 - HTML5 Chinese Interest Group Wiki
      • MDN Web: Web 技術文檔
      • MDN ES5: https://people.mozilla.org/~jorendorff/es5.1-final.html
      • 阮一峰Javascript教程: http://javascript.ruanyifeng.com/
      • 阮一峰ES6: http://es6.ruanyifeng.com
      • HTML當前標準:https://html.spec.whatwg.org/multipage/
      • Html5標準:http://w3c.github.io/html/
      • css標準: https://www.w3.org/Style/CSS/
      • W3CHelp: http://w3help.org/zh-cn/kb/

自學前端快一年了，就在這和大伙兒稍做分享吧。

HTMLCSS學習網站：
1.W3school
http://www.w3school.com.cn/index.html，這個不用多介紹

2.30天學習HTMLCSS
http://webdesign.tutsplus.com/courses/30-days-to-learn-html-css,有視頻，但是英文水平需要高

3.前端人的俱樂部
http://f2er.club/，感覺還不錯，雖然我不經常上

4.編碼規範
http://zoomzhao.github.io/code-guide/，編碼規範很重要

在你有了一定的HTMLCSS基礎後，我再介紹以下網站：
1.CSS3動畫
http://webdesign.tutsplus.com/tutorials/creating-a-collection-of-css3-animated-pre-loaders--cms-21978

2.csdn博客
http://m.blog.csdn.net/Column/Index?Channel=webType=New

3.w3c
http://www.w3cplus.com/

4.空智-博客園
http://www.cnblogs.com/tugenhua0707/

5.智能社的視頻教程
http://www.zhinengshe.com/video.html

6.dowebok
http://www.dowebok.com/,主要是jQuery

7.github
https://github.com/，這個不用說

8.codepen
http://codepen.io/,我超喜歡的一個網站

到了這裡，你也許想動手建個屬於自己的網頁，你又想問有哪些漂亮的網頁？
1.reeoo
http://reeoo.com/，超多漂亮的網頁

2.httpster
http://httpster.net/

你或許還想要些psd文件：
1.http://www.uipixels.com/page/2/

3.http://www.bestpsdfreebies.com/

我這裡不是推薦網站，只是對網站的知識進行梳理。

如果你是it從業者，或是想學習編程？

點這裡，豐富的學習路線以及淺顯易懂的教程幫你一步一步跨進it殿堂：學習編程 - 知乎專欄

當然如果你想了解我或者聯繫我：路人甲


如果你剛剛入門？
1、如果你想系統的學習
HTML 5全套課程精講（HTML5+CSS3）
HTML5入門 - 網易雲課堂
零基礎學HTML語言
Web開發入門 - 網易雲課堂
HTML5視頻教程
CSS+DIV初級基礎
oeasy教html、css網頁設計與製作(html5教程)

2、如果你想快速入門
HTML5+CSS3快速入門
8小時學會HTML網頁開發
輕鬆學習網頁設計系列視頻教程

如果你有了一定基礎
[雲知夢]CSS樣式設計
PHPChina學院CSS3 瘋狂5小時
JavaScript開發詳解
JavaScript - 網易雲課堂
JavaScript - 網易雲課堂
精通JavaScript開發
Javascript_入門

如果以上你都學完了
HTML5前端開發實戰
珠峰培訓JS前端實戰項目:動畫與日曆
網頁前端製作及PHP網站搭建課程

最後如果你很懶可以選擇這個：
http://www.jikexueyuan.com/course/web/

原文鏈接：如何緊跟前端流行趨勢 - 從零學習前端開發 - 知乎專欄

來源鏈接：HOW TO KEEP UP TO DATE ON FRONT-END TECHNOLOGIES

前端開發的技術進步很快. 前端開發者的重要職責之一 是了解最新推出的工具, 最新的潮流以及開發流程.每天都有成千上百的前端文章發布出來, 你不可能把他們全讀了. 我們認為你應該用聰明的方法來跟上最新的方向, 因此我們創建了這個"食譜"

我只是根據原鏈接的內容結構重新收集了這些國內的資源推薦。如果你英文不錯，而且想要緊跟國際流行趨勢，那麼也可以去關注原鏈接里的那些推薦資源。


關注大牛Follow cool people

  • 知乎前端開發活躍回答者-查看全部
    • 徐飛
    • 張雲龍
    • 尤雨溪
    • 張克軍
    • 賀師俊
    • 顧軼靈
    • 鄭海波
    • 一絲
    • Jasin Yip
    • 長天之雲
  • Github前端開發中國用戶-查看全部
    • phodal - 全棧增長工程師指南
    • justjavac - 免費的計算機編程類中文書籍
    • ruanyf - ECMAScript 6入門
    • JacksonTian - 前端技能匯總
    • aui - artTemplate模板引擎
    • alsotang - Node.js 包教不包會
    • sofish - 中文網頁重設與排版
    • wenzhixin - An extended Bootstrap table
    • ethantw - 印刷品般的漢字排版框架
    • Zhongyi Tong -Electron Wechat

找到最好的在線資源Find the best sources

  1. 稀土掘金
  2. 前端網
  3. 前端亂燉
  4. 前端觀察
  5. 大前端
  6. 伯樂在線前端
  7. WEB前端開發
  8. 前端里
  9. AwesomesCN
  10. w3ctech

參加各種線下活動Attend conferences

  1. FreeCodeCamp同城學習小組
  2. 前端圈
  3. SegmentFaultD-Day
  4. Coding技術小館
  5. CSDN活動

其他前端資源收集列表

  1. front-end-collect
  2. frontend-dev-bookmarks
  3. 前端技能匯總
  4. front-end-frameworks
  5. 大前端-前端網址導航
  6. 前端導航
  7. 前端 TOP 100
前端雜亂不易自學，你可試試我說的後端路數，淹沒在我的答案中，自己翻吧

雖然不是國內的，但我講真的，業餘沒事的時候把Mozilla的MDN看一遍絕對是正確的選擇https://developer.mozilla.org/zh-CN/

偏題。

不推薦用國內技術網站。

國內哪個網站的價值都沒有自己買本書來強。書的知識是經過多年沉澱的，重要的東西。網站上閱讀量最大的文章，多是搞一些獵奇而沒用的東西，一篇和另一篇接不上頭，隨機的寫作你看了也就是看個熱鬧，培訓網站有好的，但存在撿好教的教的毛病，達不到書的深度。等你花大把時間把優質的篩選出來，書看了好幾本了，況且恐怕你也沒這個時間和能力去篩選出優質的來。

你以為跟幾個網站就能學到真本事？下下策。

去搜前端必讀書讀起來

15 Best Frontend Development Books To Go From Novice To Expert

https://www.google.com/search?q=best+books+on+cssrlz=1C1CHBF_enUS696US696oq=best+books+on+cssaqs=chrome..69i57j0l5.4012j0j1sourceid=chromeie=UTF-8

https://www.google.com/search?q=best+books+on+javascriptrlz=1C1CHBF_enUS696US696oq=best+books+on+javascriptaqs=chrome.0.0l6.3197j0j1sourceid=chromeie=UTF-8

謝邀。

這是又給我一次做硬廣的機會呀。

W3cplus是一個致力於推廣國內前端行業的技術博客。它以探索為己任，不斷活躍在行業技術最前沿，努力提供高質量前端技術博文；其文章範圍廣泛，主要以CSS3、HTML5、Sass、Mobile和各類DEMO為主。

有關於CSS3方面的內容：css3_入門 精通 教程_w3cplus
有關於Sass方面的內容：css3_入門 精通 教程_w3cplus
有關於Web Animation相關的內容：animation_入門 精通 教程_w3cplus
有關於響應式相關的內容：Responsive_入門 精通 教程_w3cplus
有關於SVG相關的內容：svg_入門 精通 教程_w3cplus
國外譯文：譯文_入門 精通 教程_w3cplus
前端在線工具大全：前端工具_tools_w3cplus 除了能幫助你解決工作上的問題，還能更好幫助你理解相關知識
有關於移動端的內容：mobile_入門 精通 教程_w3cplus

更多的內容還是自己去W3cplus上淘：http://www.w3cplus.com

如果你喜歡上面的內容，可以關注下面的公眾訂閱號，有新內容會第一時間推送給您：

http://weixin.qq.com/r/aXWhuTvEpWbarX-a9yB7 (二維碼自動識別)


哎呀媽呀，這硬廣打得，自己都不好意思了

i我也和你一樣，完全的小白自學。才兩個月，還沒入門，也不知道我的路是對是錯，給你分享下，有錯歡迎指出。
基本路線是先html和css，然後是javascript，最後是jquery。據說把這些看熟之後就可以試著去找基礎的工作了。

我最先在某寶上面買了一個妙味課堂的視頻，跟著視頻學，很少自己寫代碼（現在在補坑中），聽html和css的完全能聽懂，聽到js的時候就聽不懂了，而且老師留了很多練習，完全不會。然後就開始買書。《javascript dom編程藝術 》這本書入門js，看完了，基本能看懂。（我現在到的階段，html和css基礎太差，現在在補，買了《精通css》這本書，發現對於我來說還是太難，打算買《css那些事兒》這本書，某東不賣了，某寶的正版太貴了，看了一下PDF版的，發現挺適合我的，很基礎）。
接下來的安排，把html和css的基礎打牢過後就看《javascript高級程序設計》這本書，然後再看《鋒利的jquery》這本書，中間不懂的就看視頻。
總結前輩的經驗就是，對於前端來說，最重要的就是javascript，一定要學好。有自己的博客，用前端的知識製作自己簡歷，比較好找工作一點。前端的學習是一個很漫長的過程，知識點太多，更新太快，要有活到老學到老的心態。
大牛推薦的學習步驟web前端開發分享
慕課網慕課網(IMOOC)-國內最大的IT技能學習平台
如果想要視頻可以留下郵箱？雖然我的視頻只用了8塊錢，但還是挺多的

---------------------------------------------------------------
更新：
鑒於要求發送的人太多了，現在同一發出公開的雲盤鏈接地址，大家想學習下載的，可以自行去下載或者保存到自己的雲盤。
最後我們都能堅持下來，並最後找到滿意的工作！
http://pan.baidu.com/s/1kVxYKb9
http://pan.baidu.com/s/1miPbheo
http://pan.baidu.com/s/1dEY29Ap
http://pan.baidu.com/s/1skOAHml
http://pan.baidu.com/s/1bpr33bT
http://pan.baidu.com/s/1boIrAkn
http://pan.baidu.com/s/1c1JB6Sg
http://pan.baidu.com/s/1hrTCI7E
http://pan.baidu.com/s/1mhYor4c
http://pan.baidu.com/s/1gfoD4NT

-------------------------------------------------------------
不知道為什麼有些共享後，總是百度雲分審核失敗！所以導致有些鏈接無效，我已經重試很多次了還是這樣，失效的就失效吧，小夥伴們把能下載的下載下來看看吧

修真院啊。


和傳統的學習網站不同，修真院給出來的學習方式是實戰為主。

和傳統的學習網站不同，修真院是師兄一對一在線輔導。

CSS15個任務+JS15個任務+敏捷開發+職業素養+復盤項目。

除了教會你要學習的技能之外，還要訓練出來學習的技巧。

線上已經有20000篇日報了，全部是新人入門的學習心得。

更重要的是在線的一對一輔導完全是免費的。

文檔及交互練習類：菜鳥教程，w3cschool，codeCademy…視頻類：麥子學院，慕課網，極客學院…建議選擇前端專題課程

http://www.fenav.com 前端導航，要啥有啥

Free Code Camp Cn

國內學習前端的網站有很多，比如百度傳課、騰訊課堂、網易雲課堂等等。
目前，我國開設了web前端開發教學課程的機構有很多。大致可分為兩種。
第一種是傳統的線下教學，一種是新興的線上教學。
傳統的線下教學建議選擇實力雄厚的大機構，教學質量有保障，但學習費用昂貴，非一般學員可以接受。
新興的線上教學是一種很方便，很有趣，很實惠的學習方式。
目前也有很多大型機構是做得比較好的，也是有信譽和保障的。
只不過現在還是有很多學員因為剛接觸，沒有習慣這種學習方式，感覺有點不太適應。
不過，隨著在線教育機構的不斷增多和發展壯大。
在不久的將來這種「只要一台電腦和一根網線」的學習方式一定會被很多年輕人所接受。
在線教育的優勢：
1、學費更低。在線教育的課程學費比實體培訓機構的學費要便宜幾倍，更多的人可以獲得受教育
的機會。
2、無需脫產。學員不需要辭職，可以邊學習，邊工作。
3、空間自由。不受地域限制，在學習的過程中要搬家，要換城市，都是不受影響。
4、時間自由。在家打開電腦或手機就可以隨時隨地學習，不需要趕時間去遙遠的課堂，然後正襟
危坐地聽老師灌輸知識。
5、有趣互動。多人在線互動，刷鮮花，刷表情，在歡樂中學習。
由此可見，在線教育的未來無可限量。
最近通天教主了解到有一家叫潭州前端學院的在線教育機構做得挺不錯的，大家可以去關注下。
潭州前端學院隸屬於潭州教育，潭州教育成立於2007年，擁有3000餘人的教師團隊，是國內一家規模龐大、師資豐富、教育產品類別眾多的在線教育集團公司。在潭州學習的學員已突破1000萬人次，在線學員覆蓋全球，包括中國、加拿大、日本、美國、韓國等諸多國家。
通天教主認為，當下正是教育體制改革，教學方式變革的機遇期。在不久的將來有相當一部分人是有在線教育需求的，他們更習慣於在線學習。因此，實現教育資源人人平等，降低職業技能教育門檻，需要付出不亞於任何人的努力。想要從零開始，系統學習web前端開發的同學，可以關注本尊。

我還沒換下女裝就來回答你的問題了，請贊我靴靴。

可以剖析為三個問題：

1. 你學習前端開發的目的是什麼？

2. 什麼樣的網站對你來說是好的？

3. 為什麼你需要多個學習網站呢？

逐步解決： 1. 你學習前端開發的目的是什麼？ 興趣？ 你有想實現的想法嗎？ 你有畫流程圖並編寫詳細的需求文檔嗎？ 你有找過此技術行業的人幫你審閱思路嗎？ 你想自己動手實現嗎？ 哪些技術可以幫你具體實現？ 如何去快速學習這些技術？

工作？ 你期望的薪資是多少？ 你想去哪家公司？ 這家公司前端職位的需求是什麼？ 如何去快速學習這些需求？

其實清楚上面問題答案的人早就動手做了，多數人可能處在迷茫的階段，不知道自己想幹嘛，或只是想趕快找到一份工作。

  1. 什麼樣的網站對你來說是好的？ 支持中文學習？ 課程體系優質？ 知識講解生動？ 提供審閱指導？ 社區交流活躍？
  2. 為什麼你需要多個學習網站？ 擔心某個網站的知識不夠系統？ 想著多個網站總能有一個合適？ 考慮過進行嘗試的時間成本嗎？

劃重點：別迷茫啦，跟著一起跑一遍，什麼都有了。

最後，作為一個善良單純的雞狗號，就放一個課程傳送門——泥萌可以在這裡學習前端開發。

最簡單的開始吧
前期：
綠葉學習網（在個網站可以很快學會一些HTML5和CSS基礎知識，主要培養一下對網頁代碼的結構的一個印象）

學習完之後，參考w3c上的H5的標準手冊，更深一步的理解頁面的組織形式

到這一步對H5和CSS一定的基礎了

中期：
在慕課網（imooc）上註冊一個帳號，參加站點上的「前端工程師」培養計劃（這個網站可以在線編寫代碼並且實時呈現代碼產生的頁面效果，在這裡主要加深H5和CSS的掌握程度，並且開始接觸Javascript）

後期：
慕課網（這裡指的是http://www.imooc.com）實在是太良心了！！！相信你在這裡可以找到進階的課程（幾乎都是免費的哦！）

PS:贊的人數多的話再更。。。

W3C擼一遍 &> Javascript DOM編程藝術擼一遍 &> 仿一個電商網站弄一個自己的網站 &> 找一份相關工作 :) 我就是這麼學的

這個行嗎

http://www.coolapk.com/apk/cn.com.open.mooc

慕課網是真愛: http://www.imooc.com
免費，網站清爽漂亮沒有廣告，資源也還可以，有移動端app

先把w3cschool看一遍。

推薦閱讀：

※Gmail的前端有多複雜？以至於要設計一個Loading過程？
※作為產品經理如何優雅的與工程師們撕逼？
※如何用手機測試自己寫的web頁面？
※電腦上有哪些設計影響了幾代用戶的操作習慣？

TAG:網頁設計 | 前端開發 | 信息技術IT | 網站推薦 | 網站建設公司 |