Top

Web-tekniikat (HTML5, CSS3, JavaScript)

HTML-, CSS- ja JavaScript -kielet ovat oikeastaan jokaisen nykyaikaisen verkkosivun perusta. Web-tekniikat -kurssi lähtee perusteista ja opettaa ensisijaisesti HTML- ja CSS-kielen perusteet. Kurssin lopussa tutustutaan myös ajan salliessa ja kurssilaisten mielenkiinnosta riippuen hieman JavaScript-kieleen sekä kaikkien näiden kolmen tekniikan yhdistämiseen.

Varsinaisten koodaustekniikoiden lisäksi Web-tekniikat-kurssi on tarkoitettu opettamaan miten nykyaikaisia verkkosivuja rakennetaan ja mitä kaikkea tulee ottaa huomioon. Kurssilla käydään läpi HTML5-, CSS3- ja JavaScript -kielien uusimmat ja parhaimmat menetelmät ja tekotavat eri tilanteisiin. HTML-kielestä näytetään erityisesti HTML5-kielen uudistukset ja mahdollisimman moderni tapa rakentaa responsiivisia nykyaikaisia verkkosisältöjä, jotka toimivat millä tahansa laitteella katsottuna (mobiili- ja tablet-laitteet). CSS-kielestä näytetään miten verkkosivuja voidaan muotoilla ja tyylitellä moderneilla tekniikoilla sekä parhaimmillaan jopa luoda pienimuotoisia animaatioita. Kun mukaan otetaan vielä JavaScript-tekniikat, sivuille saadaan esimerkiksi animoituja kuvakaruselleja ja muita elämysrikkaita toiminnallisuuksia. Kurssin aikana hyödynnetään muutamia suosituimpia JavaScript- ja ns. FrameWork-kirjastoja, kuten esimerkiksi jQuery. Ylipäänsä kurssilaiset näkevät miten modernit verkkosivut syntyvät ja miten eri kieliä yhdistetään sujuvasti toisiinsa. Lisäksi kurssilla kerrotaan yleisesti verkkosivujen ominaisuuksista ja rajoitteista, hakukoneoptimoinnista ja muista kiinnostavista seikoista!

Kurssi lähtee perusteista. Vaikka kurssi sopii vasta koodausta aloitteleville henkilöille, siitä on myös suurta hyötyä niille henkilöille, jotka ovat jo aikoinaan tutustuneet esimerkiksi HTML- ja CSS-tekniikoihin, mutta ovat sittemmin unohtaneet tekniikat tai kenties haluavat nyt päivittää tietotaitonsa nykypäivän vaatimustasolle. Mitään aikaisempaa ohjelmointikokemusta ei tarvitse olla ja jokaisen kurssilaisen omat tarpeet pyritään huomioimaan kurssin aikana. Kaiken lisäksi: vaikka sinusta ei tulisikaan varsinaista koodaajaa, osaat kurssin jälkeen keskustella paremmin verkkosivujen kehittäjien kanssa ja ottaa nykypäivän tekniikat ja mahdollisuudet huomioon, kun suunnittelet verkkosivustoja tai verkkopalveluita.

Web-tekniikat -koulutussisältö

  • Kurssilla tutustutaan erityisesti HTML-, CSS- ja JavaScript-kieliin ja demotaan lyhyesti esimerkiksi jQuery-kirjastoa.

  • Kurssilla kerrotaan yleisesti responsiivisuudesta, hakukoneoptimoinnista, web-standardeista jne.

  • Kurssi ei vaadi aikaisempaa osaamista ohjelmoinnista, mutta perusymmärrys verkkosivuista on eduksi. Kurssi on tarkoitettu verkkosivuja ja -sisältöjä tuottaville ja ylläpitäville henkilöille, joiden titteli voi olla esimerkiksi web-suunnittelija, web-kehittäjä, graafikko, ui-suunnittelija, markkinoija tai vaikkapa yrittäjä.

  • Kurssilla luodaan pari laajempaa kokonaista verkkosivustoa toiminnallisuuksineen ja ulkoasuineen. Oppilaat siis näkevät nykyaikaisen verkkosivun kehityksen, julkaisun ja testauksen – koko kehityskaaren alusta loppuun!

  • Kurssin jälkeen kurssilaiset tuntevat verkkosivujen avaintekniikat ja osaavat hyödyntää niitä omissa aineistoissa.

Web-tekniikat -koulutuksen ohjelmarunko

Päivä 1

  • Yleisesti modernin verkkosivun suunnittelusta, web-standardeista ja selaimista
  • Sopivan koodieditorin valinta (esittelyssä muutamia suosittuja työkaluja)
  • HTML-kielen kehitys: HTML, XHTML, HTML5 jne.
  • HTML-kielen kirjoittaminen
  • Uusien rakenteellisten HTML5-elementtien käyttö
  • Kuvat, linkit, otsikot, kappaleet, luettelot ym. elementit
  • HTML5 Document Outline -malli
  • HTML-lomakkeet, HTML5-audio ja HTML5-video
  • Sivurakenteiden ja navigaatioiden luominen
  • Harjoittelua ja oman verkkosivuston rakentamista

Päivä 2

  • CSS-kielen perusteet ja CSS3 uudet ominaisuudet
  • Värit, muotoilut, sijainnit, koot – määrittäminen CSS-kielen avulla
  • Omien kirjasimien hallinta ja lisääminen verkkosivulle
  • Responsiivisuus (mobiili- ja tablet-laitteet)
  • JavaScriptin ja toiminnallisuuksien lisääminen verkkosivuille
  • Käytännön harjoittelua ja oman sivuston rakentamista
  • Sivujen vieminen web-palvelimelle ja sivujen päivittäminen
  • Sivujen testaaminen (selaimet, mobiililaitteet ym.)
  • Tietoja sivujen optimoinnista, hakukoneoptimoinnista ja analysoinnista
  • Kysymyksiä ja miten tästä eteenpäin?

Tämä koulutus on vain valmis runko, jota voidaan hyödyntää esimerkiksi räätälöidyissä konsultoinneissa. Jos haluat oman räätälöidyn koulutuksen, sisältö voidaan muokata tarpeiden ja toiveiden mukaisesti!

Koulutus kuuluu kategorioihin
Koulutukseen liitetyt avainsanat
css css3 html html5 javascript koodaus ohjelmointi verkkosivut
Avaa/sulje suodattimet

Muuta kortteja isommaksi, jos haluat nähdä enemmän tietoa kursseista.

Suodata koulutuksia

Järjestä

  • 4 koulutusta per sivu
  • 8 koulutusta per sivu
  • 20 koulutusta per sivu
  • Näytä kaikki
  • Nimen mukaan (A-Z)
  • Nimen mukaan (Z-A)