From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/tutorials/index.html | 158 +++++++++++++++++++++++++++++++++++ 1 file changed, 158 insertions(+) create mode 100644 files/zh-cn/web/tutorials/index.html (limited to 'files/zh-cn/web/tutorials/index.html') diff --git a/files/zh-cn/web/tutorials/index.html b/files/zh-cn/web/tutorials/index.html new file mode 100644 index 0000000000..0eb363708e --- /dev/null +++ b/files/zh-cn/web/tutorials/index.html @@ -0,0 +1,158 @@ +--- +title: 教程 +slug: Web/Tutorials +tags: + - 教程 + - 网页设计 +translation_of: Web/Tutorials +--- +
+

本页面上的链接通向各式各样的入门指导和培训教材。不管你是仅仅开始入门、学过些基础或者是个网站开发老手，你都能在这里找到有用的资源加以绝佳的练习。这些资源都来自卓有远见的公司和乐于接受开放标准网站开发人员。这是网站开发的绝佳练习而且使用一种开放内容授权，比如知识共享许可协议来提供并允许进行翻译。

+
+ +
+
+

对于学习Web的新手

+ +

开始学习Web

+ +

一系列介绍帮助你开始学习Web开发。你需要准备工具去创建一个简单的网页并发布你自己简单的代码。

+ +

HTML 入门

+ +

初级课程

+ +
+
HTML简介
+
HTML 是什么，干什么，以及其简要历史，还有一个 HTML 文档的结构是什么样子的。其后的文章会更深入 HTML 的每一个部分。
+
网页的基本构架 （由出版社提供）
+
学习 HTML 元素是如何组装在一起从而构成一个更大的图块的。
+
MDN 的 HTML 元素参考
+
一个 HTML 元素综合性性参考，还有不同浏览器对它们的支持。
+
HTML 挑战（来自维基大学）
+
参与这些挑战来巩固你的 HTML 技能。（例如，“我到底是应该使用一个 <h2> 元素还是用 <strong> 呢？”）专注于有意义的小点滴。
+
+ +

高级课程

+ +
+
编写出能够快速加载 HTML 页面的小贴士
+
优化网页，以减少您的 Web 服务器上的负载和网络连接和为游客提供一个响应迅速的网站。
+
HTML5 入门（HTML5 Rocks）
+
通过指南来指导使用 HTML5 特征来写代码。
+
HTML5 语法 (分开的列表)
+
学习那些可扩展和向后和向前兼容的有意义的标签语法。
+
Canvas 入门
+
学习如何使用脚本和 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 和游戏代码的好地方。
+
+ +

中级课程

+ +
+
JavaScrit再深入
+
针对于中等水平的开发者的关于 Javascript编程语言的一个回顾。
+
Eloquent JavaScript
+
一本中级和高级 JavaScript 使用方法的全面指南。
+
（译者注：简体中文版《JavaScript编程精解》已由机械工业出版社华章公司出版发行）
+
必要的 JavaScript 设计模式 (Addy Osmani)
+
介绍基本的 JavaScript 设计模式。
+
JavaScript 编程语言 (YUI Blog)
+
Douglas Crockford 探讨了如今这个语言的情况，还有如何来实现。
+
介绍面向对象的 JavaScript
+
学习 JavaScript 的面向对象编程模型。
+
+
+ +
+

高级课程

+ +
+
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 框架? (StackOverflow)
+
  选择JavaScript框架的建议。
+
非阻塞 JavaScript加载 (YUI Blog)
+
提高含Javascript页面加载性能的一些提示。
+
+ +

CSS 入门

+ +

初级课程

+ +
+
CSS 入门
+
这个教程向您介绍层叠样式表（CSS），通过具体的实例引导你熟悉基本的CSS功能，你可以试着在自己电脑上练习这些实例。
+
CSS 类选择器 (来自维基大学)
+
在CSS里类是什么？
+
外部 CSS (来自维基大学)
+
从外部样式表使用CSS。
+
添加一点样式 (W3C)
+
入门介绍使用CSS样式化网页。
+
常见CSS问题
+
初学者一些常见问题和解答。
+
代码复仇者 (CodeAvengers.com)
+
代码复仇者用有趣、高效的方式学习使用HTML，CSS，JavaScript开发Web应用和游戏。
+
+ +

中级课程

+ +
+
CSS 参考
+
CSS完整参考，包含Firefox和另外浏览器支持的详细信息。
+
CSS 挑战 (维基大学)
+
让你的CSS技巧更灵活，看你是否需要更多的练习。
+
 中级CSS概念  (HTML.net)
+
分组, 伪类等等。
+
CSS 定位 101 (A List Apart)
+
使用符合标准的定位，无表布局。
+
CSS渐进增强 (A List Apart)
+
把CSS渐进增强结合到你的网页。
+
流体网格 (A List Apart)
+
设计根据浏览器窗口自适应布局，同时使用一个字体网格。
+
+ +

高级课程

+ +
+
 应用CSS转换
+
使用CSS旋转、倾斜、缩放和变换。
+
CSS 过渡
+
CSS过渡是CSS3草案规范的一部分，提供了渐变动画来改变CSS属性，而不是突变生效。
+
 应用网页字体快速指南-使用@font-face (HTML5 Rocks)
+
来自CSS3的@font-face功能，允许你以可访问的，可操作的，易扩展的方式使用web上的自定义字体。
+
开始写CSS (David Walsh)
+
介绍工具和方法来写更简洁，易维护和可扩展的CSS。
+
+
+
+ +

 

-- cgit v1.2.3-54-g00ecf