Difference between revisions of "Clientside Programming"
From Teknologisk videncenter
| (3 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
Linje til at importere jquery: | Linje til at importere jquery: | ||
<source lang="html"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script></source> | <source lang="html"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script></source> | ||
| + | |||
| + | ==Onsdag== | ||
| + | AJAX snippet: | ||
| + | <source lang="html">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(); | ||
| + | }</source> | ||
| + | |||
| + | Links: | ||
| + | |||
| + | [https://www.w3schools.com/js/js_ajax_intro.asp AJAX] | ||
| + | |||
| + | [https://www.w3schools.com/jquery/jquery_ajax_load.asp AJAX i jQuery] | ||
| + | |||
| + | [https://www.w3schools.com/js/js_json_intro.asp 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. | ||
| + | |||
| + | ==Eksamens Emner== | ||
| + | |||
| + | - HTML | ||
| + | - CSS | ||
| + | - JavaScript | ||
| + | - jQuery | ||
| + | - CSS Grid | ||
| + | - AJAX | ||
Latest revision as of 14:16, 6 February 2018
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:
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.
Eksamens Emner
- HTML - CSS - JavaScript - jQuery - CSS Grid - AJAX