前端开发如何从菜鸟进阶为高手

1、作为前端开发的基础，HTML、CSS、Javascript是首先要学习的，入门教程最好的当然要数w3school了，作为初学者，应该按照其中的步骤一步一步跨入前端的大门。

2、有了基础，自然就该对每个方面进行提升了，最重要的当然是Javascript了，你需要阅读一些Javascript书籍，把基础打牢一点。

3、在实际的开发中，你会使用到很多现成的框架来提高开发效率。如jQuery，React、Bootstrap。使用的同时，多学学它们的思想，对自己的技术水平也是很有帮助的。

4、到此为止，你已经具备基本的前端开发酶熳稼驰技能了。而接下来你要学习的是Nodejs，这是进阶的必经阶段。从本质上来说Nodejs是一门后端傥态尬锪语言，但是由于它是用Javascript写代码，所以和我们前端开发者是很有关系的。至于为什么要学习Nodejs，很重要的一点是咱们可以借助它做一些自动化的工作，以及很多我们之前做不到的。

5、在进入Nodejs之前，我们需要把运行环境从Windows切换到Linux（必须，作为一个前端开发者，应该具备偏执的性格），原因很简单，我们需要运行Nodejs脚本命令。当然并非一定要买一个Mac或者安装Linux系统，没有条件的童鞋可以像我一下安装一个Linux虚拟机，通过Samba文件共享，我们依旧可以在熟悉的Windows下面开发（编辑文件，书写代码）然后在Linux下面运行。为什么我没有一开始就让大家在Linux下面开发（当然有童鞋能这样做也是更好的），毕竟入门的话还是Windows更容易操作，不能同时把重心放在两件事上，否则你可能会很晕。

6、此外，我们还需要一个高逼格的编辑器，推荐Sublime和WebStorm。没有好坏，看个人爱好了，如果你像我一样有洁癖，喜欢简洁的东西，那么Sublime适合你（当然还有很多扩展插件），如果你喜欢智能提示之类的比较功能丰富的编辑器，那么相对重量级的WebStorm会是不二选择了。

7、有了Nodejs，我们可以做的事就多了。在开发阶段，我们可以高效率地写代码（用Sass写CSS，有CoffeScript写Javascript，用Jade写HTML）然后利用Nodejs脚本将其转换成最终能在浏览器上面运行的HTML代码。在此之上，我们还可以利用Gulp之类的构建工具来将我们的手动操作加入到自动化流程化中去。

8、学习使用Git版本控制。除开公司内部项目，鼓励多写一些开源的项目放到Github上面。这不仅是对自身能力的一种提升，同时也可以作为你的一份简历，以后面试的时候能为你加分。

9、在实际的开发过程中必然会用到很多插件，不要找那些网站上的插件下载包，而是应该去Github上面找自己需要的，如果你的英文不是很好，可以去国内的某些Github前端库的收集站点，如百度：awesomes 前端库。这样做的目的是，Github提供了一个协同工作的开源平台，希望你能够在使用的同时去学习它，多看看它的源码和版本演进。

10、学习工作中难免会遇到很多问题，找到一种正确的寻找答案的方式是很重要的吗，如果没能搜索到自己的答案，得学会去问问题。当然最好的地方就是Stackoverflow了，可以说是全世界最好的技术问答平台，唯一需要的就是你得用英文去提问。

11、多逛逛技术社区是进步的一个重要途径，国内有v2ex之类的前端社区，还得多关注一些前端大牛的微博，获取最新的前端技术咨询。此外，利用自己的碎片时间看看开发者头条，稀土掘金之类的聚合技术新闻，毕竟前端的发展是相当快的，稍不留神，一个技术就被弃用了。

12、总之，当今的前端日新月异，扮演着越来越重要的角色，在打好基础的同时，我们必须采取正确的方式和态度来迎接新的技术和挑战，方能立于不败之地。