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.pdf
Example 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-usage-lec.zip id1354-js-usage-lec-questions.zip

Lecture 13

Finish the topic from lectures 11-12.

Feedback News