JavaScript has become the dominant programming language for web application development during the last few decades, being used by 98.5% of the websites worldwide. This prominence has led to the emergence of several frameworks for this language, with React and Vue being among the popular choices. However, there is no research specifically comparing these frameworks from a beginner’s perspective when creating simple web applications. The purpose of this thesis is to map out similarities and differences between React and Vue in terms of performance and ease of use for beginners. To accomplish this, two identical web applications were developed using React and Vue, respectively. These applications were designed to require only a general understanding of programming concepts and no prior experience with the mentioned frameworks, while having a target build size ranging from 40-60 KB. The development process for each framework was documented, capturing the time invested and challenges encountered. A qualitative approach was adopted to assess performance, leveraging quantifiable data gathered from the developed applications, while ease of use was evaluated through the lens of a beginner. The findings indicate that while React exhibited 12% faster overall execution time and 4% faster memory allocation, the performance gap was narrower than previous research suggested due to the smaller size of the applications. On the other hand, Vue was found to be more beginner-friendly, requiring 21.3% less development time to achieve the same application functionality. These findings aid beginners in selecting the most suitable framework based on their priorities and contribute to the understanding of React and Vue in the context of simple web application development. / JavaScript har under de senaste decennierna vuxit till att bli det dominerande programmeringsspråket för webbutveckling och används idag av 98,5% av webbplatserna världen över. Denna utveckling har lett till skapandet av flera ramverk för JavaScript, där React och Vue är bland de populära valen. Det finns dock ingen forskning som specifikt jämför dessa ramverk från ett nybörjarperspektiv när det kommer till att skapa enkla webbapplikationer. Syftet med denna studie är att kartlägga likheter och skillnader mellan React och Vue när det gäller prestanda och användarvänlighet för nybörjare. För att åstadkomma detta utvecklades två identiska webbapplikationer med hjälp av React respektive Vue. Dessa applikationer designades för att endast kräva en allmän förståelse av programmeringskoncept och ingen tidigare erfarenhet av de nämnda ramverken, samtidigt som de hade en storlek som sträcker sig från 40-60 KB. Utvecklingsprocessen för varje ramverk dokumenterades, bland annat med fokus på tid som investerats och de utmaningar som stöttes på. Ett kvalitativt tillvägagångssätt antogs för att bedöma prestanda, med hjälp av kvantifierbar data som samlats in från de utvecklade applikationerna, medan användarvänligheten utvärderades genom att analyseras ur en nybörjares perspektiv. Resultaten indikerade att trots att React överlag uppvisade 12% snabbare exekveringstid och 4% snabbare minnesallokering, var prestandagapet mindre än tidigare forskning har visat främst på grund av den mindre storleken på applikationerna. Å andra sidan visade sig Vue vara mer nybörjarvänlig och krävde 21.3% mindre tid för att skapa samma funktionalitet. Dessa resultat kan hjälpa nybörjare att välja det mest lämpliga ramverket baserat på deras prioriteringar och bidrar till förståelsen av React och Vue när det kommer till att skapa enkla webbapplikationer.

This project involves the development of an administration interface that continuously scans the company's websites. The scanning focuses on three main areas. Firstly, it checks if URLs return HTTP 200 responses for all links on the site to ensure link availability. Secondly, it monitors DNS traffic by checking Name Servers and DNS A-records to ensure correct traffic routing. Thirdly, it oversees the validity and expiration dates of SSL certificates to ensure they are current and valid. All errors are documented and notified via email and Slack for quick resolution. The project was conducted in collaboration with The Generation AB, with Martin Werner serving as the supervisor. The primary goal is to optimize and make the websites more user-friendly. The development utilizes Laravel and Inertia for the back-end, along with Vue.js and Tailwind for the front-end. The project includes a detailed methodology, construction, and reflections on the execution. The report discusses encountered challenges and lessons learned, incorporating planning, technical solutions and theory. In summary, the project has succeeded, and all parts of the application functioned as expected and required / Detta projekt omfattar framställningen av ett administrationsgränssnitt som kontinuerligt skannar företagets webbplatser. Skanningen består framför allt av tre olika delar. Den första kontrollerar webbplatsens tillgänglighet genom att skanna alla länkar på webbplatsen för att säkerställa att de returnerar ett HTTP 200-svar. Den andra delen kontrollerar av DNS-trafik genom att kolla Name Servers samt DNS A-record för att säkerställa korrekt dirigering av trafik. Den tredje delen kontrollerar SSL-certifikatets giltighet samt utgångsdatum för att säkerställa att certifikaten är aktuella och giltiga. Eventuella fel ska dokumenteras samt notifieras via E-post samt Slack för enkel och snabb felhantering. Detta projekt är utfört i samarbete med The Generation AB med Martin Werner som handledare. Huvudmålet är att effektivisera och göra mer användarvänliga webbplatser. Utvecklingen sker med hjälp av Laravel och Inertia för back-end samt Vue.js och Tailwind för front-end. Projektet omfattar en detaljerad metodbeskrivning, konstruktion samt reflektioner över arbetets genomförande. Rapporten diskuterar utmaningar som uppstått samt lärdomar att ta med sig. Den inkluderar även planering, tekniska lösningar samt teori. Sammanfattningsvis har projektet lyckats och samtliga delar av applikationen fungerat som förväntat och efterfrågat.

ABSTRACT   Context: Many websites today are very interactive and the users are getting used to sites that change hundreds of elements every second. Often a JavaScript framework is used to build the web site and with many changing elements on the site the need for a JavaScript framework that can handle the fast changes are needed. Each frameworks do it differently to achieving this but most of them do some manipulation with the Document Object Model (DOM).     Objectives: This research will show how fast the selected MCV like JavaScript frameworks (AngularJs, AngularJs 2.0, Aurelia, Backbone, Ember, Knockout, Mithril, Vue) can create, delete and update HTML elements on the screen.     Methods: This research have used Google Chromes TimeLine tool to measure the speed of the frameworks. The test involves creating a HTML table and fill it with a thousand rows of data with six columns. The tables content are tested to see how fast the frameworks can create, update and remove the elements.       Conclusions: Angular 2.0 almost achieved first place in all tests. Angular 1.5 did very good in the update tests and was good in the create elements test. Backbone and Ember did not do so well in the create and update tests but Backbone was the best framework in one of the delete tests. Aurelia got very good results and so did Vue which almost had the same values as Aurelia throughout the tests. Mithril and Knockout performed well in the create test which placed them in the middle among all the selected frameworks. When it came to the update tests Mithril and Knockout also found them self in the middle positions of all the frameworks.          Key Words: JavaScript, Framework, performance, Angular, Aurelia, Backbone,  Ember, Knockout, Mithril, Vue.

Nous abordons le problème de la mise en correspondance de points dans des images pour calculer la pose d'une caméra par l'algorithme Perspective-n-Point (PnP). Nous calculons la carte 3D, c'est-à-dire les coordonnées 3D et les caractéristiques visuelles de quelques points dans l'environnement grâce à une procédure d'apprentissage hors ligne utilisant un ensemble d'images d'apprentissage. Étant donné une nouvelle image nous utilisons PnP à partir des coordonnées 2D dans l'image de points 3D détectés à l'aide de la carte 3D. Pendant la phase d'apprentissage nous groupons les descripteurs SIFT extraits des images d'apprentissage pour obtenir des collections de positions 2D dans ces images de quelques-uns des points 3D dans l'environnement. Le calcul de SFM (Structure From Motion) est effectué pour obtenir les coordonnées des points correspondants 3D. Pendant la phase de test, les descripteurs SIFT associés aux points 2D projection d'un point 3D de la carte sont utilisés pour reconnaître le point 3D dans une image donnée. Le cadre de travail est semblable à celui des mots visuels utilisés dans différents domaines de la vision par ordinateur. Pendant l'apprentissage, la formation des mots visuelle est effectuée via l'identification de groupes et pendant les tests des points 3D sont identifiés grâce à la reconnaissance des mots visuels. Nous menons des expériences avec des méthodes de formation différentes (k-means et mean-shift) et proposons un nouveau schéma pour la formation des mots visuels pour la phase d'apprentissage. Nous utilisons différentes règles de mise en correspondance, y compris quelques-unes des méthodes standards de classification supervisée pour effectuer la reconnaissance des mots visuels pendant la phase de test. Nous évaluons ces différentes stratégies dans les deux étapes. Afin d'assurer la robustesse aux variations de pose entre images d'apprentissage et images de test, nous explorons différentes façons d'intégrer les descripteurs SIFT extraits de vues synthétiques générées à partir des images d'apprentissage. Nous proposons également une stratégie d'accélération exacte pour l'algorithme mean-shift / We address the problem of establishing point correspondences in images for computing camera pose through Perspective-n-Point (PnP) algorithm. We compute the 3D map i.e. 3D coordinates and visual characteristics of some of the points in the environment through an offline training stage using a set of training images. Given a new test image we apply PnP using the 2D coordinates of 3D points in the image detected by using the 3D map. During the training stage we cluster the SIFT descriptors extracted from training images to obtain 2D-tracks of some of the 3D points in the environment. Each 2D-track consists of a set of 2D image coordinates of a single 3D point in different training images. SfM (Structure from Motion) is performed on these 2D-tracks to obtain the coordinates of the corresponding 3D points. During the test stage, the SIFT descriptors associated the 2D-track of a 3D point is used to recognize the 3D point in a given image. The overall process is similar to visual word framework used in different fields of computer vision. During training, visual word formation is performed through clustering and during testing 3D points are identified through visual word recognition. We experiment with different clustering schemes (k-means and mean-shift) and propose a novel scheme for visual word formation for training stage. We use different matching rules including some of the popular supervised pattern classification methods to perform visual word recognition during test stage. We evaluate these various matching strategies in both stages. In order to achieve robustness against pose variation between train and test images, we explore different ways of incorporating SIFT descriptors extracted from synthetic views generated from the training images. We also propose an exact acceleration strategy for mean-shift computation

Cette thèse met en valeur les liens que les temps verbaux et la construction textuelle du point de vue entretiennent avec la composition des romans de Claude Simon écrits à partir du Vent (1957). En nous appuyant sur la théorie des systèmes de temps et en la revisitant à partir de l’emploi des temps verbaux dans ses romans, nous montrons en quoi l’écriture de l’écrivain conteste des systèmes verbotemporels et un système narratif historiquement datés au regard d’une écriture qui s’émancipe des schémas qui les motivent. Nous démontrons de même que la temporalité et la construction textuelle du point de vue dans ces romans sont au service de la plasticité de la composition romanesque. L’analyse verbotemporelle de notre corpus s’articule, conjointement à celle de la ponctuation, de la syntaxe, de l’énonciation et du point de vue narratif, avec la composition des romans. L’approche stylistique de tous ces aspects se conjugue à l’approche génétique, qui permet dans de nombreux cas d’expliquer plus justement le processus d’élaboration de la composition et du style. La prise en compte de la composition nous paraît s’imposer au vu des ruptures radicales avec un système romanesque périmé, qui nous amènent à déplacer le champ des repères de l’analyse critique. On pourrait dire, en paraphrasant Mallarmé, que dans les romans de Claude Simon, la composition rémunère le défaut des repères traditionnels du temps. De même que la syntaxe et la ponctuation ne se pensent plus à l’échelle de la phrase, chez Claude Simon, nous considérons que les temps verbaux et la notion de point de vue doivent aussi s’envisager à l’échelle du roman et de ses macrostructures, ce qui nous conduit à mettre particulièrement en valeur la composition de deux romans, La Route des Flandres et Le Jardin des Plantes, qui, faisant alterner temps présent et temps du passé, permettent de bien rendre compte de leur composition verbotemporelle. Cette recherche, qui s’intéresse en premier lieu au renouvellement de la langue littéraire par Claude Simon, contribue par voie de conséquence au renouvellement de la méthodologie critique qui permet de la mettre en valeur. Elle montre à partir de l'étude stylistique et génétique du roman simonien comment la littérature conduit à revoir l'approche linguistique de la langue au-delà de la phrase mais aussi comment la poétique narrative rouvre l'usage de la langue. / This thesis highlights the relations between verb tenses and textual viewpoint construction and the composition of Claude Simon’s novels as of Wind (1957).Adopting the tense systems theory and revisiting it in connection with the use of verb tenses in the author’s novels, we show how his writing challenges verb-tense systems and a narrative system historically dated with respect to a writing that breaks free from the frames that motivate them. We shall equally show that in these novels temporality and textual viewpoint construction contribute to the plasticity of the novelistic composition. The verb-tense analysis of our corpus, together with that of punctuation, syntax, enunciation, and narrative viewpoint, is articulated in keeping with the composition of the novels. The stylistic approach of all these aspects is combined with the genetic approach, in many instances allowing to explain more accurately the elaboration process of composition and style. Composition must be kept in mind if we consider the radical breaks with a dated novelistic system that lead us to shift the field of reference of the critical analysis. We might say, paraphrasing Mallarmé, that in Claude Simon’s novels, composition makes up for the absence of the traditional timeline. Just as syntax and punctuation are no longer conceived on the scale of the sentence, in Claude Simon we consider that verb tenses and the notion of viewpoint should also be analyzed on the scale of the novel and its macrostructures. This induces us to dwell particularly on the composition of two novels, The Flanders Road and Le Jardin des Plantes: by alternating present time and past time they allow to fully account for their verb-tense composition. This study, that above all concerns Claude Simon’s renewal of the literary idiom, as a consequence contributes to the renewal of the critical methodology allowing to highlight it. Starting from the stylistic and genetic study of Simon’s novels, it shows how literature incites to revise the linguistic approach to language beyond the sentence, but also how narrative poetics reopen the use of language.

Reproduction de : Thèse de doctorat : Etudes anglophones : Paris 4 : 2006. / Titre provenant de l'écran titre. 517 références bibliographiques.

Thèse (M. Mus.) -- Université Laval, 2008. / Bibliogr.: f. [103]-106. Publié aussi en version électronique dans la Collection Mémoires et thèses électroniques.

Thesis (Ph. D.)--University of Wisconsin--Madison, 1979. / Typescript. Vita. eContent provider-neutral record in process. Description based on print version record. Includes bibliographical references.

Thesis (Ph. D.)--University of Wisconsin--Madison, 1973. / Typescript. Vita. eContent provider-neutral record in process. Description based on print version record. Includes bibliography.

The aim of this thesis is to examine differences between the three Javascript frameworks Angular, React and Vue along the Unified Theory of Acceptance and Use of Technology (UTAUT) model. With the purpose to give developers support in their choice of framework. Previous studies focused on advantages and disadvantages of the frameworks from a technical perspective, therefore we decided to carry into effect a qualitative study based on developers experience. Our method of choice was a case study where the phenomenon was “why a framework is chosen”, this ruled and motivated our research. We used a survey as the method to collect data. With our survey we collected data from more than 500 different developers. The results from the research are presented in different tables and charts which we analyze and compare to the results of previous studies related to ours. The conclusion of our research is that Vue is a good option for a developer that is learning on your own, looking for a framework that is easier to learn or developing a smaller project on your own. Angular is considered to be the most complicated framework to learn, but is a good option for anyone who is looking for a job or is involved with bigger projects. React has the lowest overall values in all the UTAUT categories, but has shown to be a viable option for someone looking for better job opportunities. The advantage React has over Angular is that it is easier to learn. The final results of our thesis are recommendations and not strict rules. Decisions for and against a framework depend heavily on the use case and other varying circumstances. Our study can hopefully give a better insight and support developers in their choice of framework. / Webbutveckling utvecklas, innoveras och skapar nya möjligheter för användare att mötas på en gemensam plattform. En del av utvecklingen är möjlig mha JavaScript-ramverk vars versioner är i tusental. Syftet med vår rapport var att undersöka skillnader mellan de tre ramverken Angular, React och Vue utefter Unified Theory of Acceptance and Use of Technology (UTAUT) modellen för att kunna ge utvecklare stöd i sitt val av ramverk. Tidigare studier visar på fördelar och nackdelar kring de tekniska aspekterna hos ramverken. Därför valde vi att utföra en kvalitativ studie baserad på utvecklares erfarenheter. Vi utförde en fallstudie där fenomenet var “varför ett ramverk väljs”, detta styrde och var motiveringen till våran forskning. Vi använde en enkät som metod för datainsamling. Med vår enkät samlade vi in data från över 500 olika utvecklare. Resultat från undersökningen presenteras i olika tabeller och grafer som analyseras och jämförs med tidigare studiers resultat inom samma område. Vår slutsats av resultaten är att Vue är ett bra alternativ för dig som lär sig utveckla på egen hand, vill ha ett lättare ramverk att lära sig och utvecklar mindre projekt på egen hand. Angular anses var det svåraste ramverket att lära sig, men kan vara ett bra alternativ för dig som vill söka jobb eller ska utveckla ett större projekt. Angular är det ramverk som funnits under en längre tid och har därför bredare möjligheter. Även om React uppskattas lägst i alla kategorier så har det visat att det är ett bra alternativ för dig som vill öppna upp fler jobbmöjligheter. Fördelen React har över Angular är det är lättare att lära sig. Resultatet vi presenterar är förstås bara rekommendationer och inget som är definitivt. Beslut för och emot vilket ramverk som är bäst varierar från fall till fall beroende på omständigheterna. Men vår studie kan förhoppningsvis ge en bättre insikt och hjälpa utvecklare som står inför att välja ramverk.