“前端技术”的版本间的差异

来自软件实验室
跳转至: 导航搜索
前端技术发展趋势
 
(未显示3个用户的23个中间版本)
第3行: 第3行:
 
== 前端技术的知识点 ==
 
== 前端技术的知识点 ==
  
前端开发目前处于“百花齐放、百家争鸣”的阶段,崭新的开发理念以及工具不断涌现,可以说在工程方面已经产生了革命性的变化,作为开发者,除了掌握HTML、CSS、JavaScript这前端三大支柱之外,尽可能对“前端技术学习资料”中的内容保持关注,下面仅仅给出一个相对完整的知识结构图供参考:
+
前端开发目前处于“百花齐放、百家争鸣”的阶段,崭新的开发理念以及工具不断涌现,可以说在工程方面已经产生了革命性的变化,作为开发者,除了掌握[[HTML]]、[[CSS]]、[[JavaScript]]这前端三大支柱之外,尽可能对“前端技术学习资料”中的内容保持关注,下面仅仅给出一个相对完整的知识结构图供参考:
  
 
[http://html5ify.com/fks/ 前端开发知识结构]
 
[http://html5ify.com/fks/ 前端开发知识结构]
第16行: 第16行:
  
 
=== 主要网站 ===
 
=== 主要网站 ===
 +
 +
 +
==== 国内 ====
 +
 +
[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中的前端技术要点 ==
 
== 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描述]

2016年8月16日 (二) 09:27的最新版本


前端技术的知识点

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

前端开发知识结构

前端技术发展趋势

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

前端工程——基础篇

前端技术学习资料

主要网站

国内

w3chool 前端入门

前端网 里面的进阶图谱不错

w3c plus

w3c tech 牛人多

前端乱炖

前端观察

国外

Smashing Magazine

Tuts+

CSS-Tricks

SitePoint

Codrops

A List Apart

Codrops

HTML5Rocks

Echo JS

JavaScript Is Sexy

主要技术框架

CSS布局框架

前端工具

前端调试技术

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

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

前端书籍

  • JavaScript权威指南
  • 锋利的JQuery
  • AngularJS权威教程,Ari Lerner著,赵望野 徐飞 何鹏飞翻译

eshop中的前端技术要点

about JavaScript

jQuery

测试工具

about node.js

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

精解Http协议