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.

Lärare Leif Lindbäck skapade sidan 31 mars 2014

Lärare Leif Lindbäck ändrade rättigheterna 31 mars 2014

Kan därmed läsas av alla och ändras av lärare.
kommenterade 25 augusti 2015

Går det bra att använda den 6:e utgåvan av boken?

Lärare kommenterade 25 augusti 2015

Jag har inte sett 6:e upplagan så jag kan inte svara på det.

kommenterade 4 oktober 2015

Kommer anteckningarna till föreläsningar 10, 11, 13 och 14 att publiceras?

Lärare kommenterade 5 oktober 2015

Föreläsning 10 har inga egna anteckningar, den ägnades åt det som var kvar från föreläsning 7-9. Anteckningarna från föreläsning 11, 13 och 14 kommer publiceras, förmodligen imorgon (6/10).

kommenterade 27 oktober 2015

Angående closures står det såhär i föreläsningen om Javascript: 

"Those variables, like self, will have the value they had when the outer function created the nested function."

Stämmer det verkligen? Variabeln kommer väl ha det värdet den hade efter att yttre funktionen har kört klart. Variabeln kan t om ändras utifrån om den går att komma åt och inre funktionen skulle fortfarande få det nya värdet.

Demo
http://jsfiddle.net/e18xmsy2/

Lärare kommenterade 28 oktober 2015

Stämmer bra, det är i PHP det fungerar som jag skrev i JavaScript-föreläsningen. Bra att du upptäckte det.

kommenterade 5 oktober 2016

Hej, undrar om man kan se några gamla tentor? eller det bara jag som inte hittar några?

mvh

Lärare kommenterade 5 oktober 2016

Nej, det finns inga gamla tentor. Istället finns en fil på sidan Written Exam, som innehåller möjliga tentafrågor.

kommenterade 9 oktober 2016

Hej, missade föreläsning 14 och undrar ifall du kommer lägga upp något material från den. Exempelprogram eller liknande?

Lärare kommenterade 10 oktober 2016

Det var inget nytt material på föreläsning 14, vi gjorde klart det som står under föreläsning 13.

Feedback Nyheter