Relevantum Oy
puh. 03 341 1111
kurssit@relevantum.fi

● Ilmoittautuminen
● Kurssit
● Yrityskohtaiset
    kurssit

● Yritysesittely
Tietoliikenteen, tietojärjestelmien ja digitaalisen median kursseja

HTML5, CSS3 ja jQuery -kurssi

Päivän aikana perehdytään aiheeseen rakentamalla HTML-sivu alusta loppuun. Sivun rakentamisessa keskitytään CSS3:n graafisiin ominaisuuksiin ja sivun rakenteen luomiseen luonnoksen (layout, sketch) pohjalta.

Aamupäivä keskittyy HTML5:n ja CSS3:n perusteisiin sekä HTML-sivun rakentamiseen. Iltapäivän aikana rakennettuun HTML-sivuun lisätään tuki erikokoisille näytöille (media query) sekä lisätään dynaamisuutta ja näyttävyyttä jQueryllä sekä CSS3-animaatioilla. Kurssin loppusuoralla esitellään modernit työkalut CSS:n tuottamiseen sekä demotaan käyttöliittymäkirjastoja sivunsuunnittelun helpottamiseksi.

Ajat ja kurssipaikat:

 19.12.2017, Tampere
 23.1.2018, Tampere
 20.2.2018, Tampere

>> Ilmoittautuminen >>   Kurssille voi ilmoittautua vielä kurssia edeltävänä aamupäivänä. Ilmoittautuminen käy joko lomakkeella, sähköpostilla: kurssit@relevantum.fi tai puhelimitse: 03-341 1111. Myös majoitusvaraus onnistuu samalla kertaa.

Luennoija: DI Jukka Tupamäki, Lemanse Oy

Hinta: 840 € + alv.

Tarjoamme tämän kurssin yrityskohtaisena pienelle ryhmälle hintaan 2450 + alv.

Kun sama henkilö ilmoittautuu kerralla useammalle kurssille, myönnämme alennusta jokaisesta kurssista seuraavasti: 2 kurssia 5 %, 3 kurssia 8 % ja 4 kurssia 12 %
Kun yhdelle kurssille osallistuu samasta yrityksestä 2 henkilöä, niin molemmat saavat 5 % alennusta, kun osallistujia on 3-4 niin alennus on 12 %. Suuremmista määristä teemme tarjouksen erikseen.

Kurssin hintaan sisältyy opetuksen ja värillisen kurssimateriaalin lisäksi ohjelmaan merkityt tarjoilut.

Pidätämme oikeudet hinta- ja sisältömuutoksiin.

Ohjelma

9.15 Aamukahvi
9.30 HTML5-perusteet
HTML-merkkaus ja yleisimmät elementit; html, body, head, script, style, meta, div
HTML-elementtien käyttö, semantiikka
Linkit, navigointi, ankkurit
Elementtien sulkeminen, sisäkkäiset elementit
Metatagit
HTML5 ja aiemmat versiot
Editorit HTML:n tuottamiseen
10.15 CSS3-perusteet
CSS:n graafiset mahdollisuudet; mitä CSS:llä voi tehdä ja mitä ei?
HTML-elementit ja CSS-valitsimet
Tyylien määritteleminen HTML-elementeille
Inline-tyylit ja tyylitiedostot
Mittayksiköt; px, pt, em ja %
Editorit CSS:n tuottamiseen
11.00 HTML-sivun rakentaminen
Sivun rakenteen hahmottaminen layout-kuvasta
HTML-elementit layoutin rakentamisessa; div, ul, ym
Selaimen oletusarvojen resetoiminen; CSS-reset
Fontit, rivivälit, fonttikoko
Elementtien todelliset mitat; box model, margin, border ja padding
Elementtien juoksutus, vierekkäiset elementit; float, clear ja clearfix
Pyöristykset, ääriviivojen tyylit
Taustavärit, -kuvat ja gradientit
Elementtien sijoittelu ja näkyvyystasot; position, z-index
12.00 Lounas
12.50 CSS3 ja responsiivisuus
Responsiivisuus konseptina
Media queryt näyttökokojen huomioimisessa
Mobiililaitteet ja metatagit; zoom, min-width, max-width
Elementtien paikat näyttökoon pienentyessä
CSS-gridit responsiivisuuden toteuttamisessa
14.00 Iltapäiväkahvi
14.20 jQuery-perusteet
Johdanto JavaScriptiin; syntaksi ja upottaminen HTML-sivuun
jQuery ja $-muuttuja
Elementtien manipuloiminen jQueryllä
Elementtien piilottaminen; show(), hide()
Animaatiot; fadeIn(), fadeOut(), animate()
Ajax-kutsut ja dynaaminen sisältö
Elementtien lisääminen ja poistaminen
Script-elementin sijainti ja JavaScript-tiedostojen lataaminen
15.45-16.30 Modernit työkalut ja apuvälineet*
CSS:n tuottaminen LESS-tyyleillä
Build-työkalut, minifiointi, Autoprefixer, watch
Käyttöliittymän prototyypin luonti: Bootstrap
React ja JSX-syntaksi pähkinänkuoressa
Copyright (C) 2017 Relevantum Oy