I helgen *började jag uppdatera min personliga webbplats, nekman.se.
* (ovetandes, precis samtidigt som #kod100 började. Kanske att man borde haka på?).
Just nu är det bara en simpel webbsida som länkar vidare till andra sociala medier där jag förekommer.
Tanken är dock att även flytta över bloggen och bygga vidare för att enklare kunna lägga upp projekt och andra saker jag vill dela med mig av eller visa upp.
Kunde byggt sidan på en färdig boilerplate, eller på Foundation, Twitter Bootstrap etc. Dock valde jag att istället försöka att hålla ner antalet rader HTML och istället lära mig mer om...
wait for it...
JavaScript!
Därför valde jag att krångla till det lite i utbildningssyfte.
Nästan all HTML renderas via en Backbone.View, och all information hämtas med AJAX/JSONP.
Eftersom Backbone inte tillhandahåller Controllers, har en tillämpning gjorts för att få till denna funktionallitet. Skriver ett blogginlägg om detta senare.
Tekniker som används:
Backbone.js
Utilities / DOM
Underscore.js
jQuery (ska troligen bytas ut mot Zepto.js)
Asynchronous Module Definition (AMD)
Require.js
Javascript TDD/BDD
Jasmine
Template
Jade
LESS
LessCSS
Packetera och minifiera
RequireJS optimizer - r.js
clean-css
Versionshantering
git
Bygga och testa
Node.js
Packethantering och beroenden
npm
Continuous Integration (CI)
travis-ci.org
Kommer nog skriva lite mer detaljerade inlägg om problem och lösningar jag stött på längs vägen.
Just nu ser det lite kantigt ut i äldre webbläsare, och så får det vara! :)
Källkoden finns på http://github.com/nekman/nekman.se.
/Nils
Inga kommentarer:
Skicka en kommentar