COAP:COAP-2100: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 59: Line 59:
; Setting up the tools
; Setting up the tools
* [[Browser extension]]s. A list of useful Firefox extensions.
* [[Browser extension]]s. A list of useful Firefox extensions.
* [[Text editor]]s, [[XML editor]]s and [[web authoring system]]s (FYI, not tested)
* [[Text editor]]s, [[XML editor]]s and [[web authoring system]]s (FYI)
 
; How Internet works
* [http://tecfa.unige.ch/guides/te/files/internet-intro.pdf internet-intro.pdf] (slides)
* [[Internet tutorial]]
* [[World Wide Web]]


; HTML
; HTML
Line 70: Line 65:
* [[HTML and XHTML validation and repair]]
* [[HTML and XHTML validation and repair]]
* [http://reference.sitepoint.com/html Online HTML reference manual]
* [http://reference.sitepoint.com/html Online HTML reference manual]
* [[HTML5]]
; SVG
* [http://commons.oreilly.com/wiki/index.php/SVG_Essentials SVG Essentials] On-line SVG textbook. Wiki version of J. David Eisenberg (2002), ''SVG Essentials'', O'Reilly
* [[SVG]]
* [[Using SVG with HTML5 tutorial]]
* [[Static SVG tutorial]]
* [[SVG/SMIL animation tutorial]]


; CSS and style
; CSS and style
Line 79: Line 82:
; Web design and usability
; Web design and usability
* Read [[COAP:COAP-2100/Web design]] and the included reading list (required !!)
* Read [[COAP:COAP-2100/Web design]] and the included reading list (required !!)
; How Internet works
* [http://tecfa.unige.ch/guides/te/files/internet-intro.pdf internet-intro.pdf] (slides)
* [[Internet tutorial]]
* [[World Wide Web]]


=== Weeks 5-8 ===
=== Weeks 5-8 ===

Revision as of 20:48, 3 April 2012

<pageby nominor="false" comments="false"/>

Introduction

This is a program for an introductory web technologies course. It is based on an edition of a COAP 2100 course at Webster University, Geneva.

This is not the official syllabus nor the official program. See the (access restricted) World classroom (Blackboard).

This course introduces core technologies students need to know in order to start designing professional Web pages. It will cover basic principles, technology and tools required in web design and coding, including XHTML, XML, CSS, JavaScript, HTTP, and others.

Course level learning outcomes (roughly)

At the completion of this course this student will be able to:

  1. Design a web page
  2. Code and validate HTML, XHTML
  3. Evaluate and use web page styles
  4. Edit and code simple JavaScript programs
  5. Create and validate an XML file
  6. Access a web server, code, test and run a server-side program
  7. Learn Web protocols
  8. Determine whether he/she has a greater interest in Web design or Web programming
Teaching Materials and reference books
  • There will be no required textbook (the instructor will use on-line materials and handouts, including photocopies from selected reference book sections). See the weekly program...

Optional Textbook: INTERNET & WORLD WIDE WEB, HOW TO PROGRAM, Latest Edition. E.g. Deitel et al., Internet and World Wide Web How To Program (5th Edition), Prentice Hall. ISBN 0-13-215100-6

Weekly programs

The 2011 S2 edition will include less coding and more use of online technology.

  • Week 1 (Creating web sites with web services)
  • Week 2 (webtops, widgets and RSS)
  • Week 3 (SVG + HTML part I)
  • Week 4 (Easter Monday, SVG + HTML part II)
Highly provisional, expect major changes !

Topics to add in the 2012 S2 edition

  • 2D vector graphics with SVG and HTML5
  • Domain names, getting your own domain, hosting services, etc.
  • Analytics and SEO

Index of important teaching materials

Weeks 1-4

Using online services
Setting up the tools
HTML
SVG
CSS and style
Web design and usability
How Internet works

Weeks 5-8

(contents below may change)

Flash videos and timed text
  • Flash video component tutorial (selected parts only: Encoding a video, using the FLV playback component and adding captions with the Captioning component)
HTML
XML
JavaScript and client-side scripting
PHP and server side scripting