Primerjava med klasično in moderno metodo programiranja spletnih strani

STANČIĆ, SLAVEN (author), Meža, Marko (mentor)

V diplomskem delu sem opisal zgodovino in razvoj spleta ter »front-end« programiranja. Predstavil sem pomanjkljivosti klasične metode programiranja in poudaril zahteve, ki so pripeljale do modernih tehnik izdelovanja spletnih strani. Pojasnil sem dva pristopa programiranja in ju med seboj primerjal v preprostosti. Prvi pristop je programiranje po klasični metodi dela, ki vsebuje programske jezike CSS, HTML in JavaScript ter preprosto prenesene dodatke s spleta. Drugi pristop je programiranje po moderni metodi dela, ki vsebuje avtomatiziran sistem Gulp, nadzornike dodatkov Bower in Npm ter predprocesni jezik SCSS. Obe metodi programiranja sem na praktičnem primeru osnovne spletne strani primerjal med seboj v hitrosti delovanja, preprostosti uporabe in velikosti končnega izdelka. Hkrati sem primerjal velikost in količino podatkov, ki jih mora brskalnik prenesti in so potrebni za prikaz spletne strani, ter hitrosti nalaganja pri končnem uporabniku. Poudaril sem tudi tri hipotetična pričakovanja, ki sem jih poskušal potrditi ali ovreči s pomočjo dejanskih rezultatov, pridobljenih po kvantitativni metodi dela. S pomočjo časovne meritve sem ugotovil, da sem za moderno metodo programiranja pri pripravah na programiranje porabil veliko več časa kot pri klasični metodi. Hkrati pa je meritev hitrosti in velikosti nalaganja spletne strani pokazala, da je moderna metoda približno dvakrat hitrejša v nalaganju od klasične metode. To se dogaja zaradi veliko manjše končne velikosti spletne strani, narejene po moderni metodi, v primerjavi s klasično metodo. Ugotovil sem, da je vzdrževanje spletne strani, narejene po moderni metodi, veliko hitrejše in lažje kot po klasični metodi programiranja.

• Language: Slovenian
• Keywords: spletne strani, spletno programiranje, spletna orodja, spletne tehnologije
• Work type: Bachelor thesis/paper
• Organization: FE - Faculty of Electrical Engineering
• Year: 2018
• PID: 20.500.12556/RUL-100506
• Publication date in RUL: 23.03.2018

Secondary language

• Language: English
• Title: Comparing classical and modern front end web page programming

Abstract

In my thesis I have described the history and the development of the Internet and front end programming. I have also presented deficiencies of the classical front end web page programming and highlighted the demands that led to the modern web design techniques. I have explained two programming approaches and compared them in simplicity. The first approach is programming according to the classical work method which contains programming languages CSS, HTML and JavaScript, and easily downloaded add-ons from the web. The other approach is programming according to the modern work method which includes the automated system Gulp, package managers Bower and Npm, and the pre-processed language Scss. Both methods of programming are on a practical example of a basic web site, I have compared one to another according to the speed of operation, the ease of use and the size of the finished product. At the same time, I have compared the size and amount of data the browser has to download, which is necessary to display the web page, and the downloading speed of website for the end user. I have also highlighted three hypothetical expectations that I tried to validate or disprove with the actual results obtained by the quantitative work method. Using the time measurement, I have found that I have spent much more time on programming for the modern method than for the classical method of programming. At the same time, the measurement of the speed and size of the web site loading showed that the modern method is about twice as fast as downloading from the classic method. This is due to the much smaller end-page size of a website made using the modern method compared to the classic method. I have found that the maintenance of a web site is done by the modern method much faster and easier than by the classical method of programming.

• Keywords: web pages, web technologies, web programming, web tools