Front end -kehitystyökalujen hyödyntäminen verkkosivuston kehityksessä : case Iloleipuri.fi
Heinonen, Oskari (2014)
Heinonen, Oskari
Turun ammattikorkeakoulu
2014
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2014060511985
https://urn.fi/URN:NBN:fi:amk-2014060511985
Tiivistelmä
Opinnäytetyössä tutkitaan front end -kehitystyökalujen hyödyntämistä verkkosivujen kehityksessä. Opinnäytetyö suoritettiin verkkosivustoprojektina Martinex Oy:lle, jolle kehitettiin reseptinhakusivusto Iloleipuri-tuoteperheelle.
Front end -kehityksellä tarkoitetaan asiakkaan puolista verkkokehittämistä. Yksi verkkokehittäjän tärkeimmistä työkaluista on tekstieditori. Ensimmäisessä osiossa käytiin läpi yleisimmät tekstieditorit, jossa vielä tarkemmin syvennyttiin Sublime Text -editorin toiminnallisuuksiin ja muokattavuuteen. Front end kehittäjälle on tarjolla myös lukuisa määrä avoimen lähdekoodin kirjastoja, kehyksiä ja mallipohjia. Näitä käyttämällä verkkokehitys tehostuu. Sisällönhallintajärjestelmä sivuston taustalla on hyvä vaihtoehto projekteissa, joissa asiakas vastaa sisällön päivityksestä itse. Opinnäytetyössä tarkasteltiin myös selaimia osana verkkokehityksen työnkulkua ja tutustuttiin verkosta löytyviin resursseihin, kuten isännöintipalveluihin ja verkko-ohjelmointiympäristöihin. Lopuksi todettiin versionhallinnan hyödyllisyys verkkosivuston kehityksessä. Sen avulla useampi tiimin jäsen pystyi kehittämään verkkosivustoa tehokkaasti yhdessä.
Tutkimusten pohjalta valittiin front end työkalut ja tekniikat Iloleipuri.fi-sivuston rakentamista varten. Tekstieditoriksi ladattiin Sublime Text ja pääasialliseksi kehitysselaimeksi Google Chrome. Sass valittiin CSS-esikäsittelijäksi, ja sivusto rakennettiin Wordpress-julkaisujärjestelmän päälle. Wordpressin kautta ladattiin etusivun kuvakarusellille oma lisäosa. Sivustolle otettiin käyttöön myös JavaScript-pohjaisia lisäosia, kuten esimerkiksi imageScroll.js. Git valittiin versionhallintaohjelmaksi ja sitä käytettiin PowerShell-komentotulkilla.
Erilaisia työkaluja on rakennettu lähes jokaiselle front end -verkkokehityksen osa-alueelle. Tärkeintä ei kuitenkaan ole ottaa käyttöön kaikkia uusi työkaluja vaan oleellisinta on valikoida niistä itselleen sopivat.
Front end -kehityksellä tarkoitetaan asiakkaan puolista verkkokehittämistä. Yksi verkkokehittäjän tärkeimmistä työkaluista on tekstieditori. Ensimmäisessä osiossa käytiin läpi yleisimmät tekstieditorit, jossa vielä tarkemmin syvennyttiin Sublime Text -editorin toiminnallisuuksiin ja muokattavuuteen. Front end kehittäjälle on tarjolla myös lukuisa määrä avoimen lähdekoodin kirjastoja, kehyksiä ja mallipohjia. Näitä käyttämällä verkkokehitys tehostuu. Sisällönhallintajärjestelmä sivuston taustalla on hyvä vaihtoehto projekteissa, joissa asiakas vastaa sisällön päivityksestä itse. Opinnäytetyössä tarkasteltiin myös selaimia osana verkkokehityksen työnkulkua ja tutustuttiin verkosta löytyviin resursseihin, kuten isännöintipalveluihin ja verkko-ohjelmointiympäristöihin. Lopuksi todettiin versionhallinnan hyödyllisyys verkkosivuston kehityksessä. Sen avulla useampi tiimin jäsen pystyi kehittämään verkkosivustoa tehokkaasti yhdessä.
Tutkimusten pohjalta valittiin front end työkalut ja tekniikat Iloleipuri.fi-sivuston rakentamista varten. Tekstieditoriksi ladattiin Sublime Text ja pääasialliseksi kehitysselaimeksi Google Chrome. Sass valittiin CSS-esikäsittelijäksi, ja sivusto rakennettiin Wordpress-julkaisujärjestelmän päälle. Wordpressin kautta ladattiin etusivun kuvakarusellille oma lisäosa. Sivustolle otettiin käyttöön myös JavaScript-pohjaisia lisäosia, kuten esimerkiksi imageScroll.js. Git valittiin versionhallintaohjelmaksi ja sitä käytettiin PowerShell-komentotulkilla.
Erilaisia työkaluja on rakennettu lähes jokaiselle front end -verkkokehityksen osa-alueelle. Tärkeintä ei kuitenkaan ole ottaa käyttöön kaikkia uusi työkaluja vaan oleellisinta on valikoida niistä itselleen sopivat.