Efektywność tworzenia warstwy prezentacji aplikacji we frameworkach AngularJS, Angular2, BackboneJS

• Autorzy: Tobiańska Monika , Smołka Jakub

Warianty tytułu

EN

Efficiency of creating application’s presentation layer with frameworks AngularJS, Angular2, BackboneJS

• Języki publikacji: PL

Abstrakty

PL

Niniejszy artykuł poświęcony jest analizie porównawczej trzech frameworków służących do tworzenia warstwy prezentacji aplikacji. Przeprowadzone zostały trzy rodzaje badań na dwóch przeglądarkach, Google Chrome oraz Mozilla Firefox. Wzięto pod uwagę złożoność kodu, szybkość generowania widoku, płynność działania aplikacji przy obciążeniu danymi, ilość przesyłanych danych potrzebnych do uruchomienia aplikacji oraz zużycie pamięci zajmowanej przez program w zależności od liczby elementów na liście. Do pomiarów wykorzystano aplikacje TodoMVC napisane przy użyciu narzędzi: AngularJS, Angular2 i BackboneJS. Przeprowadzone eksperymenty wykazały, że framework Angular2 w przeglądarce Google Chrome uzyskał najlepszy wynik. BackboneJS natomiast był faworytem dla przeglądarki Mozilla Firefox.

EN

This article is focused on comparative analysis of three frameworks to create presentation layer of application. Three analysis have been conducted on two browsers, Google Chrome and Mozilla Firefox. Code complexity, the speed of view rendering, the smoothness of working of overstretched application, the amount of sent data needed to start application and the amount of memory used by application depending on the number of elements on list was took into consideration. In research purposes TodoMVC applications made with AngularJS, Angular2 and BackboneJS were used. Conducted experiments shown that Angular2 in Google Chrome achieve the best result. BackboneJS was the winner in Mozilla Firefox.

Słowa kluczowe

PL

AngularJS; Angular 2; BackboneJS; wydajność; framework frontendowy

EN

AngularJS; Angular 2; BackboneJS; performance; frontend framework

• Wydawca: Wydawnictwo Politechniki Lubelskiej
• Czasopismo: Journal of Computer Sciences Institute
• Rocznik: 2018
• Tom: Vol. 8
• Strony: 226--229
• Opis fizyczny: Bibliogr. 10 poz., rys., tab.

Twórcy

autor

Tobiańska Monika

• Politechnika Lubelska, Instytut Informatyki, Nadbystrzycka 36B, 20-618 Lublin, Polska

autor

Smołka Jakub

• Politechnika Lubelska, Instytut Informatyki, Nadbystrzycka 36B, 20-618 Lublin, Polska

Bibliografia

• [1] B. Dybowski, Angular, Backbone czy Ember? Wybieramy framework JavaScript, 20.07.2014, https://www.nafrontendzie.pl/ [30.09.2017].
• [2] A. Moorthy, Angular vs AngularJS 2: A detailed comparison, 11.07.2016, https://www.cubettech.com/ [01.10.2017].
• [3] M. Fakiolas, I have a new project, should I use AngularJS 1.x or Angular2?, 18.01.2016, https://angularjs-recipes.com/ [01.10.2017].
• [4] D. Rathore, Angularjs vs Angular2 | what’s the difference ?, 13.08.2016, https://www.dunebook.com [1.10.2017].
• [5] F. He, Angular2, next generation UI solutions. 02.04.2017, https://www.linkedin.com/pulse [1.10.2017].
• [6] S. Karn, Difference : AngularJS vs. Backbone.js vs. Ember.js, 08.06.2016, , https://www.linkedin.com/pulse [1.10.2017].
• [7] A. Kalbarczyk, D. Kalbarczyk, AngularJS. Pierwsze krok, Helion, Gliwice 2015, 15.
• [8] M. Miszczyszyn, Wstęp do Angular 2, 03.06.2016, https://typeofweb.com/ [2.11.2017].
• [9] Praca zbiorowa: Rangle's Angular Training Book, GitBook, 2017, 297-300.
• [10] https://versus.com/pl/angularjs-vs-backbone-js [2.12.2017].

Uwagi

Opracowanie rekordu w ramach umowy 509/P-DUN/2018 ze środków MNiSW przeznaczonych na działalność upowszechniającą naukę (2018).