Clientside Programming

Tirsdag

Fra morgenstunden følg codecademy's jQuery tutorial

Mere information om jQuery (w3schools)

Linje til at importere jquery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Onsdag

AJAX snippet:

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

Links:

AJAX

AJAX i jQuery

JSON

Eftermiddags Opgave:

- I er blevet hyret til at lave en hjemmeside for en skole. Den skole vil gerne have en side hvor man kan se en oversigt over de forskellige kurser der udbydes. På forsiden skal der vises et kursus, og der skal være en næste knap der kan vise næste bog på listen
- REGEL: I må ikke lave nogle Page Loads efter siden er blevet loadet en gang. (Dvs. i skal bruge AJAX til resten)
- REGEL: I må kun have ET kursus loaded af gangen
- Dvs. I skal have en database, et php script der kan tilgå databasen, samt et webside dokument der bruger AJAX til at tilgå det php script.
- I må MEGET gerne kigge på hvad der skal til for at gøre websiden visuelt spændende. Skal baggrundsfarven være hvid? Tekstfarven? Og andre ting man kan bruge CSS til.