wtorek, 30 kwietnia 2013

dotnetconf (2)

Kontynuacja moich komentarzy do sesji dotnetConf. Dziś skupiam się na technologiach webowych  - responsive design, require.js, ASP.NET MVC, ASP.NET Web API, SPA (knockout.js, durandal.js, breeze) oraz JavaScript.

 

Responsive Design: Designing from Mobile Up

Problem: wczytywanie całego JS, zasobów, obrazków, które w danym przypadku nie są potrzebne. Mobile first lub stopniowa degradacja. Dobrze pobierać tylko potrzebny JavaScript w danym przypadku np. dla urządzeń mobilnych nie pobierać jquery. Można wspierać różne rozmiary obrazków. Dobre kawałki kodu, by w zależności od urządzenia ładować niektóre obrazki i pliki JavaScript ładować dynamicznie w sposób warunkowy:

image

AdaptJS - w zależności od rozmiarów ładowanie tylko potrzebnych CSS-ów

RespondJS - polyfill dla media queries dla IE < 8

EnhanceJS - załącza CSS/JS w zależności od media queries

http://wildermuth.com/2013/4/26/My_DotNetConf_Talk_on_Mobile-First_Design - materiały autora prezentacji

http://www.lukew.com/ - ojciec filozofii RWD

http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/ - mobile first RWD

http://blog.cloudfour.com/where-are-the-mobile-first-responsive-web-designs/ - artykuł o RWD

Cóż więcej dodać, Shawn Wildermuth poprzez pokazanie doładowań na żądanie oraz kilka bibliotek i linków, zrobił dobrą prezentację.

 

Using require.js in an ASP.NET MVC application

Standardy modułów - CommonJS i AMD.

image

image

Pakiet nuget RequireJS - HTML helper w przypadku ASP.NET MVC

image

image

https://github.com/jcreamer898/RequireJsMvc

 

HTTP the Right Way with ASP.NET Web API

image

image

http://webapibloggers.com/

http://aspnetwebstack.codeplex.com/

Podsumowując: prezentacja pokazuje różne możliwości ASP.NET Web API, dobra, ale nieprzełomowa. Znowu problemy z przerwami w transmisji (kolejnych kilka przebitek z pilnującym porządku słynnym Scottem Hanselmanem)

 

Single Page Web Apps (SPA) Jump Start

Prezentacja słynnego Johna Papy.

image

Capture

https://trello.com/

gmail

http://www.johnpapa.net/asp-net-spa-templates/

http://www.johnpapa.net/hottowel/

image

image

image

image

image

image

image

image

image

image

image

image

image

http://www.johnpapa.net/spa/

http://www.pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart

Cóż dodać, jak zwykle bardzo dobra prezentacja Johna Papy. Muszę przyznać, że gotowymi tranzycjami w kompozycji widoków w Durandal.js oraz gotowym sposobem na budowę zapytań i datacontext w Breeze zachęcił mnie bez dwóch zdań do przyjrzenia się tym frameworkom.

 

Rediscover JavaScript

Sesja z podstaw JavaScript. Jakoś nie przykuła mojej uwagi (wiele podobnych sesji już widziałem wcześniej). Autor zatoczył w swoim życiu koło, zaczynał z JavaScript dla ASP, przeszedł apogeum .NET, przeżył erę AJAX, zgłębiał jquery i na koniec znowu doszedł do czystego JavaScript i postulatu, by klient i serwer pisać w tych samych technologiach.

 

Angry Birds of Modern JavaScript Development

Świetna prezentacja o szerokiej problematyce budowania aplikacji JavaScript. Zdarzenia, moduły, weryfikacja poprawności kodu, mockowanie danych, frameworki do szablonów, wzorce projektowe (uniwersalne i typowe dla JS), narzędzia.

image

image

https://github.com/postaljs/postal.js

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

http://garann.github.io/template-chooser/

image

image

image

image

image

image

image

https://github.com/ifandelse/machina.js

image

image

image

image

image

Bower - menadżer pakietów dla web

Yeoman - workflow dla aplikacji web

http://www.elijahmanor.com/2013/03/angry-birds-of-javascript-series.html