AngularJS web-sovellusten kehityksessä

Abstract

Websivut ovat kehittyneet paljon alkuaikojen staattisista ja tylsän näköisistä viritelmistä, jotka liitettiin yhteen hyperlinkeillä. Modernit websivut operoivat pääasiassa yhdellä sivulla ja voivat olla täysin itsenäisiä sovelluksia. Pelkällä HTML-kielellä näitä ei pystyisi toteuttamaan. Kaikkein merkittävimmän lisäyksen websivujen kehitykseen on toistaiseksi tarjonnut Javascript-ohjelmointikieli. Sitäkin on ehditty jalostaa useilla lisäkirjastoilla ja sovelluskehyksillä.

Tämän työn aihe eli AngularJS on Misko Heveryn alun perin kehittämä ja nykyisin Googlen ylläpitämä sovelluskehys. Sekin on Javascriptillä kirjoitettu ja on mahdollisesti jQueryn jälkeen suosituin web-sovelluskehys. Opinnäytetyön tavoitteena on tutustua AngularJS:n toimintaan ja kartoittaa sen erityisvahvuudet ja -heikkoudet. Työ on tamperelaisen Dicode Oy:n toimeksiantama ja perustuu kokemuksiini heillä työharjoittelussa tekemääni työhön Kelpolounas-nimisen sopimusruokailun maksujärjestelmän parissa.

Tässä opinnäytteessä käsitellään Angularin nykyistä, vakaata 1.5-versiota. Angularista on kuitenkin hiljattain 2016 toukokuussa julkaistu 2.0-versio, jota en tarkemmin käsittele. Suosittelen kuitenkin tämän työn lukijalle ja Angulariin tutustuvalle jatkoluettavaksi Angular 2.0:aan perehtymistä, koska sovelluskehyksen tulevaisuus todennäköisesti on sen harteilla.

Web pages have come far from their early days of jumping around multiple dull looking pages via hyperlinks. Modern web pages mainly operate on a single page and can be completely independent applications. Such pages would not be possible to make with HTML alone. The Javascript programming language has been the most significant addition in the world of web development and nowadays there are dozens of extra libraries and frameworks to shore up its shortcomings.

AngularJS, which is the topic of this thesis, was originally developed by Misko Hevery and is now maintained by Google. It too is a Javascript based framework and is possibly the most popular web development framework out there after jQuery. The goal of this thesis was to introduce the basic workings of Angular and chart out its special strengths and weaknesses. The thesis was commissioned by Dicode Oy (Ltd.) and was based on the author’s experiences gained during the time he was working on a lunch payment system called Kelpolounas for the company.

In this thesis, the focus was on version 1.5 of AngularJS which is the current stable version. However, the Angular development team released the first release candidate of Angular 2.0 in May 2016. While this version is not covered in depth here, the author does recommend any reader of this thesis who is interested in AngularJS to familiarize themselves with Angular 2.0 as the future of the framework probably rests on its shoulders.