Svelte- ja Angular sovelluskehysten vertailu
Tynjälä, Saku (2021)
Tynjälä, Saku
2021
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2021112922282
https://urn.fi/URN:NBN:fi:amk-2021112922282
Tiivistelmä
Opinnäytetyössä tarkastellaan JavaScriptiä ja sen johdannaiskieltä TypeScriptiä sekä Angular- ja Svelte sovelluskehyksiä ja niiden eroavaisuuksia. Vertailussa on tarkoituksena tuoda esille kehysten välisiä eroavaisuuksia ja yhtäläisyyksiä sekä antaa lukijalle käsitys siitä mitä sovelluskehyksillä pystyy tekemään.
JavaScript on 1990-luvulla kehitetty ohjelmointikieli, joka toi interaktiivisuutta verkkosivustoille. Vuosien varrella se on kehittynyt myös serverin puolella käytettäväksi kieleksi. Sen avulla on myös kehitetty Node.js ajoympäristö ja monia muita front- ja backend-kehyksiä.
Angular on yksi tunnetuimmista Googlen kehittämistä, Angular JS-sovelluskehykseen pohjautuvista kehyksistä. Svelte on suhteellisen tuore kehys, jonka suosio on noussut vuonna 2019 Svelte 3 -version julkaisun myötä. Molemmat kehykset ovat komponenttipohjaisia.
Suurin ero kehysten välillä on projektirakenteissa ja siinä, kuinka ne manipuloivat verkkosivulla näkyvää asiakirjaobjektimallia. Angularin komponentti koostuu kolmesta eri tiedostosta: logiikka, käyttöliittymä ja tyylit. Svelten komponentin logiikka, käyttöliittymä ja tyylit ovat samassa tiedostossa. Angular on TypeScript pohjainen sovelluskehys, kun taas Svelte on alun perin JavaScript-pohjainen, mutta nykyään Svelte tukee myös Typescriptiä laajennuksien avulla. Angular päivittää sivua virtuaalisen asiakirjaobjektimallin avulla, jolla vertaillaan ja toteutetaan muutoksia verkkosivun oikeaan asiakirjaobjektimalliin, Svelte muokkaa kirurgisesti suoraan verkkosivun asiakirjaobjektimallia.
JavaScript on 1990-luvulla kehitetty ohjelmointikieli, joka toi interaktiivisuutta verkkosivustoille. Vuosien varrella se on kehittynyt myös serverin puolella käytettäväksi kieleksi. Sen avulla on myös kehitetty Node.js ajoympäristö ja monia muita front- ja backend-kehyksiä.
Angular on yksi tunnetuimmista Googlen kehittämistä, Angular JS-sovelluskehykseen pohjautuvista kehyksistä. Svelte on suhteellisen tuore kehys, jonka suosio on noussut vuonna 2019 Svelte 3 -version julkaisun myötä. Molemmat kehykset ovat komponenttipohjaisia.
Suurin ero kehysten välillä on projektirakenteissa ja siinä, kuinka ne manipuloivat verkkosivulla näkyvää asiakirjaobjektimallia. Angularin komponentti koostuu kolmesta eri tiedostosta: logiikka, käyttöliittymä ja tyylit. Svelten komponentin logiikka, käyttöliittymä ja tyylit ovat samassa tiedostossa. Angular on TypeScript pohjainen sovelluskehys, kun taas Svelte on alun perin JavaScript-pohjainen, mutta nykyään Svelte tukee myös Typescriptiä laajennuksien avulla. Angular päivittää sivua virtuaalisen asiakirjaobjektimallin avulla, jolla vertaillaan ja toteutetaan muutoksia verkkosivun oikeaan asiakirjaobjektimalliin, Svelte muokkaa kirurgisesti suoraan verkkosivun asiakirjaobjektimallia.