AngularJS yksisivuisen web-applikaation kehitysalustana

Abstract

Yksisivuiset web-applikaatiot (SPA-sovellukset) ovat yleistyneet viimeisten kymmenen vuoden aikana, ja näiden avulla on ollut mahdollista tuoda verkkosivuston käyttökokemus lähemmäksi aitojen ohjelmasovellusten vastaavaa. Yksisivuisten web-applikaatioitten kehitystyöhön tarkoitetuista sovelluskehyksistä AngularJS on yksi käytetyimmistä ja suosituimmista.

Työn tavoitteena on selvittää miten AngularJS-sovelluskehys soveltuu SPA-sivustojen kehitykseen sovelluskehittäjän näkökulmasta, sekä millaisia ongelmatilanteita aloittelevat sovelluskehittäjät saattavat useimmiten kohdata AngularJS:ään tutustuessaan. Työ toteutetaan syksyllä 2015.

Työssä käsitellään AngularJS-sovelluskehyksen toiminnan kannalta keskeiset osa-alueet teorian tasolla, mutta varsinaista sovellusta ei tämän työn yhteydessä tuoteta. Lähdemateriaalina AngularJS:n kohdalla esiin nousevien ongelmatilanteiden määrittelyssä on käytetty internet-artikkeleita, StackOverflow-sivustolla esitettyjen AngularJS-aiheisten kysymysten jakaumaa aihepiireittäin sekä kirjoittajan omakohtaisia kokemuksia.

Tuloksissa esitellään AngularJS-sovelluskehystä luonnehtivan haasteellisuuden pääasiallisiksi lähteiksi niin ongelmat direktiivien ohjelmoinnissa, JavaScriptin prototyyppipohjaisen periytyvyyden käsitteellinen haastavuus, kuin AngularJS:n muista JavaScript-kirjastoista poikkeava tapa käsitellä HTML-sivuston dokumenttiobjektimallia.

Pohdinnassa todetaan, että AngularJS on haasteellinen ympäristö omalaatuisten toiminnallisten ratkaisujensa kannalta sekä aikaisempaa kokemusta muista sovelluskehyksistä omaaville että aloitteleville web-kehittäjille. Lisäksi johtopäätelmissä todetaan, että monimutkaisempien yksisivuisten web-applikaatioiden kohdalla AngularJS:n tuomat hyödyt ylittävät kaikesta huolimatta sovelluskehyksen opiskeluun käytetyn ajallisen panostuksen.

Single-Page Applications (SPAs) have become very popular during the last ten years, mostly because SPAs offer fluent, traditional software like user experience for web-pages. AngularJS is one of the most widely used SPA development frameworks these days.

The aim of this thesis is to find out how suitable AngularJS is for this purpose in the de-veloper's point of view. The main points of interest of this study are problem situations that are prevalent among developers new to AngularJS. This thesis is executed in au-tumn 2015.

The main aspects of AngularJS framework are introduced here in theory. However, fully functional application does not belong in the scope of this thesis. Source material for this thesis is based on online articles, AngularJS specific posts on StackOverflow community site and author's personal experience on the subject matter.

Results of this thesis show that the main factors behind AngularJS specific difficulties include problems with writing directives, conceptual ambiguity of JavaScript's prototypal inheritance and restrictions in handling Document Object Model in AngularJS.

The discussion concludes that AngularJS is a challenging framework for both novice web developers and developers who have previous experience in other frameworks, mainly because of functional aspects unique to AngularJS. On the other hand, benefits of AngularJS can be seen worth the effort of learning how to cope with this framework in situations where SPA-application becomes more complex.