Samband och Värdering vid val av programmeringsteknik vid utveckling av dynamiska webbplatser

📜 Webbhistoria och jämförelse

I de tidiga dagarna av webben bestod webbplatserna främst av statiska HTML-sidor. Den första webbplatsen i historien, skapad av Tim Berners-Lee 1990, använde enkel HTML. Cirka 20 år sedan började företag som Microsoft och Macromedia inse behovet av verktyg för att bygga webbplatser. Ett problem som utvecklarna stötte på var att när de behövde uppdatera huvudmenyn på en webbplats med många sidor, var de tvungna att uppdatera alla sidor manuellt, vilket var mycket ineffektivt. En lösning på detta problem var att införa dynamiska webbmallar (DWT), där man skapade en mall med gemensamma element som huvudmenyn och sedan kunde man enkelt uppdatera dessa element och generera statiska HTML-sidor automatiskt.

Tre år efter den första webbplatsen infördes Common Gateway Interface (CGI), vilket möjliggjorde kommunikation mellan webbplatser och databaser. Efter ungefär ett decennium utvecklades webben bortom DWT till Content Management Systems (CMS) som Drupal och WordPress. CMS:er erbjöd ett nytt tillvägagångssätt för att hantera stora webbplatser genom att generera sidor dynamiskt från en databas.

Under de senaste årtiondena har statiska webbplatsgenererare som Gatsby, Hugo, Jekyll, Nikola och ReactStatic introducerats. Dessa verktyg genererar statiska HTML-sidor från källfiler och tillåter utvecklare att skapa avancerade dynamiska mallar. Gatsby, speciellt, introducerar konceptet Content Mesh, vilket gör det möjligt att hämta innehåll från olika datakällor och skapa dynamiska sidor.

För att använda dessa statiska webbplatsgenererare krävs en god förståelse för grundläggande webbutvecklingsverktyg och språk som HTML (eller Pug), CSS (inklusive preprocessorer som SASS eller LESS) och modern JavaScript. Dessutom krävs kunskap om kommandoradsgränssnitt och npm.

Styling i verktyg som Gatsby, React, Angular, VueJs, Next och även Laravel varierar, och det finns ingen standard för hantering av stilar och CSS. Det finns olika tillvägagångssätt och ramverk som Bootstrap, Tailwind, Materialize och Bulma, samt CSS-in-JS, som tillåter att CSS skrivs direkt i JavaScript.

💭Slutsats

Valet av programmeringsteknik, vare sig det är Gatsby, Vue Js, Next, Angular eller andra, beror starkt på det specifika användningsområdet. Med moderna verktyg och tekniker, som statiska webbplatser och Content Mesh, har utvecklingen av webbplatser kommit långt sedan början av webben.

I dagens teknikdrivna värld är det viktigt att noga överväga vilken programmeringsteknik man ska använda vid utveckling. Det är avgörande att tänka på tidsåtgången för att utveckla och bygga projektet, ramverkets popularitet och support samt framtida tekniska behov. Baserat på dessa överväganden kan det vara fördelaktigt att välja etablerade ramverk som React eller Vuejs för att bygga komplexa projekt.