COAP:COAP-2100: Difference between revisions
Jump to navigation
Jump to search
m (→Weeks 1-4) |
mNo edit summary |
||
| Line 23: | Line 23: | ||
; Teaching Materials and reference books | ; 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... | * 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 | Optional Textbooks: | ||
* 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 (Available in the library) | |||
* [http://commons.oreilly.com/wiki/index.php/SVG_Essentials SVG Essentials] '''Free On-line''' SVG textbook. Wiki version of J. David Eisenberg (2002), ''SVG Essentials'', O'Reilly | |||
== Weekly programs == | == Weekly programs == | ||
| Line 61: | Line 63: | ||
* [[Text editor]]s, [[XML editor]]s and [[web authoring system]]s (FYI) | * [[Text editor]]s, [[XML editor]]s and [[web authoring system]]s (FYI) | ||
; HTML | ; HTML (only some!) | ||
* [[HTML and XHTML elements and attributes]] | * [[HTML and XHTML elements and attributes]] | ||
* [[HTML and XHTML validation and repair]] | * [[HTML and XHTML validation and repair]] | ||
| Line 73: | Line 75: | ||
* [[Static SVG tutorial]] | * [[Static SVG tutorial]] | ||
* [[SVG/SMIL animation tutorial]] | * [[SVG/SMIL animation tutorial]] | ||
=== Weeks 6-8 === | |||
(contents below may change !) | |||
; CSS and style | ; CSS and style | ||
| Line 87: | Line 92: | ||
* [[Internet tutorial]] | * [[Internet tutorial]] | ||
* [[World Wide Web]] | * [[World Wide Web]] | ||
; Flash videos and timed text | ; Flash videos and timed text | ||
Revision as of 20:50, 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:
- Design a web page
- Code and validate HTML, XHTML
- Evaluate and use web page styles
- Edit and code simple JavaScript programs
- Create and validate an XML file
- Access a web server, code, test and run a server-side program
- Learn Web protocols
- 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 Textbooks:
- 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 (Available in the library)
- SVG Essentials Free On-line SVG textbook. Wiki version of J. David Eisenberg (2002), SVG Essentials, O'Reilly
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 !
- Week 5 (Flash Videos/Subtitling with timed text, mid-term)
- Week 6 (2011 edition, subject may change)
- Week 7 (2011 edition, subject may change)
- Week 8 (final)
- term project
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
- 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)
- HTML (only some!)
- HTML and XHTML elements and attributes
- HTML and XHTML validation and repair
- Online HTML reference manual
- HTML5
- SVG
- 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
Weeks 6-8
(contents below may change !)
- CSS and style
- Web design and usability
- Read COAP:COAP-2100/Web design and the included reading list (required !!)
- How Internet works
- 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)