Kunskapsbanken
Artiklar, guider, tips och trix tillsammans med exempelprogram inom webbprogrammering och webbutveckling. Inläggen är listade i den ordning som de senast uppdaterats.
Kom igång med Cordova
Vi ska använda Apache Cordova och mithril för att skapa en “Hello World” och testa köra den i en Android Emulator. Cordova är ett cross-plattform tool som är gratis och open source. Apparna byggs i HTML, CSS och JavaScript och mithril.
Lägg till en Splash screen och ändra ikon
Vi ska kolla på hur vi lägger till en splash screen och byter ikon i en app. En splash screen är “laddnings”-bilden som de flesta appar har när den startar.För splash screen och ikon ska vi använda “cordovas plugin”.
Du kan hitta koden för detta exempel på Github och i example/splashScreen.
Klasser för sessionen och cookies
Vi ska se hur man kan skapa klasser som omsluter och hanterar $_SESSION och $_COOKIE, så kallade “wrapper-klasser”.
Läsa en lokal fil med Cordova
Vi ska i den här övning titta på hur man använder Cordovas File plugin för att läsa data från lokala filer. För mer utförlig dokumentation av plugin:et kolla på Phonegap istället. Dock ska den dokumentationen vara utdaterad men i skrivande stund är den bättre än Cordovas egna.
Ett mobilanpassad formulär
Vi ska i denna övning titta på hur vi med hjälp av HTML5 input gör våra mobila appar mer användarvänliga och säkra. I slutet av övningen tittar vi på hur vi skapar ett formulär i React Native.
Mithril och CRUD
Vi har än så länge fokuserat på enbart att hämta data från de olika api’er vi har jobbat mot. I detta kursmoment ska vi skapa, ändra och ta bort data. Vi gör det med hjälp av mithril och de 3 inbyggda HTTP anrop POST, PUT och DELETE. I exemplen nedan visar jag hur anropen ser ut när dessa görs mot REM api’t.
Ett enkelt grid för alla våra enheter
För att våra webapplikationer ska kunna visas på enheter av olika storlekar, allt från mobiltelefoner över surfplattor till stora datorskärmar, måste vi designa våra applikationer så de är läsbara och användarvänliga på alla enheter. Vi skall i denna övning skapa ett grid på två olika sätt för att visa upp widgets på 4 olika stora skärmar. Övningen görs enbart i HTML och CSS och kan därför enkelt återanvändas i mithril, men även i andra sammanhang där vi vill visa upp element i ett gridbaserat layout.
Källkoden för denna övning finns i example/grid och på Github.
Logga in med sessioner och cookies
Vi ska titta närmare på sessioner och cookies och hur man kan skapa login-funktionalitet med hjälp av dem tillsammans med en databas.
En kalender med mithril components
Vi har i kursmoment 1 och 2 tittat på modeller och vyer i mithril. Ofta vill man kunna återanvända komponenter för att förenkla
utvecklingen av komplexa vyer. Mithril har ett inbyggd sätt att skapa och återanvända komponenter i m-funktionen. Dessa återanvändbara komponenter kallas helt enkelt Components och i denna övningen skall vi titta närmre på dessa.
Kom igång med ramverket Mithril för JavaScript SPA
En SPA är en single page application som är skriven i HTML, CSS och JavaScript och laddas som en sida. Det är ett sätt att skriva webbapplikationer som är fokuserade i webbläsaren. För att skriva den typen av applikationer så är det inte ovanligt att använda ett MVC-liknande ramverk som ger tillgång till ett visst grundstöd till hur man skriver sin kod.
Mithril är ett sådant ramverk och vi skall nu bekanta oss med hur Mithril kan användas för att skapa SPA-applikationer.