COAP:COAP-2100: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
 
(50 intermediate revisions by the same user not shown)
Line 1: Line 1:
<pageby nominor="false" comments="false"/>
{{Incomplete}}
{{Incomplete}}
<categorytree mode="pages" depth="1" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">COAP 2100</categorytree>
<categorytree mode="pages" depth="1" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">COAP 2100</categorytree>
== Introduction ==
== Introduction ==


This is a program for an introductory web technologies course. It is based on an edition of a COAP 2100 course at [http://www.webster.ch/ Webster University], Geneva. '''This is not the official syllabus nor the official program. See the (closed) Worldclassroom (Blackboard)'''.
This is a program for an introductory web technologies course. It is based on an edition of a COAP 2100 course at [http://www.webster.ch/ Webster University], Geneva.
 
'''This is not the official syllabus nor the official program'''. See the (access restricted) [http://worldclassroom.webster.edu World classroom].


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.
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.
Line 21: Line 22:
; 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 Textbook: INTERNET & WORLD WIDE WEB, HOW TO PROGRAM, Fourth Edition, by Deitel, ISBN-13: 978-0131752429, Published by Prentice Hall Publishing
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 ==


* [[COAP-2100/week1|Week 1]]
* [[COAP:COAP-2100/week1|Week 1]] (Creating web sites with web services)
* [[COAP-2100/week2|Week 2]]
* [[COAP:COAP-2100/week2|Week 2]] (webtops, widgets and RSS)
* [[COAP-2100/week3|Week 3]]
* [[COAP:COAP-2100/week3|Week 3]] (HTML and CSS)
* [[COAP-2100/week4|Week 4]]
* [[COAP:COAP-2100/week4|Week 4]] (SVG - Part I)
* [[COAP-2100/week5|Week 5]] (mid-term)
* [[COAP:COAP-2100/week5|Week 5]] (SVG - Part II)
* [[COAP-2100/week6|Week 6]]
* [[COAP:COAP-2100/week6|Week 6]] (HTML5 Video and audio)
* [[COAP-2100/week7|Week 7]]
 
* [[COAP-2100/week8|Week 8]] (final)
* [[COAP:COAP-2100/exams|exams]] (information about ...)
* [[COAP-2100/term project|term project]]
* [[COAP:COAP-2100/term project|term project]]
* [[COAP:COAP-2100/week7|Week 7]] (HTML5 Video and audio Part II, Video Editing, ScreenCasts)
* [[COAP:COAP-2100/week8|Week 8]] (Final: Term project presentation, screencast and Q/R)


== Index of important teaching materials ==
== Index of important teaching materials ==


=== Weeks 1-4 ===
=== Weeks 1-7 ===


; Using online services
; Using online services
Line 46: Line 51:
; 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 5
* [[HTML5]]
* [[HTML and XHTML elements and attributes‎‎]]
* [[HTML and XHTML elements and attributes‎‎]]
* [[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 audio and video]]
* [[WebVTT]]
; 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
* [http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html An SVG Primer for Today's Browsers] W3C Working Draft — September 2010. (200+ pages)
* [[SVG]]
* [[Using SVG with HTML5 tutorial]]
* [[Static SVG tutorial]]
* [[SVG/SMIL animation tutorial]]
; XML
* [[XML principles]]
* [[RSS]]
* [[Timed Text]] (optional, example of an XML language)


; CSS and style
; 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]
* [http://reference.sitepoint.com/css Online CSS reference manual]


; Web design and usability
=== Additional resources ===
* Read [[COAP-2100/Web design]] and the included reading list (required !!)


=== Weeks 5-8 ===
(None is needed for projects and exams. I just keep them here for general interest)
(contents below may change)
 
; How Internet works
* [http://tecfa.unige.ch/guides/te/files/internet-intro.pdf internet-intro.pdf] (slides)
* [[Internet tutorial]]
* [[World Wide Web]]


; Flash videos and timed text
; 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)
* [[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  
* [[XML]]
* [[XML]]
* [[XML namespace]] (FYI, not tested)
* [[Editing XML tutorial]]
* [[EPub]], a popular [[E-book]] standard.
* [[XML namespace]]
* [[EPub]], a popular [[E-book]] standard (FYI, not tested)


; JavaScript
; JavaScript and client-side scripting
* [[Javascript tutorial - basics]]
* [[Javascript tutorial - basics]]
* [[DHTML]]
* [[DHTML]]
* [[HTML forms tutorial]] (how to deal with a series of radio buttons)
* [[HTML forms tutorial]] (how to deal with a series of radio buttons)


; PHP
; PHP and server side scripting
* [[HTML forms tutorial]] (how to deal with a series of radio buttons, php section)
* [[HTML forms tutorial]] (how to deal with a series of radio buttons, Server-side forms processing)


[[Category:Courses and workshops]]
[[Category:Courses and workshops]]
[[Category:COAP 2100]]
[[Category:COAP 2100]]

Latest revision as of 14:39, 14 November 2016

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 (access restricted) World classroom.

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 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

  • exams (information about ...)
  • term project
  • Week 7 (HTML5 Video and audio Part II, Video Editing, ScreenCasts)
  • Week 8 (Final: Term project presentation, screencast and Q/R)

Index of important teaching materials

Weeks 1-7

Using online services
Setting up the tools
HTML 5
SVG
XML
CSS and style

Additional resources

(None is needed for projects and exams. I just keep them here for general interest)

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)
XML
JavaScript and client-side scripting
PHP and server side scripting
Retrieved from "https://edutechwiki.unige.ch/mediawiki/index.php?title=COAP:COAP-2100&oldid=60899"