COAP:COAP-2100: Difference between revisions
Jump to navigation
Jump to search
m (using an external editor) |
|||
| Line 50: | Line 50: | ||
* [[Internet tutorial]] | * [[Internet tutorial]] | ||
* [[World Wide Web]] | * [[World Wide Web]] | ||
; Web design and usability | |||
* [http://www.jjg.net/elements/pdf/elements.pdf The Elements of User Experience] (the complicated picture) by Jess James Garet | |||
* [http://webstyleguide.com/wsg3/4-interface-design/3-interface-design.html Interface Design] (part of Lynch and Norton's [http://webstyleguide.com/wsg3/index.html Web Style Guide]) | |||
* [http://sensible.com/Downloads/DMMTchapter09_for_personal_use_only.pdf Usability testing on 10 cents a day] by Steve Krug | |||
* [http://www.webdesignfromscratch.com/web-design/top-10-best-designed-web-sites-in-the-world-2010/ Top 10 best designed web sites] by Scratch (this is just one of many lists, use it as an example if you like) | |||
* [http://unbounce.com/landing-page-optimization/the-5-second-rule-best-sites-of-2009-part-1/ The 5 Second Rule: Critiquing the Best Websites of 2009 – Part 1] (another example) | |||
* [http://www.alistapart.com/articles/paperprototyping/ Paper Prototyping] by Shwan Medero, A List Apart, 2007. | |||
* [http://en.wikipedia.org/wiki/Website_wireframe Website wireframe] (Wikipedia) | |||
; XML | ; XML | ||
Revision as of 19:00, 1 February 2011
<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 (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:
- 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 Textbook: INTERNET & WORLD WIDE WEB, HOW TO PROGRAM, Fourth Edition, by Deitel, ISBN-13: 978-0131752429, Published by Prentice Hall Publishing
Weekly programs
Index of important teaching materials
- 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
- Web design and usability
- The Elements of User Experience (the complicated picture) by Jess James Garet
- Interface Design (part of Lynch and Norton's Web Style Guide)
- Usability testing on 10 cents a day by Steve Krug
- Top 10 best designed web sites by Scratch (this is just one of many lists, use it as an example if you like)
- The 5 Second Rule: Critiquing the Best Websites of 2009 – Part 1 (another example)
- Paper Prototyping by Shwan Medero, A List Apart, 2007.
- Website wireframe (Wikipedia)
- XML
- XML
- XML namespace (FYI, not tested)
- EPub, a popular E-book standard.
- HTML
- HTML and XHTML elements and attributes
- HTML and XHTML validation and repair
- HTML5 (what is new)
- Online HTML reference manual
- CSS and style
- JavaScript
- Javascript tutorial - basics
- DHTML
- HTML forms tutorial (how to deal with a series of radio buttons)