前言
虽然进入前端这个行业时间不长,但也不再是纯小白了(技术依然菜鸡,路漫漫其修远兮)
写这篇文章的初衷是因为身边偶尔会有朋友跟我说对前端感兴趣,想要入坑,怎样入门等等。。。
一般我会问一个问题,你为什么入坑?因为工资高?福利待遇好?别人都说好?还是自己感兴趣?
这个问题很重要,如果你对这个行业只是因为工资高,福利待遇好,而不是因为对其有兴趣,
那么当你真正进入这一行遇到困难和瓶颈时,会更加忧虑和痛苦,甚至悔不当初。
关于前端入门,网上的资料,教程可谓是铺天盖地,琳琅满目。纯小白可谓是看得眼花缭乱,不知所措
所以结合自己浅薄的经验,总结了一些我在学习前端过程当中对我有帮助的资源,希望尽量做到宁缺毋滥
注:由于本人能力有限,若发现错误或有补充和建议,欢迎大家留言指正和交流
在线文档(启蒙任选其一学习足够了,大神牛人们也是这么过来的)
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入门和进阶的书籍,全彩好评
有需要的朋友可以领取支付宝到店红包,能省一点是一点