前言

    虽然进入前端这个行业时间不长,但也不再是纯小白了(技术依然菜鸡,路漫漫其修远兮)

   写这篇文章的初衷是因为身边偶尔会有朋友跟我说对前端感兴趣,想要入坑,怎样入门等等。。。

 

   一般我会问一个问题,你为什么入坑?因为工资高?福利待遇好?别人都说好?还是自己感兴趣?

   这个问题很重要,如果你对这个行业只是因为工资高,福利待遇好,而不是因为对其有兴趣,

   那么当你真正进入这一行遇到困难和瓶颈时,会更加忧虑和痛苦,甚至悔不当初。

 

   关于前端入门,网上的资料,教程可谓是铺天盖地,琳琅满目。纯小白可谓是看得眼花缭乱,不知所措

   所以结合自己浅薄的经验,总结了一些我在学习前端过程当中对我有帮助的资源,希望尽量做到宁缺毋滥

    注:由于本人能力有限,若发现错误或有补充和建议,欢迎大家留言指正和交流

   

  

 

   在线文档(启蒙任选其一学习足够了,大神牛人们也是这么过来的)

       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入门和进阶的书籍,全彩好评