eg-259:home
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
eg-259:home [2012/02/01 19:45] – eechris | eg-259:home [2012/05/21 14:16] (current) – eechris | ||
---|---|---|---|
Line 6: | Line 6: | ||
If you are enrolled on the module, you can discuss the course at the [[http:// | If you are enrolled on the module, you can discuss the course at the [[http:// | ||
- | |||
- | |||
- | ===== The Lectures ===== | ||
- | |||
- | * Lecture 0: [[eg-259: | ||
- | * Practical 0: [[eg-259: | ||
- | |||
- | |||
+ | ===== The Practical Experiences ===== | ||
+ | Most of these are expected to be done as Self Directed Learning activities outside the formal contact hours. | ||
+ | * Week 1: [[eg-259: | ||
+ | * Contact Hour 6: Installing an Ubuntu Web Server Appliance as a Hosted Virtual Machine + Installing Drupal | ||
+ | * Case Study: [[eg-259: | ||
+ | ===== The Lectures ===== | ||
+ | * Contact Hour 1: [[eg-259: | ||
==== Part 1: Foundations of Web Applications Technology ==== | ==== Part 1: Foundations of Web Applications Technology ==== | ||
Line 28: | Line 27: | ||
The fundamentals of Web technology are the Internet networking protocols (TCP/IP), the Uniform Resource Identifier (URI), the HTTP protocol, the markup language XHTML and the style definition language CSS. Although it will probably be revision, we still need to go over these topics in order to lay a good foundation for the client- and server-side programming issues that will come later. | The fundamentals of Web technology are the Internet networking protocols (TCP/IP), the Uniform Resource Identifier (URI), the HTTP protocol, the markup language XHTML and the style definition language CSS. Although it will probably be revision, we still need to go over these topics in order to lay a good foundation for the client- and server-side programming issues that will come later. | ||
- | * Lecture 1: [[eg-259: | + | * Contact Hour 2: [[eg-259: |
- | * Lecture 2: [[eg-259: | + | * Contact Hour 3: **Notes**: [[eg-259: |
- | | + | * Contact Hour 4: [[eg-259:lecture3|Forms and Web User Interfaces]] |
- | * Lecture | + | * Contact Hour 5: [[eg-259:lecture4|Web Applications]] |
- | * Practical 1: [[eg-259:practicals: | + | |
- | * Practical 2: [[eg-259: | + | |
- | * Case Study: [[eg-259: | + | |
==== Part 2: Client-side Programming ==== | ==== Part 2: Client-side Programming ==== | ||
The client-server model of computation has one major flaw: every time the client needs to pass data to a server, there will be a network delay. To reduce this delay and give the user the illusion that his or her web application has similar performance to a natively executing desktop program, we need to give the client user interface (usually an XHTML form displayed in a browser) some intelligence so that can perform some operations locally inside the browser without involving the server. On the Web, the standard way to do this is by writing scripts in the JavaScript language. In this part of the module we will examine in some detail how JavaScript can be used to program the client. | The client-server model of computation has one major flaw: every time the client needs to pass data to a server, there will be a network delay. To reduce this delay and give the user the illusion that his or her web application has similar performance to a natively executing desktop program, we need to give the client user interface (usually an XHTML form displayed in a browser) some intelligence so that can perform some operations locally inside the browser without involving the server. On the Web, the standard way to do this is by writing scripts in the JavaScript language. In this part of the module we will examine in some detail how JavaScript can be used to program the client. | ||
- | * Lecture 5: [[eg-259: | + | * Contact Hour 7: [[eg-259: |
- | * Lecture 6: [[eg-259: | + | * Contact Hour 8: [[eg-259: |
- | * Lecture 7: [[eg-259: | + | * Contact Hour 10: [[eg-259: |
- | * Lecture 8: [[eg-259: | + | * Contact Hour 11: [[eg-259: |
- | * Lecture 9: [[eg-259: | + | * Contact Hour 13: [[eg-259: |
- | * Lecture 10: [[eg-259:lecture10|Dynamic Documents with JavaScript]] | + | * Contact Hour 14: [[eg-259:ch14|JavaScript |
- | * Lecture 11: [[eg-259:lecture13|JavaScript Libraries]] | + | * Contact Hour 15: [[eg-259:ch15|The Rest of HTML5]] |
- | * Lecture 12: [[eg-259:lecture11|HTML Forms — the Next Generation]] | + | * Contact Hour 16: [[eg-259:lecture9|An Introduction to AJAX]] |
- | * Lecture 13: [[eg-259:lecture12|An Introduction to Ajax]] | + | * Contact Hour 17: [[eg-259:ch17|Loose Ends]] |
+ | ==== Part 3: Server-Side Programming ==== | ||
+ | * Contact Hour 17: [[eg-259: | ||
+ | * Contact Hour 18: [[eg-259: | ||
+ | * Practical 3: [[eg-259: | ||
+ | * Contact Hour 19: [[eg-259: | ||
+ | * Contact Hour 20: [[eg-259: | ||
+ | * Contact Hour 22: [[eg-259: | ||
+ | * Contact Hour 23: [[eg-259: | ||
+ | * Contact Hour 25: [[eg-259: | ||
+ | * Practical 4: [[[eg-259: | ||
+ | * Contact Hour 26: [[eg-259: | ||
+ | === Record of Courses Pre-2012 === | ||
+ | I am retaining the original lecture notes as an historical record, but the topics to be covered changed in 2012. | ||
+ | * Lecture 10: [[eg-259: | ||
+ | * Lecture 11: [[eg-259: | ||
+ | * Lecture 12: [[eg-259: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | ==== Part 3: Server-Side Programming ==== | ||
- | |||
- | * Lecture 14: [[eg-259: | ||
- | * Lecture 15: [[eg-259: | ||
- | * Practical 3: [[eg-259: | ||
- | * Lecture 16: [[eg-259: | ||
- | * Lecture 17: [[eg-259: | ||
- | * Lecture 18: [[eg-259: | ||
- | * Lecture 19: [[eg-259: | ||
- | * Lecture 20: [[eg-259: | ||
- | * Practical 4: [[[eg-259: | ||
- | * Lecture 21: [[eg-259: | ||
===== Lecture Reviews and Homework Exercises | ===== Lecture Reviews and Homework Exercises | ||
eg-259/home.1328125539.txt.gz · Last modified: 2012/02/01 19:45 by eechris