crgrdesi


WP REST API Tema

Detta är en berättelse om min resa genom en massa nya tekniker och ramverk/bibliotek för att i slutändan kunna skapa ett WP REST API Tema. Det hela går ut på att skapa ett WordPress tema som hämtar innehål/data genom följande tekniker: Webbsidorna levereras med kommunikationsprotokollet HTTP (Hypertext Transfer Protocol). REST (Representational State Transfer) API (Application Programming Interface). Datan returneras i JSON (JavaScript Object Notation) […]

Bild på Wordpress logo 3D blå

JavaScript woodmark

ECMAScript 6 är här!

ECMAScript 6 är här! Den 6e revisionen av JavaScript har en massa nyheter, speciellt för OOP (objekt orienterad programmering). Artikeln är på gående och snart klar!   Klasser Man har implementerat klasser i ES6. Man kan skapa/deklarera en klass på två olika sätt. Klassdeklaration Vi kan deklarera en klass som i andra objektorienterade programmeringsspråk:

Klassuttryck Det andra sättet är genom […]


Skapa ett ”Barn-tema”

Källkoden är formaterad med ett WordPress Plugin – Crayon Syntax Highlighter OBS! Om du vill hoppa över kodning mm. och ta den enkla vägen genom att installera ett tillägg, gå då längst ner på sidan. Det enklaste sättet att modifiera ett WordPress tema är att skapa ett så kallat barn-tema som ärver all stil och funktionalitet […]

Wordpress logo 3D purple

Code ikon

Skapa en Egen CMS

OBS! Artikel pågående I denna artikel ska vi skapa en egen CMS från grunden. Ett CMS (Content Management System) är ett innehållshanteringssystem och ett av dom mest berömda är WordPress. Det finns ett annat begrepp som har använts för webbaserade CMS, förkortad WCMS (Web content management system) men nyförtiden räcker CMS för att alla utvecklare ska förstå vad man […]


Orange CSS3 Badge

CSS Parallax

I denna artikel tänkte jag gå igenom en enkel metod för att skapa en CSS parallax effekt. Det hela går ut på att ha en bakgrundsbild eller färg som är fixerad och har en viss höjd och då kommer nästa element att skrolla över den när man skrollar ner för sidan.


Förstå JavaScript (verkligen) Del 3 | Användbara Uttryck

OBS! Artikel pågående. I den här delen av artikelserien Förstå Javascript (verkligen) ska vi gå igenom ett gäng användbara uttryck i JavaScript. Short Circuit Operatorer i JavaScript Det första vi ska titta på är så kallade short circuit operatorer. Det enklaste är att visa exempel så förstår du snart vad som är short:

Detta är samma som: […]

javascript_logo_green

javascript_logo_red

Utmaning: Dynamisk JavaScript Sida

Den här utmaningen går ut på att göra om sidan som gjordes i artikeln Dynamisk Webbsida Med PHP, men med javaScript. Så, vi ska alltså skapa en Dynamisk JavaScript sida och kravspecifikationen för den ser ut så här: Dynamisk title innehåll, dvs. visa vilken sida man är på. Dynamisk menu. Aktiv länk ska ha klassen active. Dynamisk huvudinnehåll, beroende […]


Förstå JavaScript (verkligen) Del 2 | Felsökning

Developer Tools Ofta, när JavaScript-kod innehåller fel, så händer ingenting, dvs. det finns inga felmeddelanden och du kommer inte att få några ledtrådar att söka efter fel. Att söka efter fel i programmeringskod kallas för avlusning eller debugging (vilket inte är lätt). Som tur är, har alla moderna webbläsare en inbyggd avlusare för JavaScript (och andra språk) som kan slås på […]

javascript_logo

javascript_logo_blue

Crashkurs i JavaScript

Denna artikel ska vara en crashkurs i JavaScript eller ECMAScript som det egentligen heter, och vi kommer att gå igenom dom olika delarna rätt snabbt. Du bör redan kunna HTML och CSS för att få ut det mesta av den här guiden. Jag använder mig ofta av ett mycket bra verktyg som heter JS Bin vilket är en […]


HTML DOM Event

Detta är en översättning av W3C:s hemsida om HTML DOM Event. HTML DOM Event möjliggör för Javascript att registrera olika händelser som sker med koppling till element i ett HTML-dokument (med element menar jag alla delar av en webbplats, inklusive webbläsaren). Detta ska fungera som en referens över alla dom event som kan registreras. Event används normalt i kombination med […]

javascript_logo_red

javascript_logo_blue

Länkar till JavaScript Guider

I denna artikel ›› länkar till JavaScript guider så har jag packat in länkar till en massa bra handledning från nybörjare till avancerad. Sidor Kursen ”javascript” ›› är en Svensk kurs med mycket bra förklaringar. Codecademy ›› lär dig koda interaktivt. A reintroduction to JavaScript on MDN ›› är en av Mozillas sidor som guidar dig genom JavaScript och packar in en […]


javascript_logo_green

Förstå Javascript (verkligen) Del 1 | Under Huven

Javascript är ett speciellt programmeringsspråk och det beter sig inte alls som de andra språk den liknar. För att bli en bra programmerare i Javascript krävs det att man ska verkligen förstå Javascript, hur det fungerar, och det är där den här serien om Javascript ska hjälpa till.

Javascript tolkas ”live” av ett program som någon annan har skapat för att avgöra om din Javascript kod följer syntax-reglerna och så tolkar den din kod till något som datorn förstår och avgör därigenom vad din script gör. Dessa program kallas för kompilerare.


JavaScript Timers setTimeout & setInterval

I den här guiden ska vi titta på JavaScripts timers setTimeout & setInterval plus cleartimeout och clearInterval som stoppar dom.   setTimeout() Med window.setTimeout() kan man ange att ett stycke JavaScript-kod (uttryck) kommer att köras ett visst antal millisekunder efter att den anropades. Den allmänna syntaxen för metoden är:

..där expression är uttrycket som körs efter timeout (antal millisekunder). Här kommerr ett enkelt exempel: […]

javascript_logo_red