应该怎样系统地学习web前端呢?零基础能不能学会?

网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习：

基础知识：

html + css 、javascript

进阶：

有了基础，就可以进行一般的静态网页设计，不过对于复杂的页面还需要进一步学习，包括css、js、javascript、进一步学习内容：框架，推荐 zepto、javascript，语言范式 、 javascript，语言内部机制、 dom编程、ajax编程、es5, es6：学习顺序建议是 JavaScript基础 -> es5 -> es6、html5，需要了解html都提供了哪些api，然后项目中用起来。

代码层面：

但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：1易维护，2可测试，3高性能，4低流量(移动端)。

工程层面：

前端项目同样面临软件生命周期的各个环节，首先是代码管理，你必须学会使用svn和git。

补充：

对于前段开发，基本内容就这些了，可以根据自己的兴趣爱好选择性学习以下内容。

1. 交互设计。不懂交互的前端一定不是好前端。

2. 后端。推荐大家使用在Node上使用Koa框架做一些后端服务的开发。

3. Android和ios开发。对于学有余力的同学，应该了解Native开发的基本流程，至少了解到界面构建的技术。

4. 代码提交前必须做的三个事情：A. git diff(svn diff),检查所有变更;B. 跑一边单元测试;C. 手动运行一遍所有demo.

想学好web前端，来看看广州北大青鸟官网吧，干货多多!