HTML5 ja CSS3 käytännössä

HTML5- ja CSS3-kurssi on tiukka kattaus täyttä asiaa. HTML5:een liittyy paljon myyttejä ja väärinkäsityksiä, jotka on syytä oikaista heti alkuunsa. Kurssilla opit mitä HTML5 sisältää, miten sitä kannattaa käyttää ja mistä löytyvät sen pahimmat sudenkuopat.

CSS3:n uudet ominaisuudet ja selainten vielä vaihteleva tuki asettaa suuret vaatimukset CSS:n oikealle kirjoitustavalle. HTML5- ja CSS3-kurssilla opit CSS-uutuuksien lisäksi oikean tavan kirjoittaa CSS:ää niin, että selviydyt vielä ylläpidostakin.

JavaScript on olennainen osa HTML5-toteutuksia, joten käymme myös sitä läpi. Tutustumme HTML5 API-ohjelmointirajapintoihin ja yleisesti JavaScriptin käyttöön, esim. erilaisten polyfill-ratkaisujen käyttöön sivuilla.

HTML5- ja CSS3-kurssilla opit mm:

  • Parhaat työtavat CSS- ja HTML5-koodin kirjoittamiseen
  • HTML5 API-ohjelmointirajapintojen käyttömahdollisuuksia
  • Toteuttamaan sivut tukien vanhoja selaimia
  • Käyttämään selainten kehitystyökaluja
HTML5- ja CSS3-kurssi

Master

Kesto: 2 pv
Hinta: 1 150 €
hinnat ALV 0 %

Valitse kurssitoteutus

Kurssit

HTML5- ja CSS3-osaamisesta etua työelämässä

HTML5 ja CSS3 on erittäin kysytty osaamisalue työmarkkinoilla. Niiden hallitsemisella voit parantaa sekä työsi laatua, että omaa arvostustasi. Useimmat asiat olisi  nykyään syytä tehdä moderneilla tekniikoilla kuten HTML5 sekä CSS3. Tehostat sivustosi toimintaa, hakukonenäkyvyyttä ja suorituskykyä.

Kurssin kohderyhmä

Kurssi on tarkoitettu HTML- ja CSS-koodin kanssa työskenteleville. Kurssille saavuttaessa tulisi jo hallita HTML- ja CSS-syntaksi ja verkkosivujen toiminta. Koodin kirjoittamisen tulee olla tuttua, sillä muuten ei pysy tahdissa – kurssi perustuu vahvasti käytännön harjoituksiin.

Mikäli HTML- ja CSS-perusteet eivät vielä ole hallussa, käy ensin vähintään HTML- ja CSS-perusteet -kussi.

Kouluttajana tällä matkallasi toimii Kari Selovuo, jolla on sovelluskehittäjän tausta ja pitkä kouluttajakokemus.


HTML5 myytinmurtajaiset

  • Ruma totuus HTML5:stä
  • Selaintuki
  • Hyödyt ja haitat

HTML5-sivun rakenne

  • Semanttiset elementit ja sivurakenne
  • Entäs divit?
  • Elementtien identifiointi CSS- tai JavaScript-valitsimia varten
  • Rakenteelliset elementit

Lomakkeet ja syötekentät

  • Lomakkeet
  • Käytä oikeita input tyyppejä
  • Laite- ja selaintuki
  • Validointi selaimessa

Mediatyypit

  • Kuvat
  • Videot HTML5-muodossa
  • Äänet ja muu median käyttö
  • SVG

Canvas

  • Mitä ja miksi?
  • Perusteet JavaScriptilla

HTML5 ja SEO

  • Mitä hyötyä tai haittaa
  • Suorituskyky

CSS3 uudet ominaisuudet

  • Uusia ominaisuuksia
  • Selaintuki nyt ja tulevaisuudessa
  • Vanhojen selainten tuki

Kirjoita CSS-koodisi oikein

  • CSS Best Practices
  • Rakenteellinen CSS, DRY…
  • Valitsimien oikea käyttö
  • Pahimmat sudenkuopat
  • Entäs preprosessoijat: SASS, LESS
  • Minimoi koodisi

JavaScript polyfillit

  • Mikä ihmeen polyfill?
  • Miksi ja milloin käyttää

HTML5 API katsaus

  • Sijaintitiedot: missä lienet
  • Offline-käyttö
  • Datan tallennus: eri tallennusratkaisut
  • Drag and Drop
  • Microdata

Kurssin kouluttajat


HTML5 ja CSS3 on erittäin kysytty osaamisalue työmarkkinoilla. Niiden hallitsemisella voit parantaa sekä työsi laatua, että omaa arvostustasi.