Webbutveckling med HTML5 Boilerplate : En studie i mallens egenskaper och god utvecklingspraxis

Abstract

I arbetet stiftar vi bekantskap med webbutvecklingsmallen HTML5 Boilerplate och dess innehåll. HTML5 Boilerplate är en populär startbotten för att utveckla snabba, hållbara och anpassningsbara webbsidor och -applikationer. Den innehåller mängder av tekniska lösningar som anses vara bästa praxis när det gäller webbutveckling. Hundratals professionella webbutvecklare har tillsammans bidragit till Boilerplate-projektet och delat med sig av sin kunskap. Strukturen i Boilerplate-paketet behandlas del för del. Paketet är licenserat under en MIT-licens och kan fritt användas för både personligt- och kommersiellt bruk. Flera välkända företag och sidor har valt att använda denna mall. I arbetet undersöker jag vad som gör denna mall kraftfull och försöker identifiera det som är bästa webbutvecklingspraxis. I arbetet blir slutprodukten en responsiv Mobile First Boilerplate-sida. Som utgångspunkt används Initializr, en Boilerplate-mallgenerator som ger oss en anpassad botten. I arbetet läggs stor vikt på mobilvänlig utveckling, något som vi inte kan frånse i dagens läge då mobila apparater används allt mer.

In this study we dive into the HTML5 Boilerplate web developing template and its contents. HTML5 Boilerplate is a popular starting ground for the development of fast, durable and adaptable websites and applications. It contains a large amount of technical solutions considered to be best praxis in web development. A community of hundreds of professional developers around the world have contributed to the Boilerplate project and shared their knowledge. This thesis goes through the structural content of the Boilerplate package, part by part. The package is licensed under an MIT-license, free for personal and commercial use. Many well-known companies and sites are already using this template. In the process, I examine what makes this template so powerful and try to identify what exactly are best web development practices. The end product of this work is a responsive Mobile First Boilerplate website. As starting ground, the templates generator Initializr is used, which gives us a customizable Boilerpate template. In this study we put great emphasis on mobile-friendly development, something we can´t disregard in today’s time when mobile devices are increasingly used.