COAP:COAP-2100: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 44: Line 44:
== Index of important teaching materials ==
== Index of important teaching materials ==


; Using online services
* [[Creating websites with online services]]. This short tutorial covers various online web site creation services we will use.
* [[Creating websites with online services]]. This short tutorial covers various online web site creation services we will use.
* [[Using web widgets]]. A short introduction on how to use web widgets.
* [[Using web widgets]]. A short introduction on how to use web widgets.
; 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)
; How Internet works
* [http://tecfa.unige.ch/guides/te/files/internet-intro.pdf internet-intro.pdf] (slides)
* [http://tecfa.unige.ch/guides/te/files/internet-intro.pdf internet-intro.pdf] (slides)
* [[Internet tutorial]]  
* [[Internet tutorial]]
* [[World Wide Web]]
 
; XML
* [[XML]]
* [[XML namespace]] (FYI, not tested)
 
; HTML
* [[HTML and XHTML elements and attributes‎‎]]
* [[HTML and XHTML elements and attributes‎‎]]
* [[HTML and XHTML validation and repair]]
* [[HTML and XHTML validation and repair]]
* [[HTML5]] (what is new)
* [http://reference.sitepoint.com/html Online HTML reference manual]
; CSS and style
* [[CSS tutorial]]
* [[CSS tutorial]]
* [[Computer colors tutorial]]
* [[Computer colors tutorial]]
* [[Web templating]] (not tested)
* [http://reference.sitepoint.com/css Online CSS reference manual]
; JavaScript
* [[Javascript tutorial - basics]]
* [[Javascript tutorial - basics]]
* [[DHTML]]
* [[DHTML]]
* [[HTML forms tutorial]]
* [[HTML forms tutorial]] (how to deal with a series of radio buttons)


== Index of weekly programs ==
== Index of weekly programs ==

Revision as of 21:11, 6 October 2009

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

Introduction

This is a program for an introductory web technologies course. It is based on my COAP 2100 course at Webster University, Geneva. This is not the official syllabus nor the official program. See the (closed) Worldclassroom (Blackboard).

This course is a survey course that will focus on the core technologies students need to know in order to start designing professional Web pages. The course will cover basic web principles and act as an introduction to the 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, Fourth Edition, by Deitel, ISBN-13: 978-0131752429, Published by Prentice Hall Publishing

Program

(follow the links for past weeks)

Week 1

Week 2

Week 3

Week 4

COAP-2100/week5

COAP-2100/week6

COAP-2100/week7

Week 8

Monday

Final exam (part I):

  • Each student shortly presents her/his term project (5 min. total). No presentation materials are required, but make it a good & structured presentation! You can use presentation materials if you want to.
    • Minimal contents of the presentation: Present shortly its purpose, audience, requirements. Then present the site or web page and discuss interesting points (e.g. style, difficulties).
    • After each presentation, there will be some discussion.

Wednesday

Final exam (part II):

(1) Screencasts will be presented and discussed for each term project.

(2) We will discuss the technology used for each web site, i.e. you must be able to tell the class and the instructor how you did it.

Index of important teaching materials

Using online services
Setting up the tools
How Internet works
XML
HTML
CSS and style
JavaScript

Index of weekly programs