Webbapplikationer Modul 3 - JavaScript
|
|
|
- Lisbeth Ek
- för 7 år sedan
- Visningar:
Transkript
1 Webbapplikationer Modul 3 - JavaScript Copyright Mahmud Al Hakim mahmud@dynamicos.se Innehåll Vad är JavaScript? Villkorssatser Grundregler If-satser Kommentarer i JavaScript Escape-tecken DOM Loopar (Iterationer) Händelser (Events) While-satser getelementbyid() For-satser This Nästlade satser Satser (statements) Funktioner Datatyper Externa JavaScript filer Variabler Math Operatorer Date BOM String Array 2 JavaScript 1
2 Programmeringsspråk 1. Kompilerande språk Ett kompilerande språk är ett programmeringsspråk där källkoden med hjälp en kompilator översätts till maskinkod. Exempel: C, C#, C++, Java 2. Interpreterande språk (Skriptspråk) Ett interpreterande språk är ett programmeringsspråk som tolkas (interpreteras) vid körning. Exempel: JavaScript, ASP, PHP. 3 Vad är JavaScript? JavaScript är ett skriptspråk. Koden kan köras direkt i en webbläsare. Ingen kompilator behövs. En fördel med JavaScript är att all aktivitet sker på klientsidan (besökarens webbläsare) till skillnad från många andra skriptspråk som körs på serversidan t.ex. ASP och PHP. JavaScript är lätt att använda och enkelt att lära sig. 4 JavaScript 2
3 Lite historia JavaScript såg dagens ljus i samband med att Netscape släppte sin webbläsare Netscape Navigator 2 som stödde skriptspråket Live script. Live script utvecklades av Brendan Eich, anställd vid Netscape. Det var i december 1995 som Netscape efter ett samarbete med Sun (som utvecklade Java) för första gången kom att kalla skriptspråket för JavaScript. Kort efteråt kom Microsoft med sin variant som kallades JScript. 5 Hur tolkar webbläsaren JavaScriptkod? För att webbläsaren ska veta om att det är JavaScript-kod som gäller anger man detta med hjälp av HTML-taggen <script>. <script> Här skrivs JavaScript-kod! 6 JavaScript 3
4 Attributet type Förutom JavaScript finns det andra skriptspråk eller olika JavaScript-dialekter som används. Därför ska man ta till vana att tala om för webbläsaren vilket skriptspråk som gäller. Detta anges med hjälp av attributet type Här skrivs JavaScript-kod. 7 JavaScript i <head> <html> <head> <title>javascript i head</title> Här skriver du JavaScript-kod Funktioner brukar placeras här! </head> <body> </body> </html> 8 JavaScript 4
5 JavaScript i <body> <html> <head> <title> JavaScript i body</title> </head> <body> Här skriver du JavaScript-kod </body> </html> 9 Ett första JavaScript exempel Varningsruta (alert) alert() är en JavaScript-metod som visar en varningsruta (poppar upp på skärmen). Besökaren måste klicka på "OK"-knappen på för att fortsätta. Typiskt användningsområde är om du vill försäkra dig att information kommit fram till besökaren. 10 JavaScript 5
6 alert() - Exempel <html> <head> <title>varningsruta</title> </head> <body> alert("välkommen till JavaScript"); </body> </html> 11 OBS! JavaScript är Case Sensitive JavaScript är Case Sensitive (skiftlägeskänslig) d.v.s. språket är känslig för stora och små bokstäver! Exempel: Alert, alert och ALERT är tre olika ord! 12 JavaScript 6
7 Viktiga grundregler 1. JavaScript kod skall läggas in mellan taggen <script> 2. JavaScript är skiftlägeskänsligt. 3. JavaScript-satser avslutas med ett semikolon ; 4. Lägg alltid in texter inom citationstecken " " eller apostrofer ' ' 13 JavaScript kommentarer Två snedstreck // i början av varje rad lägger till en kommentar // Detta är en kommentar i JavaScript /* */ används för att infoga kommentarer som sträcker sig över en eller flera rader /* */ Detta är kommentera över en eller flera rader 14 JavaScript 7
8 DOM DOM står för Document Object Model DOM gör så att alla taggar i ett HTML-dokument kan behandlas som fristående objekt. DOM lägger in dokument i en väldefinierad trädstruktur. Trädet har ett rotelement och alla objekt i modellen kallas för noder. De vanligaste nodtyperna är: Document, Element, Attribut och Text. Noderna är relaterade till varandra som en familj. En nod kan ha en förälder, syskon och barn! 15 DOM trädstruktur <html> <head> <title>dokument</title> </head > <body> <h1>en rubrik</h1> <p>ett stycke</p> </body > BODY HTML HEAD </html> H1 P TITLE En Rubrik Ett Stycke Dokument 16 JavaScript 8
9 DOM trädstruktur Källa: 17 JavaScript är ett objektorienterat programmeringsspråk! Det finns inbyggda objekt i JavaScript t.ex. window och document Objekten har olika egenskaper beroende på vad det är för typ av objekt. Ex. Objektet document innehåller all information om den inladdade webbsidan. Objekten har även metoder som utför något på själva objektet. Ex. metoden write() i objektet document skriver text i HTML-dokumentet. Exempel document.write("hej JavaScript!"); 18 JavaScript 9
10 HTML i JavaScript Exemplet visar hur man använder JavaScript för att skriva HTML-taggar i en JavaScript-kod <html> <body> document.write("<h1>en rubrik</h1>"); document.write("<p>ett stycke</p>"); document.write("lite text för att testa radbrytning"); document.write("<br>"); document.write("mer text "); </body> </html> 19 Objektet document Varje HTML-dokument som laddas ner till webbläsaren blir ett document-objekt. Exempel på vanliga egenskaper är: title, URL och lastmodified. Exempel på vanliga metoder är: write() och getelementbyid() Tips: 20 JavaScript 10
11 Objektet document - Exempel // Skriv dokumentets titel i kroppen document.write(document.title); //En radbrytning document.write("<br>"); // Skriv dokumentets webbadress document.write(document.url); document.write("<br>"); // Skriv dokumentets senast ändrat datum document.write(document.lastmodified); 21 Händelser (Events) Med JavaScript kan du få webbläsare att reagera på vissa händelser. Du kan göra webbsidor mer dynamiska genom att de förändras på något sätt beroende på vad användaren gör t.ex. fyller i ett textfält, trycker på en knapp eller helt enkelt när hemsidan laddas och visas i en webbläsare. Exempel Muspekaren förs över en bild och då byts den ut till en annan bild (roligt va ) 22 JavaScript 11
12 Några vanliga händelser onload: När webbsidan är färdigladdad. onunload: När man lämnar webbsidan. onclick: När man klickar på ett objekt. onmouseover: När muspekaren rör sig över ett objekt (t.ex. en bild eller en länk). onmouseout: När muspekaren rör sig ifrån ett objekt 23 Exempel på onload <html> <head> <title>onload</title> </head> <body onload="alert('hej');" > </body> </html> 24 JavaScript 12
13 Exempel på OnClick <html> <head> <title>onclick</title> </head> <body> <button type="button" onclick="alert('hej');"> Klicka här! </button> </body> </html> 25 onclick - Exempel 2 <input type="radio" name="color" onclick="document.body.bgcolor='red'" /> Ändra bakgrund till röd <br /> <input type="radio" name="color" onclick="document.body.bgcolor='white'"> Ändra bakgrund till vit 26 JavaScript 13
14 Exempel på OnMouseOver <html> <head> <title>ommouseover</title> </head> <body> <img src="dator.gif" onmousemover= "alert('detta är en dator!');" /> </body> </html> 27 getelementbyid() Med hjälp av metoden getelementbyid() kan du komma åt html-objekt via deras id (attributet id) Du kan även ändra objektens egenskaper och innehåll. 28 JavaScript 14
15 getelementbyid() Exempel 1 <html> <head> <title>getelementbyid</title> </head> <body> Hem Hem <img id="bild" src="startsida1.png" onmouseover= "document.getelementbyid('bild').src='startsida2.png'" onmouseout= "document.getelementbyid('bild').src='startsida1.png'" /> </body> </html> 29 this this betyder detta objekt och används för att ändra egenskapar för det aktuella objektet: Detta exempel ändrar bildens storlek vid överrullning (när man pekar på bilden) <img src="dator.gif" onmouseover="this.width='300'; this.height='200';" onmouseout="this.width='200'; this.height='100';" /> 30 JavaScript 15
16 this Exempel 2 <body> <img src="startsida1.png onmouseover="this.src='startsida2.png'" Onmouseout ="this.src='startsida1.png'" /> </body> 31 Vad är en sats i JavaScript? En sats (statement) är ett utryck som följer de skrivregler (syntax) som finns för språket. En sats i JavaScript avslutas med ett semikolon ; Semikolonet talar om för tolken att satsen är slut och att en ny börjar. Ex. på en sats alert("hej JavaScript!"); 32 JavaScript 16
17 Datatyper En datatyp är ett attribut för data som berättar för datorn (och programmeraren) vilken typ datat tillhör. Olika datatyper har olika användningsområden. 33 Datatyper i JavaScript Object: Objekt med tillhörande egenskaper och metoder. String: Text som skrivs innanför citationstecken. Kallas sträng. Number: Ett positivt eller negativt heltal eller ett flyttal (decimaltal). Boolean: kan anta värden true (sant) och false (falskt) Null: betyder saknar värde. Undefined: betyder ej definierad. 34 JavaScript 17
18 Datatypen number Positivt heltal: 0,1, 23, 456 Negativt heltal: -1, -256 Flyttal: (decimaltal) 0.5, 4.65 Obs! Flyttal använder inte kommatecken utan en punkt. Tal som skrivs innanför citationstecken tolkas som text. 35 Datatypen number - Exempel document.write(2); document.write("<br>"); document.write(2+2); document.write("<br>"); document.write(2+"2"); document.write("<br>"); document.write(2+2+"2"); document.write("<br>"); document.write(2+"2"+2); document.write("<br>"); OBS! Number som skrivs innanför citationstecken behandlas som String 36 JavaScript 18
19 Datatypen boolean Boolesk algebra uppfanns av den engelske matematikern George Boole i början av 1800-talet. I Boolesk algebra utgår man från värdena true (sant) och false (falskt)! 37 Boolean - Exempel document.write(2>1); document.write("<br>"); document.write(1>2); document.write("<br>"); 38 JavaScript 19
20 Variabler En variabel är en platshållare för ett värde som ändras under programmets gång. Variabelnamn måste börja med en bokstav eller understreck. Exempel var namn; var x; En variabel deklareras med nyckelordet var namn och x är variabelnamnet 39 Nyckelord i JavaScript I JavaScript finns det ett antal reserverade ord (nyckelord), som inte får användas för t.ex. variabelnamn. Exempel på reserverade ord i JavaScript var, this, false, true, function, return, public, import, switch Här finns en lista över alla nyckelord 40 JavaScript 20
21 Deklarera och tilldela variabler Variabler i JavaScript deklareras med nyckelordet var En variabel tilldelas ett värde med tecknet "lika med" = var fornamn; fornamn = "Mahmud"; var efternamn = "Al Hakim"; Deklarera och tilldela på en och samma rad 41 Variabler Exempel 1 var fornamn = "Mahmud"; var efternamn = "Al Hakim"; var namn = fornamn+" "+efternamn; document.write(namn); 42 JavaScript 21
22 Variabler Exempel 2 var x = 123; var y = 321; document.write("x="); document.write(x); document.write("<br>"); document.write("y="); document.write(y); document.write("<br>"); document.write("x+y="); document.write(x+y); 43 null och Undefined - Exempel var saknar_value = null; var ej_definierad; document.write(saknar_value); document.write("<br>"); document.write(ej_definierad); document.write("<br>") 44 JavaScript 22
23 Inmatningsfält (prompt-fönster) var namn=prompt("vad heter du?"); document.write("hej " + namn); 45 Vad är en Operator? En Operator binder samman två uttryck eller delar av uttryck. De delar som operatorn opererar eller verkar på kallas operander. Exempel Operand Operand var x = 5; Operator 46 JavaScript 23
24 Aritmetiska (matematiska) operatorer Operator Benämning + Plus - Minus * Multiplikation / Division % Modulus (restoperator) 47 Aritmetiska operatorer - Exempel var a=5; var b=2; var c=a+b; document.write(c); Testa följande c = a-b; c = a*b; c = a/b; c = a%b; 48 JavaScript 24
25 Jämförelseoperatorer Operator Benämning < mindre än > större än <= mindre än eller lika med >= större än eller lika med == lika med!= ej lika med 49 Jämförelseoperatorer - Exempel var a=5; var b=2; document.write(a<b,"<br>"); document.write(a>b,"<br>"); document.write(a>=b,"<br>"); document.write(a<=b,"<br>"); document.write(a==b,"<br>"); document.write(a!=b,"<br>"); // Tilldela a och b nya värden // och testkör på nytt. 50 JavaScript 25
26 Logiska operatorer Operator Benämning! NOT (inte) && AND (och) OR (eller) 51 Ensidiga operatorer Ökningsoperatorn ++ Addera ett med hjälp av operatorn ++ var a=1; a++; document.write(a); Minskningsoperatorn Minska ett med hjälp av operatorn var b=1; b--; document.write(b); 52 JavaScript 26
27 BOM (Browser Object Model) Med hjälp BOM kan JavaScript prata med webbläsaren. Exempel på några BOM-objekt Window: presenterar webbläsarfönstret. Screen: Innehåller information om användarens datorskärm. 53 BOM Window exempel <body> <p id="demo"></p> <script> var w = window.innerwidth; var h = window.innerheight; var x = document.getelementbyid("demo"); x.innerhtml = "Bredd: " + w + "<br>"; x.innerhtml += "Höjd: + h; </body> 54 JavaScript 27
28 BOM Screen exempel <body> <p id="screen">skärmupplösning: </p> <script> document.getelementbyid("screen").innerhtml += screen.width + " x " + screen.height; </body> 55 Villkorstaser Villkor är mycket viktiga och finns i nästan alla program. I svenska språket använder vi oss ständigt av villkorssatser. Vi kan t.ex. säga: OM det är kallt SÅ måste du ta på dig varma kläder 56 JavaScript 28
29 If-satser if (villkor) { En eller flera satser } 57 IF Exempel var age; age = prompt("ange din ålder"); if (age < 18) { alert("du får inte köpa cigaretter"); } 58 JavaScript 29
30 IF Exempel 2 var ok = confirm("vill du lära dig mer?"); if (ok == true) { alert("kunskap ger färdighet!"); } 59 If-else Satser Villkor kan vara antingen sanna eller falska. Med en else-del kan man komplettera denna information och ange vad som skall ske om villkoret är falskt. 60 JavaScript 30
31 If-else - Exempel var age; age = prompt("ange din ålder"); if (age < 18) { alert("du får inte handla här"); } else { alert("välkommen"); } 61 Escape-tecken Escape-tecken kallas ibland för skiftningstecken och i vissa sammanhang för jokertecken. De ser olika ut och används lite olika, beroende på vad det är man vill göra. Några användbara escape-tecken: \" Visar dubbelt citationstecken \' Visar enkelt citationstecken \t Infogar en Tab (tabulator) \n Skapar en radbrytning \\ Visar tecknet backslash 62 JavaScript 31
32 Escape-tecken - Exempel alert("välkommen till \"JavaScript\" "); alert("välkommen till \'JavaScript\' "); alert("ett meddelande \n på två rader"); alert("rad 1 \t Tabavstånd \nrad 2 \t Tabavstånd"); alert("detta är Backslash \\ "); 63 Loopar Loopar kallas ibland för upprepningar eller iterationer. Det finns tre olika sätt att bilda loopar i JavaScript: 1. While Satser 2. Do-while Satser 3. For Satser 64 JavaScript 32
33 While-satser En while-sats använder sig av villkoret while. Villkoret aktiveras inte alltid, utan bara om förutsättningarna är de rätta. Syntaxen ser ut så här: while (villkor) { en eller flera satser } 65 While - Exempel Skriv ut siffrorna 1-9 var a = 1; while (a < 10) { document.write(a); a++; } 66 JavaScript 33
34 Do-while Satser En variant av while-satserna är de som dessutom innehåller kommandot "do". En do-while sats prövar villkoret efter upprepningen, medan en while-sats prövar villkoret före. 67 Do-While - Exempel Skriv siffrorna 1-9 var a = 1; do { document.write(a); a++; } while (a < 10) 68 JavaScript 34
35 Skapa en tabell i JavaScript Tabeller används oftast för att presentera information på ett bättre/finare sätt. document.write("<table border='1'>"); var a = 1; while (a <= 10) { } document.write("<tr><td>"); document.write("test"); document.write("</td></tr>"); a++; document.write("</table>"); 69 For-satser Kommandot for innebär att man talar om hur många gånger en upprepning skall ske. Syntaxen ser ut så här: for (startvärde; villkor; uppdateringsvärde) { en eller flera satser } Startvärdet är det värde variabeln har från början. Villkoret kan vara sant eller falskt och upprepas tills dess att det inte längre är sant. Uppdateringsvärdet anger hur variabeln skall förändras medan upprepningen sker. 70 JavaScript 35
36 For - Exempel for (a = 0; a < 10; a++) { document.write(a); } 71 Nästlade satser - Exempel 1 for (x = 1; x <= 10; x++) { for (y = 1; y <= 10; y++){ document.write(y,"x",x,"=",y*x,"<br>"); } document.write("<br>"); } 72 JavaScript 36
37 Nästlade satser Exempel 2 var x=1; while (x <= 10){ for (y = 1; y <= 10; y++){ document.write(y,"x",x,"=",y*x,"<br>"); } document.write("<br>"); x++; } 73 Funktioner Funktioner är ett bra sätt att ordna kod i olika separata block eller moduler som associeras med ett namn. En funktion definieras av en samling satser och vad de skall göra. function namn(parametrar) { satser return(returvärde) } 74 JavaScript 37
38 Funktioner Exempel 1 <html> <head> <title>javascript - funktioner</title> function hej(){ } alert("welcome to JavaScript"); </head> <body> hej(); </body> </html> En JavaScript funktion i <head> Funktionsanrop 75 Funktioner Exempel 2 <html> <head> <title>javascript - funktioner</title> function hej(){ } alert("welcome to JavaScript"); </head> <body> <img src="bild.jpg" onclick="hej();" > </body> </html> En JavaScript funktion i <head> En händelsestyrd funktion 76 JavaScript 38
39 Externa JavaScript filer Externa skriptfiler kan användas av flera webbsidor. JavaScript-kod sparas i filer med filnamnstillägget.js (t.ex. filnamn.js) Script-taggen med attributet src infogar skriptet i HTML-dokumentet: <script type="text/javascript" src="filnamn.js"> 77 Parametrar För att dra nytta av funktioner på ett bättre sätt behöver vi ange ett eller flera parametrar som är data de jobbar med. 78 JavaScript 39
40 Parametrar Exempel <html> <head> <title>javascript - Parametrar</title> function hej(msg){ } alert(msg); </head> <body> hej('hej JavaScript'); </body> </html> En parameter 79 Returvärde Att returnera något i en funktion betyder att man ber funktioner bearbeta data och skicka tillbaka resultatet. Data Data Data Returvärde 80 JavaScript 40
41 Returvärden - Exempel <html> <head> <title>javascript - funktioner</title> function KvadratArea(kant){ return(kant*kant); } </head> <body> document.write(kvadratarea(5)); </body> </html> 81 Globala funktioner JavaScript har s.kl. inbyggda Globala Funktioner som kan användas med alla JavaScript objekt. Ex: Number() Omvandlar ett objekts värde till ett tal String() Omvandlar ett objekts värde till en sträng Tips: 82 JavaScript 41
42 Number() var text= "123"; var tal=123; var add = text+tal; document.write(add); document.write("<br />"); /*Omvandla text till tal med hjälp av den globala funktionen Number() */ var add = Number(text)+tal; document.write(add); 83 Globala vs lokala variabler Variabler som definieras utanför funktioner, kallas globala. Detta innebär att variabelns värde är bestämt i det dokument eller det fönster webbläsarna visar. En lokal variabel är en som har definierats inne i en funktion. 84 JavaScript 42
43 Ex. Lokala Variabler <head> function lokal() { var a = "En lokal variabel "; document.write(a); } </head> <body> lokal(); </body> 85 Ex. Globala Variabler <head> function global() { document.write(a); } </head> <body> var a = "En global variabel "; global(); </body> 86 JavaScript 43
44 Ex. Global eller Lokal? <head> function global_eller_lokal(){ var a = "En Lokal variabel "; document.write(a); } </head> <body> var a = "En global variabel "; global_eller_lokal(); </body> 87 Math Objektet Math innehåller såväl egenskaper som metoder, vilka motsvarar ett stort antal matematiska funktioner och konstanter. En lista på alla egenskaper och metoder finns här 88 JavaScript 44
45 Math Egenskaper Exempel document.write("pi = "); document.write(math.pi); // Returnerar talet Pi (3,14) document.write("<br>"); document.write(math. SQRT2); // Returnerar roten ur 2 (1.414) 89 Math Metoder Exempel document.write("roten ur 16 är: "); document.write(math.sqrt(16)); document.write("<br>"); document.write(math.max(5,10) ); // Returnerar maxvärdet document.write("<br>"); document.write(math.min(5,10) ); // Returnerar minvärdet 90 JavaScript 45
46 Stränghantering Med hjälp av objektet String kan du manipulera och hantera text i JavaScript Du kan t.ex. beräkna antal tecken i en sträng, omvandla text till gemener eller versaler. Objektet kan även ändra teckenstorlek, färg och format. Läs mer: 91 Antal tecken var text = "Hej JavaScript!"; document.write(text); document.write("<br />"); document.write("antal tecken: "); document.write(text.length); 92 JavaScript 46
47 Konvertera till versaler var text = "Hej JavaScript!"; document.write(text.touppercase()); 93 Konvertera till gemener var text = "Hej JavaScript!"; document.write(text.tolowercase()); 94 JavaScript 47
48 Date Objektet Date används för att beräkna och visa datum och tid. Obs! objektet utgår från datorns klocka. 95 Visa datorns klocka var klockan = new Date(); alert("klockan är " + klockan.gethours() + ":" + klockan.getminutes() + ":" + klockan.getseconds()); 96 JavaScript 48
49 Visa dagens datum Metoden getdate() visar dagens datum med en siffra från 1 till 31 var datum = new Date(); alert(datum.getdate()); 97 Visa årtal Metoden getfullyear() visar årtalet med fyra siffror. var datum = new Date(); alert(datum.getfullyear()); OBS! Metoden "getyear()" visar antal år från 1900 och framåt (bör undvikas). 98 JavaScript 49
50 Visa dag Metoden getday() visar den aktuella dagen med en siffra från 0 till 6 0 = Söndag, 1 = Måndag o.sv. var datum = new Date(); alert(datum.getday()); 99 Visa månad Metoden getmonth() visar den aktuella månaden med en siffra från 0 till11 0 = Januari, 1 = Februari o.sv. var datum = new Date(); alert(datum.getmonth()); 100 JavaScript 50
51 Arrayer (Fält, Matris) I JavaScript använder man arrayer för att lagra flera olika värden i en och samma variabel. Fördelen med detta är t.ex. att man slipper ha en massa olika variabler i sina skript. Ex. Om du vill lagra alla veckodagar i en och samma variabel så kan du använda en array. I annat fall behöver du skapa sju olika variabler. Arrayer kan således vara till stor hjälp för den som programmerar. 101 Skapa en Array Exemplet nedan skapar en Array som heter "veckodagar". Arrayen har plats för att lagra 7 olika värden. var veckodagar = new Array(7); Arrayens värden kallas element. 102 JavaScript 51
52 Lagra data i en array var veckodagar = new Array(7); veckodagar[0] = "Söndag"; veckodagar[1] = "Måndag"; veckodagar[2] = "Tisdag"; veckodagar[3] = "Onsdag"; veckodagar[4] = "Torsdag"; veckodagar[5] = "Fredag"; veckodagar[6] = "Lördag"; 0 Söndag 1 Måndag 2 Tisdag 3 Onsdag 4 Torsdag 5 Fredag 6 Lördag 103 Visa innehållet i enstaka positioner // Visa innehållet i den första positionen document.write(veckodagar[0]); document.write("<br>"); // Visa innehållet i den fjärde positionen document.write(veckodagar[3]); 104 JavaScript 52
53 Visa innehållet i en array Du kan använda en loop (t.ex. for) för att gå igenom alla element i en array for (index=0; index <= 6; index++) { document.write(veckodagar[index]); } 105 Längden på en array Egenskapen length används för att undersöka längden på en array. document.write("längden på denna array är: "); document.write(veckodagar.length); 106 JavaScript 53
54 Övningar del 1 Skapa ett program i JavaScript som ber användaren mata in ett tal (1-10) och därefter visar talets multiplikationstabell. 107 Övningar del 2 1. Skapa ett program i JavaScript som läser in två godtyckliga tal via inmatningsfält (prompt). Visa produkten av dessa tal i en alert-ruta (multiplicera dessa tal och visa resultatet). 2. Skapa ett JavaScript som uttrycker följande: Om besökaren klickar på Ok i en confirm-ruta så skall en ny confirm-ruta dyka upp med meddelandet "Du har klickat på Ok!" 3. Skapa ett script med en confirm-ruta. Klickar man på "Ok" skall en alert-ruta öppnas med texten "Ja". Klickar man på "Avbryt" skall en annan alert-ruta öppnas med texten "Nej". 108 JavaScript 54
55 Övningar del 3 1. Skapa ett program i JavaScript som beräknar cylinders volym och yta. Skapa två separata funktioner. Tips: 2. Skapa ett skript som visar dagens datum i följande format: dag den datum månad år t.ex. onsdag den 18 februari 2015 Använd två fält för att spara veckodagar och månader! 109 JavaScript 55
Innehåll. JavaScript - Grundkurs. Vad är JavaScript? Vad är JavaScript? Vad behövs? Lite historia
JavaScript - Grundkurs Mahmud Al Hakim mahmud@dynamicos.se www.dynamicos.se www.webbacademy.se Innehåll Introduktion till JavaScript JavaScript i HTML-dokument Lite om DOM (Document Object Model) Händelser
DOM (Document Object Model) är modellen efter vilken en webbläsaren är uppbyggd. Alla objekt/element i webbläsaren finns hierarkiskt ordnade i DOM.
JavaScript del1 Syftet med detta häfte är att sammanfatta det viktigaste i JavaScript så kort och koncist som möjligt men ändå tillräckligt omfattande för att ge god kännedom om en av de vanligaste teknikerna
JavaScript. Innehåll. Historia. Document object model DHTML. Varför Javascript?
Innehåll JavaScript En introduktion till skriptspråket JavaScript och till DOM Scripting Introduktion till JavaScript och DOM JavaScript Syntax DOM och DOM Scripting Händelsehantering och CSS Historia
JAVASCRIPT. Beteende
JAVASCRIPT Beteende OVERVIEW HTML Formulär JavaScript Syntax Events DOM Validering av fomulär WEBBPROGRAMMERING PÅ KLIENTSIDAN Skriptspråk som körs på klientsidan (klientskript) Koden exekveras i webbläsaren
Introduktion till PHP
PHP - Grund Copyright 2016 Mahmud Al Hakim mahmud@dynamicos.se www.webacademy.se Introduktion till PHP PHP = PHP: Hypertext Preprocessor PHP är ett programmeringsspråk. PHP är ett skriptspråk som körs
Användarhandledning Version 1.2
Användarhandledning Version 1.2 Innehåll Bakgrund... 2 Börja programmera i Xtat... 3 Allmänna tips... 3 Grunderna... 3 Kommentarer i språket... 4 Variabler... 4 Matematik... 5 Arrayer... 5 på skärmen...
Objektorienterad programmering Föreläsning 2
Objektorienterad programmering Föreläsning 2 Copyright Mahmud Al Hakim mahmud@webacademy.se www.webacademy.se Agenda Inläsning av data via dialogrutor Repetitioner (While-satsen och For-satsen) Nästlade
Programmering i C++ En manual för kursen Datavetenskaplig introduktionskurs 5p
Programmering i C++ En manual för kursen Datavetenskaplig introduktionskurs 5p Skriven av Michael Andersson Introduktion Programmering I högnivåspråk fokuserar på själv problemet (algoritmen) istället
TDIU01 - Programmering i C++, grundkurs
TDIU01 - Programmering i C++, grundkurs Sammanfattning period 1 Eric Elfving Institutionen för datavetenskap 1 oktober 2013 Översikt Ett C++-programs uppbyggnad Variabler Datatyper Satser Uttryck Funktioner
E02 "The Review" Föreläsning 2, HT2013 Grunderna, repetition. Johan Leitet. Kurs: 1dv403 Webbteknik I
E02 "The Review" Föreläsning 2, HT2013 Grunderna, repetition Kurs: 1dv403 Webbteknik I Johan Leitet E02 - "The Review" Dagens agenda Identifierare Kommentarer Variabler Datatyper Operatorer Villkorssatser
Innehåll. PHP Grundkurs. Introduktion till PHP. Kurslitteratur. Webbserver. Lite historik. PHP Grundkurs 1
Innehåll PHP Grundkurs Copyright 2014 Mahmud Al Hakim mahmud@dynamicos.se www.webbacademy.se Introduktion till PHP Webbserver och XAMPP Variabler Datatyper Operatorer $_GET och $_POST Skicka variabler
! HTML Formulär! JavaScript! Syntax! Events! DOM. ! URL variabler i en query string (get) ! HTTP post request (post)
OVERVIEW JAVASCRIPT Beteende! HTML Formulär! JavaScript! Syntax! Events! DOM! Validering av fomulär WEBBPROGRAMMERING PÅ KLIENTSIDAN HTML FORMULÄR! Skriptspråk som körs på klientsidan (klientskript)! Koden
Introduk+on +ll programmering i JavaScript
Föreläsning i webbdesign Introduk+on +ll programmering i JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Språk Naturliga språk Mänsklig kommunika+on T.ex. Svenska, engelska,
Föreläsning 2 Programmeringsteknik och C DD1316. Mikael Djurfeldt
Föreläsning 2 Programmeringsteknik och C DD1316 Mikael Djurfeldt Föreläsning 2 Programmeringsteknik och C Python introduktion Utskrift Inläsning Variabler Datatyp Aritmetiska operatorer Omvandling
732G Linköpings universitet 732G11. Johan Jernlås. Översikt. Repetition. Felsökning. Datatyper. Referenstyper. Metoder / funktioner
732G11 Linköpings universitet 2011-01-21 1 2 3 4 5 6 Skapa program Kompilera: Källkod Kompilator bytekod Köra: Bytekod Virtuell maskin Ett riktigt program Hej.java class Hej { public static void main (
Dagens föreläsning. Repetition. Repetition - Programmering i C. Repetition - Vad C består av. Repetition Ett första C-program
Dagens föreläsning Programmeringsteknik för Ingenjörer VT05 Föreläsning 3-4 Repetition Datatyper Uttryck Operatorer Satser Algoritmer Programmeringsteknik VT05 2 Repetition Repetition - Programmering i
Dynamisk HTML JavaScript och webbläsarens objektmodell
Dynamisk HTML 1 JavaScript och webbläsarens objektmodell Ove Lundgren (2009) Ove Lundgren - 1 - DOMDHTML2009.doc Innehåll Dynamisk HTML Webbläsarens variabler och metoder. Objektmodellen. Anropa metoder
Föreläsning 2 Programmeringsteknik DD1310. Programmering. Programspråk
Föreläsning 2 steknik DD1310 Python introduktion Variabler Datatyper Aritmetiska operatorer av typer Reserverade ord logiska operatorer If-sats kommentarer betyder att instruera en dator Ett program är
JavaScript del 3 If, Operatorer och Confirm
JavaScript del 3 If, Operatorer och Confirm Under förra uppgiften så kollade vi på hur användaren kan ge oss information via promt(), vi använde den informationen både för att skriva ut den och för att
Programmera i C Varför programmera i C när det finns språk som Simula och Pascal??
Programmera i C Varför programmera i C när det finns språk som Simula och Pascal?? C är ett språk på relativt låg nivå vilket gör det möjligt att konstruera effektiva kompilatorer, samt att komma nära
Datatyper och kontrollstrukturer. Skansholm: Kapitel 2) De åtta primitiva typerna. Typ Innehåll Defaultvärde Storlek
De åtta primitiva typerna Java, datatyper, kontrollstrukturer Skansholm: Kapitel 2) Uppsala Universitet 11 mars 2005 Typ Innehåll Defaultvärde Storlek boolean true, false false 1 bit char Tecken \u000
JS & beteende. TNMK30 - Elektronisk publicering
JS & beteende TNMK30 - Elektronisk publicering Dagens föreläsning HTML Formulär JavaScript Syntax Events DOM Validering av fomulär JavaScript Skriptspråk som körs på klientsidan (klientskript). Koden exekveras
Programmeringsteknik med C och Matlab
Programmeringsteknik med C och Matlab Kapitel 2: C-programmeringens grunder Henrik Björklund Umeå universitet Björklund (UmU) Programmeringsteknik 1 / 32 Mer organisatoriskt Imorgon: Datorintro i lab Logga
Visual Basic, en snabbgenomgång
Visual Basic, en snabbgenomgång Variabler och Datatyper En variabel är som en behållare. Olika behållare passar bra till olika saker. I Visual Basic(härefter VB) finns olika typer av behållare för olika
Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php
Introlektion PHP är ett av de enklare språken att lära sig just pga. dess dynamiska struktur. Det används för att bygga upp båda stora och mindre system. Några vanliga system som använder sig av PHP är
JavaScript. DOM Scripting
JavaScript DOM Scripting Vad är Document object Model (DOM)? En standardiserad modell där man ser en webbsida och dess innehåll som objekt document.getelementsbytagname( p ); document.getelementbyid( mittid
Kompilering och exekvering. Föreläsning 1 Objektorienterad programmering DD1332. En kompilerbar och körbar java-kod. Kompilering och exekvering
Föreläsning 1 Objektorienterad programmering DD1332 Introduktion till Java Kompilering, exekvering, variabler, styrstrukturer Kompilering och exekvering Ett program måste översättas till datorns språk
TDIU01 - Programmering i C++, grundkurs
TDIU01 - Programmering i C++, grundkurs Grundläggande satser och uttryck Eric Elfving Institutionen för datavetenskap 5 augusti 2014 Översikt Uttryck Litteraler Operatorer Satser Villkor Upprepning Teckenhantering
Föreläsning 10 Datalogi 1 DA2001. Utskrift på skärmen. Syntax. print( Hej ) Hur är det? Hej. print( Hej,end= ) print( Hur är det? ) HejHur är det?
Föreläsning 10 Datalogi 1 DA2001 python introduktion Variabler Datatyp Aritmetiska operatorer av typer Reserverade ord logiska operatorer If-sats kommentarer på skärmen print( Hej ) print( Hur är det?
Beräkningsvetenskap föreläsning 2
Beräkningsvetenskap föreläsning 2 19/01 2010 - Per Wahlund if-satser if x > 0 y = 2 + log(x); else y = -1 If-satsen skall alltid ha ett villkor, samt en då det som skall hända är skrivet. Mellan dessa
Föreläsning 2 Programmeringsteknik och C DD1316. Programmering. Programspråk
Föreläsning 2 steknik och C DD1316 python introduktion Variabler Datatyp Aritmetiska operatorer av typer Reserverade ord logiska operatorer If-sats kommentarer betyder att instruera en dator Ett program
Programmering med Java. Grunderna. Programspråket Java. Programmering med Java. Källkodsexempel. Java API-exempel In- och utmatning.
Programmering med Java Programmering med Java Programspråket Java Källkodsexempel Källkod Java API-exempel In- och utmatning Grunderna Ann Pan panda@nada.kth.se Rum 1445, plan 4 på Nada 08-7909690 Game.java
F4. programmeringsteknik och Matlab
Programmeringsspråk Föreläsning 4 programmeringsteknik och Matlab 2D1312/ 2D1305 Introduktion till Java Kompilering, exekvering, variabler, styrstrukturer 1 Ett program är en eller flera instruktioner
Introduktion HTML och PHP 732G16 Databaser design och programmering
Introduktion HTML och PHP 732G16 Databaser design och programmering 08-04-22 Ingrid Alin Nilsson 1 Presentationen tar upp Lite grundläggande om HTML Grunderna i PHP Styrstrukturer Funktioner Filhantering
Föreläsning 2 Programmeringsteknik och C DD1316
Föreläsning 2 Programmeringsteknik och C DD1316 Föreläsning 2 Programmeringsteknik och C Datatyp Aritmetiska operatorer Omvandling av typer Reserverade ord Mikael Djurfeldt Logiska operatorer
JavaScript. En Introduktion
JavaScript En Introduktion Innehåll Introduktion till JavaScript Händelsehantering och CSS Felhantering i JavaScript Validering i JavaScript Introduktion Ingen koppling till Java Statiska och dynamiska
Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen
MÅL Programmeringteknik Webbdelen Efter webbmomentet ska du: kunna använda ett tiotal kommandon i: HTML (göra webbsidor) CSS (webbsidans utseende) Javascript (programmering - klienten) PHP (programmering
MATLAB. Python. Det finns flera andra program som liknar MATLAB. Sage, Octave, Maple och...
Allt du behöver veta om MATLAB: Industristandard för numeriska beräkningar och simulationer. Används som ett steg i utvecklingen (rapid prototyping) Har ett syntax Ett teleskopord för «matrix laboratory»
Föreläsning 2 Programmeringsteknik DD1310. Programmering. Programspråk
Föreläsning 2 steknik DD1310 python introduktion Variabler Datatyp Aritmetiska operatorer av typer Reserverade ord logiska operatorer If-sats kommentarer funktioner betyder att instruera en dator Ett program
(Man brukar säga att) Java är... Denna föreläsning. Kompilering av Java. Historik: Java. enkelt. baserat på C/C++ Allmänt om Java
(Man brukar säga att) Java är... Denna föreläsning Allmänt om Java Javas datatyper, arrayer, referenssemantik Klasser Strängar enkelt baserat på C/C++ objekt-orienterat från början dynamiskt utbyggbart
Språket Python - Del 1 Grundkurs i programmering med Python
Hösten 2009 Dagens lektion Ett programmeringsspråks byggstenar Några inbyggda datatyper Styra instruktionsflödet Modulen sys 2 Ett programmeringsspråks byggstenar 3 ETT PROGRAMMERINGSSPRÅKS BYGGSTENAR
L04.1 Marodören. Inledning. Mål. Genomförande. Uppgift 1 Hello World. Moment I
L04.1 Marodören Inledning Genom att öva sig på de grundläggande koncepten i JavaScript öppnas vägen allteftersom till de mer avancerade funktionerna. Man måste lära sig krypa innan man kan gå, även i JavaScript!
Klassdeklaration. Metoddeklaration. Parameteröverföring
Syntax: Class Declaration Modifier Class Body Basic Class Member Klassdeklaration class Class Member Field Declaration Constructor Declaration Method Declaration Identifier Class Associations Motsvarar
ITK:P1 Föreläsning 1. Programmering. Programmeringsspråket Java. Stark typning Explicit typning Strukturerat Hög säkerhet
ITK:P1 Föreläsning 1 Att programmera i språket Java DSV Peter Mozelius Programmering Olika typer av programmering som t ex: o Imperativ programmering (C, Pascal m fl) o Funktionell programmering (Lisp,
F8 Webbteknologier 2. PHP PHP: Hypertext Preprocessor
PHP PHP: Hypertext Preprocessor F8 Webbteknologier 2 EDA095 Roger Henriksson Datavetenskap Lunds universitet Skriptspråk särskilt lämpligt för webbapplikationer. Öppen, gratis, programvara. HTML-kod med
Föreläsning 2. Täcker material från lektion 1, 2, 3 och 4:
(22 januari 2016 F2.1 ) Föreläsning 2 Täcker material från lektion 1, 2, 3 och 4: Datatyper Aritmetik Tecken och strängar Klasser, Objekt Metoder Villkor, villkorssatser och iterationer main-metoden Kodstandard
732G Linköpings universitet 732G11. Johan Jernlås. Översikt. Repetition. Strukturdiagram. Styra. Algoritmer. Val
732G11 Linköpings universitet 2011-01-26 1 2 3 4 Program recept 1 spaghetti = 100; 2 salt = 1; 3 olja = 5; 4 köttbullar = 8; 5 ketchup = 0,5; 6 koka(salt, spaghetti); 7 micra(köttbullar); 8 Om(micron ==
Lektion Java Grunder. Javas historia. Programmeringsspråket Java. Skillnaderna mellan Java och C++ JVM (Javas Virtuella Maskin)
Lektion Java Grunder Javas historia Ursprungligen utvecklades Java (1991) för att användas i olika typer av konsumentelektronik (mikrovågsugnar, videoapparater) av programmerare på Sun. Språket kallades
Exempel: Exempel: Exempel: Exempel: $djur=array("ko","katt","älg"); foreach ($djur as $d) { echo $d. " "; } Resultat. ko katt älg
Loopar och upprepning Vill man upprepa kod flera gånger så istället för att skriva en massa rader så kan man lägga koden i ett kodblock som man sedan loopar. Det finns ett par olika typer av loopar, FORloop,
Labora&on 2 Funk&oner, if och loop övningar/uppgi:er
Labora&on 2 Funk&oner, if och loop övningar/uppgi:er 1M322 Webbteknik 2, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns
F8 Webbteknologier 2. EDA095 Nätverksprogrammering. Roger Henriksson Datavetenskap Lunds universitet
F8 Webbteknologier 2 EDA095 Nätverksprogrammering Roger Henriksson Datavetenskap Lunds universitet PHP PHP: Hypertext Preprocessor Skriptspråk särskilt lämpligt för webbapplikationer. Öppen, gratis, programvara.
Att förstå hur man konstruerar modulära program Att kunna skapa nya funktioner Att förstå hur data skickas mellan funktioner
Lektion 4, del 1, kapitel 10 Funktioner i JavaScript Inlärningsmål Att förstå hur man konstruerar modulära program Att kunna skapa nya funktioner Att förstå hur data skickas mellan funktioner Introduktion
Föreläsning 2. Variabler, tilldelning och kodblock{} if-satsen Logiska operatorer Andra operatorer Att programmera
Föreläsning 2 Variabler, tilldelning och kodblock if-satsen Logiska operatorer Andra operatorer Att programmera Variabler Det är i variabler som all data (information) lagras. Genom att ändra värde på
SMD 134 Objektorienterad programmering
SMD 134 Objektorienterad programmering Dagens agenda: Typer i Java: primitiva datatyperna, referenstyper Variabler och variabeltilldelningar med primitiva typer Konstanter av de olika typerna. Heltalsräkning
Objektorienterad programmering Föreläsning 4
Objektorienterad programmering Föreläsning 4 Copyright Mahmud Al Hakim mahmud@dynamicos.se www.webbacademy.se Agenda Introduktion till objektorientering Klasser och Objekt Instansvariabler Metoder Introduktion
Föreläsning 2 Programmeringsteknik och Matlab DD1312. Programspråk. Utskrift på skärmen
Föreläsning 2 Programmeringsteknik och Matlab DD1312 Introduktion till python Variabler, datatyper, omvandling av typer sfunktioner Två olika typer av program omvandlar högnivå till lågnivå program: Interpreterande
STRÄNGAR DATATYPEN. Om du vill baka in variabler eller escape-tecken måste du använda dubbla citattecken. strängar
STRÄNGAR En av de mest avancerade av de normala datatyperna är. Här skall vi grundläggande gå igenom hur den datatypen fungerar och vidare flertalet funktioner som hör till datatypen. Låt oss kasta oss
i LabVIEW. Några programmeringstekniska grundbegrepp
Institutionen för elektroteknik Några programmeringstekniska grundbegrepp 1999-02-16 Inledning Inom datorprogrammering förekommer ett antal grundbegrepp som är i stort sett likadana oberoende om vi talar
Föreläsning 2 Programmeringsteknik och Matlab DD1312. Programspråk. Utskrift på skärmen
Föreläsning 2 Programmeringsteknik och Matlab DD1312 Introduktion till python Variabler,datatyper, omvandling av typer sfunktioner Två olika typer av program omvandlar högnivå till lågnivå program: Interpreterande
Labora&on 1 Variabler och beräkningar övningar/uppgi9er
Labora&on 1 Variabler och beräkningar övningar/uppgi9er 1M322 Webbteknik 2, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns
Extramaterial till Matematik Y
LIBER PROGRAMMERING OCH DIGITAL KOMPETENS Extramaterial till Matematik Y NIVÅ TVÅ Taluppfattning och tals användning ELEV Det finns många olika programmeringsspråk. I den här uppgiften ska du få bekanta
JavaScript En Introduktion
Innehåll JavaScript En Introduktion Introduktion till JavaScript Händelsehantering och CSS Felhantering i JavaScript Validering i JavaScript Introduktion Ingen koppling till Java Statiska och dynamiska
Laboration 6 Formulär och stränghantering övningar/uppgifter
Laboration 6 Formulär och stränghantering övningar/uppgifter 1M322 Webbteknik 2, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna laboration
Variabler och konstanter
Variabler och konstanter Deklareras automatisk när man stoppar in data i dem. X = 7 Y = A Z = Kalle Definieras av att de har: ett namn (X) en datatyp (Integer) ett värde (t.ex. 7) Lagras i datorns minne!
Planering Programmering grundkurs HI1024 HT 2014
Planering Programmering grundkurs HI1024 HT 2014 Föreläsning V36 Föreläsning 1 Vad är programmering? Boken! Kurs-PM Vad är ett program? Kompilerande- Interpreterande Programmeringsmiljö Hello World! Att
System.out.println("Jaså du har "+ antalhusdjur+ " husdjur"); if ( antalhusdjur > 5 ) System.out.println("Oj det var många);
1 Villkor och styrsatser I de program vi sett tidigare har programkörning inneburit att sats efter sats utförts i den ordning de skrivits i källkoden. Vi har inte kunna ändra programmets uppförande beroende
Objektorienterad Programmering (TDDC77)
Objektorienterad Programmering (TDDC77) Föreläsning II: utmatning, variabler, typer Ahmed Rezine IDA, Linköpings Universitet Hösttermin 2016 Kompilera och köra programmet under terminal 2: I Skapa Hej.java
I Skapa Hej.java och skriv programmet. I Kompilera med javac Hej.java. I Rätta fel och repetera tills du lyckas kompilera ditt program
Kompilera och köra programmet Objektorienterad Programmering (TDDC77) Föreläsning II: utmatning, variabler, typer Ahmed Rezine IDA, Linköpings Universitet Hösttermin 2016 under terminal 2: I Skapa Hej.java
Bankkonto - övning. Övning 2 Skriv en metod, geträntan, som returnerar räntan.
Bankkonto - övning Övningar att göra efter lärardemostration. Filen bankkonto.zip innehåller ett projekt med klassen Bankkonto. Zippa upp denna fil och öppna projektet i BlueJ och skriv vidare på klassen
Extramaterial till Matematik Y
LIBER PROGRAMMERING OCH DIGITAL KOMPETENS Extramaterial till Matematik Y NIVÅ ETT Taluppfattning och tals användning ELEV Det finns många olika programmeringsspråk. Ett av dem är Python, som du ska få
Dagens föreläsning. Repetition. Repetition - Programmering i C. Repetition - Vad C består av. Repetition Ett första C-program
Dagens föreläsning Programmeringsteknik för Ingenjörer VT05 Föreläsning 3-4 Repetition Datatyper Uttryck Operatorer Satser Algoritmer Programmeringsteknik för ingenjörer, VT06 2 Repetition Repetition -
Programmering för språkteknologer I, VT2012. Rum
Programmering för språkteknologer I, VT2012 evelina.andersson@lingfil.uu.se Rum 9-2035 http://stp.lingfil.uu.se/~evelina/uv/uv12/pst1/ Idag - Kursplan - Börja programmera - Lokala variabler - aritmetiska
PHP. Dynamiska webbsidor
PHP Dynamiska webbsidor WEBBPROGRAMMERING PÅ SERVERSIDAN DB server web browser client client script HTTP Request (get, post) HTTP Response (HTML, CSS, JS) web server server script JS PHP file (txt, xml,
Lektion 5, del 1, kapitel 12
Lektion 5, del 1, kapitel 12 Inlärnings mål Att förstå objekt baserad programmering Att förstå begreppet inkapsling Att kunna använda objektet Math Att kunna använda objektet String Att kunna använda objektet
Objektorienterad programmering i Java I. Uppgifter: 2 Beräknad tid: 5-8 timmar (OBS! Endast ett labbtillfälle) Att läsa: kapitel 5 6
Laboration 2 Objektorienterad programmering i Java I Uppgifter: 2 Beräknad tid: 5-8 timmar (OBS! Endast ett labbtillfälle) Att läsa: kapitel 5 6 Syfte: Att kunna använda sig av olika villkors- och kontrollflödeskonstruktioner
Logik och kontrollstrukturer
Logik och kontrollstrukturer Flödet av instruktioner i ett programmeringsspråk bygger vi upp med hjälp av dess kontrollstrukturer. I C har vi exemplen if, if else, while, do while. Dessutom finns switch
Föreläsning 2. Operativsystem och programmering
Föreläsning 2 Operativsystem och programmering Behov av operativsystem En dator så som beskriven i förra föreläsningen är nästan oanvändbar. Processorn kan bara ges enkla instruktioner såsom hämta data
Avancerade Webbteknologier
Projektledning, Business Knowledge Användbarhet & Layout Avancerade Webbteknologier Lkti Lektion 1 Kommunikation Tobias Landén tobias.landen@chas.se Avancerade webbteknologier del 1 (4 KY poäng) Syfte
Programmering A. Johan Eliasson johane@cs.umu.se
Programmering A Johan Eliasson johane@cs.umu.se 1 Jag Undervisar mest grundläggande programmering på Institutionen för datavetensakap Applikationsutveckling för iphone Applikationsutveckling i Java Datastrukturer
Föreläsning 3: Typomvandling, villkor och val, samt textsträngar
Föreläsning 3: Typomvandling, villkor och val, samt textsträngar Camilla Kirkegaard camilla.kirkegaard@liu.se Linköpings universitet Sweden October 14, 2013 1 Innehåll n n n n n Repetition Typomvandlingar
DD1314 Programmeringsteknik
Skolan för Datavetenskap och kommunikation DD1314 Programmeringsteknik Föreläsning 1 o print o variabler o reserverade ord o input o kommentarer o beräkningar o datatyper o if-satser Kursinformation Programmering:
Övningar i JavaScript del 3
Övningar i JavaScript del 3 I dessa övningar tar vi upp datumbjektet Date, arrayer ch lpar. Du utgår från ett prgram där man kan klicka på små bilder ch mtsvarande stra bild visas. Detta är i princip samma
Översikt över Visual Basic
Översikt över Visual Basic Om denna översikt Denna översikt ger en kort introduktion till de viktigaste delarna i programspråket Visual Basic 6.0. På alla ställen där det beskrivs hur man skriver kod gäller
Objektorienterad programmering i Java
Objektorienterad programmering i Java Föreläsning 4 Täcker i stort sett kapitel 6 i kursboken Java Software Solutions 1 Läsanvisningar Den här föreläsningen är uppbyggd som en fortsättning av exemplet
732G Linköpings universitet 732G11. Johan Jernlås. Översikt. Repetition. Muddy cards. Slingor
732G11 Linköpings universitet 2011-02-01 1 2 3 Strukturdiagram Strukturdiagram används för att visa hur ett program fungerar. Man kan se alla val och upprepningar som sker i programmet. Består av tre (!)
v. 42 Python HT17 En introduktion Oscar Bergqvist
v. 42 HT17 Python En introduktion Oscar Bergqvist oscar.bergqvist@stockholm.se 1 Innehåll 2 IDLE... 3 2.1 Det interaktiva läget... 3 2.2 Standardläget... 3 2.3 Färger i IDLE... 3 3 Variabler... 3 3.1 Namn...
Föreläsningsanteckningar, Introduktion till datavetenskap HT S4 Datastrukturer. Tobias Wrigstad
1 Datatyper Tobias Wrigstad Det finns flera olika typer av (slags) data Olika datatyper har olika egenskaper. T.ex. är ett personnummer inte ett tal. (Den sista siffran skall stämma enligt den s.k. Luhnalgoritmen
Tentamen Grundläggande programmering
Akademin för Innovation Design och Teknik Tentamen Grundläggande programmering Kurskod: DVA103 Datum 2012-06-11 Tid 14.10 16.30 Examinator: Lars Asplund Maxpoäng: 48 Betygsgränser: Betyg 3: 20 Betyg 4:
Backcode. Jonathan Crusoe TDP019 Projekt: Datorspråk Linköpings universitet
Žƒ ƒ Ž Ž ˆ ƒ ƒ ƒ Žƒ ƒ Ž ˆ Œ ŽŽ ƒ Backcode Jonathan Crusoe TDP019 Projekt: Datorspråk Linköpings universitet Innehållsförteckning 12-05-29 Inledning... 3 Användarhandledningen... 4 Klasser... 4 Metoder...
Karlstads Universitet, Datavetenskap 1
DAV B04 - Databasteknik KaU - Datavetenskap - DAV B04 - MGö 229 PHP Hypertext Preprocessor Scriptspråk på serversidan Innebär att webbservern översätter php-scripten innan sidan skickas till webbläsaren,
Programmering I Tobias Wrigstad fredag, 2009 augusti 28
Programmering I Tobias Wrigstad tobias@dsv.su.se Vad är programmering? Lågnivåspråk och högnivåspråk Kompilering och interpretering Variabler Notation för flödesschema (flow chart) Kontrollstrukturer (conditionals,
729G04 Programmering och diskret matematik. Python 2: Villkorssatser, sanningsvärden och logiska operatorer
729G04 Programmering och diskret matematik Python 2: Villkorssatser, sanningsvärden och logiska operatorer Föreläsningsöversikt Vad händer när vi kör vår pythonkod? Programmerare Villkorssatser Jämförelser
JavaScript del 2 DocumentWrite, Prompt och ParseInt
JavaScript del 2 DocumentWrite, Prompt och ParseInt Senast kollade vi lite på vad JavaScript är för något, hur man skapar variabler samt hur vi kan skicka ut ett meddelande till användaren genom alert.
Inledande programmering med C# (1DV402) Summera med while"-satsen
Summera med while"-satsen Upphovsrätt för detta verk Inledande programmering med C# (1DV402) Detta verk är framtaget i anslutning till kursen Inledande programmering med C# vid Linnéuniversitetet. Du får
Platser för att skriva och testa kod online. Workshop om programmering i matematikkurser, version 0.7 senast sparat
Cheat sheets Nedan finns referensblad för fyra olika programmeringsspråk, som kan bli aktuella att använda i matematikundervisning. MATLAB är en välkänd programvara för att göra matematiska beräkningar,
Övning2. Variabler. Data typer
Vahid 28 okt 2002 prgk02 Övning2 -Repetition -Variabler -Primitiva typer (+ boolean) -Operatörer +, ++, --, -Typ konvertering -Wrapper klasser -Jämförelse operatörer,(==, =, ,!=,!) -String hur man
PROGRAMMERING 2 GRUNDLÄGGANDE SEMANTIK 4
Modul 2 Byggstenar PROGRAMMERING 2 GRUNDLÄGGANDE SEMANTIK 4 Byggstenar 4 Nyckelord 4 Tecken 4 Syntax 5 Standardbibliotek 5 Vårt första program 5 Variabler 6 Konstanter 9 Operatorer 9 Övningar 9 Mer operatorer
Föreläsning 1 & 2 INTRODUKTION
Föreläsning 1 & 2 INTRODUKTION Denna föreläsning Vad händer under kursen? praktisk information Kursens mål vad är programmering? Skriva små program i programspråket Java Skriva program som använder färdiga
Programstruktur och terminologi. Programmet producerar följande utskrift i terminalfönstret: Ett Javaprogram består av en eller flera klasser
// En första version av BankKonto-klassen class BankKonto { private String namn; private long nr; private double saldo; private double ränta; // Klassen TestaBankKonto // Klassens uppgift är att skapa
JavaScript del 5 Funktioner
JavaScript del 5 Funktioner När man skriver JavaScriptkod eller program i andra programmeringsspråk för den delen så kan det finnas anledningar till att man vill dela upp sitt stora program i flera mindre