我的前端學習總結（純小白和新手及初級向）

 

　　前言

　　  雖然進入前端這個行業時間不長，但也再也不是純小白了（技術依然菜雞，路漫漫其修遠兮）

　　 寫這篇文章的初衷是由於身邊偶爾會有朋友跟我說對前端感興趣，想要入坑，怎樣入門等等。。。

 

　　 通常我會問一個問題，你爲何入坑？由於工資高？福利待遇好？別人都說好？仍是本身感興趣？

　　 這個問題很重要，若是你對這個行業只是由於工資高，福利待遇好，而不是由於對其有興趣，

　　 那麼當你真正進入這一行遇到困難和瓶頸時，會更加憂慮和痛苦，甚至悔不當初。

 

　　 關於前端入門，網上的資料，教程可謂是鋪天蓋地，琳琅滿目。純小白可謂是看得眼花繚亂，不知所措

　　 因此結合本身淺薄的經驗，總結了一些我在學習前端過程中對我有幫助的資源，但願儘可能作到寧缺毋濫

　　  注：因爲本人能力有限，若發現錯誤或有補充和建議，歡迎你們留言指正和交流

 　　

　　

 

　　 在線文檔（啓蒙任選其一學習足夠了，大神牛人們也是這麼過來的）

　   　 　W3C：http://www.w3school.com.cn/ 

　　　　菜鳥驛站：http://www.runoob.com/ 

　　　　MDN：https://developer.mozilla.org/zh-CN/

　  　　注：除了上面3個出名的，還有一個非官方的也不錯，對純小白很友好，綠葉網：http://www.lvyestudy.com/

 

 

 

　  視頻網站（上面文檔看多了不免有點枯燥，時間充足的話，看看視頻也是蠻好的，該視頻網整體課程質量不錯，免費和付費課程都有）

　  　　慕課網：https://www.imooc.com/

 

　　

 

　   提問（提問也要講究方式方法和好的平臺，推薦下面這個平臺）

　　　　IT從業人士的專業技術問答中文社區：https://segmentfault.com/

　　

　　

 

　　牛人博客（正所謂前人栽樹後人乘涼，強烈推薦下面業界聞名，我也很喜歡的三位大佬）

　　　　阮一峯（老是能把複雜的東西講得通俗易懂）

　　　　　　http://www.ruanyifeng.com/blog/archives.html 博客

　　　　　　https://wangdoc.com/javascript/ js教程

　　　　　　http://es6.ruanyifeng.com/   es6入門

 

　　　　廖雪峯（裏面有高質量且免費的 js，git等教程，訪問量數以萬計）

　　　　　　https://www.liaoxuefeng.com/   我的官網

 

　　　　張鑫旭（專一精通於CSS的大佬，你會發現css的強大和更多可能性）

　　　　　   https://www.zhangxinxu.com/  我的博客

 

　　

 

　　寫博客（博客園和csdn算是2大巨頭，我的推薦博客園，比較純粹，csdn廣告太多；若是這2個你都不喜歡，能夠考慮簡書和掘金）

　　　　https://www.cnblogs.com/   博客園

　　   　https://www.csdn.net/   csdn

　　　　https://www.jianshu.com/   簡書

　　　　https://juejin.im/ 掘金

　　　　  markdown入門

 

 

 

　　前端資源合集（文檔，教程，視頻，插件，框架，工具，簡歷，面試等學習資料）

　　　https://cnodejs.org/topic/56ef3edd532839c33a99d00e  前端資源合集

　　　https://github.com/jsfront/src/blob/master/qq.md  github 2600+star 精心篩選的不少好的前端資源，整理的很全面

　　　https://github.com/cucygh/fe-material  github 1200+ star　　前端技術教程及文檔

　　　https://github.com/RubyLouvre/mobileHack  github 1700+star   移動端上遇到的各類坑

 　　  https://www.yuque.com/fe9/basic  前端九部 - 入門手冊2019

 

 

 

　　前端學習交流推薦羣號（爲了不打廣告，羣號和相關介紹都在下面的連接當中）

　　  這些羣都是幾個大神管理的，由於管理的好，跟外面那些水羣吹牛逼羣不一樣，意在建立一個好的前端交流氛圍的環境

　　下面這個連接自己也集成了精心篩選的不少好的前端資源，整理的很全面

　　github上也有2600+star　https://github.com/jsfront/src/blob/master/qq.md

　　

　　　

　　

　　開眼（這是我偶然看到的一些讓人驚豔的網站和效果，當時個人表情就是各類wo cao）

　　　https://www.little-big-room.com/   國外一個有趣又牛逼的網站（打開較慢，請耐心等待）

　　　http://e.changan.com.cn/benbenEV2018_2/?from=singlemessage&isappinstalled=0   某汽車全景效果

　　　https://www.zhihu.com/question/24398907  H5驚豔的網站合集連接

 

 

 

　　前端書籍

 

　　　　　HTML（這本書沒看過但口碑不錯，我的以爲學習HTML去看上面推薦的在線文檔便可）

　　　　　　《Head First HTML與CSS》

　　　　

 

　　　　CSS

　　　　　　　《CSS世界》

　　　　　　

　　　　　　　　注：才知道這本書是張鑫旭大神寫的 ，還沒看，但確定不會差

 

　　

　　　　　　　　《CSS揭祕》

　　　　　　　　

　　　　　　　　注：CSS進階，國外頂級CSS專家所著，即便你已經很熟悉CSS，依然會從新刷新你的認知，從實際開發出發，乾貨滿滿

　　　　　　　　　但不推薦小白直接看這本書，至少等熟練掌握CSS之後在看，會受益不淺

 

 

　　　　JS

　　　　　　《JavaScript DOM編程藝術》

　　　　　　

　　　　　　　　注：幫助你入門JS的同時，讓你找到學習JS的信心和樂趣

 

 

　　　　　　　《JavaScript高級程序設計》

　　　　　　  

　　　　　　　　注：JS經典紅皮書，必讀之一

 

 

　　　　　　　　《JavaScript權威指南》

　　　　　　  

　　　　　　　　注：被稱爲JS聖經的經典必讀書之一，能夠稱爲紅皮書的進階版，更能夠當作一本工具書，俗稱犀牛書

 

 

　　　　　　《JavaScript語言精粹》

　　　　　

　　　　　　　　注：這本書主要講了JS的精華同時列舉出了JS的糟粕，也是一本不可多得的好書

　　　　　　　　　 建議有必定JS基礎在來看會更好，另外吐槽一下鐵路圖是真的看着老火

 

 

　　　　補充（除了前端三板斧html+css+js，我的認爲還須要適當掌握和補充jquery,http,編碼規範相關知識）

 

　　　　　　《 鋒利的jQuery》

　　　　　　　

　　　　　　　注：若是你必定要買jquery的書籍，那毫無疑問就是這一本了

 

 

　　　　　　《圖解HTTP》

　　　　　　

　　　　　　  注：一本深刻淺出，通俗易懂，加上有趣的配圖，適合入門HTTP的好書，其它書籍，好比HTTP權威指南對不少人來講過於晦澀

 

 

　　　　　　《編寫可維護的JavaScript》

　　　　　　

　　　　　　注：編碼規範的重要性不言而喻，越早的和嚴格的按照規範來編寫代碼，時間會告訴你這是一件多麼重要的事情

 

 

　　　　　《HTML5基礎知識 核心技術與前沿案例》

　　　　　

　　　　　　注：一本不錯的H5入門和進階的書籍，全綵好評