前言
雖然進入前端這個行業時間不長,但也不再是純小白了(技術依然菜雞,路漫漫其修遠兮)
寫這篇文章的初衷是因為身邊偶爾會有朋友跟我說對前端感興趣,想要入坑,怎樣入門等等。。。
一般我會問一個問題,你為什么入坑?因為工資高?福利待遇好?別人都說好?還是自己感興趣?
這個問題很重要,如果你對這個行業只是因為工資高,福利待遇好,而不是因為對其有興趣,
那么當你真正進入這一行遇到困難和瓶頸時,會更加憂慮和痛苦,甚至悔不當初。
關於前端入門,網上的資料,教程可謂是鋪天蓋地,琳琅滿目。純小白可謂是看得眼花繚亂,不知所措
所以結合自己淺薄的經驗,總結了一些我在學習前端過程當中對我有幫助的資源,希望盡量做到寧缺毋濫
注:由於本人能力有限,若發現錯誤或有補充和建議,歡迎大家留言指正和交流
在線文檔(啟蒙任選其一學習足夠了,大神牛人們也是這么過來的)
W3C:http://www.w3school.com.cn/
MDN:https://developer.mozilla.org/zh-CN/
注:除了上面3個出名的,還有一個非官方的也不錯,對純小白很友好,綠葉網:http://www.lvyestudy.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://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入門和進階的書籍,全彩好評