EtusivuOhjelmointikieletFrontend development

Frontend development

Frontend -ohjelmistokehitys on olennainen osa nykyaikaista web-suunnittelua ja -kehitystä, joka keskittyy verkkosivujen ja -sovellusten käyttöliittymän suunnitteluun ja toteuttamiseen.

Frontend Development -koulutuksessa opit kattavasti frontend-kehityksen perusteet, siihen liittyvät työkalut, käyttöliittymäkehykset ja -tekniikat sekä rakentamaan käyttäjäystävällisiä käyttöliittymiä.

Koulutus on osa FullStack Development -koulutuskokonaisuutta, joka koostuu lisäksi Backend development -koulutuksesta.


Paikka

Helsinki


Koulutusmuoto

Classroom
Remote


Kesto

2 päivää


Hinta

1590 €

Kohderyhmä

Koulutus on tarkoitettu frontend-ohjelmistokehittäjille, jotka haluavat syventää ja kehittää omaa osaamista kyseisellä osa-alueella.

Tavoitteet

Koulutuksen käytyäsi hallitset HTML ja CSS perusteet sekä ymmärrät ja osaat soveltaa niiden oikeaoppisen käyttämisen staattisten verkkosivujen rakenteen ja ulkoasun mahdollistajana. Kurssin jälkeen tunnet JavaScriptin ja verkkoselaimen kehittäjän työkalut (developer tools) sekä osaat hyödyntää näitä verkkosivujen ulkoasun muokkauksessa. Osaat myös käyttää käyttöliittymäkehityksiä (Frontend frameworks) eli valmiiksi kirjoitettuja ohjelmakirjastoja sekä niiden mahdollisuudet yksinkertaistaa verkkosivujen kehitystä mm. uudelleenkäytettävien moduulien, standardisoitujen käyttöliittymätekniikoiden ja valmiiden käyttöliittymälohkojen avulla.

Esitiedot

Osallistujalla on hyvä ymmärrys ohjelmistokehityksen perusteista.

Frontend development -koulutuksen sisältö:

1. HTML ja CSS perusteet ja niiden soveltaminen

  • Rakennetaan ensimmäinen verkkosovellus HTML ja CSS käyttäen

2. Verkkosivun muokkaaminen sekä validointi JavaScriptillä ja kehittäjän työkaluilla

  • DOM muokkaus, tapahtumakäsittely ja lomakevalidointi

3. Käyttöliittymäkehykset (FrontEnd frameworks)

  • Bootstrap - käytetään responsiivisten verkkosivujen ja sovellusten suunnitteluun.
  • jQuery –yksinkertaistaa JavaScriptin kirjoittamista ja varmistaa, että koodi toimii kaikissa selaimissa
  • SASS – lisää CSS ominaisuuksia, mikä helpottaa tyylisivujen yksinkertaistamista ja ylläpitoa
  • React - suosittu JavaScript-kirjasto uudelleenkäytettävien, komponenttiohjattujen käyttöliittymien rakentamiseen verkkosivuille

Saattaisit olla kiinnostunut myös näistä koulutuksista: