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/08/28 14:03]
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
  
 - Getting Started with Programming osuus tehty Code academyssä. - Getting Started with Programming osuus tehty Code academyssä.
 +Konsoli ei toiminut tässä.
 +
 +- Project: Choose Your Own Adventure! - osuus tehty.
 +Konsoli toimi oikein.
 +
 +- Keskustelulauta vilaistu
 +
 +- Functions osa tehty
 +
 +- '​For'​ Loops in JavaScript - osa tehty
 +
 +**2.9.2013**
 +
 +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 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:​**
 +
 +console.log(""​)
 +
 +prompt
 +
 +confirm
 +
 +**Ehtolause:​**
 +
 +if ()
 +
 +{
 +
 +else{
 +
 +}
 +
 +**Funktio**
 +var FunktionNimi = function (parametrin_nimi){
 +
 +};
 +
 +FunktionNimi ​
 +
 +**For Looppi** ​
 +
 +5.9
 +
 +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
 +
 +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!"; ?>
 +