前端系统学习指南

在这里，列出一些你在实践中可能遇到的一些问题，并给出相应的解决方案。3

1、CSS语言很好，但不能编程？

a)用Sass/Less

http://www.w3cplus.com/sassguide/

http://lesscss.cn/

2、要做个项目，有没有更多可以直接调用的框架？（常用）

a)YUI3

https://github.com/yui/yui3/wiki

b)AngularJS

https://angularjs.org/

c)Bootstrap

http://getbootstrap.com/

d)React

https://facebook.github.io/react/

3、每次都要部署同样的东西？？太麻烦了！项目构建工具

Grunt

http://gruntjs.com/

4、有同学说我的网站错位了？wtf！！！需要考虑多浏览器兼容

a)考虑主流浏览器IE7/8/9/10/11,Firefox/Chrome/Safari

b)学习前端标准和规范

W3C标准

http://www.w3.org/TR/

CommonJS Modules/AMD

http://wiki.commonjs.org/wiki/Modules/1.0

https://github.com/amdjs/amdjs-api/wiki/AMD

HTML5/CSS3

http://w3c.github.io/html/

http://www.w3.org/Style/CSS/specs.en.html

5、版本迭代有问题，卧槽！之前代码忘了存了！！版本管理

Git/SVN

http://subversion.apache.org/

《Git权威指南》https://book.douban.com/subject/6526452/

6、妈蛋，微信里看网页怎么缩放了？？移动web

a)响应式网页设计

https://zh.wikipedia.org/wiki/%E5%93%8D%E5%BA%94%E5%BC%8F%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1

b)jQuery Mobile

http://jquerymobile.com/

c)ReactNative

https://facebook.github.io/react-native/

7、Bitch，开网页的时间我都能听首歌了！！学学性能优化

a)YSlow35 Rules

https://developer.yahoo.com/performance/rules.html

b)HTTP Watch

http://www.httpwatch.com/

c)DynaTrace's Ajax

https://community.dynatrace.com/community/display/AJAX/Dynatrace+AJAX+Edition+Community+Home

d)《高性能JavaScript》

https://book.douban.com/subject/5362856/

8、和同学开发大型项目，怎么安排相关模块？？学习代码组织

a)类库模块化

CommonJS/AMD

http://www.commonjs.org/

YUI3模块

https://github.com/yui/yui3/wiki

Webpack

http://webpack.github.io/

b)业务逻辑模块化

Bower/component

https://github.com/bower/bower

https://github.com/componentjs/component

c)文件加载

LABjs

http://labjs.com/

Sea.js/Require.js

http://seajs.org/docs/

http://requirejs.org/

d)模块化预处理

Browserify

https://github.com/substack/node-browserify

9、网页是开发好了，但是是静态的，没有数据更新？怎么办？？学习后台相关技术(这里小编就不再详细写啦，相信到了这个阶段，你也就知道怎么去查要学什么，怎么去找学习资源了)

a)后端开发语言PHP/Java/Python

b)Linux/Unix编程

c)Ajax

有些同学会问，要不要持续性关注社区和博客？

小编的看法：不一定的，尤其是对于初学者，那个时候你还没有自己的判断，如果他写的不对的话，可能会让你深深陷入误导之中，但是对很多人都公认的博客和大牛，还是可以看的。

你或许可以关注的部分前端大牛的博客（来自知乎网友）

http://www.zhihu.com/question/19951193

你或许会用到的前端相关社区/会议

D2/WebRebuild

NodeParty/W3CTech/HTML5梦工厂

JSConf/沪JS(JSConf.cn)

QCon/Velocity/SDCC

JSConf/NodeConf

CSSConf

YDN/YUIConf

HybridApp

WHATWG

MDN

codepen

w3cplus

CNode

学习过程中，需要注重积累，最好有自己的博客或git，并且记录自己的学习过程中的思考与感悟，因为面试的时候技术官真的会点进去看里面内容的质量！

最后，附上前端校招的面试题~~

英文：https://github.com/h5bp/Front-end-Developer-Interview-Questions

中文：

https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Question