Lecture Notes

Lecture Notes Lecture 1, Introduction
* This presentation introduces important concepts of Internet communication related to web applications. It is necessary to understand this to be able to follow the course. internet-essentials.pdf
* This video repeats the MVC and Layer architectural patterns covered in the course IV1350 Object-Oriented Design, architecture.webm. If you wish, you can also read about MVC and layers in section 5.3 of A First Course in Object-Oriented Development
* Architecture, tools, user interface design, intro.pdf.
Lecture 2, HTML html.pdf

Here are the example programs from the lecture, id1354-html-lec.zip id1354-html-lec-questions.zip

Lecture 3, CSS css.pdf

Here are the example programs from the lecture,id1354-css-lec.zip id1354-css-lec-questions.zip

Lecture 4, The PHP Language php-language.pdf

Here are the example programs from the lecture, id1354-php-lang.zip id1354-php-lang-questions.zip

Lecture 5, PHP in a Web Server php-in-a-webapp.pdf

Here are the example programs from the lecture, id1354-php-webapp-lec.zip id1354-php-webapp-lec-questions.zip

Lecture 6, XML xml.pdf

Lecture 7, MVC And Frameworks in a PHP Web Application php-mvc-fw.pdf

If you use an MVC architecture without any framework
* This video shows how the chat program with unstructured PHP code is refactored to have a layered architecture and follow the MVC pattern, unstructured-to-mvc.webm. The video also shows some bugs that appeared during the refactoring, and how they were fixed.
* This zip file contains the refactored chat application, that is, the result of the changes done in the above video, chat-nojs-unstruct-php-change-me.zip. Note that this chat program is adapted to seminar three. You can find versions for other seminars on the Resources page. Also note that this web application is slightly different from the one in chat-nojs-mvc-php.zip on the Resources page. They simply show two slightly different ways to solve the same problem. The lecture notes refer to the code in chat-nojs-mvc-php.zip.
If you use the id1354-fw framework
* This video shows how to write a PHP application using the id1354-fw framework, id1354-fw-tutorial.ogv
* This zip file contains the program written in the video above, id1354-fw-example.zip. Note that this chat program is adapted to seminar three. You can find versions for other seminars on the Resources page.
Lecture 8, Database Access With PHP database-access.pdfExample program, id1354-php-db-version2.zip

Lecture 9, Security And Performance in a PHP Web Application non-func.pdf

Lecture 10 Finish the topics from lectures 7-9.

Lecture 11, The JavaScript Language js-language.pdf

Here are the example programs from the lecture, id1354-js-language.zip id1354-js-language-questions.zip

Lecture 12, JavaScript in a Web Browser js-usage.pdf

Here are the example programs from the lecture, id1354-js-useage-lec.zip id1354-js-usage-lec-questions.zip

Lecture 13 Finish the topic from lectures 11-12.