前端系统学习指南

在这里,列出一些你在实践中可能遇到的一些问题,并给出相应的解决方案。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


猜你喜欢

转载自blog.csdn.net/juceli/article/details/80268751