Kunskapsbanken
Artiklar, guider, tips och trix tillsammans med exempelprogram inom webbprogrammering och webbutveckling. Inläggen är listade i den ordning som de senast uppdaterats.
Bygg ett tema till Anax Flat
Du har kommit igång med ramverket Anax Flat och du kan skapa ditt eget innehåll på webbplatsen. Nu är det dags att börja styla webbplatsen med CSS, eller rättare sagt med LESS.
Vi bygger upp ett tema från grunden, steg för steg. Temat får en grundstruktur som gör det utbyggbart och modulärt.
Kom igång med Docker som utvecklingsmiljö
Vi skall komma igång med virtualiseringsmiljön Docker och se hur den kan användas som stöd för utveckling och test av programvara.
Du kommer se hur du kan jobba med images och kontainrar samt se hur du kan skapa egna images och underhålla dem i ett Git-repo.
Node.js webbserver med Express
Vi skall bygga en applikations- och webbserver med hjälp av Node.js och modulen Express.
Servern skall både servera statiska filer som bilder, CSS och JavaScript tillsammans med mer dynamiska routes.
Som template-motor använder vi Pug, den hjälper oss att rendera HTML-sidor med dynamisk information från JavaScript.
Kom i gång med HTML, CSS och JavaScript
Kom igång med ditt första program i JavaScript, tillsammans med HTML och CSS. Resultatet kör vi i en webbläsare. Vi hanterar validering av din kod och vi ser var du hittar information som manualer och specifikationer.
Du får en bas att stå på, ett första program i JavaScript, att bygga vidare på. Du får också se hur du bör göra för att få hjälp av andra genom att dela ut din kod och göra en fiddle.
Installera Apache webbserver för utveckling
Se till att du har en egen lokal utvecklingsmiljö för dina webbsidor. I dbwebb-kurserna så använder vi alltid en driftsserver dit vi laddar upp resultatet när vi är klara. Men det underlättar om man har en egen utvecklingsmiljö så att man inte är beroende av driftservern. Det är skönt att kunna köra alla sina tester lokalt och ibland vill man testa sin kod på fler än en miljö.
Kom igång med funktionstester i JavaScript
Vi bygger vidare på vår testmiljö för JavaScript och ramverk genom att lägga till aspekten av funktionstester tillsammans med verktyg och testfall.
Skapa en PHP-modul på Packagist och integrera med Anax
Vi skall se hur vi kan lyfta ut en kodbas som är integrerad i en Anax installation. Vi tar den kodbasen och lägger i ett eget Git-repo som vi publicerar på GitHub. Vi gör en modul av repot och publicerar det på Packagist.
Därefter kan vi åter installera samma kodbas, nu med verktyget composer, in i en installation av Anax.
För att ha en kodbas att jobba på så använder jag mig av REM-servern och skapar en fristående modul som blir enkel att integrera i en godtycklig Anax installation.
Anax med databasdrivna modeller enligt Active Record, ett exempel
Vi bygger vidare på hanteringen med formulär och databasdrivna modeller genom att presentera ett exempel som implementerar CRUD med givna tekniker.
Det blir ett komplett kodexempel som visar hur man kan skriva koden i modellagret med stöd av de moduler som presenteras, inklusive formulärhantering, databas med query builder och designmönstret Active Record.
Via detta kodexempel får vi en kodbas att utgå ifrån, en kodbas som visar på ett mer komplext sammanhang där flera delar av ramverkets kod samverkar.
Anax och databasdrivna modeller
Vi bygger vidare på ett exempel med formulärhantering i Anax och integrerar med en extern modul för databashantering.
Vi använder en del av databasmodulen som heter query builder där man bygger SQL-frågan utifrån metodanrop. Den blir basen i vår databasdrivna modell, som är en implementation av designmönstret Active Record.
Vårt mål är att skapa en kodbas som är enkel att återanvända för databasdrivna modeller som använder formulärhantering. Att använda Active Record är en del i att uppfylla målet.
Kom i gång med PHP på 20 steg
Denna guide hjälper dig att komma igång med PHP. Via 20 steg får du testa på olika grundläggande konstruktioner i PHP och slutligen kan du pröva om dina vingar bär genom att skriva egna PHP-funktioner.
Det bästa sättet att gå igenom guiden är att läsa exemplen och sedan pröva dem själv. Skapa en egen exempelsida där du testar olika kod-konstruktioner. Du måste testa själv för att lära dig. Du måste själv skriva koden, det finns inga genvägar.