Web前端开发主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对代码迭代优化和用户体验的追求。下面说说Web前端开发荐学习路线。

一、HTML和CSS基础

1、HTML和CSS基础课程

标签语义化以及使用场景，

CSS选择器、CSS的继承、层叠和特殊性

CSS盒模型

CSS样式设置技巧

2、网页布局

 二、三列和混合布局

浮动、定位布局

结构与表现相分离的

 CSS sprite技术

二、JavaScript语言

1、JS基础

JS基础语法

JS数组

JS函数

JS事件

DOM基础操作

JS内置对象

2、事件处理

事件流

事件处理程序

事件对象

事件类型

3、JS动画

简单动画

缓冲动画

多物体动画

链式动画

同时运动

4、JS实践

JS 日期函数

 定时器

JS dom操作

相对和绝对定位属性

三、jQuery

1、jQuery基础

 jQuery选择器

 jQuery DOM操作

 jQuery 事件

 jQuery 动画

2、jQuery

常用插件的基本使用

插件的方法使用

插件如何配置

3、Ajax基础

HTTP请求的概念

JSON请求格式

Ajax的原生和jQurey实现

跨域等知识点

4、jQuery实践

图片定位

图片加载

Ajax原理及jQurey实现

事件代理

JQuery实现事件绑定、DOM操作

四、综合网站的实践

1、企业网站

了解企业网站的架构特点

实现不同浏览器的兼容

完成网站合理布局

2、电商网站

分析电商网站整体架构

网页合理布局

分模块、代码复用

解决网页的兼容性

五、优化及调试

1、网站优化

了解SEO基础

了解网站性能优化的规则

 如何提高网站性能

掌握网站性能优化工具Yslow

2、Web调试工具

 掌握常用网页调整工具

如何使用调整工具编辑HTML、处理

CSS、调试JavaScript、监听Ajax、评估网页速度

    以上基本包含了Web前端开发荐学习路线，掌握了以上内容，一个合格的Web前端开发人员就此诞生了。