教程
警告: 本页面上的链接通向各式各样的入门指导和培训教材。不管你是仅仅开始入门、学过些基础或者是个网站开发老手,你都能在这里找到有用的资源加以绝佳的练习。这些资源都来自卓有远见的公司和乐于接受开放标准网站开发人员。这是网站开发的绝佳练习而且使用一种开放内容授权,比如知识共享许可协议来提供并允许进行翻译。
对于学习 Web 的新手
一系列介绍帮助你开始学习 Web 开发。你需要准备工具去创建一个简单的网页并发布你自己简单的代码。
HTML 入门
初级课程
- HTML 简介
-
HTML 是什么,干什么,以及其简要历史,还有一个 HTML 文档的结构是什么样子的。其后的文章会更深入 HTML 的每一个部分。
- 网页的基本构架 (由出版社提供)
-
学习 HTML 元素是如何组装在一起从而构成一个更大的图块的。
- MDN 的 HTML 元素参考
-
一个 HTML 元素综合性性参考,还有不同浏览器对它们的支持。
- HTML 挑战(来自维基大学)
-
参与这些挑战来巩固你的 HTML 技能。(例如,“我到底是应该使用一个 <h2> 元素还是用 <strong> 呢?”)专注于有意义的小点滴。
高级课程
- 编写出能够快速加载 HTML 页面的小贴士
-
优化网页,以减少你的 Web 服务器上的负载和网络连接和为游客提供一个响应迅速的网站。
- HTML5 入门(HTML5 Rocks)
-
通过指南来指导使用 HTML5 特征来写代码。
- HTML5 语法 (分开的列表)
-
学习那些可扩展和向后和向前兼容的有意义的标签语法。
- Canvas 入门 (en-US)
-
学习如何使用脚本和 canvas 标签来画图。
- HTML5 博士
-
HTML5 应用前线上的文章。
- HTML5 声音标签的乐趣(兴趣勃勃啊)
-
学习如何使用 HTML audio 标签简简单单地来把声音文件放到你的网页里去。在这里包含了很多代码范例。
Javascript 入门
初级课程
- Codecademy (来自 Codecademy 网站)
-
Codecademy 是学习如何编写 JavaScript 最容易的方式。它互动、有趣,你能够和你的朋友们一起来学习。
- 开始使用 JavaScript
-
JavaScript 是什么以及它如何帮助你?
- JavaScript 最佳实践 (来自 WebPlatform.org 网站)
-
学习一些明显或者不是很明显的编写 JavaScript 最佳实践。
- CodeAvengers(来自 CodeAvengers.com 网站)
-
Code Avengers(代码复仇者联盟)是一个有趣且高效的学习使用 HTML, CSS, and JavaScript 编写网络 apps 和游戏代码的好地方。
中级课程
- JavaScript 再深入
-
针对于中等水平的开发者的关于 Javascript 编程语言的一个回顾。
- Eloquent JavaScript
-
一本中级和高级 JavaScript 使用方法的全面指南。(译者注:简体中文版《JavaScript 编程精解》已由机械工业出版社华章公司出版发行)
- 必要的 JavaScript 设计模式 (Addy Osmani)
-
介绍基本的 JavaScript 设计模式。
- JavaScript 编程语言 (YUI Blog)
-
Douglas Crockford 探讨了如今这个语言的情况,还有如何来实现。
高级课程
- JavaScript 指南
-
一个为所有的学习者从初级到高级的全面、定期更新的 JavaScript 指南。
- 学习高级别的 JavaScript (John Resig)
-
John Resig 的高级 JavaScript 指南。
- 介绍 JavaScript DOM (Elated)
-
DOM 是什么,以及为什么有用?这篇文章将向你介绍 Javascript 这一强大功能。
- 一个麻烦的 API : DOM 理论 (YUI Blog)
-
Douglas Crockford 解释文件对象模型。
- Javascript 进阶 (YUI Blog)
-
Douglas Crockford 审视代码的模式,以便程序员在创建应用的时候可以选择。
- JavaScript 花园
-
关于 Javascript 最古怪部分的资料。
- 非阻塞 JavaScript 加载 (YUI Blog)
-
提高含 Javascript 页面加载性能的一些提示。
CSS 入门
初级课程
中级课程
高级课程
- 应用 CSS 转换
-
使用 CSS 旋转、倾斜、缩放和变换。
- CSS 过渡
-
CSS 过渡是 CSS3 草案规范的一部分,提供了渐变动画来改变 CSS 属性,而不是突变生效。
- 应用网页字体快速指南 - 使用 @font-face (HTML5 Rocks)
-
来自 CSS3 的 @font-face 功能,允许你以可访问的,可操作的,易扩展的方式使用 web 上的自定义字体。
- 开始写 CSS (David Walsh)
-
介绍工具和方法来写更简洁,易维护和可扩展的 CSS。