Web technology and web design tutorials

This article or section is currently under construction

In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")

Draft

I'll have a first version by the end of Aug. 2009. Most entries below are not tutorials so far ... - Daniel K. Schneider 15:14, 30 July 2009 (UTC)

Introduction

Level 1 - Learning goals

1. Learn how the Internet works and about some major Web protocols
2. Use simple Web 2.0 services like Webtops
3. Import widgets and understand how content syndication works
4. Design a web page with (X)HTML and CSS
5. Evaluate and use web page styles
6. Edit and code simple JavaScript programs
7. Know how to make use of JavaScript libraries
8. Create and validate an XML file (learn how to read and use DTDs and XML Schemas)
9. Access a web server, code, test and run a very simple server-side program

Level 2 - Learning goals:

1. Design XML grammars
2. Write XSLT stylesheets for text or database centered XML applications
3. Design a simple SQL database
4. Be able to use some PHP/MySQL generators
5. Configure a web 2.0 application, e.g. a Ning social network
6. Install and configure LAMP-based web applications

List of (future) tutorials

Note: The list below is really provisional, got some renaming and (of course) work to do.

Getting started

I suggest to start creating web sites with online services. This way you will be aware of what you can do without learning to code or install anything. In addition, you will implicitely learn some concepts that will be introduced later.

• Creating websites with online services
• Using web widgets
• Browser extension
• Search engine (needs some rewriting)

Internet principles

• Internet tutorial (not done yet, see Internet in the meantime)
• Hypertext Transfer Protocol (not done yet)
• URLs, URNs and URIs (short definition of these standards)

Managing identities on the Internet

• single sign-on
• OpenID

HTML

• Basic tools for web developement (not done, see Web authoring system for a list of tools.
• XHTML

CSS

• CSS (not done yet)

JavaScript

• DHTML
• ECMAScript data types
• AJAX

XML tutorials

• DTD tutorial
• XSLT Tutorial - Basics
• XPath tutorial - basics
• XQuery tutorial - basics

Other EduTech Wiki entries of interest

Overviews

• ECMAScript
• HTML
• Scripting language
• PHP

Links pages

... to help you find good web sites

• Character encoding
• Clipart
• CSS links
• HTML links
• JavaScript links
• PHP links
• Portalware
• WAMP
• Web design links

Other tutorials

• Flash tutorials (lots)
• Screen capture tutorial

Installation tips

See the category installation tips