Kunskapsbanken

Artiklar, guider, tips och trix tillsammans med exempelprogram inom webbprogrammering och webbutveckling. Inläggen är listade i den ordning som de senast uppdaterats.

Boken: WebGL Up and Running

Visar hur du kommer igång med 3D-programmering och WebGL via 3D-bibliotek. För dig som hellre använder 3D bibliotek än skriver din egen kod direkt i WebGL.

Read more »

Category: bok.

Boken: WebGL Programming Guide

En bok för att komma igång med 3D-programmering i WebGL.

Boken går igenom grunden och lämpar sig för den webbprogrammerare som inte kan WebGL likaväl som den lämpar sig för den som kan OpenGL men har begränsade kunskaper i webbtekniker som HTML, CSS och JavaScript.

Read more »

Category: bok.

Spela luffarschack med klient och server i Node.js

Låt oss skapa ett program där man man spela luffarschack över nätet. Det skall finnas en klient och en server. I längden vore det trevligt om man kan spela mot en annan spelare, två klienter mot en server.

Eller varför inte spela en server mot en annan för att se vilken som är bästa spelare? Med lite artificiell intelligens i servern? Nja, det får vara överkurs.

Read more »

Category: javascript.

Labbmiljö för JavaScript i webbläsaren

Låt oss hitta en snabb väg in i en underbar värld av JavaScript. Vad behövs för utvecklingsmiljö? Var hittar jag informationen om hur språket fungerar? Hur kopplar jag ihop JavaScript i en webbsida? Finns det några verktyg som kan underlätta min utveckling?

Du vill alltså lära dig grunden i JavaScript för att komma bort från copy-pastandet av kod som du inte förstår, du vill ha grunderna som du kan stå på för att bli en bättre utvecklare som kan sitt JavaScript. Kanske är detta första gången du kommer i kontakt med ett programmeringsspråk.

Read more »

Category: labbmiljo.

Installera en labbmiljö till Python

Så, du vill lära dig att programmera med Python? Trevligt!

Låt oss då börja med en labbmiljö samt orientera oss bland de resurser som behövs för att komma i gång.

Read more »

Category: labbmiljo.

Kom igång med HTML på 20 steg

Denna guide visar dig 20 steg (ungefär) för att komma in i HTML. Du får hjälp att skapa din första sida och du går igen om de vanligaste HTML elementen.

Read more »

Category: webbprogrammering.

Kom igång och gör övningar i Nodeschool.io

För att öva upp sin programmeringsförmåga med JavaScript och Node så är Nodeschool.io en bra tjänst. Där hittar du ett antal tutorials och övningar som lär dig grunderna i olika koncept. Eller workshops, som de väljer att kalla det.

Låt se hur man installerar och kommer igång med ett par workshops, allt för att komma igång med JavaScript på serversidan med Node.js.

Read more »

Category: javascript.

Kom igång med SSH-nycklar

Så här kan en SSH-nyckel se ut, eller?

Så här kan en SSH-nyckel se ut, eller?

När man har många maskiner och servrar som man loggar in på och flyttar filer mellan så blir det enklare, och säkrare, att använda sig av SSH-nycklar för autentisering.

I denna artikel visas hur du skapar SSH-nycklar och hur du kommer igång att börja använda dem för att logga in och överföra filer över ssh med kommandot rsync.

Read more »

Category: webbprogrammering.

Vanliga CSS-konstruktioner som är bra att kunna

CSS box modell

CSS box modell

För att bemästra CSS så behöver man ha lite kontroll på grundkonstruktionerna. I denna artikeln får du en översikt av vissa grunder i CSS och du får se exempel på hur de fungerar.

Det handlar om CSS box modell, storlekar, olika sätt att visa element, fonter och typografi, färger, bakgrundsbilder och texturer.

Read more »

Category: webbprogrammering.

Gör ett galleri för att visa upp bilder med PHP

Vi skall göra ett enkelt galleri med PHP, gallery.php. Galleriet utgår från att dina bilder ligger lagrade i en katalogstruktur i din webbkatalog. Det blir ingen uppladdning av bilder utan handlar mer om ett enkelt sätt att skapa ett galleri på webbplatsen med ett PHP skript som söker igenom dina kataloger efter bilder. När det är klart kan du navigera bland katalogerna och visa upp bilderna, både som en översikt och som en och en.

Du får grunden som du kan bygga vidare på för att skapa ett mer avancerat galleri.

Read more »

Category: php.