JWT 2016 luento 5. ti klo Aulikki Hyrskykari. PinniB Aulikki Hyrskykari
|
|
- Marja Toivonen
- 7 vuotta sitten
- Katselukertoja:
Transkriptio
1 JWT 2016 luento 5 ti klo Aulikki Hyrskykari PinniB
2 Viime luennolla o JavaScriptin perusteista Tänään o JavaScriptin perusteista muutama poiminta o DOM puun käsittely haun tallentaminen o Yksittäisen elementin haku (Node) getelementbyid, queryselector o Useamman elementin haku (NodeList) getelementsbyclassname, getelementsbytagname, queryselectorall o Solmujen haku puussa liikkumalla parentnode, previoussibling, nextsibling, firstchild, lastchild o Testisolmun sisällön muuttaminen nodevalue o Elementtisolmun tekstisisältö textcontent o HTML-koodia elementin sisällöksi innerhtml o Elementtisolmun lisäys ja poisto createelement(), createtextnode() ja appendchild(), removechild() o Attribuuttien käsittely 2
3 Dynaamisesti tyypitetty kieli o Muuttujat ovat joko globaaleja tai lokaaleja (funktion sisäisiä) o Muuttujan tyyppi määräytyy dynaamisesti siihen sijoitetun arvon perusteella o Muuttujan voi ottaa käyttöön esittelemättä sitä ensin silloin sen esittely tehdään automaattisesti ja siitä tehdään automaattisesti globaali muuttuja 3
4 Muuttujien viittausalue o Viittausalue sidottu funktioihin funktiossa esitellyt muuttujat aina paikallisia omassa funktiossaan funktioiden ulkopuolella esitellyt globaaleja muuttujia var a = 5; function TekeeJotain () { var b = 12; // paikallinen muuttuja, olemassa vain funktion sisällä c = 10; // globaali muuttuja, olemassa myös funktion ulkopuolella... } potentiaalinen ongelmakohta: kannattaa esittellä muuttujat aina 4
5 Muuttujien viittausalue, esim. 1 external = 5; function ekafunktio() { var external = 6; window.alert("eka funktio: " + external); } function tokafunktio() { external = 7; window.alert("toka funktio: " + external); } alert(external); ekafunktio(); alert(external); tokafunktio(); alert(external); Mitä funktiokutsut tulostavat? 5
6 Muuttujien viittausalue, esim. 2 var summa = 21; function testaa(arvo) { if (arvo) { var summa = 42; } alert(summa); } testaa(true); testaa(false); Mitä funktion kutsut tulostavat? Miksi? 6
7 DOM Document Object Model (1) Oliomalli HTML-sivun elementeistä (DOM-puu) (2) Ohjelmointirajapinta HTMLdokumenttien rakenteen ja sisällön muokkaukseen 7
8 DOM Document Object Model o W3C DOM-standardi ei siis ole osa HTML:ää eikä JavaScriptiä kehitys tapahtunut tasoittain DOM Taso 1 (1998) sisältää mm. metodit elementtien luomiseen ja noutamiseen, esim. document.getelementsbytagname( p ) document.getelementsbytagname(*) palauttaa listan sivun kaikista elementeistä DOM Taso 2 (2000) sisältää metodit dokumenttien tyylin muokkaukseen tuki erilaisten tapahtumien (mm. hiiri ja näppäimistö) käsittelylle DOM Taso 3 (2004) laajennuksia tasoon 2 mm. dokumenttien ja elementtien käsittelyssä 8
9 Esimerkkisivu... <body> </body> </html> <div id="page"> <h1 id="header">kauppalista</h1> <h2>kauppalista</h2> <ul> <li id="one" class="hot"><em>ruodottomia</em> kuhafileitä</li> <li id="two" class="hot">pinaattia</li> <li id="three" class="hot">sitruunalohkoja</li> <li id="four">tilliä</li> </ul> </div> <script src="js/list.js"></script> /* css */....hot { background-color: #f08080; }.cool { background-color: #80eeee; }.normal { background-color: #ffee77; }.complete { background-color: #bbc5c5;... 9
10 Sivun DOM-puu o Jokaista puun solmua käsitellään JavaScript ohjelmassa oliona, jolla on metodeja ja oliomuuttujia o Jokaista sivun elementtiä, attribuuttia, ja tekstipalaa edustaa solmu DOM-puussa elementtisolmut kuvaavat puun (ja sivun) rakenteen elementtisolmu document on puun juuri (ylimpänä puussa) kaikki haut dokumenttipuuhun tapahtuvat document-solmun kautta attribuuttisolmu ei ole elementtisolmun lapsi on osa elementtisolmua tekstisolmulla ei voi olla lapsia aina puun lehtisolmu 10
11 document html body div attribute <body> <div id="page"> <h1 id="header">kauppalista</h1> <h2>kauppalista</h2> <ul> <li id="one" class="hot"> <em>ruodottomia</em> kuhafileitä </li> <li id="two" class="hot">pinaattia</li> <li id="three" class="hot">sitruunalohkoja</li> <li id="four">tilliä</li> </ul> </div> <script src="js/list.js"></script> </body> h1 attribute h2 ul script attribute text text li attribute li attribute li attribute li attribute em text text text text text 11
12 DOM puun käsittely (1) Noudetaan puusta elementti, jota halutaan käsitellä (2) Käytetään/käsitellään sen tekstisisältöä, lapsielementtejä, attribuutteja 12
13 DOM-puu haun tallentaminen o Kun puusta noudettua elementtiä tarvitaan useammin kuin kerran, se kannattaa tallentaa muuttujaan esim. li var itemnode = getelementbyid('one'); kun elementtiä vastaava solmu puusta on noudettu, sen avulla pääsee käsiksi solmun äitiin, sisaruksiin tai lapsiin o Elementin tallennus muuttujaan tarkoittaa itse asiassa että muuttujaan tallennetaan viittaus ko. solmuun DOM-puussa tehokkaampaa, kun ei jouduta tekemään solmun etsintää uudelleen body div h1 h2 ul script li li li 13
14 Yksittäisen elementin haku DOM-puusta o Kolme yleistä tapaa hakea elementtipuusta yksi solmu (Node, element-olio) getelementbyid('tunnus') - elementin id-tunnus queryselector('valitsin') - css-valitsin käyttäen hyväksi solmujen sukulaisuussuhteita // haetaan elementti ja tallennetaan se muuttujaan var el = document.getelementbyid("two"); // muutetaan elementin class-attribuutin arvo el.classname = "cool"; // haetaan elementti css-valitsimen avulla var el = document.queryselector('li:lastchild') el.classname = 'cool'; 14
15 Useamman elementin haku DOM-puusta o Kolme yleistä tapaa useampia solmuja (solmulistan) getelementsbyclassname('luokka') käytetään luokkatunnusta getelementsbytagname('elementti') elementin perusteella queryselectorall('valitsin') kaikki css-valitsimeen sopivat solmut vaikka palauttaisivat vain yhden solmun, palautettava olio on solmulista (=HTMLCollection) HTMLCollection-olioon voidaan viitata kuin Array-olioon sen pituus oliomuuttujassa length elementteihin viittaaminen kuten taulukossa 15
16 Esimerkkejä o getelementsbyclassname // haetaan kaikki luokkaan hot kuuluvat var elements = document.getelementsbyclassname('hot'); // muutetaan kolmas niistä (jos se on olemassa) if (elements.length > 2) { var el = elements[2]; el.classname = 'cool'; } o getelementsbytagname // haetaan kaikki li-elementtisolmut var els = document.getelementsbytagname('li'); // jos niitä löytyi, muutetaan ensimmäistä if (elements.length > 0) { var el = elements[0]; el.classname = 'cool'; } 16
17 Esimerkkejä o queryselector, queryselectorall // queryselector palauttaa ensimmäisen löydetyn var el = document.queryselector('li.hot'); el.classname = 'cool'; // queryselectorall palauttaa NodeList-olion, muutos // loydetyistä luokkaan cool kuuluvista toiseen var els = document.queryselectorall('li.hot'); els[1].classname = 'cool'; o NodeLista-olion läpikäynti // haetaan kaikki hot-luokkaan kuuluvat // li-elementtisolmut var hotitems = document.queryselectorall('li.hot'); // muutetaan kaikkien luokka for (var i = 0; i < hotitems.length; i++) { hotitems[i].classname = 'cool'; } 17
18 Solmujen haku puussa liikkumalla o sukulaissuhteiden avulla parentnode previoussibling, nextsibling firstchild, lastchild // noudetaan aloituskohta ja sen sisarukset var solmu = document.getelementbyid('two'); var edellinen = solmu.previoussibling; var seuraava = solmu.nextsibling; // muutetaan sisarusten class-attribuutit edellinen.classname = 'complete'; seuraava.classname = 'cool'; 18
19 DOM ja HTML-dokumentin white spaces o HTML dokumentissa peräkkäiset white space -merkit luhistetaan yhdeksi välilyönniksi o DOM-puussa selaimet käsittelevät tyhjätilamerkkejä eri tavoin sukulaissuhteita käytettäessä tähän joutuu kiinnittämään huomiota osa selaimista lisää HTML-dokumentin tyhjätilamerkeistä (välilyönnit, rivinvaihdot) DOM puuhun tekstisolmun solmun elementtityypin voi kysyä: oliomuuttuja nodename NodeName- muuttujan arvot samoja kuin tag-nimet, mutta isoin kirjaimin ( P, UL, DIV, jne.) var solmu = document.getelementbyid('two'); var edellinen = solmu.previoussibling; var seuraava = solmu.nextsibling; // Etsi li-sisarukset (ohita tyhjätilamerkit) while ((edellinen!= null) && (edellinen.nodename!= 'LI')){ edellinen = edellinen.previoussibling; } while ((seuraava!= null) && (seuraava.nodename!= LI')){ seuraava = seuraava.nextsibling; } // jos li-sisarukset löytyivat, muuta niiden luokka if (edellinen!= null) { edellinen.classname = 'complete'; } if (seuraava!= null) { seuraava.classname = 'cool'; } 19
20 DOM ja HTML-dokumentin white spaces o HTML dokumentissa peräkkäiset white space -merkit luhistetaan HTML dokumentissa yhdeksi välilyönniksi o DOMissa selaimet käsittelevät tyhjätilamerkkejä eri tavoin sukulaissuhteita käytettäessä tähän joutuu kiinnittämään huomiota osa selaimista lisää HTML-dokumentin tyhjätilamerkeistä (välilyönnit, rivinvaihdot) DOM puuhun tekstisolmun solmun elementtityypin voi kysyä (oliomuuttuja nodename) 20
21 Tekstisolmun sisällön muuttaminen o Tekstisolmun sisältämään tekstiin pääsee käsiksi oliomuuttujalla nodevalue // noudetaan ensin solmu jolla on tekstisisältöä // tekstisolmu on sen solmun lapsi var solmu = document.getelementbyid('two'); var txt = solmu.firstchild.nodevalue; solmu.firstchild.nodevalue = txt + ' 150 gr'; 21
22 Listan ylimmän rivin teksti? o Kokoilemalla itse solmun eka ensimmäisen lapsenlapsen tekstisisältö + toisen lapsen tekstisisältö ei kovin yleispätevä keino o Oliomuuttuja textcontent sisältää alipuun tekstisisällön (ilman html-merkintöjä) 22
23 HTML-koodia elementin sisällöksi o innerhtml-ominaisuuden avulla voi elementtiin viedä HTML-koodia sitä voi käyttää mille tahansa elementille potentiaalinen turvallisuusriski (!) sen avulla ei pitäisi tuoda käyttäjältä sisältöä var eka = document.getelementbyid('one'); // hae elementti var msg1 = eka.firstchild.firstchild.nodevalue + eka.firstchild.nextsibling.nodevalue; var msg2 = eka.textcontent; // hae sen textcontent // Kirjoita nämä kappaleiksi listan alle var msg = '<p>elementin \'eka\' tekstit itse keräiltynä: ' + msg1 + '</p>'; msg += '<p>elementin \'eka\' textcontent: ' + msg2 + '</p>'; var el = document.getelementbyid('tulostusalue'); // viedään html-koodipalan kappaleet tulostusalue-elementin sisällöksi el.innerhtml = msg; 23
24 Solmun tekstisisältö o Sijoittaminen oliomuuttujaan textcontent ylikirjoittaa koko elementin sisällön // noudetaan ensin solmu, ja sitten solmun, sekä // sen alipuun tekstit yhteen koottuna var solmu = document.getelementbyid('one'); var txt = solmu.textcontent; solmu.textcontent = txt + ' 150 gr'; 24
25 Elementtisolmun lisäys o createelement(), createtextnode() ja appendchild() luodaan ensin uusi elementtisolmu (ja mahdollisesti uusi tekstisolmu, joka viedään lapseksi elementtisolmulle) ja liitetään solmu DOM-puuhun jonkun solmun lapseksi // luodaan uusi elementtisolmu ja tallennetaan se muuttujaan var el = document.createelement('li'); // Luodaan uusi tekstisolmu ja tallennetaan muuttujaan var txt = document.createtextnode('smetanaa'); // Liitetaan tekstisolmu uuden elementin lapseksi el.appendchild(txt); // haetaan äiti, jolle uusi elementti halutaan viedä var aiti = document.getelementsbytagname('ul')[0]; // lisataan uusi elementti puuhun aiti.appendchild(el); 25
26 Elementtisolmun poisto o removechild() kun elementtisolmu poistetaan DOM-puusta, häviävät myös sen lapset // haetaan poistettava elementtisolmu var el = document.getelementsbytagname('li')[3]; // hae sen aiti var aiti = el.parentnode; // poista elementti aiti.removechild(el); 26
27 Attribuuttien käsittely o Kun elementtisolmu on noudettu, voi sen attribuutteja käsitellä oliomuuttujien: classname ja id kautta (kuten edellisissä esimerkeissä tehtiin) kysyä attribuutin olemassaoloa metodilla: hasattribute(), ja sen arvoa metodilla getattribute() var el1 =document.getelementbyid('one'); // Noudetaan elementti if (el1.hasattribute('class')) { // jos sillä on luokka var attr = el1.getattribute('class'); // attribuutti, tallenna // attribuutin arvo // lisaa tulostualueelle kappale, jossa kerrotaan luokan nimi var uusiel = document.getelementbyid('tulostusalue'); uusiel.innerhtml = '<p>the first item has a class name: ' + attr + '</p>'; } 27
28 Attribuutin muuttaminen ja poistaminen o Elementtisolmun attribuutin voi lisätä tai sen arvon muuttaa metodilla setattribute() ja poistaa metodilla removeattribute() yritys poistaa olematonta attribuuttia ei johda virheeseen, mutta silti on hyvä käytäntö tarkistaa onko se olemassa ennen kuin yrittää poistaa sitä // annetaan listan viimeisellekin li-solmuelementille class-attribuutti hot var el = document.queryselector('li:last-child'); el.setattribute('class', 'hot'); // ja poistetaan luokka-attribuutti kokonaan listan ensimmäiseltä el = document.getelementsbytagname('li')[0]; if (el.hasattribute('class')) { el.removeattribute('class'); } // näinkin mahdollista tehdä suoraan document.getelementsbytagname('li')[1].setattribute('class','complete'); 28
JWT 2017 luento 6. to klo Aulikki Hyrskykari. PinniB Aulikki Hyrskykari
JWT 2017 luento 6 to 23.3.2017 klo 12-14 Aulikki Hyrskykari PinniB 1096 1 Viime luennolla o JavaScriptin perusteet Tänään o Edellisestä luennosta taulukoista, viittausalue-esimerkkejä DOM (Document Object
LisätiedotHelsingin yliopisto/tktl XML-metakieli XML:n-käsittely. XML:n käsittely ohjelmallisesti. XML:n käsittely ohjelmallisesti
XSLT+FO:n tarjoamat mahdollisuudet XMLdatan käsittelyyn eivät aina ole riittäviä: Tietojen käsittely on vuorovaikutteista Tietojen käsittely on kaksisuuntaista, ei vain datan esittämistä Esitysvälineiden
LisätiedotDigitaalisen median tekniikat. Luento 4: JavaScript
Digitaalisen median tekniikat Luento 4: JavaScript Luennot 1. Intro 2. XHTML 3. CSS 4. JavaScript Historia Syntaksi Dom Esimerkki: kuvagalleria 5. JavaScript-kirjastot & AJAX 6. Käytettävyys & saavutettavuus
Lisätiedot11 Lyhyesti XML-sovellusohjelmoinnista
11 Lyhyesti XML-sovellusohjelmoinnista Jos sopivaa XML-sovellusta ei löydy valmiina, voi sellaisen ohjelmoida itse. XML-sovellusohjelmointi ei oleellisesti poikkea "muusta sovellusohjelmoinnista"; kyse
LisätiedotHTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.
HTML & CSS Antti Koivisto HTML (HyperText Markup Language)! HTML on sivujen kuvauskieli.! Se ei ole ohjelmointikieli.! HTML on merkintäkieli, joka koostuu monista merkintä tägeistä ().! Voidaan
LisätiedotAulikki Hyrskykari Antti Sand
30.4.2015 Aulikki Hyrskykari Antti Sand o Edellinen luento Oliot Built-in oliot ja for in o Tällä kertaa: JavaScript HTML ja DOM Tapahtumat ja tapahtumankäsittelijät HTML5 Canvas JavaScript-kirjastoista
LisätiedotJavascript 2: Ohjelmointikielen ominaisuudet. Jaana Holvikivi Metropolia
Javascript 2: Ohjelmointikielen ominaisuudet Jaana Holvikivi Metropolia HTML - sivun rakenne ja osiot HTML HEAD STYLE SCRIPT STYLEsheet Javascript file BODY Javascript
LisätiedotOlion ominaisuuksiin ja metodeihin viitataan pistenotaatiolla:
2.5.2013 Aulikki Hyrskykari Javascript DOM jquery Oliot ovat kokoelmia piirteitä; piirteet voivat olla joko o ominaisuuksia (properties, perustietotyyppejä tai edelleen olioita) tai o metodeja (methods,
LisätiedotLuento 7: XML-ohjelmointirajapinnat
Luento 7: XML-ohjelmointirajapinnat AS-0.110 XML-kuvauskielten perusteet Janne Kalliola 1 XML-ohjelmointirajapinnat Document Object Model (DOM) käyttö rakenne ja versiot perusrajapinnat rajapinnat tarkemmin
LisätiedotTietorakenteet, laskuharjoitus 7, ratkaisuja
Tietorakenteet, laskuharjoitus, ratkaisuja. Seuraava kuvasarja näyttää B + -puun muutokset lisäysten jälkeen. Avaimet ja 5 mahtuvat lehtisolmuihin, joten niiden lisäys ei muuta puun rakennetta. Avain 9
LisätiedotAlgoritmit 2. Luento 4 Ke Timo Männikkö
Algoritmit 2 Luento 4 Ke 22.3.2017 Timo Männikkö Luento 4 Hajautus Yhteentörmäysten käsittely Avoin osoitteenmuodostus Hajautusfunktiot Puurakenteet Solmujen läpikäynti Algoritmit 2 Kevät 2017 Luento 4
LisätiedotAlgoritmit 1. Luento 7 Ti Timo Männikkö
Algoritmit 1 Luento 7 Ti 31.1.2017 Timo Männikkö Luento 7 Järjestetty binääripuu Binääripuiden termejä Binääripuiden operaatiot Solmun haku, lisäys, poisto Algoritmit 1 Kevät 2017 Luento 7 Ti 31.1.2017
LisätiedotSisältö. XML, XHTML ja CSS XML XML. XML:n ja HTML:n ero. XML kieliä XML XHTML CSS XSL. T Hypermediadokumentin laatiminen 2002
, XHTML ja CSS T-111.361 Hypermediadokumentin laatiminen 2002 XHTML CSS XSL Sisältö EXtensible Markup Language W3C Recommendation helmikuu 1998 SGML:n osajoukko Standard Generalized Markup Language Kevyempi
LisätiedotWWW-ohjelmoinnin kokonaisuus. WWW-OHJELMOINTI 1 Merkkauskielet. Merkkauskielten idea. Merkkauskielet (markup languages) Merkkauskielten merkitys
WWW-OHJELMOINTI 1 WWW-ohjelmoinnin kokonaisuus SGML, XML, HTML WWW-selaimen sovellusohjelmointi WWW-palvelimen sovellusohjelmointi Eero Hyvönen Tietojenkäsittelytieteen laitos Helsingin yliopisto 26.10.2000
LisätiedotJWT 2016 luento 11. to 21.4.2016 klo 14-15. Aulikki Hyrskykari. PinniB 1097. Aulikki Hyrskykari
JWT 2016 luento 11 to 21.4.2016 klo 14-15 Aulikki Hyrskykari PinniB 1097 1 Viime luennolla o AJAX ja JSON, harjoitustyön tehtävänanto, vierailuluento avoimesta datasta Tänään o APIt rajapinnoista yleisesti
LisätiedotAlgoritmit 2. Luento 4 To Timo Männikkö
Algoritmit 2 Luento 4 To 21.3.2019 Timo Männikkö Luento 4 Hajautus Yhteentörmäysten käsittely Avoin osoitteenmuodostus Hajautusfunktiot Puurakenteet Solmujen läpikäynti Algoritmit 2 Kevät 2019 Luento 4
LisätiedotOhjelmoinnin perusteet Y Python
Ohjelmoinnin perusteet Y Python T-106.1208 25.2.2009 T-106.1208 Ohjelmoinnin perusteet Y 25.2.2009 1 / 34 Syötteessä useita lukuja samalla rivillä Seuraavassa esimerkissä käyttäjä antaa useita lukuja samalla
LisätiedotA274101 TIETORAKENTEET JA ALGORITMIT
A274101 TIETORAKENTEET JA ALGORITMIT PUURAKENTEET, BINÄÄRIPUU, TASAPAINOTETUT PUUT MIKÄ ON PUUTIETORAKENNE? Esim. Viereinen kuva esittää erästä puuta. Tietojenkäsittelytieteessä puut kasvavat alaspäin.
LisätiedotJWT 2017 luento 10. to klo Aulikki Hyrskykari. PinniB Aulikki Hyrskykari
JWT 2017 luento 10 to 20.4.2016 klo 12-14 Aulikki Hyrskykari PinniB 1096 1 Viime luennolla o Funktiot JavaScriptissä, callback, IIFE, sulkeumat ja Module pattern Tänään o AJAX (Asynchronous JavaScript
LisätiedotSisältö. 22. Taulukot. Yleistä. Yleistä
Sisältö 22. Taulukot Yleistä. Esittely ja luominen. Alkioiden käsittely. Kaksiulotteinen taulukko. Taulukko metodin parametrina. Taulukko ja HelloWorld-ohjelma. Taulukko paluuarvona. 22.1 22.2 Yleistä
LisätiedotTehtävän V.1 ratkaisuehdotus Tietorakenteet, syksy 2003
Tehtävän V.1 ratkaisuehdotus Tietorakenteet, syksy 2003 Matti Nykänen 5. joulukuuta 2003 1 Satelliitit Muunnetaan luennoilla luonnosteltua toteutusta seuraavaksi: Korvataan puusolmun p kentät p. key ja
LisätiedotCSS - tyylit. 13.11.2000 Seppo Räsänen
CSS - tyylit 13.11.2000 Seppo Räsänen Sivu 2 1 CSS-tyylit Dynaaminen HTML tai DHTML on standardi, joiden käyttöä tukevat uusimmat Netscapen ja Microsoftin selaimet. DHTML:n ominaisuuksia ovat tyylitiedostot
LisätiedotDigitaalisen median tekniikat css tyylimääritykset
Digitaalisen median tekniikat css tyylimääritykset 26.3.2004 Harri Laine 1 Sisällön ja ulkoasun erottaminen toisistaan tavoiteltavaa sama sisältö pitäisi voida esittää erilaisilla alustoilla esim. esittää
LisätiedotDigitaalisen median tekniikat css tyylimääritykset Harri Laine 1
Digitaalisen median tekniikat css tyylimääritykset 30.4.2004 Harri Laine 1 Sisällön ja ulkoasun erottaminen toisistaan tavoiteltavaa sama sisältö pitäisi voida esittää erilaisilla alustoilla esim. esittää
LisätiedotHelsingin yliopisto/tktl XML-metakieli XPath
XML-perusrakenteen ympärille on kehitetty tekniikoita ja standardeja kuvaamaan XML-rakenteisen tiedon käsittelyä sekä tietojen välisiä kytkentöjä. Näissä keskeinen tarve on pystyä osoittamaan operaatioiden
LisätiedotLuento 3. Jouni Ikonen - Jouni.Ikonen lut.fi
CT30A3200 - WWW-sovellukset Luento 3 Jouni Ikonen - Jouni.Ikonen lut.fi Kalvot Arto Hämäläisen kalvojen pohjalta 1 Jouni Ikonen HTML-lomakkeet HTML-lomakkeiden avulla voidaan WWW-sovelluksessa hakea käyttäjän
LisätiedotSisältö. 2. Taulukot. Yleistä. Yleistä
Sisältö 2. Taulukot Yleistä. Esittely ja luominen. Alkioiden käsittely. Kaksiulotteinen taulukko. Taulukko operaation parametrina. Taulukko ja HelloWorld-ohjelma. Taulukko paluuarvona. 2.1 2.2 Yleistä
LisätiedotAJAX-konsepti AJAX. Asynkronisuus. Nykyisten web-ohjelmien ongelmia. Asynchronous JavaScript And XML
AJAX-konsepti AJAX Asynchronous JavaScript And XML Viimeisin muoti-ilmiö web-ohjelmoinissa, termi Ajax tuli käyttöön vuoden 2005 aikana Joukko teknologioita, joiden avulla voidaan toteuttaa uudenlaisen
LisätiedotYleistä. Nyt käsitellään vain taulukko (array), joka on saman tyyppisten muuttujien eli alkioiden (element) kokoelma.
2. Taulukot 2.1 Sisältö Yleistä. Esittely ja luominen. Alkioiden käsittely. Kaksiulotteinen taulukko. Taulukko operaation parametrina. Taulukko ja HelloWorld-ohjelma. Taulukko paluuarvona. 2.2 Yleistä
LisätiedotAlgoritmit 2. Luento 6 Ke Timo Männikkö
Algoritmit 2 Luento 6 Ke 29.3.2017 Timo Männikkö Luento 6 B-puun operaatiot B-puun muunnelmia Nelipuu Trie-rakenteet Standarditrie Pakattu trie Algoritmit 2 Kevät 2017 Luento 6 Ke 29.3.2017 2/31 B-puu
LisätiedotLuento 3: Tietorakenteiden esittäminen
Luento 3: Tietorakenteiden esittäminen AS-0.110 XML-kuvauskielten perusteet Janne Kalliola Tietorakenteiden esittäminen XML-dokumentti puuna Muunnokset muodosta toiseen Perustietorakenteet listat puut
LisätiedotOhjelmoinnin perusteet Y Python
Ohjelmoinnin perusteet Y Python T-106.1208 15.3.2010 T-106.1208 Ohjelmoinnin perusteet Y 15.3.2010 1 / 56 Tiedostoista: tietojen tallentaminen ohjelman suorituskertojen välillä Monissa sovelluksissa ohjelman
LisätiedotInternet-pohjaisen oppimisympäristön laadinta. Luento 3
Internet-pohjaisen oppimisympäristön laadinta Luento 3 Aiheena tänään Toteutustekniikoista yleisesti Selainriippumattomuudesta Hot Potatoes -ohjelmasta JavaScriptin perusteista 31.01.2013 IPOPPLA 2 Toteutustekniikoista
LisätiedotAlgoritmit 2. Luento 6 To Timo Männikkö
Algoritmit 2 Luento 6 To 28.3.2019 Timo Männikkö Luento 6 B-puun operaatiot Nelipuu Trie-rakenteet Standarditrie Pakattu trie Algoritmit 2 Kevät 2019 Luento 6 To 28.3.2019 2/30 B-puu 40 60 80 130 90 100
LisätiedotDOORS Word DOORS 29.04.2004. SoftQA Pekka Mäkinen Pekka.Makinen@softqa.fi
DOORS Word DOORS 29.04.2004 SoftQA Pekka Mäkinen Pekka.Makinen@softqa.fi Tietojen siirto DOORSista ja DOORSiin Yhteistyökumppaneilla ei välttämättä ole käytössä Telelogic DOORS -ohjelmistoa, jolloin vaatimusten
LisätiedotTaulukot. Jukka Harju, Jukka Juslin 2006 1
Taulukot Jukka Harju, Jukka Juslin 2006 1 Taulukot Taulukot ovat olioita, jotka auttavat organisoimaan suuria määriä tietoa. Käsittelylistalla on: Taulukon tekeminen ja käyttö Rajojen tarkastus ja kapasiteetti
LisätiedotXML prosessori. XML prosessointi. XML:n kirjoittaminen. Validoiva jäsennin. Tapahtumaohjattu käsittely. Tapahtumaohjattu käsittely.
XML prosessointi Miten XML dokumentteja luetaan ja kirjoitetaan XML prosessori lukee ja välittää XML dokumentin sovellukselle. Se sisältää entieettikäsittelijän (mahdollisesti) XML jäsentimen Sovellus
LisätiedotDigitaalisen median tekniikat css tyylimääritykset
Digitaalisen median tekniikat css tyylimääritykset 18.9.2007 Harri Laine 1 Sisällön ja ulkoasun erottaminen toisistaan tavoiteltavaa sama sisältö pitäisi voida esittää erilaisilla alustoilla esim. esittää
LisätiedotAlgoritmit 1. Luento 6 Ke Timo Männikkö
Algoritmit 1 Luento 6 Ke 25.1.2017 Timo Männikkö Luento 6 Järjestetty lista Listan toteutus dynaamisesti Linkitetyn listan operaatiot Vaihtoehtoisia listarakenteita Puurakenteet Binääripuu Järjestetty
LisätiedotInformaatioteknologian laitos Olio-ohjelmoinnin perusteet / Salo 15.2.2006
TURUN YLIOPISTO DEMO III Informaatioteknologian laitos tehtävät Olio-ohjelmoinnin perusteet / Salo 15.2.2006 1. Tässä tehtävässä tarkastellaan erääntyviä laskuja. Lasku muodostaa oman luokkansa. Laskussa
LisätiedotOhjelmoinnin perusteet Y Python
Ohjelmoinnin perusteet Y Python T-106.1208 17.2.2010 T-106.1208 Ohjelmoinnin perusteet Y 17.2.2010 1 / 41 Sanakirja Monissa sovelluksissa on tallennettava rakenteeseen avain arvo-pareja. Myöhemmin rakenteesta
LisätiedotAlgoritmit 2. Luento 2 Ke Timo Männikkö
Algoritmit 2 Luento 2 Ke 15.3.2017 Timo Männikkö Luento 2 Tietorakenteet Lineaarinen lista, binääripuu Prioriteettijono Kekorakenne Keko-operaatiot Keon toteutus taulukolla Algoritmit 2 Kevät 2017 Luento
Lisätiedot811312A Tietorakenteet ja algoritmit, , Harjoitus 5, Ratkaisu
1312A Tietorakenteet ja algoritmit, 2018-2019, Harjoitus 5, Ratkaisu Harjoituksen aihe ovat hash-taulukot ja binääriset etsintäpuut Tehtävä 5.1 Tallenna avaimet 10,22,31,4,15,28,17 ja 59 hash-taulukkoon,
LisätiedotList-luokan soveltamista. Listaan lisääminen Listan läpikäynti Listasta etsiminen Listan sisällön muuttaminen Listasta poistaminen Listan kopioiminen
1 List-luokan soveltamista List-luokan metodeja Listaan lisääminen Listan läpikäynti Listasta etsiminen Listan sisällön muuttaminen Listasta poistaminen Listan kopioiminen 1 List-luokan metodeja List-luokan
LisätiedotFormaalit menetelmät: Kirjaston formalisointi Z-kuvauskielellä
Formaalit menetelmät: Kirjaston formalisointi Z-kuvauskielellä 7.5.2002 Annemari Auvinen Anu Niemi Sisällysluettelo 1 Perustana olevat käyttötapaukset... 1 1.1 Käyttäjäryhmät... 1 1.2 Järjestelmään sisäänkirjautuminen...
LisätiedotAlgoritmit 2. Luento 2 To Timo Männikkö
Algoritmit 2 Luento 2 To 14.3.2019 Timo Männikkö Luento 2 Tietorakenteet Lineaarinen lista, binääripuu Prioriteettijono Kekorakenne Keko-operaatiot Keon toteutus taulukolla Algoritmit 2 Kevät 2019 Luento
LisätiedotJava-kielen perusteet
Java-kielen perusteet String-merkkijonoluokka 1 Ohjelmointikielten merkkijonot Merkkijonot ja niiden käsittely on välttämätöntä ohjelmoinnissa Valitettavasti ohjelmointikielten tekijät eivät tätä ole ottaneet
LisätiedotAjax ja sen käyttö peliohjelmoinnissa
Metropolia Ammattikorkeakoulu Tietotekniikan koulutusohjelma Kari Pajunen Ajax ja sen käyttö peliohjelmoinnissa Insinöörityö 12.4.2010 Ohjaava opettaja: yliopettaja Kirsti Äystö Metropolia Ammattikorkeakoulu
LisätiedotInternet-pohjaisen oppimisympäristön laadinta. Luento 4
Internet-pohjaisen oppimisympäristön laadinta Luento 4 Aiheena tänään JavaScript jquery HTML5 Ääni, video Web Storage Evästeet Kertausta 05.02.2015 IPOPPLA 2 JavaScript - DOM-malli Tapa päästä käsiksi
Lisätiedot811312A Tietorakenteet ja algoritmit, , Harjoitus 5, Ratkaisu
1312A Tietorakenteet ja algoritmit, 2016-2017, Harjoitus 5, Ratkaisu Harjoituksen aihe ovat hash-taulukot ja binääriset etsintäpuut Tehtävä 5.1 Tallenna avaimet 10,22,31,4,15,28,17 ja 59 hash-taulukkoon,
LisätiedotHarjoitustyö: virtuaalikone
Harjoitustyö: virtuaalikone Toteuta alla kuvattu virtuaalikone yksinkertaiselle olio-orientoituneelle skriptauskielelle. Paketissa on testaamista varten mukana kaksi lyhyttä ohjelmaa. Ohjeita Noudata ohjelman
LisätiedotOhjelmoinnin perusteet Y Python
Ohjelmoinnin perusteet Y Python T-106.1208 2.3.2009 T-106.1208 Ohjelmoinnin perusteet Y 2.3.2009 1 / 28 Puhelinluettelo, koodi def lue_puhelinnumerot(): print "Anna lisattavat nimet ja numerot." print
LisätiedotBinäärihaun vertailujärjestys
Järjestetyn sanakirjan tehokas toteutus: binäärihaku Binäärihaku (esimerkkikuassa aain = nimi) op Eea 5 op 5 op op 8 op 5 6 7 8 op Eea 5 op 5 op op 8 op 5 6 7 8 op Eea 5 op 5 op op 8 op 5 6 7 8 op Eea
LisätiedotAlgoritmit 2. Luento 9 Ti Timo Männikkö
Algoritmit 2 Luento 9 Ti 17.4.2018 Timo Männikkö Luento 9 Merkkitiedon tiivistäminen Huffmanin koodi LZW-menetelmä Taulukointi Editointietäisyys Algoritmit 2 Kevät 2018 Luento 9 Ti 17.4.2018 2/29 Merkkitiedon
Lisätiedotv 1 v 2 v 3 v 4 d lapsisolmua d 1 avainta lapsen v i alipuun avaimet k i 1 ja k i k 0 =, k d = Sisäsolmuissa vähint. yksi avain vähint.
Yleiset hakupuut 4 Monitiehakupuu: Binäärihakupuu 0 1 3 5 6 7 8 v k 1 k k 3 v v 3 v 4 k 1 k 3 k 1 k k k 3 d lapsisolmua d 1 avainta Yleinen hakupuu? Tietorakenteet, syksy 007 1 Esimerkki monitiehakupuusta
LisätiedotH T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki 13.9.2006
H T M L eli kuinka laadin itselleni päheät kotisivut Janne Käki 13.9.2006 Mikä ihmeen HTML? HyperText Markup Language hypertekstiä eli toisiinsa linkitettyjä dokumentteja merkintäkieli, perustuu erilaisiin
Lisätiedotprivate TreeMap<String, Opiskelija> nimella; private TreeMap<String, Opiskelija> numerolla;
Tietorakenteet, laskuharjoitus 7, ratkaisuja 1. Opiskelijarekisteri-luokka saadaan toteutetuksi käyttämällä kahta tasapainotettua binäärihakupuuta. Toisen binäärihakupuun avaimina pidetään opiskelijoiden
LisätiedotMITÄ JAVASCRIPT ON?...3
JavaScript MITÄ JAVASCRIPT ON?...3 YLEISTÄ JAVASCRIPTIN SYNTAKSISTA...3 KÄSKYSANAT JA MUUT VARATUT SANAT...3 MUUTTUJIEN, FUNKTIOIDEN JA LUOKKIEN NIMISSÄ...3 HTML-TAGEIHIN VIITTAAVISSA METODINIMISSÄ...3
LisätiedotOhjelmoinnin perusteet Y Python
Ohjelmoinnin perusteet Y Python T-106.1208 11.2.2009 T-106.1208 Ohjelmoinnin perusteet Y 11.2.2009 1 / 33 Kertausta: listat Tyhjä uusi lista luodaan kirjoittamalla esimerkiksi lampotilat = [] (jolloin
LisätiedotTietokanta.java Luokka tarjoaa välineet tietokannan lukemiseen. Haetuista tiedoista muodostetaan kurssi- ja opetus-olioita.
Arkkitehtuurikuvaus Käytössä olevat java-luokat: Kansio: /WEB_INF/classes/ - käännetyt luokat Kansio: /WEB_INF/src/ - lähdekoodi custom_pojos: Kurssi.java Java-luokka, jonka sisältö vastaa tietokannassa
LisätiedotMiten käydä läpi puun alkiot (traversal)?
inääripuut ieman lisää aidon binääripuun ominaisuuksia lehtisolmuja on yksi enemmän kuin sisäsolmuja inääripuut tasolla d on korkeintaan 2 d solmua pätee myös epäaidolle binääripuulle taso 0: 2 0 = 1 solmu
LisätiedotOhjelmoinnin peruskurssi Y1
Ohjelmoinnin peruskurssi Y1 CS-A1111 16.10.2019 CS-A1111 Ohjelmoinnin peruskurssi Y1 16.10.2019 1 / 25 Oppimistavoitteet: tämän luennon jälkeen Tunnet erilaisia tapoja käsitellä merkkijonoja. Osaat esimerkiksi
LisätiedotXHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa:
XHTML - harjoitus Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa Tiedoston tallennus notepad (muistio) ohjelmassa: Jokaisen XHTML-dokumentin tulisi alkaa XML-määrittelyllä(engl.XML-prologue),
LisätiedotA274101 TIETORAKENTEET JA ALGORITMIT
A274101 TIETORAKENTEET JA ALGORITMIT PERUSTIETORAKENTEET LISTA, PINO, JONO, PAKKA ABSTRAKTI TIETOTYYPPI Tietotyyppi on abstrakti, kun se on määritelty (esim. matemaattisesti) ottamatta kantaa varsinaiseen
LisätiedotAlgoritmit 1. Luento 8 Ke Timo Männikkö
Algoritmit 1 Luento 8 Ke 1.2.2017 Timo Männikkö Luento 8 Järjestetty binääripuu Solmujen läpikäynti Binääripuun korkeus Binääripuun tasapainottaminen Graafit ja verkot Verkon lyhimmät polut Fordin ja Fulkersonin
LisätiedotAlgoritmit 2. Luento 3 Ti Timo Männikkö
Algoritmit 2 Luento 3 Ti 21.3.2017 Timo Männikkö Luento 3 Järjestäminen eli lajittelu Kekorakenne Kekolajittelu Hajautus Yhteentörmäysten käsittely Ketjutus Algoritmit 2 Kevät 2017 Luento 3 Ti 21.3.2017
LisätiedotKotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne
Kotisivuohjeet Tässä ohjeessa käydään läpi kotisivujen tekemisen perusteet keskittyen html-koodiin ja sen ominaisuuksiin. Sivupohjissa ulkoasu ja rakenne on pääasiassa jaettu erilliseen css-tyylitiedostoon,
LisätiedotOhjelmoinnin peruskurssi Y1
Ohjelmoinnin peruskurssi Y1 CS-A1111 4.10.2017 CS-A1111 Ohjelmoinnin peruskurssi Y1 4.10.2017 1 / 23 Mahdollisuus antaa luentopalautetta Luennon aikana voit kirjoittaa kommentteja ja kysymyksiä sivulle
LisätiedotSisällys. 18. Abstraktit tietotyypit. Johdanto. Johdanto
Sisällys 18. bstraktit tietotyypit Johdanto abstrakteihin tietotyyppeihin. Pino ja jono. Linkitetty lista. Pino linkitetyllä listalla toteutettuna. 18.1 18.2 Johdanto Javan omat tietotyypit ovat jo tuttuja:
LisätiedotAlgoritmit 2. Luento 3 Ti Timo Männikkö
Algoritmit 2 Luento 3 Ti 20.3.2018 Timo Männikkö Luento 3 Järjestäminen eli lajittelu Kekorakenne Kekolajittelu Hajautus Yhteentörmäysten käsittely Ketjutus Algoritmit 2 Kevät 2018 Luento 3 Ti 20.3.2018
LisätiedotIDL - proseduurit. ATK tähtitieteessä. IDL - proseduurit
IDL - proseduurit 25. huhtikuuta 2017 Viimeksi käsiteltiin IDL:n interaktiivista käyttöä, mutta tämä on hyvin kömpelöä monimutkaisempia asioita tehtäessä. IDL:llä on mahdollista tehdä ns. proseduuri-tiedostoja,
LisätiedotDigitaalisen median tekniikat JavaScript_osa Harri Laine 1
Digitaalisen median tekniikat JavaScript_osa2 7.4.2004 Harri Laine 1 JavaScript oliot JavaScriptissä voidaan määritellä myös luokkia ja olioita. Luokka määritellään konstruktorifunktion avulla function
LisätiedotHelsingin yliopisto, Tietojenkäsittelytieteen laitos Ohjelmistotuotanto, kurssikoe , H. Laine Arvostelu
Helsingin yliopisto, Tietojenkäsittelytieteen laitos Ohjelmistotuotanto, kurssikoe 15.11.2002, H. Laine Arvostelu Arvostelu kannattaa tehdä siten että maksimipistemäärä on 6 pistettä. On sitä helpompaa
LisätiedotATK tähtitieteessä. Osa 3 - IDL proseduurit ja rakenteet. 18. syyskuuta 2014
18. syyskuuta 2014 IDL - proseduurit Viimeksi käsiteltiin IDL:n interaktiivista käyttöä, mutta tämä on hyvin kömpelöä monimutkaisempia asioita tehtäessä. IDL:llä on mahdollista tehdä ns. proseduuri-tiedostoja,
LisätiedotOhjelmoinnin perusteet Y Python
Ohjelmoinnin perusteet Y Python T-106.1208 10.2.2010 T-106.1208 Ohjelmoinnin perusteet Y 10.2.2010 1 / 43 Kertausta: listat Tyhjä uusi lista luodaan kirjoittamalla esimerkiksi lampotilat = [] (jolloin
LisätiedotSQL-perusteet, SELECT-, INSERT-, CREATE-lauseet
SQL-perusteet, SELECT-, INSERT-, CREATE-lauseet A271117, Tietokannat Teemu Saarelainen teemu.saarelainen@kyamk.fi Lähteet: Leon Atkinson: core MySQL Ari Hovi: SQL-opas TTY:n tietokantojen perusteet-kurssin
LisätiedotOlio-ohjelmointi Syntaksikokoelma
C++-kielen uusia ominaisuuksia Olio-ohjelmointi Syntaksikokoelma 31.10.2008 Bool-tietotyyppi: Totuusarvo true (1), jos ehto on tosi ja false (0) jos ehto epätosi. Dynaaminen muistinvaraus: Yhden muuttuja
LisätiedotVisma Fivaldi -käsikirja Asiakaskohtaiset hinnat
Visma Fivaldi -käsikirja Asiakaskohtaiset hinnat 2 Sisällys 1 Yleistä... 3 2 Ylävalikko... 4 3 Vasemman laidan painikkeet... 5 4 Erikoishinnoittelut ruutu... 6 5 Raportit... 12 1 Yleistä Fivaldi Asiakaskohtaiset
LisätiedotAulikki Hyrskykari. JWT Hyrskykari, SIS, Tampereen yliopisto 4/23/2014
15.4.2014 Aulikki Hyrskykari JWT 2014 @Aulikki Hyrskykari, SIS, Tampereen yliopisto o Edellinen luento Asemoinnista Mukautuva suunnittelu responsiivinen suunnittelu Sommitteluruudukkojen käyttö layout
LisätiedotHTML ja CSS. Tästä se lähtee: portfolio-sivusto. Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot.
HTML ja CSS Tästä se lähtee: portfolio-sivusto Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot. index.html Sivuston pääsivu, joka avautuu selaimeen ensimmäisenä sivujen
Lisätiedot1.1 Pino (stack) Koodiluonnos. Graafinen esitys ...
1. Tietorakenteet Tietorakenteet organisoivat samankaltaisten olioiden muodostaman tietojoukon. Tämä järjestys voidaan saada aikaan monin tavoin, esim. Keräämällä oliot taulukkoon. Liittämällä olioihin
LisätiedotLaajuus 5 op Luennot: 12 x 2t Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus
Laajuus 5 op Luennot: 12 x 2t 11.3.2014 29.4.2014 Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus Lähiopetuksen jäkeen harjoitustyö ja tentti Aulikki Hyrskykari
LisätiedotAlgoritmit 2. Luento 5 Ti Timo Männikkö
Algoritmit 2 Luento 5 Ti 28.3.2017 Timo Männikkö Luento 5 Puurakenteet B-puu B-puun korkeus B-puun operaatiot Algoritmit 2 Kevät 2017 Luento 5 Ti 28.3.2017 2/29 B-puu Algoritmit 2 Kevät 2017 Luento 5 Ti
LisätiedotAulikki Hyrskykari. CSS Taustaa CSS syntaksi CSS Valitsimet Kuvat verkkosivulla
4.4.2013 Aulikki Hyrskykari CSS Taustaa CSS syntaksi CSS Valitsimet Kuvat verkkosivulla Tyylipohjakieli Nimi tulee piirteiden putousmaisesta periytymisestä o cascade = vesiputous o tyylipiirteet periytyvät
Lisätiedot815338A Ohjelmointikielten periaatteet Harjoitus 3 vastaukset
815338A Ohjelmointikielten periaatteet 2015-2016. Harjoitus 3 vastaukset Harjoituksen aiheena ovat imperatiivisten kielten muuttujiin liittyvät kysymykset. Tehtävä 1. Määritä muuttujien max_num, lista,
LisätiedotH T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki
H T M L eli kuinka laadin itselleni päheät kotisivut Janne Käki 13.9.2006 Mikä ihmeen HTML? HyperText Markup Language hypertekstiä eli toisiinsa linkitettyjä dokumentteja merkintäkieli, perustuu erilaisiin
LisätiedotLuku 8. Aluekyselyt. 8.1 Summataulukko
Luku 8 Aluekyselyt Aluekysely on tiettyä taulukon väliä koskeva kysely. Tyypillisiä aluekyselyitä ovat, mikä on taulukon välin lukujen summa tai pienin luku välillä. Esimerkiksi seuraavassa taulukossa
LisätiedotVerkkosivut perinteisesti. Tanja Välisalo 11.2.2009
Verkkosivut perinteisesti Tanja Välisalo 11.2.2009 WWW-sivujen vieminen omaan kotisivutilaan yliopiston mikroverkossa https://salasana.jyu.fi Klikkaa painiketta Activate WWW Klikkaa painiketta Activate
LisätiedotOhjelmoinnin perusteet Y Python
Ohjelmoinnin perusteet Y Python T-106.1208 9.2.2009 T-106.1208 Ohjelmoinnin perusteet Y 9.2.2009 1 / 35 Listat Esimerkki: halutaan kirjoittaa ohjelma, joka lukee käyttäjältä 30 lämpötilaa. Kun lämpötilat
LisätiedotWWW-Sivustojen suunnittelu. Miten WWW toimii. Suunnittelun lähtökohdat 14.10.2010
WWW-Sivustojen suunnittelu Miten WWW toimii Web-selain hakee Web-sivun HTML-kielisen kuvauksen Sivuun liittyvät kuvat (jpeg, gif, png) Sivuun liittyvät muut elementit Palvelimen URL-osoite esim. http://www.metropolia.fi
LisätiedotWWW-Sivustojen suunnittelu
WWW-Sivustojen suunnittelu Miten WWW toimii Web-selain hakee Web-sivun HTML-kielisen kuvauksen Sivuun liittyvät kuvat (jpeg, gif, png) Sivuun liittyvät muut elementit Palvelimen URL-osoite esim. http://www.metropolia.fi
LisätiedotOhjelmoinnin peruskurssi Y1
Ohjelmoinnin peruskurssi Y1 CS-A1111 10.10.2018 CS-A1111 Ohjelmoinnin peruskurssi Y1 10.10.2018 1 / 20 Oppimistavoitteet: tämän luennon jälkeen Tiedät, miten ohjelman toimintaa voi tutkia ja ohjelmassa
LisätiedotAlgoritmit 2. Luento 11 Ti Timo Männikkö
Algoritmit 2 Luento 11 Ti 24.4.2018 Timo Männikkö Luento 11 Rajoitehaku Kapsäkkiongelma Kauppamatkustajan ongelma Paikallinen etsintä Lyhin virittävä puu Vaihtoalgoritmit Algoritmit 2 Kevät 2018 Luento
LisätiedotXML, XHTML ja CSS. T-111.361 Hypermediadokumentin laatiminen. Mikko Pohja
XML, XHTML ja CSS T-111.361 Hypermediadokumentin laatiminen Mikko Pohja Sisältö XML Yleensä Eri kieliä XHTML CSS XSL XML EXtensible Markup Language W3C Recommendation helmikuu 1998 SGML:n osajoukko Standard
Lisätiedot18. Abstraktit tietotyypit 18.1
18. Abstraktit tietotyypit 18.1 Sisällys Johdanto abstrakteihin tietotyyppeihin. Pino ja jono. Linkitetty lista. Pino linkitetyllä listalla toteutettuna. 18.2 Johdanto Javan omat tietotyypit ovat jo tuttuja:
LisätiedotHohde Consulting 2004
Luento 5: XQuery AS-0.110 XML-kuvauskielten perusteet Janne Kalliola XQuery XQuery uudet funktiot sekvenssit muuttujat Iterointi järjestys suodatus järjestäminen Ehtorakenteet Muita toimintoja www.hohde.com
LisätiedotAlgoritmit 2. Luento 5 Ti Timo Männikkö
Algoritmit 2 Luento 5 Ti 26.3.2019 Timo Männikkö Luento 5 Puurakenteet B-puu B-puun korkeus B-puun operaatiot B-puun muunnelmia Algoritmit 2 Kevät 2019 Luento 5 Ti 26.3.2019 2/34 B-puu B-puut ovat tasapainoisia
Lisätiedot8 XSLT-muunnoskieli XSLT-muunnoskieli
8 XSLT-muunnoskieli 51 8 XSLT-muunnoskieli XML-dokumentti kuvaa siis vain tiedon sisältöä eikä määritä ulkoasua mitenkään. CSS on suunniteltu HTML-dokumenttien ulkoasun kuvaamiseen eli tiedon esittämiseen
LisätiedotDigitaalisen median tekniikat JavaScript
Digitaalisen median tekniikat JavaScript 5.4.2004 Harri Laine 1 JavaScript ent. LiveScript (Netscape), muunnelma JScript (Microsoft) yhteensopivat yksinkertaisissa asioissa, aiemmin yhteensopimattomat
LisätiedotDigitaalisen median tekniikat JavaScript Harri Laine 1
Digitaalisen median tekniikat JavaScript 5.4.2004 Harri Laine 1 JavaScript ent. LiveScript (Netscape), muunnelma JScript (Microsoft) yhteensopivat yksinkertaisissa asioissa, aiemmin yhteensopimattomat
Lisätiedot