菜鸟上路之前端开发学习笔记整理（1）

之所以要准备整理这系列的文章，有两个原因。首先，我姑且算是一个刚入门的前端程序员吧（特别惭愧），但是有很多的知识不知道，于是想开始系统的再学一次，同时保持记录笔记以提高学习效率（原则是"追求质量，而非数量"，所以不会每天都更新）。其次，想通过在整理这份学习笔记和分享时能够结识一些志同道合的朋友，如果有和我一样也是刚开始才学习前端这方面的内容的同学，那么就让我们一起成长吧，同时也希望结实一些资深前辈，还望多多指教。

两年前我就开始断断续续的学习前端开发，会一些基本的html5的相关知识和css的基础知识，至于javescript由于学习起来有一定的难度，所以一直以来是望而却步，倒是有过几次想开始学习javescript，但每次因为各种各样的事不了了之了。

但是相关书籍倒是买了一大堆，虽然我暂时算不上一个真正的前端工程师。但是相关的入门书籍我倒是知道不少。因为每次想下定决心学习的时候第一件事就是买书。先在各个网站上搜索相关入门书籍，然后列个清单一本本买回来后束之高阁。我想此类情景很多同学是深有同感的。

所以先介绍一些经典的入门书籍吧。

类似于图书馆或者书店的什么30天或者21天精通什么什么技术的相关书籍就算了别花钱了，真的精通不了。而下面这几本（亢龙有悔-降龙十八掌第一式）是有一些分量的经典，啃完之后再之后再推荐进阶秘籍。

1、《Head First HTML与CSS》

我就是彻头彻尾的看了这本书之后才真正理解html和一些浏览器和网页运行的基本原理。以前完全是没有一个完整的概念。看这本书只花了一两个礼拜，其实不算快。那个时候舍友刚开始准备考研而我整天幻想成为一名真正的程序员，他皮包里背着高数线代没完没了乐此不疲的和拉格朗日柯西等老人在精神对话，我也是天天背电脑在宿舍和机房两点一线无比充实的奔波着，那是2016年的暑假，我们两个人继续住宿舍没有回家，只记得每隔两天要吃两个猪蹄，突然很怀恋那段专心致志心无旁骛地日子了（扯的有点远，言归正传）我们两个每天早上六点准时起床，他在阳台上背英语，我在一边读这本书一边敲代码。

这本书，看起来很厚至少是一本普通的字典的厚度，但是里面文字特别少，大部分篇幅是简笔画。简洁直观，一目了然。也易于理解内容。虽然有电子版的，但是我还是建议这种书还是花点钱买纸质版的要好。

当然同系列的还有很多比如《head first javascript中文版》

2、《精通css高级web标准解决方案》

这本书是要在有一定的css知识基础之上才能看的，至少我是先在看了css基础视频教程之后再看此书的，受益颇多，值得仔细研读。

3、《css权威指南》

其实在我看来这就是一本必不可少工具书，它的主要作用呢就是在敲代码的时候起到了一个查询的作用，因为我也是刚学会一些基础知识，所以在写代码的时候不是很熟练需要这样一本书翻阅查询具体的属性功能之类的。

关于js的相关书籍暂时不做介绍和推荐，原因是我自己也没有完整的读过任何一本，所以暂时没有必要，一步一步来，基础扎实以后才能越来越厉害。

由于今天写的是第一篇笔记，所以就多扯一些具体知识之外的话题，尽管如此，但仍然是很重要的哦。

我基本上学会html和css之后就着手开发过几个关于学校学院的网站和一些教授的课程展示网页（精品课程），基本步骤就是先ps画出效果图（在这块多亏了川妹子赵大高手鼎力相帮）。然后用html写框架同时用css，之后将搭建好的框架上传的学校建站的站群平台（动态网站），再逐步完善，上传资料。要么就是直接搭建好静态页面发给学校负责管理网站的老师（静态网站）。网站无非就着两种形态，作为一个在校的非计算机专业英语极差的一名普通学生，能做到这一步刚开始便觉得自己还可以。但是越到后来越发现难，尤其想找一份相关的工作这点水平真的是差了十万八千里，一点都不夸张，加上近两年html5特别火了之后，学习的人就更多了，技术高超的人当然不在少数，所以“高手之路”迫在眉睫。

由于我很多计算机基础知识就不了解没有系统的知识结构，所有的问题基本上全靠搜索和自己反复的尝试来解决。所以以至于到现很多内在的原理是完全不理解的。

最近读了一本《web全栈工程师的基本修养》受益匪浅。

作者是腾讯的高级UI工程师余果，其实这并不是一本纯粹讲技术的书籍，有很大一部分内容涉及的作者在这个领域的成长计心路历程。所以如果你想在web前端领域有所作为或者以后从事这块领域的工作，这本书是必读的。

当然也得有一定的计算机基础知识才能读下去，坦白的讲，关于此书“缓存”的那部分我是一个字都没读懂。

再说说关于前端工程师的视频课程吧，刚开始的时候，我也找了很多的资源但是都没有完整的看完，其实我们有一个很大的毛病就是不厌其烦的去储存各种各样的资料和资源，总是想着先存着越多越好，以后有时间就看。我就实话告诉你，以后压根没时间，存的那些资源以后很难会再次翻出来学习。所以尽量不要去存太多的资源，压根看不完的。话虽这样讲，今天我还是会给一分享一些基础的视频课程。希望每一个热爱前端的同学都能走的更远。

关于视频课程，极客学院的就不错，很细致很全面，希望接下来的一个月，自己可以系统的学习一遍前端基础知识。而且坚持记录整理笔记再分享给大家。

---

前端基础视频教程全套：

http://pan.baidu.com/s/1eRAZduE

（链接复制云资源转存或下载）

笔记会第一时间发布到微信公众号萝卜炖肉，gangqiang5417感谢关注。