Top

Web-tekniikat perusteet (HTML, CSS, JS)

HTML-, CSS- ja JavaScript -kielet ovat liki jokaisen nykyaikaisen verkkosivun perusta. Näistä erityisesti HTML ja CSS liittyvät jo Internetin jokapäiväiseen käyttöön ja ovat siten eräänlainen lukutaitoon verrattava perustaito. Erityisen tärkeää näiden kielien hallitseminen on kaikille verkkosivuja kehittäville tai niiden ylläpitoa tekeville henkilöille mutta myös viestinnästä ja markkinoinnista vastaaville henkilöille, jotka haluavat yleissivistää itseään ja ottaa haltuun nämä nykyajan standardit perustaidot. Jos olet kiinnostunut modernien verkkosivujen luomisesta, sinulla tulisi olla hyvä yleiskäsitys näistä kielistä ja niiden yhteiskäytöstä. Web-tekniikat -kurssi lähtee perusteista ja opettaa ensisijaisesti HTML- ja CSS-kielen perusteet, mutta kurssin lopussa voidaan tutustua ajan salliessa tai kurssilaisten mielenkiinnosta riippuen hieman JavaScript-kielen perusteisiin. Web-tekniikat-koulutus sopii monipuolisuutensa takia kaikille nykyaikaisista verkkotekniikoista kiinnostuneille henkilöille ja innokkaille harrastajille!

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 versiot, 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.

HTML & CSS

Älä anna HTML-, CSS- ja JavaScript-kielien pelottaa, vaan ota ne tehokkaasti haltuun.

Web-tekniikat perusteet -koulutussisältö ja kenelle kurssi sopii?

Web-tekniikat perusteet -koulutus antaa sinulle mahdollisuuden kehittyä alan velhoksi!
  • Kurssilla tutustutaan erityisesti HTML– ja CSS-merkkauskieliin.
  • Kurssin loppupuolella tutustutaan myös hieman JavaScript-kieleen ja opitaan sen tuomat mahdollisuudet verkkosivuilla.
  • Kurssilla kerrotaan yleisesti responsiivisuudesta, hakukoneoptimoinnista, tietoturvastaweb-standardeista jne.
  • Kurssilla luodaan pari laajempaa kokonaista verkkosivustoa toiminnallisuuksineen ja ulkoasuineen. Oppilaat siis näkevät nykyaikaisen verkkosivun kehityksen, julkaisun ja testauksen – koko kehityskaaren alusta loppuun!
  • 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ä.
  • Kurssin jälkeen kurssilaiset tuntevat verkkosivujen avaintekniikat ja osaavat hyödyntää niitä omissa aineistoissa.

Web-tekniikat perusteet -koulutuksen ohjelmarunko

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!

Päivä 1

  • Yleisesti modernin verkkosivun suunnittelusta, web-standardeista ja selaimista
  • Sopivan koodieditorin valinta (esittelyssä muutamia suosittuja työkaluja)
  • HTML-kielen kehitys: HTML4, 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?
Koulutus kuuluu kategorioihin
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)