Detta är det sjätte och avslutande steget i kursen RIA-utveckling med Javascript.
Jag tycker att arbetet med min applikation har gått bra. Det blev ingen “top notch”-applikation precis, men jag känner att jag har lärt mig mycket i de steg som vi var tvungna att gå igenom. Man blev tvungen till att planera sin applikation och fundera över hur den skulle vara uppbyggd innan man började arbeta på den.
jQuery Mobile (JQM) är ett JavaScript-ramverk för att skapa webbsidor anpassade för smartphones och tablets.
Baserat på jQuery core för att skapa en igenkänning när det gäller syntax och för att minimera inlärningskurvan.
Kompabilitet med alla stora mobila plattformar: iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, bada, MeeGo med bas-stöd för alla enheter som förstår HTML.
Lightweight (12k komprimerat för alla mobila funktioner) och minimal bildhantering för snabbhet.
HTML5 Markup-driven konfiguration av sidor och beteende för snabb utveckling och minimerat krav av externa script.
Automatisk initiering genom att använda HTML5 data-role attribut i HTML-kod som fungerar som avtryckare för att initiera alla jQuery Mobile widgets som finns på en sida.
Tillgänglighet: Funktioner som WAI-ARIA ingår också för att se till så att sidor fungerar för skärmläsare och andra hjälpmedel.
Nya events finns tillgängliga för att stödja touch och mus baserade användargränssnitt med ett enkelt API.
Nya plugins förbättrar ursprungliga kontroller med touch-optimering och tema-möjligheter.
Detta är det sjätte steget i kursen RIA-utveckling med Javascript där vi ska färdigställa användargränssnittet av våra projekt.
Vad är ett bra användargränssnitt? Det är givetvis ett väldigt subjektivt begrepp. Vi kommer titta på det utifrån följande punkter:
Begreppet “bra användargränssnitt” är ett väldigt subjektivt begrepp, men vi har fått fyra stycken punkter som ska hjälpa oss att skapa och analysera vår design.
När jag valde att arbeta med jQuery Mobile som grund gjorde jag ett aktivt val. Med jQuery Mobile får man väldigt mycket när det kommer till användargränssnitt gratis. Eller, man får allt gratis. Kognition, design, dynamisk grafik, tillgänglighet, allt detta får man när man väljer att arbeta med jQuery Mobile. Jag trodde att det skulle hjälpa mig när jag väl kom till steget där jag skulle skapa min design och försöka sätta min egen applikations grafiska identitet. Get var inte så enkelt som jag trodde att det skulle vara.
Detta är det femte steget i kursen RIA-utveckling med Javascript där vi ska genomföra det projekt vi planerade i förra steget.
I detta steg skulle jag påbörja och försöka färdigställa funktionaliteten i min applikation. Mycket av tiden gick för mig åt att försöka förstå hur Jquery Mobile fungerade och försöka läsa mig till lösningar på mina problem i olika forum och bloggar. Min applikation ligger för tillfället live på http://henriksjodahl.se/ria och kommer få ligga där tills vidare.
Under föregående steg fick jag välja vilka resurser jag valt att arbeta med. Jag har under detta steg följt valet av resurser med en mindre avvikelse. Istället för att använda mig av couchDB som var en eventuell lösning har jag använt mig av HTML5 LocalStorage för att spara data. Men det var även inlagt i designen att den avvikelsen kunde komma att genomföras beroende på hur de resurserna fungerade och hur de interagerade tillsammans med JQuery Mobile.
Detta är det fjärde steget i kursen RIA-utveckling med Javascript där vi ska välja vilka resurser vi ska använda i vårt projekt och bestämma oss för vad för sorts applikation vi ska bygga.
Eftersom vi inte ska fokusera så mycket på resultatet, utan mer på resan mot vårt resultat så var det ändå ganska enkelt att komma underfund med vad jag skulle göra. Jag ska göra en mobil-applikation med jQuery Mobile där man ska kunna kolla upp information om olika filmer. För informationen av filmerna ska jag använda mig av ett API som heter TMDb som jag har arbetat med tidigare på http://stage12.se som är ett resultat av ett tidigare skolprojekt. Genom att använda mig av ett API som jag är bekant med hoppas jag slippa fundera så mycket över hur själva API’et fungerar och kan fokusera mer på de tekniker denna kursen faktiskt handlar om, javascript.
Detta är det tredje steget i kursen RIA-utveckling med Javascript där vi ska gå igenom, och förhoppningsvis, lära oss lite mer avancerad javascript.
Gammalt, Svårt
Scope, Context och “this” är någonting som jag har arbetat en del med innan i kurser jag tidigare har gått. Men jag kände att det ändå var bra att repetera dessa delar då det aldrig känns säkert vad “this” innebär och i vilket scope man befinner sig. Jag läste en bra artikel om det som förklarade väldigt noggrant om hur det fungerar.
Detta är det andra steget i kursen RIA-utveckling med Javascript och eftersom jag känner att jag kommer stöta på mycket spännande och delvis intressanta saker så kommer jag att dela upp inlägget för steg 2 för att sedan göra en slutgiltlig sammanfattning av vad jag har fått veta under stegets gång.
Jag har inte införskaffat mig någon litteratur för denna kurs, kalla mig dåraktig, men jag tror att det finns väldigt mycket bra information man kan finna på nätet utan att behöva betala den dyra pengen för en bunt papper med bokstäver på som jag ändå knappt kommer att lyfta. Så jag öppnade precis Eloquent JavaScript och började läsa introduktionskapitlet. Jag finner direkt en väldigt intressant jämförelse av kod som jag känner att jag måste skriva ner för att komma ihåg.
Detta är det andra steget i kursen RIA-utveckling med Javascript och här kommer då även mitt andra blogginlägg som kommer handla om min utvecklingsmiljö.
Jag har under min tid som utvecklare arbetat med ett par editorer, bland andra Notepad2 och Dreamweaver. I dagsläget använder jag två stycken, Notepad2 och Aptana Studio 3.0 och det blir även de jag kommer att arbeta med i min RIA utveckling. Aptana är min primära editor medan Notepad2 är en editor som är bra att använda om man ska genomföra snabba oplanerade ändringar och inte orkar dra upp en tyngre editor som Aptana.
Jag kommer använda mig av debug.js av jamespadolsey som delvis använder JSLint av Douglas Crockford för att parsa kod och leta efter potentiella fel i javascripten.
Denna vecka påbörjar jag en ny kurs på Linnéuniversitetet som heter RIA (Rich Internet Application) som är en kurs i avancerad JavaScript.
Tanken med kursen är att vi ska lära oss mer avancerad JavaScript än vad vi har använt oss av tidigare samt lära oss hur man utvecklar applikationer med hjälp av JavaScript. Sedan ska vi även gå in lite djupare i valfri teknik kring JavaScript utveckling.
Så jag ska, som kursdeltagare, publicera minst ett nytt inlägg för varje kurssteg.
Det finns 8 kurssteg sammanlagt:
Detta är mitt Hello World inlägg där jag ska presentera mig för läraren samt andra kursdeltagare om de känner för att följa mina tankar och idéer om JavaScript. Jag ska även berätta lite om mina egna erfarenheter av JavaScript.
