Web technology and web design tutorials

From EduTechWiki - Reading time: 3 min

Most tutorials are drafts that may never be completed since the web is already rich with tutorials - Daniel K. Schneider october 2009. That was still true as of Feb 2011. Some technical information has been added. As of 2020, major additions have been made in the area of Fab lab technology and practice.

Introduction[edit | edit source]

This entry indexes various web technology and web design tutorials. Roughly, the learning goals are the following

Web technology level 1 - Learning goals

  1. Use simple Web 2.0 services like Webtops
  2. Configure a web 2.0 application, e.g. a a blog or a social network
  3. Import widgets and understand how content syndication works
  4. Learn how the Internet works and about some major Web protocols
  5. Design a web page with (X)HTML and CSS and upload it to a server
  6. Evaluate and use web page styles
  7. Edit and code simple JavaScript programs
  8. Know how to make use of JavaScript libraries
  9. Create and validate an XML file (learn how to read and use DTDs and XML Schemas)

web technology level 2 - learning goals:

  1. Learn web design and usability principles
  2. Design XML grammars
  3. Write XSLT stylesheets for text or database centered XML applications
  4. Access a web server, code, test and run a very simple server-side program
  5. Design a simple SQL database
  6. Be able to use some PHP/MySQL generators
  7. Install and configure LAMP-based web applications

web design - learning goals:

  1. Implement a user-centered agile design practice
  2. Use prototyping tools like pencil and paper and wireframing tools
  3. Identify major usability issues
  4. Conduct simple usability tests
  5. Understand requirements for accessibility

List of (future) tutorials[edit | edit source]

Note: The list below is really provisional, got some renaming and (of course) work to do. Also, some entries are less than incomplete ...

Getting started[edit | edit source]

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 implicitly become aware some issues and concepts that will be introduced later.

Internet principles[edit | edit source]

Managing identities on the Internet and Authentication[edit | edit source]

HTML[edit | edit source]

HTML forms[edit | edit source]

SVG[edit | edit source]

CSS[edit | edit source]

JavaScript and DHTML[edit | edit source]

XML tutorials[edit | edit source]

PhP tutorials[edit | edit source]

Web applications[edit | edit source]

Design and usability[edit | edit source]

Other EduTech Wiki entries of interest[edit | edit source]

Overviews
Links pages

... to help you find good web sites

Other tutorials
Installation tips

See the category installation tips


Licensed under CC BY-SA 3.0 | Source: https://edutechwiki.unige.ch/en/Web_technology_and_web_design_tutorials
1 |
↧ Download this article as ZWI file
Encyclosphere.org EncycloReader is supported by the EncyclosphereKSF