poniedziałek, 12 listopada 2012

BUILD 2012 News (9)

Jeśli chodzi o sesje z BUILD’a to w tematyce Windows Phone 8 upatrywałem najwięcej nowości. Jednak zawsze warto rzucić okiem na inne prezentacje. Dziś trzy sesje - jedna na temat HTML5 i CSS3, dwie o Windows Store Apps.

 

HTML5 & CSS3 latest features in action!

Z jednej strony powtórka z rzeczy już wcześniej pokazywanych, ale uporządkowanie i uzupełnienie informacji nikomu jeszcze nie zaszkodziło. File API z drag & drop kreują takie aplikacje jakie wprowadzał Silverlight 4 –;) Moją uwagę zwrócił fakt robienia specyfikacji W3C dla zdarzeń dotykowych i obsługi multi-touch.  Przeglądarka staje się tym, czym kiedyś był WPF na stole zwanym Surface (nie mylić z nowym tabletem o nazwie Surface).

image

image

image

image  image  image

image  imageimage

image

image

image

image

Drag & drop. Przeciąganie pliku z pulpitu na stronę HTML

image

image

image

image

image

image

image

image

image

Po drag & dropie kilkunastu plików z pulpitu …

image

Web workery - dodawanie efektów do fotografii

image

image

image

image

image

image

image

image

image

image

image

 

Developing a Windows Store app

Sesja poruszająca różne kwestie tworzenia aplikacji na Windows Store. Tematyka już znana. Tutaj akurat moją uwagę zwróciła możliwość pobierania przykładów z sieci za pomocą Visual Studio i kilka innych ciekawostek.

image

image

image

image

image

 

Introduction to creating Windows Store apps using HTML and JavaScript

Tematyka już znana, ale niezłe wprowadzenie w WinJS. O pisaniu własnych kontrolek czytało się do tej pory na blogach, pewne funkcje rejestrujące używało w szablonach Visual Studio. A tu mamy dotykające istotnych podstaw proste przykłady budowane od zera.

image

Po usunięciu wszystkiego prócz manifestu z nowo utworzonego projektu Windows Store App i wstawieniu zawartości z otwartej strony Web:

image

image

Najprostsza własna kontrolka (MyClass)

Imperatywnie:

image

Deklaratywnie (analogicznie do predefiniowanych):

image

Binding

Imperatywnie:

image  image

image  image

Deklaratywnie:

image

(WinJS.Binding.processAll - rejestracja Some.model)

image

Rejestracja strony z funkcją processed odpalaną podczas jej renderowania:

image

Binding listy

image

rejestracja Some.model

image  

image

image

Brak komentarzy: