天天看点

前端学习路径

什么是前端工程师?

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

开发工具

设计软件

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

  • Photoshop 运用最广泛的设计软件,大部分人都在用它。
  • Sketch 轻量且功能强大,切图迅速高效,为UI设计而生的Mac

    App

第一阶段,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端

继续阅读