個人前端學習總結(純小白和新手及初級向)


 

  前言

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

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

 

   一般我會問一個問題,你為什么入坑?因為工資高?福利待遇好?別人都說好?還是自己感興趣?

   這個問題很重要,如果你對這個行業只是因為工資高,福利待遇好,而不是因為對其有興趣,

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

 

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

   所以結合自己淺薄的經驗,總結了一些我在學習前端過程當中對我有幫助的資源,希望盡量做到寧缺毋濫

    注:由於本人能力有限,若發現錯誤或有補充和建議,歡迎大家留言指正和交流

   

  

 

   在線文檔(啟蒙任選其一學習足夠了,大神牛人們也是這么過來的)

       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入門和進階的書籍,全彩好評


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM