COAP:COAP-2100

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

COAP 2100

COAP 2100 Archive

COAP:COAP-2100

COAP:COAP-2100/exams

COAP:COAP-2100/term project

COAP:COAP-2100/week1

COAP:COAP-2100/week2

COAP:COAP-2100/week3

COAP:COAP-2100/week4

COAP:COAP-2100/week5

COAP:COAP-2100/week6

COAP:COAP-2100/week7

COAP:COAP-2100/week8

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 (closed) Worldclassroom (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, Fourth Edition, by Deitel, ISBN-13: 978-0131752429, Published by Prentice Hall Publishing

Weekly programs

• Week 1
• Week 2
• Week 3
• Week 4
• Week 5 (mid-term)
• Week 6
• Week 7
• Week 8 (final)
• term project

Index of important teaching materials

Weeks 1-4

Using online services

• Creating websites with online services. This short tutorial covers some online web site creation services that we will use.
• Using web widgets. A short introduction on how to use web widgets.
• RSS and News feed aggregator (short introduction to the format and clients)

Setting up the tools

• Browser extensions. A list of useful Firefox extensions.
• Text editors, XML editors and web authoring systems (FYI, not tested)

How Internet works

• internet-intro.pdf (slides)
• Internet tutorial
• World Wide Web

HTML

• HTML and XHTML elements and attributes‎‎
• HTML and XHTML validation and repair
• Online HTML reference manual

CSS and style

• CSS tutorial
• Computer colors tutorial
• Web templating (not tested)
• Online CSS reference manual

Web design and usability

• Read COAP-2100/Web design and the included reading list (required !!)

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

• HTML5 (what is new)

XML

• XML
• Editing XML tutorial (only chapter 2, "XML principles)
• XML namespace (FYI, not tested)
• EPub, a popular E-book standard (FYI, not tested)
• A little bit of SVG: Be able to download an SVG file and to edit it with a authoring tool

JavaScript and client-side scripting

• Javascript tutorial - basics
• DHTML
• HTML forms tutorial (how to deal with a series of radio buttons)

PHP and server side scripting

• HTML forms tutorial (how to deal with a series of radio buttons, Server-side forms processing)