[Powered by Google Translate] [Seminarium - Windows 8 - Rozwój aplikacji / gier w HTML5]
[Chris Bowen, Edwin Guarin - Harvard University]
[To jest CS50. - CS50.TV]
>> Hej, wszyscy. Nazywam się Edwin Guarin. To jest Chris Bowen.
Dam mu wprowadzić się w drugim.
Chcę po prostu zrobić szybkie oświadczenie.
Po pierwsze, wszystko co CS50 studenci Windows 8 za darmo.
Więc jeśli myślisz o faktycznie używając go do ostatecznego projektu, jest twoja.
Nate wyśle ​​e-mail później na instrukcje.
Drugą rzeczą jest, jeśli zdecydujesz się napisać aplikację Windows 8 dla CS50 ostatecznego projektu,
będziemy robić jakieś prezenty: Xbox,
być może będziemy w stanie dać klaps daleko, takie rzeczy.
Więc czy jest coś Cię powstrzymuje, niech Chris i wiem
jak możemy pomóc zbudować coś naprawdę fajnego.
Tak więc jeszcze raz dziękuję za przybycie, a ja oddać go do Chrisa.
>> Dziękuję, Edwin.
Dzięki wszystkim za przyłączenie się do nas już dziś.
Jestem Chris Bowen. Jestem jednym z kolegów Edwin tu w północno-wschodniej.
Chciałem spędzić trochę czasu z tobą rozmawiać o
jak zrobić aplikację systemu Windows Store z HTML5, JavaScript i CSS
i rodzaj dostać jakieś pytania, które możesz mieć o tym wiedziałeś
jak szukasz w kierunku myślenia o może go używać do finałów CS50 okazji.
>> Powiedział, że musimy po prostu nurkować prawo cala
Pójdę na do slajdów tutaj.
Jeśli masz jakiekolwiek pytania, nie wahaj się wysłać do mnie e-mail.
Jestem cbowen@microsoft.com, i tam jest mój blog i moje Twitter.
Jednak chcesz, aby skontaktować się ze mną, że jest w porządku.
Mam około godziny rzeczy, i chcę dostać na Twoje pytania w drodze,
więc nie wstydź się o konieczności pytania podczas tego.
Nie widzą, kto zadaje pytania na temat nagrania,
więc będziesz anonimowy, jak chcesz być.
>> Pozwól mi nurkować w prawo, po prostu dać szybkie wprowadzenie do systemu Windows 8,
i pokazać kilka rzeczy na temat systemu Windows Store aplikacji, które można rozważyć
jak myślisz o rozwoju aplikacji.
Patrzymy na Windows 8. Byliśmy się na kilka tygodni.
Wiele silnych przyjęcia tam już.
Może widzieliście już maszyny powierzchniowe, które mamy, jak również.
Nie ma tu właściwie jeden można przyjrzeć się, jeśli jesteś tu osobiście.
Naprawdę chcę z tobą porozmawiać, pokazać, wokół trochę o Windows 8.
Pomysł z Windows 8, to naprawdę nie przedstawi wszystkie rzeczy znajomych o systemie Windows
w niektórych nowych doświadczeń - w szczególności rzeczy, jak na maszynie powierzchni z dotyku,
Tego rodzaju większej liczby urządzeń mobilnych, które znajdują się na rynku
ale jest to również system Windows w swoim rdzeniu.
Więc oznacza to, że można go zainstalować wszystko, co naprawdę działa na Windows 7,
z największych potrójnego SLI gier platformy w dół do laptopa
i do błyszczących nowych innych urządzeń, które można odebrać dzisiaj.
Będą one działać Windows 8.
Pokażę ci wokół tylko trochę,
i wszystkie doświadczenia, które będzie można zobaczyć tutaj są rzeczy, które można utworzyć.
Chodzi o to, czy jest to dotykowy, mysz, klawiatura,
bez względu na to, że urządzenie działa pan na swój wniosek, to będzie działać świetnie.
Windows 8 będzie pomóc w tych wszystkich sytuacjach.
>> Te slajdy na bok, po prostu uzyskać prawo do przyjrzenia się tutaj.
Pokażę ci, wokół mojego ekranu głównego. To jest mój ekran Start.
Ja po prostu dać trochę wycieczkę tutaj.
Jestem na maszynie bez dotykowego, tak jak chcę dotknąć ekran laptopa,
nie będzie nic robić, więc po prostu przejdź tu trochę i pokazać.
Niektóre rzeczy, które może zauważyć, że te tak zwane żywe kafelki
rzeczywiście można animować, i mogą dostarczyć informacji do ciebie -
być może aktualizacje na temat statystyk w grze
lub pokazać wiadomości z niektórych wcześniejszych aplikacji, które są tutaj, na lewej stronie.
Nie idziemy. Jestem pewien, że to tylko pozytywne i fantastycznie świetna wiadomość.
Widać tutaj, że naprawdę dzwoni uwagę z powrotem do aplikacji, mówiąc,
"Hej, jest coś nowego. Spójrz. Przyjdź i zobacz, co nowego dla Ciebie."
To się nazywa płytki na żywo i można zrobić powiadomień
albo bezpośrednio z samej aplikacji
lub, jeśli przyjrzeć się dokładniej, można dowiedzieć się, jak dodać obsługę zdalnego
które w rzeczywistości mogą wysyłanie informacji do płytek,
co jest, co się dzieje z tymi wiadomościami aplikacji.
Oni rzeczywiście coraz wiadomości z chmury i aktualizacji płytki tam
więc ludzie wiedzą, że jest powód, aby otworzyć aplikację i zapoznać
bez względu na najnowsze wiadomości znajduje się w żadnej z nich
lub, jeśli nie nowe przepisy nowa pokonać wysoki wynik
lub odtwarzania przyjaciel czy cokolwiek na tych aplikacjach.
To jest coś, aby zachęcić cię widok
Więc to jest żywe kafelki, i może to być osoba, może to być strona internetowa, jak również.
Zazwyczaj jest to aplikacja.
>> Prawie wszystkie z tych rzeczy, które mam tu przyszedł ze sklepu Windows. Ja uruchomić to.
To jeden z wniosków, które można uzyskać domyślnie
na każdym komputerze, który jest uruchomiony system Windows 8.
Można tu znaleźć coś, że chcesz,
z rzeczy, które są podświetlone do gry, że nie widziałem wcześniej.
Wow, mamy nowy pinball tutaj.
Można zainstalować je tutaj ze sklepu,
i będziemy rozmawiać o tym, jak rozwijać te.
Masz wiele opcji do wyboru, w jaki sposób ich tworzenia.
Będziemy koncentrować się na historii JavaScript w HTML i CSS,
ale dla użytkownika, aby nabywcy aplikacji, to nie ma znaczenia to, co było napisane w.
Mogą iść dalej i pracować z nim.
Intryguje mnie ten jeden, więc trzeba otworzyć to się i spójrz.
Każda aplikacja, w tym te, które można zgłaszać i sprzedają lub oddać za darmo,
co chcesz robić w sklepie, dostanie strony startowej takiego.
Możesz wysłać z aplikacji Pęczek zrzutów ekranu - widać niektórzy tutaj -
Szczegółowe informacje na temat stosowania, az czasem będziesz gromadzić zarówno oceny -
są w zasadzie tylko gwiazdki - i recenzje
które zapewniają trochę więcej wglądu.
Faktycznie, ktoś musi wpisać coś i powiedzieć, jak niesamowite jesteś,
i że trafi do sekcji recenzji tutaj, którego nie patrzeli.
Fantastyczne. "Nawet nie otworzyć." Jak wielki.
Cóż, dla ludzi, dla których to był otwarty i prowadzony, wydają się naprawdę cieszyć się nim. [Śmiech]
Należy o tym pamiętać. Internetowe. Każdy może powiedzieć, co chcą o aplikacji.
Więc upewnij się, że robisz świetną robotę z tym,
upewnij się, że robisz to w wygodny dla użytkownika, jak to możliwe
bo są kilka kliknięć od zapewniając recenzję,
i że będą gromadzić się do ogólnego rankingu przeglądarki.
I chcesz jak najlepiej, bo masz zamiar być nawet przed innymi aplikacjami.
Nie będzie już tysiące aplikacji w sklepie,
i są szanse, że może być coś, co ma podobne funkcje do tego, co robisz.
Więc jeśli można wyróżnia się z tłumu, że będzie na swoją korzyść, oczywiście.
>> Dojdziemy do sklepu trochę później.
Naprawdę chcę skupić się na tworzeniu aplikacji.
Ale krótka wersja sklepu jest dystrybucja na całym świecie,
to automatycznie częścią Windows 8, ludzie po prostu zwolnić go i zapoznać się z różnymi aplikacjami tutaj,
masz Ubieranie Sticker Book i wszelkiego rodzaju różnych aplikacji.
Świeżej farby, używam tego dużo - źle, ale używam go dużo.
To pokazuje mi, że jestem już właścicielem.
Pokażę ci coś, czego nie mamy - UVideos nie mam jak nowy.
Zobaczysz tutaj to nic nie kosztuje, więc można go zainstalować bezpośrednio z magazynu.
Masz wybór też. Oczywiście można je rozdawać.
Można umieścić reklamę w aplikacji lub gry.
Możesz też pobierać opłaty za to, i można bardzo łatwo dostarczyć próbę dla aplikacji, jak również
więc można pozwolić ludzie próbują go na tydzień lub co chcesz zrobić.
To tylko konfigurowalny przez portal. Nie pisać żadnego kodu do tego.
Więc można powiedzieć, "Możesz użyć tego przez tydzień, a potem musisz go kupić,"
czy można robić takie rzeczy jak: "Można grać pierwsze 3 poziomy tej gry
", A następnie musisz zakupić aby uzyskać dostęp do reszty."
Można nawet zrobić zakupy w aplikacji, jak również, więc można powiedzieć,
"Mamy dodatkowe przygody lub zestawy grafiki lub rzeczy, które są odblokowywane -
"Inne przepisy, które są odblokowane -. Jeśli zakup tych rozszerzonych zestawów"
I można zrobić wszystko w aplikacji lub w samej grze.
Tak, całkowicie do ciebie, twój wybór.
Jest wiele rzeczy, które można zrobić w sklepie,
a potem po prostu dajesz go do kanału certyfikacji.
Możemy porozmawiać o tym trochę później, ale to jest celem.
Aby uzyskać aplikację świecie widoczność w sklepie tutaj.
>> Powrót na ekranie Kliknij tutaj, chciałbym pokazać, wokół trochę więcej.
Jeśli uruchomić te aplikacje, podam przykład niektórych funkcji cross-app tutaj.
Aby to zrobić, będę rozpocząć świeżej farby.
Jedną rzeczą, którą można zobaczyć tutaj, to każdy kawałek ekranu,
wszystkie piksele na ekranie, przejdź do aplikacji.
Dawno minęły czasy, gdy masz te obramowania wokół okien
z dużą ilością przycisków, które są zawsze tam zajmowania miejsca przez cały czas.
Teraz naprawdę chcesz uciec od tego i tylko treść jest ostrość.
Możemy robić rzeczy z Windows poprzez dostęp do innych rodzajów menu.
Jednym z nich jest rzeczywiście to, co się nazywa bar uroki,
i wychodzi od strony ekranu.
Rzeczywiście można potrząsnąć z boku, jeśli masz ekran dotykowy,
można kliknąć prawym przyciskiem myszy, jeśli masz mysz, jest skrót klawiaturowy do tego,
zawsze jest więcej niż jeden sposób, aby zrobić coś w środowisku tutaj.
To sprowadza się wiele rzeczy, które możesz zrobić.
Najbardziej oczywiste jest to, można wrócić do ekranu startowego,
ale pozostałe 4 są tak zwane uroki.
Są to umowy, które można podłączyć do jako app dewelopera. Są całkiem fajne.
Szukaj, jestem pewien, że to coś, co zamierzamy zrobić,
dzielenie się pokażę, w drugim,
i urządzeń oraz ustawienia, to są wszystkie rzeczy, które Twoja aplikacja może podłączyć do
wykorzystać system Windows, aby powiedzieć: "Zrobiłem mój udział
"I chcę Windows obsługuje jakieś inne funkcjonalności,
"A ja nie chcę pisać dużo kodu, aby tak się stało."
To naprawdę korzyści z korzystania z tych funkcji.
Pokażę wam jedno.
Aby to zrobić, zrobię nowy obraz.
Rozmawiałem również o użyciu każdy piksel dla Twojej aplikacji.
Domyślnie jest to, co aplikacja farby wygląda, gdy używasz go.
To naprawdę tylko o cokolwiek, czego rysunek, treść.
Mogłem zrobić straszne rzeczy tutaj. Co mam narysować? Nie wiem.
Bazgroły? Świetnie. Mogę zrobić bazgroły. Fantastyczne.
Turcja? [Śmiech]
Jest to najbardziej abstrakcyjna indyka widać.
Mogę również przywołać to, co nazywa się pasek aplikacji,
i to jest naprawdę jeden z kluczowych sposobów, które można wykorzystać
aby schować wszystkie rzeczy, które mogą być na Twojej aplikacji lub gry przed
tylko zajmowania miejsca przez cały czas.
Teraz możesz umieścić go tutaj, a to jest naprawdę jeden z najpiękniejszych doświadczeń
Dzięki aplikacji pasku że widziałem.
Umieścić wyborów tutaj, wybierając różne kolory.
Chcieliśmy indyka, więc umieścimy jakiś brązowy tutaj rozpocząć mieszanie w paru kolorach.
Weźmiemy kolor pośredni tutaj, a następnie wrócić tutaj.
Możesz zacząć rysować. Nie masz indyka. Fantastyczne.
Nie mogę wyciągnąć na początek, ale zrobić to z touchpada w przed publicznością jest jeszcze lepsze.
To jest niesamowite.
Pomysł jest jednak to, wszystko, co mnie obchodzi to tutaj na powierzchni.
Powiedzmy, że jestem tak zadowolony z tego, że muszę podzielić się z kimś.
Normalnie, co można zrobić z innymi wersjami systemu Windows,
byś może zrobić zrzut ekranu, można zrobić kopiuj-wklej z tekstu
lub takie rzeczy, które chcesz podzielić się,
a następnie przejść i otworzyć inną aplikację i włożyć do niego.
Tutaj nie musisz tego robić.
Rzeczywiście można wydobyć bar uroki i powiedzieć: "Chcę, aby podzielić się tym."
W tym momencie to się wyświetli wszystkie aplikacje
że wiedzą, jak pracować z tym, co jest wspólne.
W tym przypadku jest to obraz, tak to się mówi: "Widzę, że masz obraz."
"Czy chcesz podzielić się tym?" Możesz zobaczyć rzeczy i napisz do siebie cały czas.
Uznaje ona, że ​​i to oferuje mi, że jako skrót,
ale to też pokazuje mi każdą aplikację, która wie, jak radzić sobie ze zrobieniem zdjęcia
i zrobić coś z tym.
Wszystkie z nich wskazano na Windows, który może to zrobić.
W tym momencie to jest Windows.
Użytkownik wybiera tylko to, co chcą z nim zrobić.
Zrobię co w mojej zwykle z PuzzleTouch. Widać stworzyłem wszystkie rodzaje zagadek w czasie.
Wezmę PuzzleTouch i powiedzieć: "Chcę, aby podzielić się tym z PuzzleTouch niesamowite stworzenia."
To będzie iść do przodu i powiedzieć, "Fantastyczny. Chcesz podzielić się tym? Fantastyczne."
"Czy chcesz, aby puzzle, który jest łatwy, średni, co?"
Zrobię pośredni TUTAJ.
To sprawia, że ​​puzzle. To będzie straszne puzzle, bo to w większości puste.
Ale to jest gotowy, i to faktycznie z powrotem w innej aplikacji.
Jeśli przychodzę tutaj, mogę poszukać go i uruchom go.
Teraz, jeśli mamy przejść na tylko trochę tutaj, powinniśmy zobaczyć moje stworzenie gdzieś.
Gdzie pójdę? Jaki rodzaj układanki nie robię? Czy mogę zrobić to łatwe?
Och, tak, właśnie tam.
[Chichocze] To łatwo rozpoznawalne indyk puzzle, który jest tutaj.
Ale, co chcę podkreślić, do ciebie, fajne tutaj
Czy aplikacje nic nie wiedzą o sobie nawzajem.
Oni tylko powiedział: "Mam zdjęcie do akcji, i wiem, jak radzić sobie ze zdjęciami."
I jako deweloper, nie trzeba pisać, że kod.
Gdy ktoś pyta mnie, podzielić się, mam zamiar umieścić kilka danych do tej małej struktury danych
i skończę.
Inna aplikacja przejmuje, robi swoje i to jest koniec wymiany doświadczeń.
To jest tylko jedna rzecz, że można zrobić - naprawdę, naprawdę mocny -
i to będzie jedna z tych rzeczy, które mogą naprawdę pomóc wyróżnić swoją aplikację
a także gra też w sklepie.
Ludzie będą mogli powiedzieć: "To jest bardzo przydatne."
"Używam tej układanki Creator cały czas. To jest fantastyczne."
>> To tyle na temat o krótki przegląd tego, co się tutaj dzieje.
Jest też kilka innych funkcji, które być może będziemy podkreślić jak przejść przez kod.
Ale chcę, aby nurkować w slajdach, a do tego, mam zamiar udać się do pulpitu,
która sama jest inna dachówka tutaj żyć.
Mogę iść do tego, a na pewno wystarczy, że jestem na moich slajdach,
ale pozwól mi pokazać, w rzeczywistości, gdzie jesteśmy.
Jesteśmy rzeczywiście w trybie Desktop.
To jest naprawdę, gdzie, co mówiłem wcześniej o system Windows przenoszenia
na nowe doświadczenia wynika, sama.
To jest system Windows wiesz.
Aplikacje Windows nazywane są aplikacje pulpitu. Biegną tu.
Jeśli istniejące aplikacje i chcesz je uruchomić na Windows 8,
można absolutnie zrobić.
To nie są te same rzeczy jak aplikacje sklepów, które są tutaj,
jak świeża farba i tych NBC News aplikacji i tego typu rzeczy. Te będą pochodzić z magazynu.
Można je podłączyć do niektórych funkcji, które mi pokazano,
a inni, że nie pokazałem ci jeszcze.
Ale po prostu o tym pamiętać. Mamy wsparcie dla obu tych rzeczy, jak również.
Przykro mi. Czy czegoś nie widać na ekranie? Straciłem go całkowicie. To dziwne.
Ok. Dzięki za wskazanie, że obecnie.
Co nie zostało przez chwilę widząc to moja pokazując, że pulpit jest tutaj.
Co to jest ostatnia rzecz, którą widziałaś? Widziałeś to?
To jest pulpit. Wiesz już, jak to wygląda.
To nic strasznie nietypowe.
To nasza wykonywaniu tego doświadczenia do przodu dla Ciebie i pozwalając korzystać z rzeczy, które miałem.
Na przykład, będę pokazując Visual Studio. To jest aplikacja.
To będzie pracować w tym trybie.
To będzie wspierać bardziej złożone środowisko
z wielu opcji i tego typu rzeczy, więc to sprawia, że ​​dobrym rozwiązaniem jako aplikacji pulpitu.
>> Powiedział, że idziemy do slajdów na tylko trochę
i daje pewne treści wstępne, a następnie dostać się do faktycznie kodowania tutaj.
Dobrą wiadomością jest to słyszałem już skupia się na wielu CSS i JavaScript, HTML.
Wszystkie te rzeczy, które już zostały nauki nieść bezpośrednio do wytwarzania systemu Windows Store aplikacje.
Rzeczy, które słyszałem o z zastosowaniem selektorów CSS i wszystkie te rzeczy,
jest dokładnie to, co można zrobić, aby stworzyć aplikację tutaj, w sklepie.
Pojedziemy przez te rzeczy, krok po kroku.
Zasadniczo, buduję na rzeczy, które już miały czas na naukę.
To jest ogólny schemat z technologii, które można używać
do aplikacji dla Windows 8.
Rzeczy po prawej, po aplikacji desktopowych, jest naprawdę, co już wiemy.
To rzeczy, które są naprawdę Windows 7 świat przeniesione do Windows 8.
Wszystkie te możliwości przeniesienia: C #, VB, Win32 rodzaju rozwoju.
Świetnie. Nie ma sprawy. Nowych rzeczy jest po lewej stronie.
To jest system Windows Store aplikacje, to kiedy chcę, aby moje zgłoszenie podłączony do systemu Windows 8
wykorzystując wszystkie te cechy, dostać go w sklepie, i uzyskać naprawdę fajne doświadczenie
aplikacji systemu Windows Store.
Aby to zrobić, można zobaczyć tutaj masz wszystkie swoje wybory z XAML, C + +,
C #, VB, można zrobić DirectX, takie rzeczy, rzeczy, które wykraczają poza slajd.
Ale dla nas, mamy zamiar skupić się w na tym, że HTML, CSS i JavaScript
są naprawdę pierwszej klasy obywatel wytwarzania aplikacji dla Windows 8
i do sklepu Windows.
Tak, to jest dobre dla wszystkich, tu i ludzi ogląda na wideo
bo można po prostu wykorzystać te wszystkie doświadczenia, które trzeba
i krawat do tego, co tak naprawdę oferuje system Windows.
Masz zamiar to zrobić poprzez zestaw interfejsów API, które nie powinny być zaskoczeniem.
Każdy system operacyjny ma swoje API.
Wystawiamy co Windows może zrobić przez to, co się nazywa WinRT.
Jest to zbiór API, które po prostu robi wszystko dla Ciebie.
Jeśli potrzebujesz, aby otworzyć pliki, trzeba korzystać z aparatu, geolokalizacji, takich rzeczy,
przejść przez to, co system Windows może zaoferować Państwu.
Aby uzyskać dostęp, że mamy jeszcze trochę JavaScript, który będzie jeszcze łatwiejsze
, aby to zrobić. Dojdziemy do tego za chwilę.
Ale teraz, to w zasadzie Twój mapę drogową.
Rzeczy, które już robią na szczycie niektórych API
które ułatwią Ci pracę w systemie Windows wynosi App Store.
I to jest naprawdę o wszystko, co musisz wiedzieć, z wysokiego poziomu.
>> Będziemy nurkować w rzeczywistości działa z rzeczy teraz.
Rzeczy, które prawdopodobnie już widziałem kilka,
z IE9 chwilę z powrotem wprowadziliśmy wsparcie dla wielu, w tym czasie,
nowe standardy w internecie, więc wiele nowych funkcji CSS,
Wiele nowych HTML, ECMAScript 5, co jest naprawdę JavaScript.
Więc na to wszystko z wyjątkiem była w trybie ścisłym IE9.
Po prostu mnóstwo rzeczy z CSS, CSS3, wszystko tam jest.
I to wszystko przenosi się to, co robimy z Windows 8.
Możesz korzystać z tych rzeczy, i można korzystać z wszystkiego, co jest nowego w IE10.
Z IE10 wprowadzimy obsługę wszystkich tych rzeczy, jak również.
Wszyscy są sprzętowo, więc jeśli jesteś na komputerze, który ma jakieś GPU,
który jest prawdopodobnie prawie każdy komputer, który można dostać w ciągu ostatnich 8 lat,
będziesz mieć możliwość wyjścia sprzętową akcelerację,
Wyjście video z CSS, Canvas, SVG.
Wszystkie te rzeczy przejdzie akceleracji sprzętowej
i możliwe, że o wiele szybciej i bardziej wydajne.
Krótka wersja wszystko - Nie jestem zamiar przejść przez każdej rzeczy tutaj -
jeśli widzisz go na tej liście, jeśli można to zrobić w IE10,
jeśli jest to aplikacja internetowa, która używasz, że pracuje w IE10,
to jest coś, co możesz zrobić w aplikacji systemu Windows Store.
I to jest dość dużo. Więc jeśli to działa w IE10, to będzie działać jako aplikacja systemu Windows Store.
To na stole jako coś, co można wykorzystać.
>> Jest wiele tutaj. Nie mamy do północy, więc nie mogę przeglądu wszystko tutaj.
Ale jest kilka miejsc, które pomogą Ci zrozumieć, co te rzeczy można zrobić,
i pokażę wam jeden z nich w drugim.
Chciałem tylko zwrócić uwagę na kilka kluczowych rzeczy, które możesz patrzeć.
Może już widzieliście niektóre z nich w swoich badaniach,
ale te są bardzo pomocne, w szczególności z systemem Windows Store aplikacji, od strony CSS.
Więc jest w stanie zrobić transformacji i przejścia, zapewnić ruch z animacją -
są częścią CSS teraz, i oni wszyscy wspierane przez nowoczesne przeglądarki,
IE9 oraz IE10 i mają wsparcie w czasie dla wszystkich tych rzeczy dodawane.
A więc po co pisać to sam, dlaczego przejść przez wszystkie kłopoty z tych rzeczy robić ręcznie
kiedy można stosować proste CSS przekształcić stworzyć efekt 3D dla aplikacji?
Świetnie. To jest, jak to działa.
Nie mogę uczynić go bardziej trudne niż to.
Jeśli wiesz, jak to zrobić w CSS, wiesz, jak to zrobić w aplikacji systemu Windows Store.
>> Wykraczającym poza za układ, rzeczy takie jak nawet w App Store,
ale dzieje poza tym, patrząc na Może aplikacji wiadomości, które pokazano, artykuły
czy przepisy takie rzeczy, te inne rodzaje funkcji w CSS są naprawdę przydatne:
Siatka, Flexbox, CSS Regions jest raczej dość nowym standardem, jak również.
Te rzeczy są zamiar pomóc rozłożyć zawartość i przepływ treści pomiędzy sekcjami,
być w stanie zrobić podział na strony i dzielenia wyrazów bez konieczności napisać rzeczy samemu.
Po prostu powiedzieć: "Proszę wykonać następujące czynności dla mnie"
i jako ekran nieruchomości jest inna na różnych komputerach
albo jak zobaczysz w momencie, jak przystawki aplikację
mieć mniejsze ilości miejsca na ekranie, to nie jest problem dla CSS.
Można go wykorzystać - we'll rozmawiać o zapytaniami mediów w drugim -
może zająć rzeczy z repozycjonowanie treści, płynących treści z regionów
właśnie z tych rzeczy, które mogą się już, z technologii internetowych.
>> Na stronie HTML5, są też kilka rzeczy
, które będą bardzo pomocne dla Ciebie w systemie Windows Store aplikacji.
Ponownie, nie będzie przejść przez wszystkie z nich, ale oni po prostu tutaj.
Tak więc, jeśli chcesz go używać, audio-video, jeśli chcesz zrobić walidację z form,
geolokalizacja, wszystkie rzeczy, które możesz zrobić w JavaScript z JavaScript 5 lub ECMAScript 5,
IndexedDB do lokalnego przechowywania - są to opcje dla ciebie.
Jeśli szukasz odpowiedzi, wystarczy spojrzeć do istniejących technologii z HTML5 i CSS
a znajdziesz łatwiejsze odpowiedzi niż konieczności toczyć dużo tych rzeczy samemu.
Pokażę ci, wokół trochę tutaj.
Mam stronę możemy przejść do.
Pozwól mi wyjść z tego slajdu na sekundę.
>> Jeśli pójdziemy do IETestDrive.com,
Nie zrobię dużo demo tutaj.
IETestDrive.com naprawdę pokazując wiele nowości z IE10,
rzeczy, które możesz zrobić.
Uważam, że ten jest bardzo przydatne, ponieważ zamiast czytania przez kilka białych ksiąg,
spojrzeć na kilka demówek, a to pomoże Ci umieścić go na radarze osobistego
o tym, czy technologia sens nawet robić żadnych więcej badań z
tak będzie zrozumieć, "widzę, co to jest za."
"Rozumiem, co robi Rama Prośba Animacja dla mnie."
"Rozumiem, jak można używać regionów lub filtrów SVG."
Je zobaczyć w akcji, zobacz je na przykład tutaj,
i sam zdecyduj, czy to będzie przydatne dla Ciebie w swoich projektach i poza
jak można nadal pracować z technologii internetowych.
Tutaj chciałbym tylko zachęcić do obejrzenia.
Nie sądzę, że będę spędzać dużo czasu w rzeczywistości działa to.
Mamy wystarczająco dużo, aby pokazać się z pisania kodu.
Zobaczysz tu rzeczy z efektów dotykowych do gry oparte na dotyk w tym rozdziale,
animacja, animacja jest bardzo szybki z akceleracją sprzętową,
pewne optymalizacje, że będzie można zobaczyć w niektórych z tych próbek, jak również,
i jest wiele, wiele więcej.
Jeśli go tutaj i otworzyć mapę strony,
jest tylko numer śmieszne próbek tutaj.
Możesz zobaczyć je wszystkie.
Jeśli patrzysz na coś lub słyszał o czymś
i zastanawiasz się, być może będzie to coś fajnego do wykorzystania w aplikacji,
zajrzyj tutaj, a tam chyba całkiem dobre demo na to, aby zaoszczędzić sobie trochę czasu.
>> W porządku? Wszelkie pytania do tej pory dla tutejszych ludzi?
Ok. Będziemy kontynuować tutaj.
Ponownie, po prostu sprawdzić, czy na zewnątrz.
Są to standardy sieciowe, więc udać się do innych miejsc wystawowych, które znasz
i sprawdzić, czy te technologie sensu za to, co próbujesz zrobić.
>> Powrotem do slajdów.
Powiedział, że jesteś w ruchu ze świata Web naprawdę zainstalowanego świata lokalnej aplikacji
tak, są pewne rzeczy, aby podkreślić tutaj.
Przede wszystkim, nie ma serwera WWW chodzi tu.
Nie ma Apache, nie ma tu IIS działa
obsługujących strony do zdalnego klienta, do zdalnego agenta przeglądarki.
W tym przypadku, naprawdę wszystko jest pakowane się dla Ciebie.
Ci twierdzą, że w swoim wniosku do sklepu, to dostaje certyfikat,
to w sklepie, a następnie przez tysiące ludzi będzie zainstalować grę lub aplikację.
Ale w zasadzie, oni ciągnąc go lokalnie na swoim urządzeniu.
Nie ma potrzeby, aby wychodzić do sieci już chyba masz połączenia, które wymagają zdalnego API,
i to jest zupełnie normalne, jak dobrze.
Ale nie będziemy się w tym trybie, gdzie mają się udać odpowiedź z serwera żądania
aby dostać się na następnej stronie ich treści.
Więc powiedział, że jest kilka drobnych różnic API. Są to bardzo niewielkie.
Są one mało prawdopodobne, aby uderzyć w normalnym kodowaniu, ale są co najmniej udokumentowane.
Oni tam rodzaj krawędzi przypadki.
>> Inna sprawa, warto zwrócić uwagę to różnice zaufania.
I tylko o tym wspomnieć, bo po prostu chcę się upewnić, że jest mi
więc jeśli napotkasz tym później, będziesz myśleć, "Chris powiedział coś o tym,
"Tak może być, tak, w porządku", a następnie wrócić i dowiedzieć się, co to było.
Konteksty znaczenia.
Domyślnie staramy się chronić użytkownika przed wektorów ataku.
Są pewne rzeczy, które możesz zrobić, domyślnie
i pewne rzeczy trzeba zmienić kontekst, aby włączyć.
Jak używasz kilka bibliotek tam - you've już pracy z jQuery,
ale jeśli spojrzeć na innych bibliotek tam - ty może używać niektórych funkcji
tego rodzaju wykracza poza lokalnym zwyczajem, jest bardziej dynamiczne interakcje
Żądania XHR, takie rzeczy.
Czasami można znaleźć te będą domyślnie wyłączone,
i w tym przypadku, po prostu zrobić wyszukiwania, poszukaj kontekście lokalnym i internetowej,
i dowiesz się, jak to naprawić.
Tylko upewnij się, że wiedział o tym, jak rozpocząć korzystanie z innych ram,
którym należy wspomnieć, że jesteś w stanie doskonale zrobić.
Więc jeśli znajdziesz jakieś inne ramy - we'll rozmawiać o tym, w drugim -
do gier i chcesz użyć, że chcesz korzystać z niektórych bibliotek kontroli, które są tam
i nie chcesz pisać takie rzeczy się - to jest dobry pomysł, prawda? -
można absolutnie używać tej rzeczy.
Nie ma nic Cię powstrzymuje od stosowania jakiejkolwiek biblioteki w oparciu o JavaScript,
CSS, HTML5.
Ponownie, jeśli jest to coś, co można zrobić w IE10, który jest kawał dużo tych dni,
możesz to zrobić.
Pociągnij go do aplikacji, odniesienia, które biblioteki JavaScript i użyć go w aplikacji,
tylko pamiętając, może trafisz kontekstu bezpieczeństwa raz na jakiś czas - nie bardzo często.
>> A następnie funkcje, pójdziemy na kilka więcej z tych, jak idziemy.
UX będziesz trochę przyzwyczaić, jak widać coraz więcej zastosowań
ze sklepu Windows.
Ci poczuć, jak one działają i jak estetyczny wygląd ma tendencję do pracy
w różnych aplikacjach i to, co ludzie będą wykorzystywane do doświadczania.
To bardzo ważny element.
Upewnij się, że kiedy odpalić aplikację, że nie trzeba czytać instrukcji obsługi,
które nigdy nie robią, tak przy okazji.
Powinny one po prostu być w stanie uruchomić gry z aplikacji
i zastanawianie go bez większych trudności.
Przez trzymanie i przylegającą do wielu z tych praktyk,
masz zamiar zrobić użytkownikom wielką przysługę, ułatwia.
>> Ok. Ostatnią rzeczą, na stronie API, a następnie zajmiemy się faktycznie pisania kodu.
WinJS jest rzeczą wspomniałem pokrótce w tej skomplikowanej slajdu
z wszystkich tych różnych wyborów, które masz do składania wniosków.
WinJS, można myśleć o tym jak kumpel.
To twój przyjaciel, aby pomóc Ci szybciej pisać rzeczy.
To tylko JavaScript i CSS. Nie musisz z niego korzystać. Można go używać.
Jeśli masz zamiar się przyjść do funkcji systemu Windows, będzie w końcu go używać,
ale jeśli nie ma rzeczy, jak niektórych wzorców projektowych lub kontroli, które tak naprawdę nie chcą korzystać,
chcesz użyć czegoś innego, to do Ciebie.
Zdecyduj, co chcesz używać i style, które chcesz użyć.
Funkcje z przestrzeni nazw i klasy generacji - do Ciebie.
Jeśli wolisz, jeden lub drugi, jest całkowicie twoim wyborem. To wciąż JavaScript i CSS.
Ale to się dzieje, aby pomóc Ci wiele rzeczy zrobić.
Na przykład tutaj jest podzbiorem, co może zrobić,
rzeczy takie jak pomaga programowanie asynchroniczne z obietnic.
Każdy z was słyszał lub pracował z Node.js?
Jest to wspólny wzór do pracy z programowaniem asynchronicznym.
Więc w zasadzie to, co mówisz jest "Idź, zrób coś,
"I masz zamiar dać mi obietnicę, że wrócisz do mnie, kiedy skończysz".
To jest w zasadzie to, co się dzieje.
Więc nie zamarznąć aplikacji podczas gdy użytkownik będzie i wybranie pliku
czy coś jest spływały z sieci Web.
UI pozostaje elastyczny.
I można to zrobić za pomocą programowania asynchronicznego.
To brzmi absurdalnie skomplikowane, ale to bardzo proste, ponieważ używasz obietnic
i po prostu powiedzieć: "Idź to zrobić i kiedy skończysz, oddzwoni do tej metody."
To jest dość dużo. To wszystko wbudowane w WinJS.
To będzie to dużo łatwiejsze do napisania bardzo elastyczne i wydajne aplikacje.
>> Możesz zobaczyć resztę tutaj, dużo animacji.
Prawdopodobnie jeden z ważniejszych rzeczy na tym slajdzie są kontrole.
Myślę, że mam całość - tak, wiem.
Oto przykład tylko niektóre z kontroli, które można wykorzystać w swoich aplikacjach.
To wszystko jest prosto od WinJS.
Nie jesteś pisania tych samych siebie,
po prostu powiedzieć: "Oto jak chcę skomponować mój wniosek."
"Użyję widok z klapką, więc mogę iść różnych obrazów."
Nie pokazano ci Semantic Zoom. Pokażę ci, że w sekundę.
ListViews. Jest kontrolek GridView.
Widziałeś już siatkę w ramach aplikacji w sklepie,
więc jest w stanie używać bloki zawartości i przewijanie całym tym.
Menu wysuwane można zobaczyć od czasu do czasu.
Aplikacja Pasek pokazałem ci tej aplikacji świeżej farby, jak również,
więc widziałem, jak można dostosować, że przez umieszczenie na nim przyciski
i konieczności, które ukryć, gdy nie obchodzi użyć.
To naprawdę zupełnie do Ciebie należy używać.
Są to wszystkie elementy sterujące, które są częścią WinJS.
Pokażę ci, jak zrobić to w ciągu sekundy, ale nie więcej niż to,
i najważniejsze, ich używać, jeśli chcesz, zaoszczędzić trochę czasu.
>> Jeśli masz inne biblioteki kontroli, które chcesz użyć, to jest idealnie czysty też.
Rzeczy takie jak jQuery UI nie wiele tego rodzaju idei, jak również,
zapewniając więcej kontroli, które rozciągają się, co można zrobić w HTML i JavaScript.
Miejmy nurkowania w. Ja już powiedziałem. Wykorzystać to, co chcesz.
Wystarczy pamiętać, że może działać w niektórych kwestiach kontekstowych.
Ale z pewnością można łączyć niezależnie od rodzaju bibliotek odpowiada Ci,
chcesz dowiedzieć się, którego chcesz użyć, aby zaoszczędzić sobie trochę czasu.
>> Porozmawiajmy o narzędzia tylko na chwilę.
Możesz dostać to, czego potrzebujesz, aby rozpocząć pracę z systemem Windows Store aplikacji.
Jeśli wrócę, ja mam zbyt wiele rzeczy się tutaj.
Jeśli pójdziesz do tej strony, która jest dev.windows.com,
można pobrać wszystko, czego potrzebujesz.
Jako studenci, masz dostęp do ponad społeczeństwo robi,
dzięki czemu można uzyskać wyższe końcowe wersje Visual Studio.
Edwin wymienić można już dostać systemu Windows, jak również.
Ale w ogóle, dla wszystkich programistów, można przejść do tej strony
i pobrać wszystko, czego potrzebujesz, aby złożyć wniosek, a to wszystko za darmo.
Więc nie jest to darmowa wersja programu Visual Studio,
istnieją pewne narzędzia, które będą instalować obok tego -
wszystko, czego potrzebujesz do tworzenia i testowania aplikacji.
To tylko wtedy, gdy masz zamiar opublikować swoją aplikację do sklepu
że masz zamiar mieć konto dewelopera.
Wierzę, że to jest zbyt wolne. Jest bezpłatna dla studentów, jak również? >> [Guarin] Który?
Konto dewelopera, rzeczywista złożenie. >> [Guarin] Tak.
To jest dobra wiadomość.
Pójdziesz spójrz na to.
To będzie dla osoby powiedzieć domyślnie jest to 49 dolarów.
Ale nie zapisać się na, że ​​jako student.
Damy ci kilka informacji przez programy, które można uzyskać konto za darmo,
i że pozwoli następnie przesłać swoje aplikacje aż do sklepu,
tyle, ile chcesz, a wszystko to w niedługim czasie nastąpi dobroci.
Więc to dev.windows.com.
Możesz pobrać narzędzia, które mogą być potrzebne tutaj.
A jeśli chcesz, możesz pobrać wersję testową systemu Windows tutaj,
ale znowu, nie będzie trzeba.
>> Druga strona - pozwolę sobie powiedzieć to jedno dla ciebie szybko - jest design.windows.com.
To było dev.windows.com.
Design.windows.com, można się domyślać, co to jest za.
To rzeczywiście dość przyjazne miejsce. Jest wiele dobrych informacji tutaj.
Można pracować przez nią.
To się daje kilka porad na niektóre rzeczy
że może nie pomyślał o przed lub miał do czynienia z przed,
jak projektowanie dla dotyku, projektowania dla różnych formach,
projektowanie dla możliwości Windows 8, rzeczy już wspomniałem
jak poszukiwania i dzielenia się, niektóre rzeczy, które nie rozmawiałem jeszcze o.
Oni wszyscy tutaj wymienione, i to całkiem dobry zestaw przydatnych stron plików
, które pomogą Ci zrozumieć, jak do pewnego rodzaju aplikacji,
jak zrobić interakcji, jak radzić sobie z UI i UX aplikacji.
Polecam, aby spojrzeć na to, zwłaszcza jeśli jesteś w pewnym momencie
chcąc opublikować aplikację do sklepu.
Będziesz chciał wiedzieć, jak zrobić dobrą aplikację
bo już wcześniej wspomniano, jeśli tego nie zrobisz, nie te opinie ponownie.
Ludzie będą niezadowoleni.
Nie będą w stanie znaleźć rzeczy, których spodziewać się w odpowiednich miejscach.
Nikt nie chce, aby to się do ciebie.
>> Radzi sobie tutaj, pozwól mi zamknąć to.
Teraz, gdy wiesz, gdzie aby dostać rzeczy, pokażę ci, jak właściwie rozpocząć korzystanie z rzeczy.
Aby rozpocząć, będę naprawdę pokazać tutaj przykład aplikacji desktopowych na ekranie Start.
Tutaj możesz zobaczyć Visual Studio, możesz zobaczyć mieszanki i inne narzędzia programistyczne, które mam.
Mają nieco inne płytki.
To dlatego, że są aplikacje pulpitu,
oraz w tych przypadkach, oni wszyscy zamierza wprowadzić do mojego pulpitu
naprawdę tak jak aplikacje, które masz w zwyczaju.
Więc doświadczenie z systemem Windows, to jest to samo.
Nie są one, na przykład, jak Armed! i te rzeczy. Pozwól mi uruchomić jeden szybko.
Faktycznie, tutaj jest interesujący.
Został opracowany przez studentów pracujących w partnerstwie w NERD.
Aplikacja na pełnym ekranie, te rodzaje doświadczeń tutaj.
Och, ładne ekrany wycinane i wszelkiego rodzaju zabawy rzeczy.
Stworzyli oni to. Równie dobrze możemy pokazać całość, podczas gdy my jesteśmy w nim.
W rzeczywistości, pracowałem z nimi trochę, dał im kilka rad na rzeczy
bo robią JavaScript dla ich stosowania.
Proszę, nie biorę za swoją pracę, zrobili całą robotę.
Dałem im trochę rad tu i tam,
ale zrobił kilka świetnych rzeczy za pomocą JavaScript przód
i wiązanie w niektórych silników fizycznych i miejscach, aby dużo pracy.
Idź. Zobaczmy, czy to działa.
Wow, to nadal pracował. Dobra, dobra. Ale masz pomysł.
Aplikacja na pełnym ekranie, bardzo dobre doświadczenie.
To wsparcie nie tylko moje myszki i długopis, czy mam takie rzeczy, ale także dotykać.
Gdybym miał ekran dotykowy, może po prostu zwrócić na niego i kontynuować pracę z tym.
>> Jedna rzecz, że nie pokazują, i dlatego ja to wychowywanie
to chciałem mieć innej aplikacji, aby pokazać, co można zrobić,
rzeczywiście można się aplikacji w systemie Windows, a następnie przeciągnij je do boku ekranu.
Nazywa się to zatrzaśnięcie aplikacji.
W tym przypadku, wziąłem Inkarus i dodałem go na bok tutaj.
Jest teraz w świetle Snap, i że pozwala mi zrobić coś innego podczas gdy aplikacja jest.
Większość gier znajdziesz się po prostu wstrzymać.
To zazwyczaj przyzwoite rzeczą do zrobienia, chyba że gra może w jakiś sposób skalować w dół
się, że małe uchwały, jak być może pewnego rodzaju gry planszowe
czy takie rzeczy przy okazji.
Ale w ogóle, najłatwiej i najbardziej odpowiednią rzeczą dla gier
jest, aby zatrzymać aplikację.
Dla aplikacji, takich jak wiadomości aplikacji, jeśli uruchomić ten jeden, a potem zaskoczy,
zobaczysz to rzeczywiście zmienia się znacząco, jak to prezentuje dane do Ciebie.
Tutaj to pokazano, w naprawdę bardziej pionowe pan, że informacje,
ale można jeszcze absolutnie używać aplikacji.
Więc to jest nadal bardzo przydatne.
Fakt, że jest to w mniejszym widzenia nie prowadzi mnie do korzystania z tej aplikacji. Więc pomyśl o tym.
To jest coś, co trzeba mieć, aby Twoje aplikacje do pewnego stopnia,
ale to do ciebie, aby ustalić, jak funkcjonalne aplikacje powinny być twoje
W tego rodzaju mniejszych środowiska.
Pozwól mi zamknąć tamten dół i wrócić do gdzie byliśmy tutaj.
>> Edwin, dodano fotografię mnie już? >> [Guarin] Tak. >> [Bowen] Spójrz na to.
Widzisz? Edwin dodane zdjęcie. [Śmiech]
>> Wróćmy tu do Visual Studio. Pozwól mi uruchomić to dla ciebie.
Mógłbym kliknięciu na płytki na tym ekranie startowym.
Przyniósł mnie z powrotem do trybu pulpitu, i to uruchomienie aplikacji na pulpicie programu Visual Studio.
Jest to system Windows, które już znają.
Mogę iść do przodu i utworzyć projekt tutaj.
Skupimy się ponownie na JavaScript, HTML.
Mam zamiar iść i wybrać się tutaj na podstawie JavaScript, Windows Store.
Istnieje wiele szablonów, które można wykorzystać.
Produktywności, polecam spojrzeć na niektóre z tych innych z nich tutaj
jak siatki i Splitu.
Są bardzo przydatne, jeśli złożenie wniosku
że będzie miał tego rodzaju projektu i nawigacji. Zobaczysz te wiele.
Jeden po prostu pokazałem faktycznie instancja aplikacji siatki.
Więc jeśli uważasz, że masz zamiar robić app wiadomości lub czytnika RSS
lub coś w tym stylu, który zajmuje się wieloma wpisami do której chcesz pokazać szczegół,
myśleć o użyciu jednego z tych szablonów, aby zacząć szybko
i dostosowywania go stamtąd.
Ale tylko tak mogę pokazać wszystkie ruchome części tutaj
Zamierzam utworzyć pustą aplikację, a potem pójdziemy trochę głębiej w szczegóły.
Ja tylko co tutaj pustą aplikację.
To będzie stworzyć cały projekt dla mnie.
Otworzę rzeczy, które chcę pokazać, domyślnie.
Pozwólcie mi tylko powiększyć trochę pokazać, co stworzył dla nas tutaj.
Rzeczy, które masz zamiar spojrzeć na pierwsze są nazywane domyślnym.
Więc masz zamiar szukać default.html, default.js i default.css.
Inną rzeczą, aby zwrócić uwagę na to, że mamy już odwołanie do tego, co już wspomniałem wcześniej.
To WinJS. Nikt naprawdę nazywa to ten długi nazwę.
Jest WinJS, Biblioteka Windows dla JavaScript.
Jeśli otworzysz go, widać, że to wszystko jest tutaj.
Tam różne pliki CSS, jest obsługa JavaScript.
To tam, aby ci pomóc.
To naprawdę jest do zapewnienia kontroli i style i rzeczy, które można po prostu użyć automatycznie.
Ale znowu, jeśli nie ma rzeczy, które chcesz, aby zamiast wykorzystywać w zakresie stylizacji i innych kontroli,
to wyłącznie od Ciebie. Pokażę ci, jak wykorzystać kilka z tych rzeczy teraz.
>> Powrót na na naszej lewej strony, pozwól mi pokazać domyślną stronę HTML.
Widziałeś już rzeczy WinJS, i to naprawdę wszystko, co się tam dzieje
z te środkowe linie znaczników, tylko przynosząc domyślnie CSS
i wprowadzenie kilku plików JavaScript z WinJS.
Nie musisz być mistrzem, co dzieje się wewnątrz tych plików.
Jest to dość ciekawe spojrzeć na nich rodzaj przeglądu, co się tam dzieje
bo jest dość ciekawe pośrednie i zaawansowane techniki tam dzieje,
ale miłą rzeczą jest, jak deweloperów, można po prostu skorzystać z nich, po prostu z nich korzystać
i naprawdę nie trzeba się martwić o to.
Nadal można prowadzić samochód bez konieczności wiedzieć, jak to działa, prawda?
Więc to jest jedna z tych rzeczy, które się tu dzieje.
Nie ma kontroli i style i rzeczy, które można po prostu iść do przodu i ruchu
i kod, który można użyć w drugi bez konieczności wiedzieć, co tam jest.
Oto twoje własne pliki.
To są Twoje miejsca, które można modyfikować własne CSS
i własną JavaScript dostać rzeczy toczenia.
Będziesz dodanie pewnością inne pliki JavaScript i CSS może inne pliki
jak projekt rośnie, ale to naprawdę tylko punktem wyjścia.
Oto Witaj, świecie odpowiednik HTML, więc wracamy do znacznika body.
Na górze, tak na marginesie, to doctype HTML5,
więc będzie uznać, że z tego, co już pracuje.
Jest pełna IntelliSense tutaj, tak więc jeśli robisz takie rzeczy jak rodzaj w tagu wideo
i rozszerzenia, które obecnie, to prawdopodobnie dowiedział się o tym,
że trzeba zrobić kodowanie awaryjnej tagów wideo w HTML5 - a może masz -
w celu zapewnienia, że ​​różne przeglądarki mają wsparcie dla wideo.
Mamy takie rzeczy w całej HTML, poprzez JavaScript, przez CSS.
, Który jest zbudowany w, a ja pokażę ci CSS w sekundę.
Tutaj możesz śmiało rozpocząć kodu znaczników modyfikacji.
W rzeczywistości, zanim cokolwiek zmienić, mam zamiar uruchomić to i pokazać to, co dostajesz.
Masz zamiar dostać się ekran powitalny, który można dostosować
, a następnie dostać się Hello, World doświadczenie tutaj. To fantastyczne, prawda?
Śmiało i statek, prawda?
Zawartość idzie tutaj. To jest podstawowa sprawa.
To może tylko lepiej stamtąd.
Idziemy dalej i dodać w jakiejś rzeczy.
Mam trochę znaczników mam zamiar skopiować tutaj
tak więc nie muszą oglądać mnie pisanie.
Puść mnie wychować przybornik tutaj, a ja przypiąć to, bo będę robić to kilka razy.
Przybornik, jeśli nie widziałeś Visual Studio, gdzie masz zamiar znaleźć kilka kontroli.
Można również umieścić w niej fragmenty kodu, które można ponownie wykorzystać.
Tutaj będę po prostu pop w inny HTML, nic strasznie zaawansowanym na wszystko tutaj.
To tylko podstawowy HTML mówiąc mam wejście gdzie mogę wpisać,
Mam przycisk, gdzie mogę złożyć go, a następnie mam div, który jest w istocie zastępczy
że można używać do wyjścia na "Witaj, wpisz to."
To wstęp do np. HTML.
Jeśli uruchomić ten, automatycznie otrzymasz kod HTML, ale także automatycznie uzyskać stylizacji.
Jest to jedna z najważniejszych rzeczy z WinJS.
To się daje domyślnie pewne spojrzenie i czuć, że jest naprawdę zgodne
z resztą, co Windows 8 robi.
Tutaj można zobaczyć takie rzeczy jak przycisk.
Przycisk domyślnie w formacie HTML nie wygląda, ale to nie tutaj
bo robi się to prawo CSS z tego pliku CSS w WinJS.
Jeżeli chcesz korzystać z czegoś innego, jeśli chcesz to zmienić, całkowicie w porządku,
iść do przodu i robić to, co chcesz. Ale to jest domyślnie.
To będzie bardziej znane użytkownikom.
I oczywiście to nic nie da, bo w rzeczywistości nie drut jakiegokolwiek kodu
w odpowiedzi na to. To było po prostu HTML.
Więc mogę pozbyć się tego, i wrócimy do naszej aplikacji.
>> Pozwól mi przejść nad naszym default.js.
Wygląda to dość skomplikowane, ale to jest po prostu robi kilka rzeczy dla Ciebie.
To boilerplate. To będzie taka sama we wszystkich swoich projektach.
Jedyne co robi to jest po prostu rodzaj pytając: "Jak się tu znalazłem?"
i mówi: "Czy uruchamiasz tę aplikację po raz pierwszy?"
"Czy wznawianie aplikację od konieczności jej zawieszeniu?"
Kilka takich rzeczy.
Naprawdę, skupiamy się na tym pliku jest tu gdzieś tutaj.
W tym momencie, ta linia kodu jest bardzo ważna.
To rzeczywiście będzie iść i patrzeć przez cały swój znaczników,
i to się dzieje, aby znaleźć rzeczy, które zostały zadane, aby zwrócili się do kontroli,
głębsze kontrole jak kontrola oceny, jak widoku siatki, podobnie jak rozwijanego
i te inne rzeczy, które pokazałem na tym slajdzie wcześniej.
Oni nie są rodzime kontrole HTML.
Po prostu nie powiedzieć rozwijany jako element i to wiem, co robić.
Co tak naprawdę zrobić to samo, co dzieje się w innych rodzajach ram kontroli.
jQuery UI ma ten sam rodzaj ogólnego podejścia.
Korzystania z oznaczenia w HTML, JavaScript, a następnie przechodzi przez niektóre później i mówi:
"Wiem, co to jest. To z prośbą o to, aby stać się tych rzeczy,"
które są inne bardziej wyraziste HTML, aby jak kontrola dostępu,
co jest, co pokażę ci teraz.
Ten wiersz kodu jest obietnica, że ​​mówi: "Kiedy ta obietnica zostanie spełniona,
"Wszystko, że już poprosił została następnie stworzył."
I to jest to. Wygląda to trochę skomplikowane, ale tak naprawdę to samo w każdym projekcie.
Tu jest miejsce, gdzie można rozpocząć dodawanie w cokolwiek chcesz, aby się stało,
tak wrócimy do tego za chwilę.
>> Przede wszystkim, trzeba trochę kodu, który może reagować na fakt,
że ktoś kliknął na przycisk.
Mam zamiar iść do przodu i umieścić, że w dole.
Ponownie, nie będę robić żadnych wpisując przed tobą tutaj.
Bardzo podstawowe JavaScript tylko, że kiedy to się nazywa
mamy zamiar być dostarczone kilka szczegółów na temat jak się tu
a następnie jedziemy zrobić kilka podstawowych rzeczy.
Idź znaleźć coś w mojej strony HTML o nazwie nameInput,
chwycić go, weź jego wartość, klaps "Hello" na przed nim, i trzymać wynikający ciąg
do tego div tagów, które mieliśmy wcześniej, że naprawdę nie ma nic przed.
Teraz mamy zamiar znaleźć ten tag i dokonać jego wewnętrzna treść równa tego łańcucha.
Bardzo prosta obsługa JavaScript.
Mam nadzieję, że jesteś uznając, że nie ma naprawdę nic niezwykłego dzieje.
To jest po prostu prosto HTML i JS tutaj.
Jeśli uruchomię to teraz, to nadal nie będzie wykonywać żadnej pracy, bo nie mam go przewodowe
otrzymywać wydarzenia.
Aby to zrobić, zrobię to tu, ponownie wracając do mojego zestawu narzędzi,
popping to tutaj.
Spodziewam się, że widziałem wszystkie tego typu rzeczy przed, więc nie będę zbyt wyjaśnić.
Teraz mamy zamiar udać uzyskać helloButton.
Jedziemy do powiedzenia, "ikona, gratulacje."
"Oto wydarzenie, które teraz są w odpowiedzi na."
"Kiedy ktoś kliknie na Ciebie, zadzwoń tej funkcji buttonClickHandler."
I to jest właśnie ta funkcja dodaje aż tam na dole. To jest to.
Więc teraz mamy aplikację niezwykle funkcjonalny.
Myślę, że będziesz pod wrażeniem tego.
Chris. Czekać na niego. Wow. Ok. To jest niesamowite. [Śmiech]
Ale to nie wszystko. Nie kupuj go jeszcze. Czekać.
>> Pokażę wam trochę więcej tu i wydostać się z pełnym ekranie.
Idziemy na spacer, zanim uruchomić.
Pozwól mi wejść i rzeczywiście pokazać trochę z CSS.
Tylko domyślnie, jeśli spojrzymy na stronie tutaj
, gdy zatrzymaliśmy się w tych sprawach z WinJS i mamy ui-ciemne,
w rzeczywistości, można zmienić go na domyślny dla aplikacji za pomocą światła.
ui-ciemny jest dobre dla aplikacji graficznych, takich jak przy użyciu dużo zdjęć,
jesteś pokazano wiele treści wizualnych.
Jeśli pokazano wiele treści tekstowych, ui-światło jest ogólnie dobry wybór.
Nie masz wyboru, ale mam do niego włączane
a teraz widząc ten sam znacznik, sam wszystko,
to właśnie tutaj, przy użyciu w zasadzie odwrócony schemat
gdzie wszystko czyni go czarny tekst na białym tle.
To wszystko dobrze.
Pozwól mi się tutaj, i niech to faktycznie trochę bardziej z CSS.
Włożę go z powrotem na ciemności, ponieważ myślę, że to chyba łatwiej zobaczyć na ekranie
kiedy zacząć robić te rzeczy.
Zamierzam wymienić ciału jeszcze raz.
Pójdę tutaj. Pozwól mi nuke to.
Niech wprowadzą w organizmie z klas.
Wierzę, że zrobiłeś selektorów z podstawowych rzeczy, takich jak CSS i już, że
więc pewnie wiesz, co tu się dzieje.
Tylko przypisanie niektórych klas w naszym nagłówku, i tworzymy nową div
zawinąć resztę tych rzeczy, które możemy wykorzystać do stylu razem.
Więc co mogę teraz zrobić, to udać się do naszego domyślnego CSS.
Pan spojrzał na pytania mediów jeszcze? Czy mówił o tym w ogóle?
Zapytania mediów są częścią tej powstającej tendencji -
czy to jest rzeczywiście powstała tendencja teraz w sieci -
dla odpowiadającego wzoru lub adaptacyjnych,
i chodzi o to, że aplikacje można naprawdę dostosować się odpowiednio
na podstawie tego, co urządzenie, które oni są pokazane na może zrobić.
Więc jeśli jesteś na urządzeniu mobilnym, oczywiście nie będziesz mieć tyle miejsca na ekranie
jak można na dużym 30-calowym monitorze siedzi z pulpitu, duże PC tak.
Tak więc odpowiedź na to stary będzie mieć 5, 6 różnych wersji tej samej strony
i by otworzyć wersję, że został dostrojony do tego pewnym rozmiarze ekranu.
Nie wielki. To jest bardzo, bardzo powtarzalne i nie tona utrzymania tego robić.
Teraz mamy coś, co nazywa CSS pytania mediów,
i możemy to wykorzystać, aby automatycznie wykrywać, kiedy jest pewne rozmiary
lub niektóre zastosowania treści są wykonywane.
Tak można odpowiedzieć na to i można powiedzieć, "Ok, w tym przypadku
"Pewnie nawet nie trzeba mi powiedzieć, co tu się dzieje."
To jest tylko, że jeśli ta aplikacja jest pękło, jak pokazałem wcześniej -
chwytanie i wprowadzają go w bok ekranu -
następnie zróbmy następującą stylizacji.
Stylizacja to nie tylko kolory i takie tam.
Chodzi także o doborze i marż i Uszczelki i orientacji treści
lub nawet wyłączenie lub włączenie całych części strony
i, w tym przypadku Twoja aplikacja lub gra, jak również.
Więc można zrobić tak proste, jak chcesz.
Nie byłoby to przydatne w Twojej aplikacji, ale nadszedł czas, demo,
więc mam zamiar iść do przodu i po prostu dodać w podstawowej selektora ciała i powiedzieć,
"Kiedy jestem pękło, idziemy do przodu i zrobić background-color i niech coś wybrać."
Masz IntelliSense tutaj. To jest rzeczywiście bardzo fajne.
W 2012 roku dodaliśmy wiele rzeczy do wsparcia CSS i JavaScript i HTML.
Masz oczywiście dostał IntelliSense rozwijane też, ale to nie jest fajne.
Fajne jest to, że masz selektorów wizualnych do wielu rzeczy, jak również.
Więc można przejść i po prostu wybrać kolor,
czy można wyjść i być jeszcze bardziej szczegółowe i można wybrać -
to będzie straszne. Ja faktycznie odebrać przyzwoity kolor tutaj.
Oglądać znaczników też, przy okazji. To twój standardowy format RGB tam.
Ale jeśli mogę zmienić krycie, to będzie przełączyć się do wyboru kanału alfa tutaj.
Więc widać, że kolor z zasadniczo przejrzystości procent, że masz na to
wszystko pieczone rację tam.
Zamierzam zachować go jako 100%, a następnie, kiedy skończę z tym, wszystko jest dobrze i dobrze.
Teraz, jeśli uruchomić aplikację, a my się z aplikacji, a my go przystawki,
że kolor tła jest regulowany automatycznie
tylko dlatego, że mamy trochę CSS, który mówi: "Idź zrobić."
Można również napisać JavaScript zbyt że zrobi to samo
lub, że można użyć, aby faktycznie wstrzymać grę, nie takie rzeczy.
Pewnie kiedy można użyć JavaScript.
Chcesz wyłączyć pętlę gry w tym momencie.
Musisz trochę JavaScript, ponieważ nie byłoby to coś, co CSS.
Ale należy pamiętać, że to właśnie wydarzenie.
Można powiedzieć: "Kiedy mój wniosek zostanie zmieniony,
"Zobaczymy, czy jesteśmy pękło." I to jest to.
>> W porządku? Rozmawiałem dużo. Czy są pytania do tej pory, gdzie jesteśmy? Tak.
[Student] Czy jest poradnik dla każdego, aby uzyskać więcej informacji? >> Tak.
Pytanie brzmi, czy jest poradnik do tego? Ja po prostu przedłużyć go do wszystkiego.
Jest kilka rzeczy, które można przejść do. Niech faktycznie wydostać.
Pozwól mi wrócić tutaj.
Jedną rzeczą jest, aby zwrócić uwagę na sam wizualna Studio ma wbudowane samouczki
Pozwól mi pozbyć się tego.
Jeśli pójdziesz i stworzyć nowy projekt, czy pliku, Nowy projekt,
i patrzeć się na lewej stronie, znajduje się węzeł online w tym selektora.
To zajmie trochę. Jestem w MyFi tutaj.
Ale to przyjdzie i to da mi szansę znaleźć szablony
ale, co ważniejsze, jak również próbki.
Więc mogę kliknąć JavaScript.
To będzie znaleźć próbki dla mnie. Moja droga wysoka rozdzielczość jest tu.
Normalnie, możesz wyświetlić listę wielu różnych rzeczy tutaj.
Jeśli jest coś, co chcesz spróbować, wybrać język,
JavaScript tu, i powiedzieć: "Nie wiem, jak to zrobić geolokalizacji."
"Nie wiem, jak otworzyć plik."
"Nie wiem, jak korzystać z kamery internetowej
"Lub optymalizacji dla touch lub takie rzeczy."
Są próbki do wszystkiego: do udostępniania, wyszukiwania, barów app,
dokonywania zdalnych połączeń do usługi, kodowania JSON.
Wszystkie te rodzaje rzeczy tam są próbki do tego,
i nie są one ogromne próbki, które wezmą cię przez całą noc, aby rozerwać
tylko do stwierdzenia, że ​​coś, czego chciał się dowiedzieć.
Są naprawdę dobre. Są małe, prawo do rodzajów punktów próbek.
Nauczyłem się mnóstwo przechodząc przez nich samodzielnie,
i tak polecam, dużo w jednej rzeczy.
>> Inną rzeczą, aby zwrócić uwagę na zbyt oczywiście pokazałem dev.windows.com,
jeśli więc wrócić do tego, zobaczysz na dole jest też tutaj próbki.
Więc można pobrać je wszystkie na raz, ale jest też wiele innych zasobów i tu
że może pomóc dostać się do prędkości.
>> Jedna rzecz, a ja bardzo polecam, aby spróbować tego,
Mam go na moim blogu, ale ja po prostu iść do niego prawo.
Pokażę ci. Mój blog ma zasoby i tego typu rzeczy.
Jedną z rzeczy, zwrócić uwagę jest tutaj, to coś: Twój pomysł. Twoja aplikacja. 30 dni.
Jeśli klikniesz na to, że będzie przynosić do naprawdę pomocny miejscu.
To jest o wiele bardziej przydatne niż można się było spodziewać.
To będzie 30 dni od treści, które można w zasadzie uzyskać porady i wskazówki
w całym tym procesie, jak tworzysz aplikację.
A jak nie może oczekiwać, można rzeczywiście dostać do gry zbyt
i dla aplikacji telefonicznych, takie rzeczy.
Więc w zasadzie zapisać się na niego, a oni będą wysyłać ci wskazówki i porady na temat,
"Czy myślałeś o to robi? Czy popierasz Snap?"
"Oto kilka wskazówek na temat, jak to zrobić dobrze."
"Czy myślałeś o złożenie do sklepu?"
"Czy myślałeś o tym, jak masz zamiar sprzedać swój wniosek?"
To będzie chodzić po tych wszystkich różnych rzeczy.
I rzeczywiście, jeśli jesteś na torze gry, w pewnym momencie
zaczniesz uznając osobę z tobą rozmawiać
bo faktycznie było iść do Redmint zrobić tam te i nagrane 2 filmy.
Ale to wszystko jest częścią toru gier,
i tam też pełna ścieżka do ogólnego rozwoju aplikacji.
To się nazywa generacji aplikacji.
Zdecydowanie polecam, że do Ciebie, a oprócz próbek.
>> Jest wiele filmów wideo na stronie o nazwie Kanał 9, jak również.
To prawdopodobnie ostatnia rzecz, ja polecam również przed przechodzimy tutaj.
Channel9.msdn.com.
To jest dobre, bo nie zamierzamy być przeczytaniu ton white papers.
Jest to w zasadzie wiele filmów, screencasts i rzeczy, które są od razu do rzeczy.
I nie powinien powiedzieć, że jest zawsze do rzeczy. To zależy od tego, kto o tym mówi.
Ale ogólnie, jest kilka naprawdę do-punktu filmy tutaj
że pokaże jakąś szczególną rzecz, może chcesz się nauczyć lub zobaczyć demoed.
Jest też wszystkie nasze treści z naszej konferencji, co wydarzyło się kilka tygodni temu
nazwie Budowa, a zobaczysz, że tam.
Jest technologie podstawowe dla Windows 8 gier. Proszę bardzo.
Byłem tam, faktycznie. Nie możesz mnie zobaczyć. Byłem tam.
Ale tak czy inaczej, to na bok, polecam, że spojrzeć na te filmy.
Są bardzo pomocny.
Jeśli utkniesz na coś lub po prostu chcesz zobaczyć, co może zrobić coś, ogień ci się.
>> [Guarin] Windows Mail właśnie wysłał mi e-mail z linkiem do treści
dla studentów, aby pobrać z próbki kodu i takie tam. >> [Bowen] Świetne.
Niesamowite. Dziękuję, Edwin.
>> Dobry. >> [Student] Mam pytanie. >> [Bowen] Och. Tak, proszę.
[Niesłyszalne uczeń pytanie] >> [Bowen] Och, cieszę się, że pytasz. Tak.
Pytanie było, czy jest dla mnie wizualny interfejs do tworzenia rzeczy?
Edwin sowicie wynagrodzi cię za to pytanie.
Jest na to sposób, aby to zrobić.
Powinniśmy zrobić to teraz? Zróbmy to teraz.
Mam zamiar iść do niej teraz.
Właściwie, dodam jeszcze jedną rzecz do tego demo,
a potem pokażę ci rzeczywistą odpowiedź.
Miałem zamiar dodać trochę więcej CSS tutaj.
Byłem trochę się na stycznych tutaj.
Powiem w jakiś CSS, żeby skorzystać
z klas, które dodaliśmy czas temu,
do nagłówka w div Maincontent, a następnie do greetingOutput.
Jeśli mam to zrobić i uruchomić go można zobaczyć teraz mamy nieco inne dopełnienia i marginesów,
więc faktycznie pewne przesunięcia tutaj.
Są to bardziej w kierunku tego, co masz zamiar się spodziewać ostatecznej polerowanego aplikacji.
Ale ja po prostu pokazuje ci to, bo to prosto CSS.
Tak więc to, co już wiesz, możesz użyć, żeby dostosować treść, jak chcesz.
Widziałeś już, jak zrobić tło zmienia się w ten sposób.
>> Jeśli wrócę do naszych HTML, mam zamiar dodać jeszcze jeden zestaw znaczników,
i to jest w rzeczywistości będzie kontrola z WinJS.
Mam zamiar iść i złapać ten, etykietę. Pozwól mi upewnić się, robię to w odpowiednim miejscu.
Prawdopodobnie wystarczy.
Tutaj właśnie dodane - i pójdziemy na pełnym ekranie, dzięki czemu można zobaczyć całość -
Dodałem etykietę na następny div.
Div nazywa ratingControlDiv.
Sam to nic nie robić.
Jeśli otworzysz ten w przeglądarce, można być patrząc na puste, sam div.
Ale z powodu tej tajemniczej linii kodu, które pokazałem wcześniej,
Proces wszystko, to będzie szukać czegoś, co wygląda jak ta -
zwycięstwo danych kontroli - i to się znaleźć wszystko, co jest w tym parametrze.
To się dzieje, aby wystąpienie cokolwiek to jest to wskazuje.
W tym przypadku, to jest kontrola ocena, więc mówię: "Proszę iść i wymienić to coś
"Z tym, co trzeba zrobić, aby dokonać kontroli ocena."
To może być sterowanie klapką, to może być pierścień kontroli postępów lub cokolwiek chcesz używać.
Oni wszystko będzie działać zasadniczo w ten sam sposób.
Używasz standardowego znaczników HTML5, aby wskazać, co chcesz,
i masz zamiar uzyskać kontrolę na koniec tego. Pozwól mi uruchomić to.
Ja po prostu kopiowane, że w, a teraz staje się to, że znaczniki,
co jest rzeczywiście sporo elementów HTML.
Są to wszystkie poszczególne obrazy i jest div w nich z selektorów.
Mam nadzieję, że widać, że. To trochę subtelny.
Mogę unoszą się nad różnymi rzeczami, i to się dzieje, żebym mógł zobaczyć rating tutaj.
Można kliknąć na nim, a on pamięta ocena, ale to wszystko.
To naprawdę nie robi nic z rankingu.
>> Ostatnia rzecz chcę pokazać, na to
zanim przejdzie do bardziej wizualnego projektowania doświadczenia
jest trochę kodu, który można użyć do odpowiedzi na te WinJS kontroli.
Pozwól mi wydostać się stamtąd, z powrotem z pełnym ekranie,
i przełączyć się na JS tu na sekundę.
Mogę to zrobić tutaj. Myślę, że zastąpi to wszystko.
Właściwie myślę, że będzie wymienić wszystkich, ale dowiemy się razem.
Włożę to tutaj. Tak. Zamierzam usunąć zbyt.
Co mogę dodać? To wygląda dużo. To nie jest dużo.
Ja po prostu przedłużyć tę linię kodu, który już mowa wcześniej,
i mówię: "Kiedy wszystko jest zrobione, kiedy wszystkie moje kontrole zostały wykonane,
"Wtedy to zrobić." Więc następnie uruchomić tę funkcję o nazwie zakończone.
W tym przypadku, to jest rzeczy można dowiedzieć się.
Go znaleźć, że kontrola div.
Rzeczywiście, jest jedna rzecz, należy podkreślić.
Że następna linia jest rzeczywiście, mówiąc: "Mam ten ratingControlDiv."
"Chcę porozmawiać z nim tak, jakby była prawdziwa kontrola, kontrola WinJS."
Więc w zasadzie, prosisz, że od niego.
Mówisz: "Chcę z tobą porozmawiać jako kontrolę."
I wtedy można zacząć mówić rzeczy w stylu: "Mamy zamiar dodać detektor dla Ciebie
"Więc kiedy zmienił możemy reagować na to."
A potem możemy robić takie rzeczy. Właściwie, to stary kod istnieje.
Myślę, że jestem brakuje wklejanie w jednym więcej funkcji,
i że będzie rzeczywista funkcja, która odpowiada na kontroli oceny zmieniany.
Pozwól, że w pop aż tutaj,
gdzieś tam.
I w tym przypadku, jedyną rzeczą, która jest nowa, jest fakt, że jedziemy do
Ocena tego, co mówi nam kontrola i pytamy o to, co się nazywa tentativeRating.
Istnieje kilka różnych innych rzeczy, że kontrola może powiedzieć,
i idzie kontroli przez kontrolę.
To bardzo proste. Będziesz w stanie zrozumieć to bez problemu w ogóle.
Prowadzę tego, a teraz, kiedy zmienić oceny i kliknij ratingu,
widać teraz to właściwie na niego reagować.
To oddanie, że ocena na ekranie w tej pustej div tagu
pod kontrolą oceny.
To magia wiele rzeczy tutaj też.
Tak jak podczas tworzenia aplikacji dla systemu Windows Store,
tam jest mnóstwo kontroli, które można po prostu używać. Wszystkie one działają w ten sposób.
>> Pokażę wam wizualną stronę projektowania dla tych aplikacji.
Dobrą wiadomością jest to będziesz już tego narzędzia podczas instalacji wszystko
jeśli pójdziesz do tego pobrania i masz Visual Studio.
Można kliknąć prawym przyciskiem myszy na ten temat. Nie będę powiększyć obraz
To po prostu mówi Otwórz w mieszance.
Mieszanka jest kolejnym narzędziem, które działa ramię w ramię z Visual Studio
i koncentruje się znacznie bardziej od strony projektowania rzeczy,
tak naprawdę powierzchnie narzędzi, które są zoptymalizowane do tworzenia stylów,
tworzenie animacji, pracy z CSS, wiele rzeczy w tym rodzaju żyły.
Oto, co powinno być bardzo interesujące i dość oczywiste, natychmiast jest patrzymy na aplikacji.
Mam nadzieję, że nadal są.
Zamiast kodu, który wciąż jest widoczna na dole widząc,
widzimy rzeczywistą reprezentację aplikacji.
Co więcej, nie jest to tylko przedstawienie aplikacji, to jest rzeczywiście aplikacja pracuje.
I to jest to, co naprawdę jest ładny o mieszance.
Zespół wykonał dużo pracy przynieść HTML i JavaScript i CSS do tego narzędzia.
Teraz rzeczywiście można, jeśli jesteś ciekaw, "Co to znaczy? Co mogę zrobić?"
Mogę właściwie zaprojektować do tego wniosku, mimo że takie rzeczy nie istnieją w moim znaczników.
Pamiętaj, że kontrola ocena? To było po prostu znacznik div.
To rzeczy, że gwiazda, istnieje tylko w czasie wykonywania. Skąd mam wiedzieć, że?
Jest trochę magii tutaj.
Zobacz te pioruny?
Za każdym razem widzisz piorun, to znaczy, że został stworzony przez coś w czasie wykonywania.
Niektóre JavaScript pobiegł i odwrócił coś do tego czy stworzył to z pewnej logiki.
Te gwiazdy, które można zobaczyć nie zostały stworzone przez JavaScript przez WinJS.
Dobrą rzeczą jest to, że nie ma dla mnie znaczenia, czy mogę zaprojektować,
Wciąż mogę iść i zmienić go, można dowiedzieć się, co tu się dzieje,
Mogę spojrzeć na CSS, mogę śmiało i dowiedzieć się, dlaczego kolor jest taki, jaki jest,
Mogę zacząć bawić się z rzeczy i podejmowania rzeczy straszne,
co chcę zrobić.
Faktycznie, ja zostawię rzeczy sam.
Ale można zobaczyć tutaj to wszystko jest CSS i to pokazano tutaj.
Jeśli pójdę do nie, to się pokazać wszystko, co nazywają oni zwycięstwa,
więc reguły CSS, które są najbardziej szczegółowe i najbardziej wybrany do tej pozycji,
które prawdopodobnie już przeszedł w swoich klasach,
, gdzie można powiedzieć, że jest ogólnie czcionki że starasz się wszystko,
ale ponieważ jest to H1 i mam kolor zdefiniowany dla H1S,
że będzie to kolor, a to dlatego, że jest bardziej szczegółowy niż body1.
To jedna rzecz, tu pokazuje to wszystko,
i to naprawdę mocna rzecz, jak dostać się bardziej złożone,
zastanawiasz się, dlaczego te rzeczy są, jakie są.
To rzeczywiście powiedzieć, i można wybrać dowolny z tych elementów tutaj.
Że kolor nie jest tak źle, faktycznie.
Można je wybrać. Mam nadzieję, że można to zobaczyć.
Za wszystko, co masz na swojej aplikacji, można zobaczyć całą kaskadę
wszystkim CSS, które mogłyby mieć zastosowanie do tego i który z nich wygrywa,
który z nich rzeczywiście miała pierwszeństwo.
Te są trochę nudne. Nie ma dużo dzieje się w niektórych z nich.
Jeśli pójdę i zmienić kolor, to zaczniesz widzieć jakiś kaskadowe.
Można również używać HTML również tutaj.
Mogę przejść i modyfikować właściwości HTML za wszystkie te rzeczy, jak pragnę.
Jest tylko mnóstwo rzeczy tutaj.
>> Nie chcę, aby wziąć swój czas, przechodząc przez wszystko tutaj. Po prostu wiem, że to tutaj.
Istnieje wiele funkcji zorientowanych projektowania to tylko dostępne dla Ciebie
więc można zatrzymać wizualne, pracy z aplikacją, i nie trzeba robić dużo zgadywania
że trzeba by zrobić normalnie i jazda na rowerze z powrotem z przeglądarki z powrotem do swojego projektu,
z powrotem do przeglądarki.
To jest naprawdę fajne rzeczy za to, i jak rozwijać aplikację systemu Windows Store,
to się do was o wiele bardziej wydajne.
>> Zobaczysz także to śledzenia znaczników tutaj a CSS
jak pracujesz przez różne rzeczy.
To chyba naprawdę ciężko, aby zobaczyć, że zwłaszcza na wideo,
ale to co się tu dzieje, i polecam zapoznać się z tym.
To zaoszczędzić dużo czasu. To mieszanka.
Jeśli się tutaj żadnych zmian, są one automatycznie będzie prowadzić z powrotem na
Visual Studio.
To te same pliki, to samo wszystko. Będę go zostawić w spokoju.
Mam lepszy przykład, że chcę ci pokazać.
Ale jeśli dokonane zmiany i zapisaniu go tam i wróciłem do Visual Studio, to znaczy,
"Hej, po prostu zmienił coś. Można przeładować go dla Ciebie?" Tak.
I używasz tych samych rzeczy tam.
To koniec tej konkretnej próbki.
>> Chcę pokazać większą próbkę końcową po prostu dać się widok innych funkcji
możesz pomyśleć o jak dobrze.
Jest to aplikacja próbki, które można pobrać.
Jeśli szukasz czegoś, co nazywa Obóz systemu Windows w polu,
pewne próbki o tym, że jeden z nich jest Contoso Jak podać.
Można po prostu uruchomić to dla ciebie.
Niestandardowy ekran powitalny. Ten widok jest stosowanie siatki.
Oni związani tu jakieś dane niestandardowe. Możesz poruszać się w tym.
Możesz iść i spojrzeć na różne rzeczy, które uczynią nas głodny w piątek po południu.
Nie wiem. Co się dzieje, aby mnie najbardziej głodny?
Nie wiem. Mam zamiar wybrać jeden.
Idziesz do tych rzeczy. Pokaże przepis.
Można by też, zamiast klikania na przedmiot,
można iść w prawo do kategorii treści, tej części treści.
W tym przypadku, można przeczytać wiele fałszywych łacinie mówi wszystko o tych receptur tutaj
a następnie skręcić w prawo w określonej receptury.
Wspiera również takie rzeczy jak dzielenie, że pokazałem ci wcześniej ze zdjęć.
Możesz też sprawdzić w tym zastosowaniu zbyt.
Jest to bardzo proste do zrobienia wyszukiwanie.
Zasadniczo, jesteś po prostu coraz ciąg tekstu z systemu Windows
i zdecydować, w jaki sposób chcesz obsługiwać wyszukiwanie z tym.
To jest kilka linii kodu, aby ta, a następnie to, co z nim zrobić po to jest całkowicie do Ciebie.
>> Tutaj mają też bar app gdzie używasz jakieś inne funkcjonalności.
Ja po prostu powiedzieć, co to jest.
Przypomnienie zamierza wykorzystać to, co się nazywa zgłoszenie tosty.
Jest to bardzo przydatne dla pozwalając użytkownikowi wiedzieć, kiedy się wydarzyło,
jak aplikacja została zainstalowana lub coś zostało zakończone.
Jest to również dobre dla gry też.
Jeśli masz uporczywy świat lub płyty lidera i usługi hostingowe, które, który jest
może na osobnej maszynie, te powiadomienia mogą być wysyłane do maszyny
i nawet jeśli użytkownik nie korzysta z gry, gra swoją grę lub uruchamiając aplikację,
wciąż mogą uzyskać informację o tym rodzaju imprez.
Więc można powiedzieć, "Twój zamek został zniszczony lub jest tylko o zniszczone."
"Wracaj tu i bronić go," czy coś takiego.
Kliknięciu powiadomienia, idź z powrotem do gry, i można go odtworzyć.
Więc te różne rzeczy mogą naprawdę pomóc wyciągnąć ludzi z powrotem do aplikacji dość skutecznie.
>> Jest też wsparcie w tej aplikacji do korzystania z mikrofonu, kamery internetowej,
robi filmy i robić zdjęcia.
Możesz również przypiąć płytki wtórnego.
Jest to przydatne, jeśli chcesz po prostu płytki, że idzie w prawo do pewnych treści.
W tym przypadku, to idzie w prawo do tego przepisu.
Wszystko mam wspomnieć Ja tylko pokazuje
bo to rzeczy, które można myśleć o użyciu, jak również.
W większości przypadków, są bardzo proste w użyciu.
Chciałbym tylko polecam wywołać tej próbce explorer
i znaleźć próbki, które mogą pokazać, jak to zrobić.
Jest to dość proste do postawienia na swoim tam również aplikacje.
>> Chciałem pokazać coś innego, co jest bardzo fajne tutaj.
Będę przystawki tej aplikacji, i mam zamiar wrócić do Visual Studio.
Ta aplikacja jest uruchomiona. To działa z Visual Studio.
Mogę zrobić kilka całkiem fajnych rzeczy z tym.
I rzeczywiście mają możliwość wyboru elementu,
i mogę iść tu do stosowania na żywo i mogę powiedzieć,
"Zastanawiam się, dlaczego jest czas przygotowania trochę jaśniejszy szary niż sam tytuł?"
Można kliknąć na nim.
To się dzieje, że z powrotem do synchronizacji z Visual Studio,
i to będzie mi pokazać dokładnie generowane treści, które doprowadziły do ​​tej części interfejsu użytkownika.
Więc w tym przypadku, jest to element, napisy i H4 podwójna konstrukcja,
i to chyba mówi nam, co musimy wiedzieć, ponieważ jako H4 W tym kontekście,
to się uzyskać pewien rodzaj czcionki.
Ale jeśli nadal nie wiem dlaczego, mogę kliknąć Style śladu.
Można następnie rozszerzyć się kolor i można dowiedzieć się dokładnie, dlaczego, że kolor nie jest w kolorze nadwozia
ale w rzeczywistości jest to coś innego.
To jest w istocie dev narzędzi z przeglądarki Internet Explorer
w stopniu wprowadzone do programu Visual Studio.
Jeżeli pracowałeś z Narzędzia Chrome Dev, Firebug, takie rzeczy,
te rodzaje instrumentów, które są w przeglądarce,
tego rodzaju funkcjonalność została wniesiona w prawo w Visual Studio
tak w rzeczywistości nie muszą uruchomić przeglądarkę i pracy z tymi narzędziami oddzielnie.
Teraz mam aplikacji sklepowych tak działa,
i mogę zacząć ciągnąć go od siebie i dowiedzieć się, dlaczego coś robią, czym one są.
>> Mogę też zrobić to w ten sposób też.
Mogę iść i po prostu wybrać coś od samego znaczników i dowiedzieć się, co to jest
w zgłoszeniu. Myślę, że już o wszystkim.
Tutaj mam unoszące się nad tym. I można go wybrać.
To będzie mi pokazać w rzeczywistym uruchomionej aplikacji w przypadku, gdy jest to
że jestem teraz klikając w znacznikach.
Naprawdę fajne rzeczy.
Jak starasz się dowiedzieć, co się dzieje i co robi HTML,
co CSS robi, należy mieć to na uwadze.
Pamiętaj, to jest tu dla Ciebie
oraz że mieszanka może pracować z działania aplikacji na żywo.
>> Ostatnia rzecz chciałem pokazać, z tej aplikacji -
By the way, to pokazuje, jak rzeczy zmieniają delty też
więc można oglądać na tych żółtych świateł.
To są rzeczy, które po prostu zmieniły się w aplikacji.
Ale jedna rzecz. Chcę wrócić do mieszanki tylko na chwilę tutaj.
Będziemy to otwarcie, otwarty w Blend, samej aplikacji, sam wszystko.
Chcę tylko pokazać doświadczenie tutaj jest nie tylko utkniesz na stronie głównej
patrząc na rzeczy, dostaniesz domyślnie po uruchomieniu aplikacji i niech tam siedzą.
Można również włączyć tę całkiem małą ikonę tutaj.
To się nazywa tryb interaktywny.
Kliknięcie na tym. To się wychować swoją aplikację.
Nie jesteś już w trybie projektowania, więc nie zamierzamy być na rzeczy, klikając
zmienić funkcjonalność, ale rzeczywiście można pracować z aplikacją teraz.
Możesz klikać, możesz robić, co, dostać się do przepisu, że Ci zależy
lub kategorii. Chodźmy do tej kategorii.
Powiem: "Dobra, o to, gdzie chcę do projektowania."
Następnie ponownie kliknij ten przycisk, to przyniesie Ci z powrotem do powierzchni projektu,
a teraz możesz zrobić wszystkie te rzeczy, które mówiłem wcześniej.
Będę klikanie aż uzyskać ten wybrany, dowiedzieć się, jego wymiary,
dowiedzieć się na to HTML, CSS dla niego
dla działającej aplikacji, niektóre później częścią aplikacji.
Bardzo, bardzo przydatne. Pokażę ci to.
Proszę o tym pamiętać, jeśli szukasz do pisania kodu z tego
bo to będzie zaoszczędzić dużo kłopotów, i to całkiem dobre rzeczy.
To dość dużo wszystko, co chciałem pokazać na Blend w Visual Studio na wszystko.
>> Wszelkie pytania na temat któregokolwiek z tych narzędzi?
Cokolwiek? >> [Guarin] Mam rzeczy, aby dać się tak dobre pytania, dobre rzeczy.
>> [Bowen śmiech] Ja już cię tu moje przedstawione prezentacje.
Mam zamiar umieścić go na stronie zasobów i zwrócić się do pytania teraz.
Że pierwsza wzmianka, że ​​strona generacji aplikacji z toru gier i aplikacji torze.
Zapisz się na nich.
Nie musisz czekać na 30 dni, aby uzyskać zawartość.
Możesz zacząć chodzić i patrząc na treść, jak chcesz.
Rozumiem twoje ramy czasowe mogą być inne niż - [śmiech]
Więc kiedy jest Hackathon? To kilka tygodni, prawda?
Więc nie mają 30 dni, aby czekać.
Więc tak, możesz zapisać się na to i po prostu zacząć ciągnąć treści z niego.
Również Dev i centra projektowe.
I nie wspominając o tym, ale jest tam również sklep Docs.
Byłoby to dla po Hackathon jak jesteś gotowy, aby rozpocząć składanie swoich aplikacji do sklepu.
Istnieje kilka przydatnych wskazówek o pewne wskazówki o tym, jak się rzeczy w sklepie,
pewne wspólne problemy, które mogą Ci się, wycieczka
i to jest koniec tych zasobów.
>> Więc to, co masz na myśli? Coś jeszcze, że -
[Guarin] Kto myśli o zrobieniu aplikacji Windows dla CS50? Fajne.
[Bowen] Spoko. Świetnie.
>> Wszelkie pytania o rzeczy, które widziałem do tej pory i jak odnosi się do tego?
Na przykład więcej czasu mogłem wziąć grę, która Pisałem
i który działa w przeglądarce i po prostu przejść przez proces
doprowadzenia, że ​​w Visual Studio i co aplikacja systemu Windows Store.
To zajmuje więcej czasu, niż się naprawdę musiało obejmować dziś
ale wersja skrócona jest to ten sam kod, który został uruchomiony w przeglądarce,
i rzeczy, które można zmienić, to rzeczy, które zdecydują się na podłączenie do systemu Windows 8.
Więc jeśli chcesz używać zaklęć, jeśli chcesz sprawdzić lub dzielić,
trzeba utworzyć pasek aplikacji by się ukryć, że niektóre funkcje na,
to są różne rzeczy, które można zmienić.
Ale rdzeń Twojej aplikacji internetowej może pozostać nienaruszone.
Ponownie, tak długo, jak to działa w IE10, to będzie bardzo proste portu
przynieść te rzeczy do Visual Studio, w Blend, i sprawiają, że aplikacja systemu Windows Store.
Ponownie, tylko rzeczy, trzeba będzie nauczyć się te inne funkcje
które można użyć do oświetlenia aplikacji, jak i płytki na żywo takich rzeczy.
>> Tak. >> [Student] Moje pytanie jest o pracę mobilną.
Więc jeśli się app, który działa jako aplikacja na pulpicie,
jest to naprawdę łatwe do przeniesienia go na telefon, czy jest tam -
Pytanie brzmi, czy mogę złożyć aplikację systemu Windows Store, który jest naprawdę optymalne dla tego środowiska
i chcę, aby doprowadzić go do telefonu świata, co się z tym wiąże się robi?
Że, jak wiele pytań, jest zawsze stale się zmienia odpowiedź.
Dobrą wiadomością jest to, jeśli trzyma się HTML i JavaScript, CSS,
jeśli począwszy od aplikacji systemu Windows Store,
to pozwolę ci przynieść go do sieci
a następnie użyć tego rodzaju technik, takich jak kwerendy mediów i miejscach,
w celu dostosowania do różnych rozmiarów urządzenia.
Powiedział, że zawsze ram i rzeczy tam
że wsparcie rozszerzające się różne technologie, różne platformy.
Że zmienia się cały czas.
Jesteśmy również zmiany rzeczy, jak patrzymy w stronę tego, co mamy teraz
faktycznie się z Windows Phone 8.
Mamy pewne wspólne podstawowe infrastruktury
oferowane między aplikacjami dla tych środowisk.
Więc rzeczy, które robisz, aby stworzyć aplikację systemu Windows Store,
dużo, że można przenieść do aplikacji Windows Phone 8, jak również.
Że znowu jest pojawiające historia, więc jest trochę o tym w treści produkcji.
SDK właśnie wyszedł jakiś czas temu. To właśnie wydany jakiś czas temu.
Jednak w odniesieniu do innych platform Również
prawdopodobnie napotkasz wiele ram wieloplatformowych, jak również.
Dobrą wiadomością jest to rzeczy, które robisz tutaj,
funkcjonalność rdzeń jest prosto internetowej standardowej rzeczy.
Jedyne rzeczy, które nie przekładają łatwo są rzeczy, że Windows 8 ma,
ale to nic dziwnego, bo jest to funkcja systemu Windows.
Nie zamierzamy znaleźć wymianę lub podobnych rodzajów umów na każdej innej platformie.
To są rzeczy, które chcesz, aby z punktu widzenia projektowania
upewnić się, że drogi do rodzaju abstrakcyjne, że się tak można powiedzieć,
"Jeśli biegnę na to, może to zrobić."
Jeśli nie jestem, jest pewne wzorce projektowe można wykorzystać do rodzaju ukryć, że rzeczy z dala.
Ale miej to na uwadze. Tak. Przepraszam. Śmiało.
>> [Student] Jeśli chcę przetestować aplikację Windows na górze [niesłyszalne]
[Bowen] Tak. Pominąłem jedną rzecz też. Tak.
Odpowiem na pytanie pierwsze, to pokażę ci funkcję zapomniałem wspomnieć.
Mamy kilka maszyn dostępnych lokalnie. Przykro mi.
Pytanie, jak mogę sprawdzić, co na urządzeniach
jeśli nie zdarzy się, że mnóstwo rzeczy do wyboru?
[Guarin] Mamy pożyczył wam, myślę, 5 lub 6. Ile potrzebujesz?
[Student] Mamy 4 z nich. >> Ok. Macie 4 łupki się bawić z.
Więc na pewno niech każdy wie, proszę. [Śmiech] >> [Bowen] Niesamowite.
To nawet lepiej, niż odpowiedź miałem zamiar dać.
Mamy godziny pracy dla programistów, które robimy w naszym biurze
a teraz już wkrótce na Microsoft Store w Pru ponad,
ale Edwin już załatwione Ciebie.
Istnieją 4 łupki dostępne pożyczenie, do testów.
Nie idziemy. Jest przykładem tam jeden w górę.
Tak, tak, absolutnie. Świetnie.
Absolutnie zdecydowanie najlepszy sposób, żeby to sprawdzić, to się na urządzeniu.
Jeśli nie zdarzy się, że jeden jeszcze lub nie chcą przejść przez kampus w śniegu
chwycić jedną lub cokolwiek, istnieje sposób, aby zrobić to z powrotem w Visual Studio.
Jeśli wrócę do gdzie ja byłem tutaj, tutaj, a nie za pomocą komputera lokalnego
można podłączyć do zdalnego komputera, ale to nie jest to, co mówię tutaj.
Symulator jest rzeczą, że warto przyjrzeć się.
Będę działać w tym, i naprawdę, co to jest, to jest w istocie oknem na własnym systemie.
Tu jest rzeczywiście mój bieg system działa Contoso,
ale w sposób, który pozwala mi zmienić niektóre parametry realizacji,
Parametry środowiskowe.
Więc mogę powiedzieć tutaj: "Wiesz co?"
Och. Mam już uruchomiony w symulowanym 27-calowy monitor o rozdzielczości 2560.
Można łatwo spaść, że w dół i zobaczyć, co mój wniosek będzie zrobić z mniejszym ekranie
lub zmieniając ustawienia DPI lub cokolwiek.
Tak więc na małym ekranie, 10,6, co to będzie robić?
Że wciąż wygląda całkiem nieźle, prawda?
Będziemy chcieli, aby to zrobić, zwłaszcza, jeśli dołączamy do sklepu, bo robimy
w ramach procesu testowania.
A jeśli są problemy, takie jak, które,
to możesz uruchomić do problemu coraz certyfikowanych dla sklepu.
Ale to jest część symulatora. Naprawdę fajne. Bardzo łatwo to zrobić.
Można również użyć funkcji jak obracanie go także.
Mogę kliknąć tutaj, nie obracać, co ktoś miałby jako doświadczenie
obracanie ich łupków, ich tabletki, i za pomocą aplikacji z tego.
Istnieje też kilka innych rzeczy, takich jak emulacja dotykowym i innych rzeczy,
ustawienie GPS.
Mogę udawać, że jestem w innym miejscu i zobaczyć, co robi mój wniosek
gdy udaję, że jestem z powrotem w Seattle, czy coś.
Ale to jest bardzo przydatna funkcja, i to zarówno wbudowany w Visual Studio i Expression Blend.
Tak. Twoje pytanie.
>> [Student] Jeśli piszesz grę, ma Visual Studio ma żadnego wsparcia dla animacji?
Tak. Pytanie jest wokół wsparcia animacji, szczególnie w grach.
To zależy. [Chichocze]
Z JavaScript powiem jest prawdopodobnie mniej wsparcia niż jest na stronie XAML,
który ma terminów, ma storyboardy i rzeczy, które są wbudowane
Do animacji na aplikacje JavaScript, nie wiem, jak wiele odpowiedzi Chcę ci dać.
Mam środki na moim blogu, że przejść przez wiele opcji dla obu animacji fizyki,
opcje JavaScript zorientowanych gier na Windows 8.
Chciałbym odwołać się do nich.
Zasadniczo, jest tak wiele możliwości wyboru.
Powodem jestem wahając jest tam tak wiele możliwości wyboru na ten animacje z JavaScript.
To może być CSS mogłoby być oparte na płótnie, może to być tylko podstawowe animacje Domi,
to może być wiele różnych rzeczy, więc to naprawdę zależy od Twojego wyboru.
Jeśli zdecydujesz się użyć czegoś takiego Create.js lub wapna lub innych rodzajów ram -
Cóż, nie jestem nawet pewien, że będziemy w stanie wykorzystać większą ramy końcowej
jak uderzenia lub Construct.
, Że ma tendencję do generowania więcej kodu niż można rozważyć od podstaw.
Ale w tych przypadkach, można nadal korzystać z symulatora, można użyć środowisk,
i staram się po prostu korzystać z tego środowiska do mojej platformy badawczej w tych przypadkach,
jak Zajmuję gry.
Byłem dobrze zwłaszcza z animacjami płótnie,
która jest prawdopodobnie najczęściej rzeczą.
Najlepiej będziesz prawdopodobnie jest narzędzia dev w przeglądarce
i narzędzia dev w Visual Studio.
Rodzaj meandrującej odpowiedzi tam, ale mam nadzieję, że mam swoją odpowiedź. Tak. Ty.
>> [Student] Jakie są możliwości przechowywania danych dla aplikacji systemu Windows 8?
Jakie są możliwości przechowywania danych dla aplikacji systemu Windows 8, Windows Store aplikacje?
Twoje opcje są naprawdę każda aplikacja otrzymuje własną pulę pamięci lokalnej
ustawień i danych, ale również śmiesznie łatwy w użyciu przechowywanie roamingu,
używać przechowywanie w chmurze. To nic nie kosztuje.
Co się dzieje, jest to w zasadzie wybrać inną klasę, a ty mówisz,
"roaming ustawienia, zapisać ten konkretny zestaw treści,"
a konta Microsoft, co oni podpisali się jako,
będzie kluczem do około roamingu te informacje.
Więc jeśli mogę skorzystać z gry na moim laptopie, a następnie zalogować się do tego samego konta
i grać w gry na powierzchni lub tabletkę,
który automatycznie wędrować to ustawienie i danych między tymi maszynami.
To jest domyślny rzeczą. To jest dobre dla pewnych ilości danych.
Nie byłoby umieścić ogromną bazę do nich.
Do tego trzeba, aby przejść do innych rodzajów rozwiązań, takich jak hosted bazy danych w chmurze,
takie rzeczy.
Są też inne opcje społeczności wokół innych rodzajów technologii przetwarzania danych.
Widziałem kilka opcji w SQLite społeczności wokół tam.
Więc coraz bardziej pojawiają, ale to są podstawowe rzeczy, które szukać w kierunku
do gry lub aplikacji.
I trzeba było pytanie z tyłu też.
>> [Student] W zakresie sieci [niesłyszalne] przesyłania lub pobierania plików [niesłyszalne]
[Bowen] Czy twoje pytanie, jak można zauważyć, że ani w jaki sposób można debugować, że i przetestować?
[Student] Jak to debugowania [niesłyszalne]
Przepraszam. Nie słyszę wszystko.
[Student] Jak uzyskać to błąd, a także testowane [niesłyszalne]
Świetnie. Świetnie.
Jak pracować z sieci? Jak można zobaczyć, co się dzieje?
Istnieje wiele różnych odpowiedzi na to jedno,
ale pozwól mi pokazać, chyba najprostszy rzeczy tutaj.
Pozwól mi pozbyć symulatora na sekundę.
Opcje debugowania tylko kilka do sieci.
Jest pełen stos sieciowy pieczone w prawo w poziomie zarówno WinRT i od WinJS,
dzięki czemu można bardzo łatwo xhr typu AJAX wymaga od gry lub aplikacji, aby to zrobić.
Przede wszystkim staram się korzystać z 2 rzeczy.
Używam dev rzeczywiste samych narzędzi, które mają stosu sieciowego piecze się nimi.
Pokażę wam stronę główną systemu Windows.
Mogę to uzupełnić, a tam rzeczywiście proxy sieci pieczone na tych narzędzi tutaj.
Więc mogę to zrobić, mogę odświeżyć stronę, a to będzie mi pokazać wszystkie interakcje,
w tym AJAX wzywa do tej sesji, na czas trwania tego wniosku jest.
Jest to użyteczne. To będzie bardzo przydatne dla aplikacji opartych na przeglądarce.
W przypadku innych rodzajów aplikacji, w tym aplikacji systemu Windows Store,
Użyć narzędzia o nazwie Fiddler.
Masz zamiar dostać grę w odpowiedzi. [Chichocze]
Skrzypek jest proste proxy. Myślę, że mogę pokazać, że do ciebie.
To tylko GetFiddler.com, które, co ciekawe, mam stos śledzenia mojej sieci
będzie GetFiddler.
Ale tak czy inaczej, Skrzypek został napisany przez jednego z premierów w zespole IG,
więc wie, co robi.
To jest dobre proxy, które można używać do ruchu sieciowego debugowania.
Nie polecam. Pytanie tam zbyt.
>> [Student] Czy istnieje łatwy sposób zintegrować wejście języków obcych,
jak japoński czy chiński, do aplikacji systemu Windows?
Nie mogę powiedzieć, że zrobiłem zbyt wiele sobie, ale jest pieczony w.
Nie ma możliwości oczywiście emitujące aplikacji - Przepraszam, ja nie powiedziałem na pytanie -
Opcje w globalizacji, lokalizacja zawartości,
w tym takie rzeczy jak możliwość sprzedaży na różnych rynkach
i cel tej wersji aplikacji dla tych poszczególnych językach
lub kultury i takie rzeczy. Absolutnie wbudowane
Mieliśmy wsparcie, które na zawsze,
i przenosi do opcji dla systemu Windows Store.
Możesz to zrobić w samym sklepie, sprzedaży na różnych rynkach,
można to zrobić w aplikacji, a także z korzystania z zasobów w celu określenia,
"Jeśli mam opracowane dla tej kultury, a następnie użyć takich zmian dla mojej zawartości tekstowej
"Lub użyć prawej do lewej strony czytelnika."
Te są częścią WinJS domyślnych i WinRT API. Dobre pytanie.
>> Jak nam idzie? Wszelkie inne?
A jeśli ktoś ma pytania na wideo, mam cbowen @ microsoft,
więc jestem szczęśliwy, że na wszelkie pytania z przyszłości.
Bardzo - Z przyszłości, przyszłości [naśladuje echo].
Więc o to mnie. Ujmę powrotem mój kontakt tutaj.
Więc po prostu wysłać do mnie wiadomości, cbowen @ Microsoft,
i będę się do ciebie, jak tylko będę mógł.
>> Coś jeszcze, że się zastanawiasz? Jesteśmy dobrze?
Świetnie. Dobrze. Dziękuję wszystkim bardzo. Doceniam to. [Oklaski]
>> [CS50.TV]