meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
courses:ct30a3201:ilari_rantatalo [2013/09/05 12:18]
d0360099
courses:ct30a3201:ilari_rantatalo [2013/10/01 14:16] (current)
d0360099
Line 1: Line 1:
-28.8.2013+**28.8.2013**
  
 - Oppimispäiväkirja luotu - Oppimispäiväkirja luotu
Line 15: Line 15:
 - '​For'​ Loops in JavaScript - osa tehty - '​For'​ Loops in JavaScript - osa tehty
  
-2.9.2013+**2.9.2013**
  
 JS tehty. Osassa tehtäviä oli hankalia Bugeja. Muutenkaan Printtaus ei toiminut yleisesti joten hankalaa oli.  JS tehty. Osassa tehtäviä oli hankalia Bugeja. Muutenkaan Printtaus ei toiminut yleisesti joten hankalaa oli. 
  
-Oliot ja niihin liittyvät periytyminen oli pääosin uutta asiaa + Konstruktorit.+Oliot ja niihin liittyvät periytyminen oli pääosin uutta asiaa + Konstruktorit.Oliot vaikuttavat lisäksi monimutkaisilta. 
 + 
 +JS vaikuttaa mielenkiintoiselta,​ pythonista opitulla logiikalla sain suoritettua suurimman osan tehtävistä. Suurimpana erona näytti olevan syntaksi ja käyttö.  
 + 
 +Tässä muutamia komentoja muistin virkistämiseksi
  
 **JavaScript- komentoja:​** **JavaScript- komentoja:​**
Line 50: Line 54:
 5.9 5.9
  
-HTML ja CSS aloitettu:+HTML ja CSS aloitettu ​ja saatu valmiiksi: 
 + 
 + 
 +HTML vaikutti loogiselta. Kuitenkin CSS:ässä div:ien paikkojen asettelu aiheutti pieniä ongelmia. Siinä täytyy tulevaisuudessa olla tarkkana. Uutena asiana itselle tuli CSS linkkaus ja sivun muokkaus sen kautta. 
 Muistettavia asioita Muistettavia asioita
  
 Itsestään sulkeutuvat tagit, esim linkit ja kuvat. Itsestään sulkeutuvat tagit, esim linkit ja kuvat.
 +
 +css: syntax
 +
 +selector {
 +    property: value;
 +}
 +
 +linkkaus css tiedostoon:
 +<link type="​text/​css"​ rel="​stylesheet"​ href="​esimerkki.es"/>​
 +
 +Fonttien koko:
 +px = normaali ​
 +em = suhteellinen
 +
 +CSS: jos halutaan muokata vain tiettyä selektoria otetaan syvyys huomioon. esim div div p.
 +
 +* valitsee kaikki.
 +
 +**13.9.2013**
 +
 +JQuery tehty.
 +
 +
 +JQueryssä oli uutta minulle. Linkitys vaikutti loogiselta. En ennen ollut tiennytkään miten kyseisiä asioita voi tehdä.
 +
 +Muistettavia:​
 +
 +$(document).ready(function() {
 +   ​$('​div'​).mouseenter(function() {
 +       ​$(this).animate({
 +           ​height:​ '​+=10px'​
 +       });
 +       
 +Alkaa aina readyllä. Sitten kerrotaan mitä tapahtuu ja mistä.
 +
 +Hidet ja fadet vaikuttavat mielenkiitoisilta + muut sivunmuokkaukset joissa sivu muuttuu dynaamisesti.
 +
 +
 +**17.9.2013**
 +
 +Ensimmäinen harjoitus aloitettu. HTML ja CSS näyttäisi toimivan hyvin ja ne olivat suht helppo tehdä. Ne menivät myös läpi validoinnista .
 +JQuery ei jostain syystä suostu toimimaan, Yritin etsiä tähän vastausta Code academystä,​ mutta en onnistunut. Pitää kysyä tätä harkoissa.
 +
 +Vinkkinä olisi lisäksi FireBug:in käyttö. Tällä voi tarkastaa mikä ei toimi.
 +
 +Tämä oli unohtunut:
 +
 +<script type="​text/​javascript"​ src="​jquery-2.0.3.js"></​script>​
 +
 +Tämän voi linkata myös suoraan netin yli. Esimerkiksi goolen developmentin kautta, tämä on parempi tapa.
 +
 +Eli jQueryn importtaaminen oli unohtunut. Tätä ei tarvittu CA:ssa, mutta jatkossa tätä pitää käyttää.
 +
 +Lisäksi merkistö pitää määrittää:​
 +
 +<meta charset = "​utf-8">​
 +
 +**PHP**
 +
 +Huom tiedoston alussa index.php
 +PHP tulostus ruutuun
 +<?php echo "​I'​m learning PHP!"; ?>