Bouwen van mobiele webapps - dummies

Hoewel elke website kan worden bekeken met een mobiele browser, zien die websites die niet zijn geoptimaliseerd voor mobiele apparaten er een beetje raar uit, alsof de reguliere lettertypegrootte en afbeeldingsafmetingen van de website zijn afgenomen om op een mobiel scherm te passen. Daarentegen hebben websites die zijn geoptimaliseerd voor mobiele apparaten lettertypen die leesbaar zijn, afbeeldingen die schalen naar het scherm van het mobiele apparaat en een verticale lay-out die geschikt is voor een mobiele telefoon.

Het bouwen van mobiele web-apps gebeurt met HTML, CSS en JavaScript. CSS bepaalt het uiterlijk van de website op verschillende apparaten op basis van de schermbreedte. Aan schermen met een kleine breedte, zoals die op telefoons, wordt een verticaal gebaseerde lay-out toegewezen, terwijl schermen met een grotere breedte, zoals die op tablets, een andere, op horizontale lijnen gebaseerde lay-out krijgen toegewezen.

Omdat mobiele web-apps toegankelijk zijn via de browser en niet zijn geïnstalleerd op het apparaat van de gebruiker, kunnen deze web-apps geen pushmeldingen (waarschuwingen) naar uw telefoon verzenden, op de achtergrond uitvoeren browser is geminimaliseerd of communiceer met andere apps.

Hoewel u de HTML, CSS en JavaScript voor uw mobiele web-app vanaf nul kunt schrijven, kunt u met mobiele webraamwerken ontwikkelen op basis van vooraf geschreven code, net zoals de kaders voor programmeertalen. Deze frameworks voor mobiel internet bevatten een verzameling generieke componenten die vaak opnieuw worden gebruikt en waarmee ontwikkelaars websites sneller kunnen bouwen, testen en starten. Twitter Bootstrap is zo'n mobiel webraamwerk.