初学web前端，掌握这些就足够了！

Web开发现在是如日中天，热的发烫。那咱们应该怎么学习呢？这不光是初学者，不少学了几年的人也会有些迷茫或者彷徨，你们也都知道不断学习是不可避免的，不学习确定要掉队；那怎么学效率更高，那些是坑，那些是路，每一个人可能都有本身的简介。做为一个程序猿，从两个方面说说个人想法：

学习方面

1.基础部分，主要就是html、css、JavaScript。

这个其实不用多讲，这些个基础不学扎实了啥也干不了，能够直接从html五、css三、ES5来学习。学习的方法不少，最方便的方法是像w3cschool、汇智网这种边学边练的，相似以前微软的所见即所得，喜欢读纸质书的能够买几本书来看看。

2.几个边界，是说与美工相关、后端开发、设计相关。

想作好Web前端，必定搞清楚本身的工做界面在什么地方，这对你有很大帮助。每一个公司可能都不同，因此了解边界相关的知识就很重要。

• 美工相关

  主要是说ps、切图之类的东西，photoshop仍是须要会用的，至于说你能不能搞出漂亮的图片来那倒不是重点，关键点是体会美工的工做过程。若是你在公司兼了这件事，那你就得深刻的学习了，别不觉得然，前端的美术有修养仍是挺重要的。

• 后端开发

  虽然说通常状况下，前端开发和后端开发是分开的，不过二般状况也不少。这个时候就须要你在后端中选择一条主线，不少人都在比较PHP、Python、Node.js哪一种好，其实都差很少，不过从市场上的热度来讲视乎Node.js更热一些，固然Node.js对js熟悉的前端来讲也更容易上手。个人建议仍是先从Node.js来吧，若是公司有选择或者有余力能够学学其余两个。数据库彷佛mysql和mongodb均可以试试。

3.相关标准，标准这个东西不少人都不屑的很。

其实很重要，越大的团队越重要。仍是熟悉熟悉养成好的习惯微妙。这在初期至少涉及到不少兼容性问题，因此W3C的标准是必须了解和掌握的。

4.各类框架类库，jquery，bootstrap等，

如今的框架比较多，可是jquery和bootstrap这样级别的必须得熟练掌握，要不不少公司都无法干活。通常类库和框架都有垂直的网站能够学习，如bootstrap中文网之类的都很不错。

5.工具，这个有不少如Git、webpack、Gulp、github、Nginx 等等。

工具自己实际上不学也能干活，从学习的角度来讲，这个时间的分配上能够少一点儿，可是从工做的角度来讲，若是须要的话要尽快上手，逐步熟悉。工具类的东西都不是特别难上手，几天可能就差很少了，可是想玩的透，极大的提升效率这个仍是须要投入很多时间的。

学习其实自己没有那么多的规矩，仍是看我的的状况，可是上面这些范围是你们都绕不开的，如何合理有效的利用时间就是最最重要的。

书籍方面

---

基础部分

HTML和css还有Java是基础知识可是相比较来说HTML和css比较简单，而Java涉及内容之普遍超乎你们的想象

image

这个是有人推荐学习Java要看到书此书听说可以帮助你区分哪些是语言的精华，哪些是糟粕，对于语言精华，应该深刻学习。还有一个《入门到精通》实在不信你能够百度百科一下Java的长度和HTML的长度，你就知道。

进阶部分

上面的知道了基本就能作出静态页面了，毕竟web前端就是干这个的，可是对于如今愈来愈重要的用户体验，你们已经愈来愈不知足简简单单的静态页面了，而是须要各类交互（UI还得设计的好，要不用户打开以为丑早就给你关了）

进阶的css《精通css》

image

看完这本书你应该对：盒子模型，流动，Block，inline，层叠，样式优先级，等概念很是了解了。在进阶，关于js框架，有兴趣的同窗能够抓紧时间看一看，框架语言大可能是jQuery（框架的重要性屏蔽浏览器的差别性）,兼容和响应式是大多数web前端须要考虑的事情，大多数的人最讨厌看见的英文单词应该就是bug可是解决bug又是他们存在的意义。

Java

语言内部机制。必须弄清以下概念：JS 中变量的做用域，变量传递方式，函数的定义环境与执行环境，闭包，函数的四种调用方式(通常函数，对象的方法，apply，call)，以及四种调用方式下，‘this’指向的是谁。

3.DOM学习

除此以外关于dom要学习《Dom编程艺术》

image

（关于此书还有一版蓝色的）
虽然在此以外web前端就够用了可是诚筑说来说交互设计仍是必须的，最简单的就是各类按钮的动效

必读

后端虽然不用特别懂吧，可是你喜欢仍是能够学习一些的。做为初学者，看书以为难懂的话，想找老师带一带入门，那么你能够来个人QQ群，群内提供免费学习资源。（web前端学习交流群：328058344 禁止闲聊，非喜勿进！）