Full-Stack JavaScript: MEAN.JS-projektin luominen

Abstract

Node.js alustan julkaisun myötä web-sovelluskehitys elää murrosvaihetta ja perinteisen kehitystyön rinnalle on noussut uusia menetelmiä. Kehitystyössä JavaScript-kielen käyttö on lisääntynyt ja uusia JavaScript-pohjaisia komponentteja julkaistaan kiihtyvällä tahdilla. Node.js alustan ympärille on syntynyt suuntaus nimeltään Full-Stack JavaScript.

Opinnäytetyö toteutettiin syksyllä 2014 ja sen tavoitteena on tutkia mitä tarkoittaa termi Full-Stack JavaScript ja mitä yleisiä tekniikoita se sisältää. Tekniikoiden pohjalta rakennetaan prototyyppisovellus, jonka rakenne ja komponentit kuvataan.

Prototyypin rakennukseen käytetään suosittua Full-Stack JavaScript sovelluskehystä MEAN-pakkaa ja pakan tärkeimmät toiminnot kuvataan. Opinnäytetyön ulkopuolelle rajataan sovelluksen vienti tuotantoon ja testausohjelmien kirjoittaminen.

Tuloksissa kuvataan, kuinka Full-Stack JavaScript-sovelluksessa tiedon tallentaminen tapahtuu tietokantaan ja esitetään, kuinka prototyypin komponentit kommunikoivat keskenään. Sovelluksen kansiorakenne käydään läpi tiedon muokkauksen yhteydessä.

Johtopäätöksissä todetaan Full-Stack JavaScript kehittämisen olevan MEAN-pakalla ketterää. Komponentit kommunikoivat hyvin keskenään ja sovellusarkkitehtuurin to-teuttaminen yhdellä ohjelmointikielellä sekä helpottaa että keventää kehitystyötä. Tämän mahdollistaa Node.js alusta ja sen ympärille kehittynyt ekosysteemi.

After the release of Node.js platform, web application development has been in the middle of a change and new techniques are rising next to the traditional ones. The use of the JavaScript language in software development has increased and new JavaScript based components are being released at an accelerating rate. A new development trend has emerged, which is built around Node.js platform. The trend is called Full-Stack JavaScript.

The thesis had been carried out by fall 2014, and the aim was to study what the term Full-Stack JavaScript mean and what kind of general techniques it contained. Based on the techniques, a prototype application was developed and the structure and compo-nents of the prototype were described.

In the development process, a MEAN Full-Stack JavaScript framework was used and most fundamental parts of the stack were explained. Deployment to production and a writing unit test were excluded from the scope of the study.

As a result, the study has illustrated how the Full-Stack JavaScript application saved data to a database and described how application components interacted with other components. The folder structure of the application was explained when modifying data occurred.

The thesis concludes that developing Full-Stack JavaScript application with the MEAN-stack is agile. Communication of the components is excellent and creating software architecture with one language facilitates and streamlines the developing process. It is possible due to the Node.js platform and the ecosystem built around it.