加载团队顶部导航加载 团队顶部导航 ing…

前端开发相关的学习网站

新闻来源:悠然天空工作室    点击数:31508    更新时间:2012/9/26 16:56:49
前端开发相关的学习网站

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

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 的开发者网络里的关于HTMLHTML5CSSJavaScriptDOM 的文档也是十分丰富,我觉得是一定不能错过的东西。

除了HTML、HTML5CSSJavaScriptDOM 几个主要的内容,MDN 还有:CanvasSVGWebGLVideoAudioGradientsTransforms
TransitionsAnimationsMedia QueriesAJAXWebSocketsOffline CacheLocal StorageIndexedDBGeolocationDrag & DropFile APIWeb 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有很多完美整合Ajax, CSS, 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

DYNAMICDRIVEJavaScriptCSS资源网站,即使你是初学者,也能找到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.l-sky.cn/newsview_302_37.html
版权所有 © 转载时必须以链接形式注明文章来源和本文地址!
将前端开发相关的学习网站_悠然天空网络科技有限公司新闻转播到腾讯微博 转播到腾讯微博 将前端开发相关的学习网站_悠然天空网络科技有限公司新闻转播到新浪微博 转播到新浪微博 将前端开发相关的学习网站_悠然天空网络科技有限公司新闻分享到QQ空间  将前端开发相关的学习网站_悠然天空网络科技有限公司新闻分享到腾讯朋友 

1

You need new website?

为了我们热爱的事业,我们愿意付出;为了我们共同的目标,我们愿意努力。如果您还在为企业网站的建设而发愁,请联系我们(18633616353)。悠然天空为您架设最符合您需求的企业网站。

浏览悠然天空已完成案例 提交留言给悠然天空

Quick Contact

Tel: 18633616353 (周一至周五9:00~17:00)
联系悠然客服 (若离线,请留言)
Email: service@l-sky.cn (随时邮件)

  1. (标记*为必填项目!)