JavaScript nykyaikaisessa web-kehityksessä

Abstract

Insinöörityön tarkoituksena oli toimia perehdytyksenä ohjelmointiyrityksen käyttämiin teknologioihin sekä oppia web-kehityksestä JavaScript-ohjelmointikielellä.

Insinöörityössä perehdyttiin nykyaikaisen JavaScriptin tarjoamiin mahdollisuuksiin kuten käytetyimpiin kirjastoihin ja verrattiin niiden käyttöä tavalliseen JavaScriptiin. Tutkittiin miten REST-arkkitehtuuri toimii käytännössä ja miten sitä voidaan testata cURL-komentojen avulla.

JavaScript on yksi maailman suosituimmista ohjelmointikielistä, ja sen suosio kasvaa jatkuvasti HTML5:n suosion myötä. Se toimii lähestulkoon kaikissa älylaitteissa, joten se tavoittaa enemmän käyttäjiä kuin mikään muu yksittäinen ohjelmointikieli. JavaScriptin avulla voidaan toteuttaa perinteisten Internet-sovellusten lisäksi myös palvelinympäristö, joten kehittäjien on helpompi työskennellä molempien tasojen parissa samanaikaisesti.

Insinöörityössä toteutettiin nykyaikainen REST-arkkitehtuurimallilla toimiva verkkosovellus käyttämällä ainoastaan JavaScript-ohjelmointikieltä. Sovellus rakennettiin MVC-ohjelmistoarkkitehtuurityyliä käyttäen. MVC-arkkitehtuurin tarkoituksena on eriyttää eri osa-alueiden komponentit siten, että ne ovat mahdollisimman vähän riippuvaisia toisistaan. Verkkosovelluksen lisäksi toteutettiin yksinkertainen Node.js-palvelin, joka tallentaa ja hakee tietoa JSON-tietomuodossa MongoDB-tietokannasta.

Sovelluksen toteutusvaiheessa perehdyttiin siihen, kuinka kirjastoriippuvuuksia voidaan hallita paketinhallintatyökaluilla. Lopuksi sovellusta optimointiin minimoimalla HTTP-hakujen määrä sekä pakkaamalla ohjelmakoodit.

The object of this thesis was to be an introduction to technologies used in the information technology company and to learn about modern web development with JavaScript.

JavaScript is one of the most widely used programming languages. Its popularity has been rising since the HTML5 arrived. JavaScript functions on almost every smartphone and thus it is more wide spread than any other programming language. It is possible to implement servers with JavaScript in addition to traditional web applications. It eases the gap between front-end and back-end developers since the same language is used on both ends.

A modern web application was built for this project. It was implemented with pure JavaScript and it follows the principles of the Model-View-Controller software pattern. The main principle of MVC is that software components are separated from each other so that even a bigger codebase is easier to maintain and keep clean. A simple server implementation with Node.js was built to provide solid base for the web application. All application data were saved to MongoDB database in JSON format by the Node.js server.

Another software architectural style used was the representational state transfer (REST) which was introduced in HTTP protocol version 1.1. REST implementation was thoroughly tested with cURL.

Working with package managers and JavaScript helper libraries was looked into during the project. At the end the project was optimized with Grunt by minifying and concatenating all the source code.