个人整理的前端开发相关的学习网站

标签: | 发表时间:2012-08-29 19:11 | 作者:戴铭
出处:http://www.starming.com/

今天有空就整理一些我学习前端开发技术时常看的一些网站,希望能够对刚接触前端开发的朋友们有所帮助。很多人不知道怎么学前端开发,这里的站点只要你都看过一遍,想必也能成个合格的前端工程师了。呵呵!

W3.ORG

W3.ORG是W3C的官方网站,做前端开发的朋友是一定要经常去看看的。理由我不想多说了,W3.ORG里的官方WEB标准文档如果你都没有认真看过,就不要说你熟悉什么WEB标准。初学者一定要多看看 HTMLCSS的标准文档。

另外,刚开始学习HTML和 CSS的同学们应该多用  HTML Validator 和  CSS Validator 验证一下自己的代码写得是否的规范。

ECMA-INTERNATIONAL.ORG

ECMA-INTERNATIONAL.ORG是 ECMA 的官方网站。之所以是前端同学必看的网站,就是应为 ECMAScript 262 规范就是这里组织发布的(其余版本的  ECMAScript 标准) 。学  JavaScript 这个网站没有看过,怎么都说不过去,你也就不要说什么精通  JavaScript 了。

MDN

MDN是 Mozilla 的的开发者网络的简称。我们知道 Mozilla 是著名的浏览器厂商,Firefox 这款著名的浏览器相信只要是做前端开发的朋友,一定都用过。而 Mozilla 的开发者网络里的关于 HTML HTML5 CSS JavaScript和  DOM 的文档也是十分丰富,我觉得是一定不能错过的东西。

除了HTML、 HTML5CSSJavaScriptDOM 几个主要的内容,MDN 还有: Canvas SVG WebGL Video Audio Gradients Transforms Transitions Animations Media Queries AJAX WebSockets Offline Cache Local Storage IndexedDB Geolocation Drag & Drop File API Web Workers等等一系列的Web前端开发的相关资料。所以说你绝对不能错过MDN。

YDN

YDN是 YAHOO 的开发者网络的简称。 YUI Library想必是从事前端开发的朋友都听说过和用过。YDN除了提供 YUI应用库的资料,另外 YUI Theater里面的前端开发相关的视频也是非常难得的资料。

当然, YUIBlog里的文章也是不容错过的好东西。除此之外  Exceptional Performance 里关于前端性能的资料也是不容错过的内容。 YSlow for Firebug 就 Exceptional Performance Team 的研究成果。

HTML5研究小组

HTML5研究小组是由个人和企业 HTML5开发者于2011年共同发起,是中国首个 HTML5推广和交流的开放组织。于2012年2月正式加入W3C。

HTML5DEMOS

HTML5DEMOS可以检查 HTML5标签在各浏览器的兼容性,同时你还可以查看各种 HTML5的标准Demo演示。

Apple HTML5 DEMOS

Apple  HTML5 DEMOS是苹果公司提供的 HTML5演示站点,提供很多很绚丽的HTML5Demo演示。

HTML5 TEST

HTML5 TEST可以测试浏览器对 HTML5的支持,并打分,可以知道你当前的浏览器对 HTML5的支持情况如何,各种标签和组件的支持情况。

WHATWG BLOG

WHATWG BLOG是网络超文本应用技术工作小组(Web Hypertext Application Technology Working Group)的博客,就是负责 HTML5规格的那群人。

HTML5 Doctor

HTML5 Doctor发表了许多文章,都是关于 HTML5及其语义、及如何正确使用它的。他们也通过“询问医生”收集了很多问题,并在文章中予以回答,所有人都可从中受益。

CANIUSE.COM

CANIUSE.COM这是一个以表格制成的备忘单形式的单页面,描述了 HTML5、CSS3、SVG及其他未来网络技术的特征。

HTML5 Gallery

HTML5 Gallery有两个主要目标,一个是展示用 HTML5布局的网站,我们可以从中看到别人如何理解 HTML5规格和如何应用它。第二是帮助学习 HTML5、如何使用 HTML5及如何应用 HTML5

HTML5 ROCKS

HTML5 ROCKS是一个提供 HTML5各种功能演示的网站,提供各种 HTML5的显示Demo。

HTML5 GAMES

HTML5 GAMES这个网站提供了大量的 HTML5游戏资源,喜欢 HTML5游戏的童鞋们,可以千万别错过哦。

DIVEINTOHTML5.COM

DIVEINTOHTML5.COM是一个HTML 5的文档资料网站,做得很出色。介绍的图片全是用了涂鸦的方式,很直观,很可爱的网站。

AJAXIAN

AJAXIAN.COM是了解 Ajax相关资讯必看的一个网站了。

AJAXRAIN

AJAXRAIN有很多完美整合 AjaxCSS, DHTML 或 Javascript的实例,有一些Demo的确值得你去看一看。

DHTML GOODIES

DHTML GOODIES是一个收集了大量DHTML、 Ajax脚本、Demo和教程的网站。脚本范围涵盖从导航菜单、窗口、日历到图片集合。

AJAX DADDY

Ajax DADDY收集了大量漂亮的Web2.0工具,其中一个使用的功能就是,在你把某个 Ajax/Javascript实例应用在自己的网站上之前,你可以在它上面先看看效果演示。

DHTML SITE

你能从 DHTML SITE找到大量游泳的 Ajax及DHTML脚本及教程,脚本涵盖页面效果、工具技巧、拖拽式日历、窗口特效及图片集效果。

MINIAJAX

MINIAJAXMiniAJAX 是一个新生的网站,收集了少许 DHTML 和  Ajax 脚本, 它的代码片段风格非常实用。

DYNAMICDRIVE

DYNAMICDRIVEJavaScript和  CSS资源网站,即使你是初学者,也能找到DHTML、Javascript、客户端脚本详细的指导。即使是现在我对 JavaScript比较了解了,我还是时常到DYNAMICDRIVE看看,也会有新的收获的。推荐大家常逛逛!

JavaScript Kit

JavaScript Kit是最著名的提供  JavaScript 资讯的网站之一了。我从刚开始学 JavaScript到现在都经常光顾, JavaScript Tutorials就是初学 JavaScript的朋友不应该错过的。 JavaScript Kit 还提供了丰富的 免费JavaScript脚本供大家使用和学习研究所用。所以错过这里是你的损失啊!

SOLUOIRE

SOLUOIRE这个网站收集了相当多且很棒的javascript和 Ajax的实例及教程. 还有很多  jQuery、Scriptaculous、mootools等Javascript框架。

AJAX中国

Ajax中国是一个专业的 Ajax技术网站,分类清晰,有大量的电子版教程,以及 Ajax源码下载。

AJAX MATTERS

Ajax MATTERS是关于  Ajax 技术一个信息量非常大的网站,有点像  Ajax 世界中的 TSS。

A LIST APART

ALISTAPART.COM是非常著名的 A List Apart Magazine 杂志的官方网站。按照A List Apart自己介绍的,这个网站是“For people who make websites”,是我学习 Web 开发最喜欢的网站之一。里面的文章作者都是有着多年丰富经验的专家,所以文章的质量都非常高,一定要看的哦!

W3SCHOOLS

W3SCHOOLS应该是最适合出学习前端基础知识的网站之一了。如果你觉得W3.ORG的文档组织风格不太习惯,W3SCHOOLS是一个不错的替代网站,最新他好像授权中国的公司开发了一个中文版, W3SCHOOL.COM.CN,教程的内容现在是中文的了,对于刚开始学前端开发,而英文又不太好的朋友来说,这个网站应该是非常不错的选择了。

Max Design

Max Design是非常著名的Web设计网站之一。网站的教程文章相当的不错,讲解十分的细致。 Float Tutorial便是我强烈推荐初学  CSS 的朋友必看的教程。看完这个教程,你就会完全的掌握 CSS中关于浮动元素(Float Element)的相关知识。理解了Float之后,你会觉得HTML页面制作变得十分的轻松了。所有由于浮动导致的兼容行问题也都是小CASE了。

CSS Play

CSS Play应该是最著名的Web设计网站之一了。想学好 CSS,学习CSS3的内容, CSS Play你是绝对不能错过的。

52CSS.COM

52CSS.COM是国内一个专注于 CSS技术的站点,里面的文章都还不错,对于初学者来说是一个非常不错的 CSS学习站点。

CSS ZenGarden

CSS ZenGarden是最富盛名的 CSS设计陈列馆,DaveShea在创办之初是为了让网页设计师通过 CSS样式表针对同一个Html文件的设计不同的样式,却没想到这个项目成为了当今网页设计顶尖高手展现无穷创意的舞台。

CSS Beauty

CSS Beauty这个网站是最新出炉的一个 CSS陈列馆,和前面介绍的几个网站大同小异,也是采用缩略图的方式呈现,当然每个网站收集者的审美特征都不同,多一个地方无疑也给钟情于 CSS设计的朋友多了一个选择,而且他们的更新很勤快。

Experience design – Forty

Experience design – Forty这里是我特别推荐的一个,前面的网站都收集了很多优秀的设计,符合“网页标准”,可为什么这些网站符合“网页标准”,到底这些网站好在哪里?除了外观之外,还有那些地方是需要设计者注意的?这里将带给你答案,每周一个案例分析,精彩纷呈。

UnmatchedStyle

UnmatchedStyle属于后起之秀,2009年5月成立至今,也收录了大量的优秀站点。而与前几个网站有所不同的是,他对说收录的网站进行了分类,诸如:商业,娱乐,个人等等,使得收集的内容对访问者更有针对性。

EJOHN.ORG

EJOHN.ORGjQuery的开发者 John Resig的个人网站。他的博客自然是像我这样的 jQuery爱好者一定要看的了。

NCZONLINE

NCZONLINE.NET是前YAHOO首席前端工程师 Nicholas C. Zakas 的个人网站。是我最习惯的 JavaScript牛人网站之一,Zakas 的网站还保持着不断的更新,想了解他对 JavaScript的一些新的研究成果,一定要看看。

QUIRKSMODE

QUIRKSMODE.ORG是荷兰著名前端工程师  Peter-Paul Koch(PPK)的网站。他把他研究浏览器对 CSS, JavaScript支持的统计信息表都发布在这里了,他做这个统计表应该是目前最全的了。想了解相关信息,这个网站是必看的。

JJG.NET

JJG.NETAjax之父  Jesse James Garrett的个人博客,是提供信息架构资源的网站中最受欢迎的一个。

国内各大UED团队博客

国内部分著名IT公司前端工程师的博客

 

原文:http://www.yaohaixiao.com/blog/the-f2e-web-sites.html

前往星光社阅读

星光社首页 关于我们 背单词 三国演义 阅读记单词 书籍阅读

相关 [个人 前端 开发] 推荐:

个人整理的前端开发相关的学习网站

- - Starming星光社最新更新
今天有空就整理一些我学习前端开发技术时常看的一些网站,希望能够对刚接触前端开发的朋友们有所帮助. 很多人不知道怎么学前端开发,这里的站点只要你都看过一遍,想必也能成个合格的前端工程师了. W3.ORG是W3C的官方网站,做前端开发的朋友是一定要经常去看看的. 理由我不想多说了,W3.ORG里的官方WEB标准文档如果你都没有认真看过,就不要说你熟悉什么WEB标准.

转载-simon:个人总结前端开发规范

- - Web前端 - ITeye博客
(特注:转载只为更好的分享___iteye-simon) 通用约定. 一律小写, 必须是英文单词或产品名称的拼音, 多个单词用连字符(-)连接. 只能出现英文字母、数字和连字符, 严禁出现中文.. 该命名规范适用于 html, css, js, swf, php, xml, png, gif, jpg, ico 等前端维护的所有文件类型和相关目录..

前端开发大众手册

- Ran - FeedzShare
来自: xilo's blog - FeedzShare  . 发布时间:2009年03月09日,  已有 3 人推荐. 一直觉得前端开发缺个手册,这是个体力活. 今天闲来无事,把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下. 这个标题起地大了点,肯定会有很多地方没列到,包括类目的分法也可能考虑不周,所以还请大家积极补充指正,可以直接留言,也可以发邮件给我.

前端开发 – 我们的职业

- aoao - 崔凯,前端开发
写给“正在纠结”、“准备纠结”的前端开发们,希望对大家求职有所帮助:. 很多人提出薪资要求的时候,会说:“现在房租是多少多少、吃饭要多少多少、泡妞会多少多少”,所以,至少拿多少多少的工资,才满足自己的需求. 如果说这些话的人,已经是公司的老员工,和老板私人关系很不错,那这么讲还凑合. 但如果是职场新人,首次过来应聘,谈这些就很不在点上.

CssGaga:前端开发和部署利器

- Anew - 前端观察
涛哥@ytzong 开发的cssgaga用了好久,确实是个好工具,早想把它推荐给大家用了. 今天就做个简介,涛哥网站有详细的介绍,这里不多说. (工作量)一般都能减少20%以上吧,没怎么统计. 一个极端的例子:某人使用了CssGaga后从原来早9点到晚11点下班,午休都在做到现在晚5点半下班,中午还能看一部完整电影 (via twitter).

前端开发流程自动化

- Lee - 《程序员》杂志官网
如今前端工程师需要维护的代码变得极为庞大和复杂,代码维护、打包、发布等流程上浪费的时间精力也越来越多. 精简流程、提高效率,是每一个前端团队都会遇到的问题. 大部分前端团队使用Ant脚本进行这一系列流程的自动操作. Ant主要用于代码构建、打包、部署的自动化操作. 早先主要用于Java开发,但由于它具有接口开放、便于配置、Java跨平台等特性,在前端流程自动化方面同样可以发挥强大的功用.

前端开发中的MCRV模式

- 亚威 - 百度泛用户体验
MCRV设计模式 Javascript MVC Web开发标准. 1.Web前端开发面临的问题. 早期的Web页开发(Web前端开发)中,Web页面较为简单,大多数Web页面的功能仅限于用HTML和简单样式展示静态信息,或向服务器发送数据,Web页面与用户的交互较少. 随着Web的发展,DHTML、CSS、javascript等技术出现,Web页不再仅限于展示静态信息,动态、交互成为Web页的主流功能之一.

关于前端开发这份工作

- paaboo - 小麦的自习教室
一直想写点关于前端开发职位本身的文字,但写了好几次都没发. 最近又在持续的招聘,对应聘和招聘有些感想,零散的写多少算多少吧. 关于“前端开发工程师”这个职位. 当一个词开始泛滥,就会被人忘记它的本意. 首先,它是“开发工程师”,也就是程序员. 所以,程序员应该具备的素质,比如逻辑能力,写代码的水平等等,算是它最最基础的要求.