查看“前端技术”的源代码



== 前端技术的知识点 ==

前端开发目前处于“百花齐放、百家争鸣”的阶段，崭新的开发理念以及工具不断涌现，可以说在工程方面已经产生了革命性的变化，作为开发者，除了掌握[[HTML]]、[[CSS]]、[[JavaScript]]这前端三大支柱之外，尽可能对“前端技术学习资料”中的内容保持关注，下面仅仅给出一个相对完整的知识结构图供参考：

[http://html5ify.com/fks/ 前端开发知识结构]

== 前端技术发展趋势 ==

前端开发对应的职位为“前端开发工程师”，真正认识前端以及了解前端的发展趋势，需要从工程的角度去看待这项工作，这里提供一篇文章作为参考：

[https://github.com/fouber/blog/issues/10 前端工程——基础篇]

== 前端技术学习资料 ==

=== 主要网站 ===


==== 国内 ====

[http://w3school.com.cn/ w3chool] 前端入门

[http://www.w3cfuns.com/ 前端网] 里面的[http://www.w3cfuns.com/course.php 进阶图谱]不错

[http://www.w3cplus.com/ w3c plus]

[http://www.w3ctech.com/ w3c tech] 牛人多

[http://www.html-js.com/ 前端乱炖]

[http://www.qianduan.net/ 前端观察]

==== 国外 ====

[http://www.smashingmagazine.com/ Smashing Magazine]

[http://tutsplus.com/ Tuts+]

[https://css-tricks.com/ CSS-Tricks]

[http://www.sitepoint.com/ SitePoint]

[http://tympanus.net/codrops Codrops]

[http://alistapart.com/ A List Apart]

[http://tympanus.net/codrops Codrops]

[http://www.html5rocks.com/ HTML5Rocks]

[http://www.echojs.com/, Echo JS]

[http://javascriptissexy.com/ JavaScript Is Sexy]

=== 主要技术框架 ===
* [http://www.php100.com/manual/jquery/ JQuery API]
* [[angularJS]]
* [http://css.doyoe.com/ css]

== CSS布局框架 ==
* http://foundation.zurb.com/

== 前端工具 ==
* [[GIMP]]

== 前端调试技术 ==
chrome/firefox/firebug提供的javascript console是很好的调试和学习javascript的工具。

javascript console提供了console对象可以打印消息到console，具体用法参见：http://getfirebug.com/logging

== 前端书籍 ==
* JavaScript权威指南
* 锋利的JQuery
* AngularJS权威教程，Ari Lerner著，赵望野 徐飞 何鹏飞翻译

== eshop中的前端技术要点 ==

== about JavaScript ==
== jQuery ==
* [[使用函数修改css样式]]
=== 测试工具 ===
* http://www.oschina.net/translate/being-a-frontend-developer-for-a-weekend ，信息量不小
* 自动化工具：http://gruntjs.com/
* mocha: https://github.com/mochajs/mocha
* expect.js: https://github.com/Automattic/expect.js

== about node.js ==

node.js也是学习javascript的好平台，可以像shell一样解释javascript。

* [[利用node.js的REPL学习JavaScript]]

* [https://github.com/nqdeng/7-days-nodejs 七天学会NodeJS]

==精解Http协议==

* [https://i5ting.github.io/oh-http/#9 精解HTTP协议，使用NodeJs描述]