导语：

现在前端开发越来越被人所熟知，并且衍生出来前端开发工程师，那么怎么才能成为一名合格的前端工程师呢？如何才能避免走弯路呢？如果没有计划，那就跟着下面的步骤走吧，能让你少走好多弯路，省下很多时间。

首先你要明白一点，前端入门容易，深入精通难。你也不用被这句话吓到，毕竟只要你努力学一件东西，肯定是能学会的。如果再投入激情和兴趣，那学起来就很轻松。

本文的目录

第一阶段（1-2个星期）

第二阶段（1-2个星期）

第三阶段（2个星期）

第四阶段（1个星期）入门完成

第五阶段（1个星期）

第六阶段（3个星期）

第七阶段（3个星期）合格的前端开发人员

第八阶段（2个星期）进阶

第一阶段（1-2个星期）

学习HTML+CSS，能够使用这两个东西写出特别简单的页面，比如盒子模型或者文章加配图。

推荐学习网址 菜鸟教程 或者 w3school

第二阶段（1-2个星期）

学习原生的js以及它操纵html的方法，注意要是原生的js，只有明白原生的js才能够快速掌握各种框架及其原理。

依然推荐学习网址 菜鸟教程 或者 w3school

第三阶段（2个星期）

学习jquery以及bootstrap框架，其中前者是js框架后者是css框架。

这是你学的第一个框架要认真学习，跟着里面的例子每个都手动写一遍。

第四阶段（1个星期）入门完成

学习html5和css3，只要你学完这个东西，你就可以去模仿淘宝或者京东首页，编写一个仿淘宝或者京东首页，这时候你就会成就感十足，我就是这样觉得的哈哈哈哈。

第五阶段（1个星期）

学习移动端页面布局

跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、手机滚屏。让你的页面在手机浏览器中能够适配。

第六阶段（3个星期）

面向对象进阶和学习网络请求（使用接口get和post），以及ajax的使用。了解跨域是什么东西。明白ajax简介和异步的概念、ajax框架的封装、XMLHttpRequest对象详细介绍方法。json和json解析、jsonp解决跨域问题、使用jquery里面的ajax。

这时候你已经可以通过jsonp去get到各个网址上面的地址，甚至你可以做一个仿酷狗应用的页面，搜索歌曲及其播放，虽然页面肯定不会像酷狗官网一样炫酷。但是已经成就满满了。

第七阶段（3个星期）合格的前端开发人员

这时候你已经是一名快合格的前端工程师了，我们还要在学一下主流的开发框架，了解一下MVC/MVVM/MVW框架是什么东西，然后从React.js、Vue.js、Angular.js选择一个来学习，并且搭配webpack来进行项目工程化和打包。

这个过程可能会比较苦，但是只要你咬一咬牙，坚持学下去，就会胜利。

第八阶段（2个星期）进阶

Node.js全栈开发，去了解node是什么东西，以及他现在的作用，其实它也可以作为一门后台开发语言，而且它的语法跟js特别相似，所以对于我们前端开发工程师来说真的是一个理解后台运作的很好的工具。

学习原生的nodejs、express和koa2，深入理解和使用node.js，将会对你的工程化思想有很大的提升。

学到这里，你可以开始写一个属于自己的全栈项目了

加油！！！

补充：

简书评论或者私信我，回复全栈学习项目，即可获取项目源码和后续的实战文章教程。每天用最简单朴实的语言，潜移默化的提升你的计算机基础知识和前端技术。咕咕，一个专注的web全栈工程师，我们下期再见！