什么是前端工程师？

总而言之前端工程师就是运用HTML/CSS/JavaScript等Web技术，在工作中配合设计师实现用户界面，和后端工程师进行数据对接，完成Web应用开发的职位。

开发工具

设计软件
前端工程师最首要的任务就是把设计师的设计图切好并翻译成代码，所以我们要学习一些设计软件的基础操作和切图方法。

• [ ] Photoshop 运用最广泛的设计软件，大部分人都在用它。

• [ ] Sketch 轻量且功能强大，切图迅速高效，为UI设计而生的Mac

    App
  
          
  
            
          
          
          
  
            
  
            AI 代码解读
          
        
        

第一阶段，html+css+js：

首先肯定是基础的html+css+js三剑客了，这是最基本的知识，所以基础阶段一定要打好,这个阶段的学习时间段一般是2个月以内。

第二阶段，JQuery：

很多人觉得JQ已经过时了，但是其实JQ的使用还是很广泛的，只是新项目很少使用JQ开发了。但是我们这么多庞大的使用JQ开发的老项目是不是需要维护? 那不还得学习JQ吗？ 还有我们学习JQ也主要是学习他的前端开发思维，学习他处理更复杂的的逻辑思维方法。

第三阶段，html5+css3：

接着要学习的就是html5+css3，我们上面所学的html+css+js阶段中学习的是html4+css2，这是基础部分，学好了html4+css2我们才学习新版本的html5+css3. 学完以上三个阶段之后，我们就能开发完整的纯前端的带炫酷的动态效果页面了。

知识点：

HTML5 + CSS3
语义化结构、多媒体 、本地存储、其他常见API、CSS3 选择器、CSS3 边框、背景、阴影、CSS3 过渡和动画、CSS3 伸缩布局、Canvas
服务端编程
端的概念、Web 服务器的概念、服务器搭建、XML与JSON
PHP
PHP基础语法 、PHP服务端编程基础
AJAX
基本编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载
移动Web开发
响应式布局、Bootstrap框架深度使用、Zepto.js库、预编译CSS。

推荐学习

Grunt：前端自动化工具，提高工作效率
less css：优秀的CSS预处理器
bootstrap：优秀的CSS框架，对没有设计师的团队很不错，与less结合使用效果完美
requirejs：AMD规范的模块加载器，前端模块化趋势的必备工具
Node.js：JavaScript也可以做后台，前端工程师地位更上一步
AngularJS：做Single Page Application的好工具
移动端web开发：智能手机的普及让移动端的流量正在逐步赶超PC端
Javascript内存管理：SPA长期运行需要注意内存泄露的问题