2019-02-19

Om du tycker att webbtekniker kan vara lite trassliga, så är du inte ensam. I början på min egen programmeringskarriär förstod jag inte skillnaden mellan kod som körs på klientsidan och kod som körs på serversidan, och försökte således köra PHP direkt i webbläsaren.

2019-02-21

När man gör webbplatser måste man använda dom programmeringsspråk som stöds på webben, och det är inte så många: en webbsida måste skicka Javascript, HTML och CSS till webbläsaren, och här finns det knappast några alternativ. Men, säger du, jag har hört talas om Typescript!

2019-02-22

Konceptet klient-server är ganska enkelt: en klient har rollen att begära tjänster av en server. Ofta finns det många klienter som begär tjänster av en centraliserad server. På webben är klienten det som sker i webbläsaren, medan servern är den som skickar kod och data till webbläsaren.

2019-02-26

I den här artikeln ska vi gå igenom definitioner för några av komponenterna i en webbläsare, så det blir mer tekniskt än resten av serien. Om du vill kan du hoppa till den översiktliga tabellen. Definitioner Det finns åtminstone tre "motor"-koncept i en webbläsare: webbläsarmotorn, renderingsmotorn och Javascript-motorn, där dom senare två ingår som del i den förra.

2019-02-27

Ett Javascript-bibliotek är Javascript som "någon annan" har skrivit, och som underlättar utvecklingen av applikationer i Javascript. Ofta är det en samling funktioner som är lättare att använda än den underliggande tekniken, t.ex. eftersom biblioteket har testats i flera webbläsare som implementerar den underliggande tekniken lite olika.

2019-03-11

I förra delen gick vi igenom bibliotek, det vill säga en samling funktioner som "någon annan" har skrivit. Både bibliotek och ramverk uppfyller denna definition, men det senare styr kodstrukturen för hela din applikation. Det faktum att du har byggt upp din applikation med ett ramverk som utgångspunkt kan betyda att det är svårt att byta ut det, något som inte nödvändigtvis gäller för bibliotek.

2019-03-19

När din applikation börjar använda mer än något enstaka bibliotek, kan det vara bra att organisera alla dina beroenden med hjälp av en pakethanterare. I den här artikeln går vi igenom vad du behöver, men här följer en sammanfattning om du inte är intresserad av detaljerna.

2019-03-20

Även om webbläsaren stödjer Javascript, så kommer man bara undan kompilering i dom allra minsta projekten. Koden som skickas över nätverket till webbläsaren bör vara kompakt, och oftast är få requests att föredra. För att samla ihop all kod till "bundles", så används en "bundler", vilket jag rätt och slätt har benämnt "byggverktyg".

2019-03-21

Det finns ett antal verktyg som inte egentligen krävs, men som markant förbättrar kvaliteten på koden man skriver. Här går vi igenom två kategorier av verktyg som hjälper en att följa en konsekvent kodstil: lintning och formatering. Lintning Ordet "lint" kommer från engelskan och betyder "ludd" på kläder eller liknande, vilket ju är extra fluff som man inte vill ha.

2019-03-22

När man skickar data över nätverket, så går det snabbare att skicka så lite som möjligt. Det här gäller förstås också den kod som skickas till webbläsaren. Därför brukar man använda verktyg för att minifiera sin kod: ta bort whitespace och kommentarer, förkorta variabelnamn och andra trick för att komprimera skriptet.

2019-03-24

Editorer, också kallade textredigerare, är dom program som man använder för att skriva kod vid programmering. En editor visar koden i filen med syntaxmarkering (eng. syntax highlighting), och hjälper normalt till med indentering och många andra centrala funktioner vid programmering.

2019-03-25

Ett versionshanteringsprogram håller koll på olika versioner av din källkod, så att du lätt kan återgå till en tidigare version, eller arbeta tillsammans med andra utvecklare. Det i särklass vanligaste tekniken idag är Git, och även om det finns ett stort antal alternativa program, så kräver ett annat val än Git år 2019 en särskild motivering.

2019-03-26

I webbläsaren, på klientsidan, är man begränsad till att använda Javascript, CSS och HTML. På serversidan däremot har man fler möjligheter att använda just dom språk man tycker bäst om, utifrån dom behov man har. Statisk webbsida Innan du bestämmer dig vilket språk du ska programmera din backend i, så kan du fundera över om du verkligen behöver en backend över huvud taget.

2019-03-29

Ordet "server" har många betydelser. I det här inlägget tittar vi på förmedlare, den applikation som lyssnar på en port och vidarebefordrar förfrågningar och svar genom att skicka dom vidare till andra applikationer. Det har funnits många sådana servrar genom tiderna, men år 2019 är det tre som dominerar.

2019-04-29

Tidigare gick vi igenom ramverk för frontend som alltså körs i webbläsaren. Serverramverk är dom ramverk som styr hur man skriver sin applikation på backend, på serversidan. Beroende på vilket språk man vill skriva sin backend i, så kan val av ramverk bli mer eller mindre givet.

2019-04-30

Ett protokoll är en uppsättning regler som definierar hur två eller fler datorprogram kan kommunicera med varandra. På webben finns flera olika protokoll, men HTTP är det överlägset vanligaste, och det som hela webben grundar sig på. Med hjälp av dessa protokoll, kan man skapa ett api, som definierar ett gränssnitt för användning av ett bibliotek eller tjänst i en applikation.

2019-05-01

Som programmerare kan det vara svårt att acceptera, men ibland är den bästa lösningen en som kräver minimal mängd programmering. Om målet är att skapa en webbplats där redaktörer själva ska kunna lägga till mestadels textbaserat innehåll, kan det vara en bra idé att använda ett färdigt innehållshanteringssystem, det vill säga ett cms (content management system).

2019-05-02

Ajax är en uppsättning webbtekniker som låter en skapa webbplatser som kan skicka och hämta data från en server i bakgrunden, utan att påverka visningen av sidan man är inne på. Genom dessa Javascript-anrop, kan man sedan ändra innehållet dynamiskt, utan att behöva ladda om sidan.

2019-05-03

Oavsett om man är grön eller senior utvecklare, så behöver man enkel tillgång till dokumentation. Det svåraste för nybörjare brukar vara att lista ut vilken teknik det ens är man behöver hjälp med. Exempelvis i ett Angular-projekt, så kan man bli osäker på om det man vill lära sig mer om har att göra med webbtekniker (Javascript och HTML), med Typescript, med Angular (api och HTML-mallsyntax) eller med RxJS.

2019-05-04

Webbsäkerhet är ett delområde inom datasäkerhet, vilket jag har beskrivit närmare i en egen artikelserie. Här beskrivs istället översiktligt det viktigaste för dig som skapar webbplatser. Attacker Eftersom webben är en komplex plattform, så finns många olika typer av attacker.

2020-01-18

In part 1, I'd begun transferring some domains from one registrar to another, as well as their ownership. After emailing the registrar, they kindly responded with a simple seven-step guide. It seemed easy enough, but I'm currently stuck on step 3.

2020-01-15

I'm trying to transfer a few domains from one registrar to another. Also transferring ownership from someone else to myself. As the great procrastinator I am, I'd waited for as long as possible, or as it turns out, longer. Transferring a .

2019-07-18

You'd think Google tests their websites extensively. Especially one of their flagship products, such as google.com. Especially the main page. I'm sure they do, but testing GUI across all browsers and screen sizes is difficult. A screenshot of google.com from June 21, 2019, in Tor Browser.

2019-03-13

Javascript har en modell för concurrency, samtidig exekvering, som bygger på en "eventloop". Den här modellen skiljer sig rätt mycket från modellerna som finns i andra programmeringsspråk, såsom C, C# och Java. Koncept kopplade till exekvering Följande avsnitt förklarar en teoretisk modell.