Text Book and Lecture Notes

Text Book This book is not compulsory reading, but can provide good help in the languages (HTML, CSS, JavaScript, PHP) included in the course. The book content is probably available in online guides and tutorials, but to find everything obviously requires some effort.

Nixon, Robin: Learning PHP, MySQL, JavaScript, CSS & HTML5, 4th ed. (O'Reilly 2014)ISBN: 978-1491918661

Lecture Notes Lecture 1, Introduction
* Course layout, course-plan.pdf.
* This presentations repeats important concepts of the Internet, covered in the course IK1203 Networks and Communication, Internet-essentials.pdf
* Architecture, tools, user interface design, intro.pdf.
* This video, architecture.webm, introduces the MVC architecture used in the architecture section of the presentation above. If you wish, you can also read about MVC and layers in section 5.3 of A First Course in Object-Oriented Development
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.

Lecture 14, JavaScript in a Web Server, node.js Guest lecture