Frl1

endast för CINEK

Frl2

endast för CINEK

F2.pdf

F2.ppt

Frl1’-Frl2’

Inte för CINEK

Kursinfo, TCP/IP-stack, client-server-model, Sockets

,HTTP, GET ,POST, Cookies

F1'F2'.pdf

F1'F2'.pptx

Server2.java

Client.java

Server.java

• F3.pptx
• F3.pdf
• Form programmet
  • Form.java
  • Form_with_cookie.java
  • html_form_final.html
  • html_form_forename.html
  • html_form_lastname.html
• Designmönsteret PRG
  • html_number.html
  • No_PRG.java
  • PRG.java

F4.pdf

F4.pptx

mystyle.css

style.css

table.html

test-2.html

test-3.html

F6.js

for_exempel.html

if_exemple.html

scrpt.js

Genomgång av Del1 och Del2 i programmet luffarschack:

• Luffarschack:
  • Del1: ladda ner den senaste LTS-versionen av Node.js för att kunna köra textbaserade (du kan kanske behöva installera modulen readline-sync):
    • F5.pdf
    • F5.pptx
    • luffarschack.js
    • luffarschackmodule.js
    • luffarschackTest.js 
  • Del2: ladda ner alla 3 följande filer och dubbelklicka på filen luffarschack.html:
    
    • luffarschack.css
    • luffarschacksFunctions.js
    • luffarschack.html

• egen modul
• http-server med nodejs
• Del3 av luffarschack. Där alla filer som behövs för att genomföra spelet serv as av webbservern. Men spelet körs fortfarande lokal på webbläsaren.

• F6.pdf
• F6.pptx
• 303.js
• 404.js
• callback_funktion.js
• car.js
• error_example.js
• filereader.js
• filereader2.js
• namnlista.txt
• script.js
• serverhttp.js
• serverhttp2.js

Luffarschack Del3:
Nu kan alla andra datorer ladda ner spelet från din dator och köra det. De behöver veta din WAN (INTE LAN) publika IP-adress bara. Kör programmet med kommandot "node luffarschack.js".

• luffarschack.css
• luffarschack.html
• luffarschack.js
• luffarschacksFunctions.js

Express

Sqlite

middleware

cookie-example.js

F7.pdf

F7.ppt

db.sqlite

database.js

cookie-example.js

checkMobile.js

index.html

login.html

middleware.js

name_form.html

postExample.js

prevent_access.js

serverexpress.js

vahid2.html

vahid.html

sql-injection
hanteringb av post

checkMobile.js

cookie-example.js

db.sqlite

F8.pdf

F8.pptx

middleware.js

name_form.html

postExample.js

prevent_access.js

sendfile_old.js

Ajax

Promise

F9.ppt

F9.pdf

Ajax exempel 4 filer:

1. challenge1.txt
2. index.html
3. ms.js
4. server.js

prms1.js

Promise och databas-intraktion

Hantera kakor
Routing

F10.pdf

F10.ppt

Problem vid intraktion mot

databasen:

     read_from_db.js

Lösning utan promise:

     read_from_db.js

 Lösning med Promise :

     read_from_db.js

Följande filer behövs: 

    db.sqlite

I mappen public ska filen nedan placeras:

    name_form.html

cookie-example.js

serverexpress.js

serverhttp.js

F11.pdf

F11.ppt

index3_cdn.html

index3_cdn.js

index3.html

index3.js

socket.io.min.js

1.html

2.html

3.html

4.html

5.html

6.html

7.html

8.html

9.html

10.html

11.html

F12.pdf

F12.ppt

• Skapa ett projekt katalog för Vue
• Genomgång av filsrtukturen i projektkatalogen
• main.js, App.vue, <router-view>, router/index.js, store/index.js
• Lägga till filerna SelectSize.vue, Spelaplan.vuei mappen /src/views/ och anpassa resten av koden för spelet tictactoe.
• Vue js up and runningLinks to an external site. (online versionen är gratis för KTH, logga in med sso)

F13.pdf

F13.pptx

tictactoe.zip

Frl15.pdf

Frl15.pptx

rsa.py

Server.java