我的前端学习总结（纯小白和新手及初级向）

 

　　前言

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

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

 

　　 通常我会问一个问题，你为何入坑？由于工资高？福利待遇好？别人都说好？仍是本身感兴趣？

　　 这个问题很重要，若是你对这个行业只是由于工资高，福利待遇好，而不是由于对其有兴趣，

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

 

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

　　 因此结合本身浅薄的经验，总结了一些我在学习前端过程中对我有帮助的资源，但愿尽可能作到宁缺毋滥

　　  注：因为本人能力有限，若发现错误或有补充和建议，欢迎你们留言指正和交流

 　　

　　

 

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

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