[Powered by Google Translate] [Seminar - Windows 8 - App / Game Development mit HTML5]
[Chris Bowen, Edwin Guarin - Harvard University]
[Dies ist CS50. - CS50.TV]
>> Hey, jeder. Mein Name ist Edwin Guarin. Das ist Chris Bowen.
Ich lasse ihn sich in einem zweiten einzuführen.
Ich will einfach nur, um eine schnelle Mitteilung zu machen.
Zunächst einmal alles, was Sie bekommen Studenten CS50 Windows 8 kostenlos.
Also, wenn Sie tatsächlich nutzen es für Ihre endgültige Projekt denken, es ist dein.
Nate sendet eine E-Mail später für Anweisungen.
Die zweite Sache ist, wenn Sie sich entscheiden, eine Windows 8 App für Ihr CS50 endgültige Projekt schreiben,
wir werden tun, einige Werbegeschenke: eine Xbox,
könnten wir in der Lage, eine Schiefertafel zu verschenken, Sachen so sein.
Also, wenn es etwas gibt, hält Sie zurück, lassen Chris und ich weiß,
Wie können wir Ihnen helfen etwas wirklich cool zu bauen.
Also nochmals vielen Dank für Ihr Kommen heute, und ich werde es über Chris.
>> Danke, Edwin.
Danke, alle, heute bei uns.
Ich bin Chris Bowen. Ich bin einer von Edwin Kollegen hier im Nordosten.
Ich wollte nur ein wenig Zeit mit Ihnen reden verbringen
wie Sie eine Windows Store-Anwendung mit HTML5, JavaScript zu machen, und CSS
und eine Art, an alle Fragen, die Sie über sie beantwortet haben für Sie
wie Sie in Richtung denken vielleicht er es eine CS50 Finale Gelegenheit suchen.
>> Das heißt, wir werden einfach tauchen rechts in.
Ich werde über hier gehen, um Dias.
Wenn Sie irgendwelche Fragen haben, dann zögern Sie mir eine E-Mail an senden.
Ich bin cbowen@microsoft.com, und es ist mein Blog und mein Twitter.
Wie auch immer Sie mit mir in Verbindung treten möchten, ist das in Ordnung.
Ich habe etwa eine Stunde von Zeug, und ich möchte auf Ihre Fragen auf dem Weg zu bekommen,
so scheuen Sie sich nicht darüber, dass Fragen, die während dieses.
Sie können nicht sehen, wer die Fragen auf der Aufnahme,
so dass Sie so anonym sein, wie Sie sein möchten.
>> Lassen Sie mich direkt zu tauchen, nur Ihnen einen schnellen Einstieg in Windows 8,
und zeigen Ihnen ein paar der Dinge, über Windows Store Apps, die Sie sich anschauen sollten
wie Sie über eine Anwendung entwickeln, denken.
Wir sind bei Windows 8 suchen. Wir haben für ein paar Wochen jetzt gewesen.
Viele starke Annahme gibt, schon.
Sie haben vielleicht schon die Oberflächen Maschinen, die wir auch gesehen haben.
Es gibt hier tatsächlich ein Sie können einen Blick auf nehmen, wenn Sie hier in Person sind.
Ich möchte wirklich mit Ihnen sprechen, Sie, um ein wenig über Windows 8.
Die Idee mit Windows 8, es ist wirklich vorwärts bringen all die Dinge die Sie über Windows wissen
in einige neue Erfahrungen - vor allem, wie die Dinge auf der Oberfläche mit Touch-Maschine,
Diese Art von Mobilgeräten, die heute auf dem Markt sind,
aber es ist auch Fenster in seinem Kern.
Also bedeutet das, Sie kann es wirklich auf alles, was Windows 7 läuft zu installieren,
von Ihrem größten Dreifach-SLI-Gaming-PC auf Ihrem Laptop
und Ihr neues andere Geräte, die Sie vielleicht heute abholen.
Sie werden Windows 8 laufen.
Ich zeige Ihnen, um nur ein wenig,
und all die Erfahrungen, die Sie hier sehen, sind Dinge, die Sie erstellen können.
Die Idee ist, ob es berühren, Maus, Tastatur,
was auch immer das Gerät ist, dass Sie mit Ihrer Anwendung arbeiten an, es geht zu laufen toll.
Windows 8 wird mit all diesen Szenarien helfen.
>> Diese Folien beiseite, lasst uns einfach rechts in die sich ein Blick hier in der Nähe zu bekommen.
Lassen Sie mich Ihnen zeigen, um meine Home-Bildschirm. Das ist mein Startbildschirm.
Ich werde Ihnen nur ein wenig von einer Tour hier.
Ich bin auf einer Non-Touch-Maschine, also so viel wie ich will mein Laptop-Bildschirm zu berühren,
es wird nichts tun, so dass ich nur zu blättern um hier ein wenig und zeigen.
Einige Dinge, die Sie vielleicht bemerkt, sind die Tatsache, dass diese sogenannten Live-Kacheln genannt
tatsächlich kann animieren, und sie können Informationen zu präsentieren -
vielleicht Updates auf Statistiken für ein Spiel
oder zeigen Sie Nachrichten aus einigen der früheren Apps, die hier auf der linken Seite.
Dort gehen wir. Ich bin sicher, dass es nur positive und fantastisch gute Nachricht.
Sie können hier sehen, dass es wirklich fordern Ihre Aufmerksamkeit wieder auf der App, sagen,
"Hey, es ist etwas Neues. Werfen Sie einen Blick. Kommen Sie zurück und sehen, was für Sie neu ist."
Das nennt man Live-Tile, und Sie tun können Meldungen
entweder direkt aus der Anwendung selbst
oder wenn Sie genauer schauen, werden Sie feststellen, wie Sie eine Remote-Service schreiben
dass tatsächlich schieben kann Informationen an den Fliesen,
das ist das, was mit diesen Nachrichten-Apps passiert.
Sie sind eigentlich immer Nachrichten aus der Wolke und die Aktualisierung der Fliese genau dort
damit die Leute wissen, es gibt einen Grund zu öffnen, die Anwendung und werfen Sie einen Blick
bei was auch immer die neuesten Nachrichten sind in einer dieser
oder wenn es neue Rezepte oder ein neuer Highscore zu schlagen
oder einen Freund spielen oder was auch immer auf diese Anwendungen.
Es ist etwas, um Sie zurück zu locken in.
Also das ist die Live-Kacheln, und es könnte eine Person sein, es könnte eine Website als gut.
Normalerweise ist es eine Anwendung ist.
>> So ziemlich alle diese Dinge, die ich hier habe, kam aus dem Windows Store. Ich werde starten, dass.
Es ist eine der Anwendungen, die Sie standardmäßig erhalten
auf jedem Rechner, auf denen Windows 8 ist.
Sie können hierher kommen, um alles, was Sie wollen, finden würde,
von Dingen, die Spiele, die ich vorher noch nicht gesehen haben, hervorgehoben werden.
Oh, wow, wir haben einen neuen Flipper hier.
Diese können Sie direkt hier im Shop zu installieren,
und wir erfahren, wie man diese Entwicklung zu sprechen.
Sie haben eine Menge von Möglichkeiten, wie Sie sie zu schaffen.
Wir konzentrieren sich in der JavaScript-Geschichte mit HTML und CSS,
aber für den Benutzer, auf den Käufer der App, es spielt keine Rolle, was es geschrieben ist
Sie können weiter gehen und mit ihm zu arbeiten.
Ich bin fasziniert von diesem einen, so muss ich diese öffnen und werfen Sie einen Blick.
Jede App, darunter diejenigen, die Sie einreichen und verkaufen oder verschenken kostenlos,
was auch immer Sie im Laden tun wollen, wird eine Homepage wie diese zu erhalten.
Sie können mit Ihrer Anwendung eine Reihe von Screenshots einreichen - hier sehen Sie einige -
Details zu dem Programm, und im Laufe der Zeit werden Sie beide Bewertungen ansammeln -
sie sind im Grunde nur die Sterne - und Bewertungen,
die ein wenig mehr Einblick.
Eigentlich hat jemand etwas geben und Ihnen sagen, wie toll du bist,
und das wird in den Bewertungen Abschnitt, über den hier zu gehen, was ich nicht haben aussah.
Fantastic. "Wird auch nicht öffnen." Wie groß.
Nun, für die Leute, für die dies taten offen und laufen, scheinen sie wirklich genießen. [Lacht]
Beachten Sie dies. Im Internet. Jeder kann sagen, was sie über Ihre Anwendung soll.
So stellen Sie sicher, dass Sie einen tollen Job mit sich,
stellen Sie sicher, dass es so komfortabel für den Anwender wie möglich sind
weil sie ein paar Klicks entfernt von der Bereitstellung einer Überprüfung
und das wird akkumulieren bis zu Ihrem Gesamtbewertungs.
Und Sie Ihr Bestes tun wollen, weil Sie sich zu gegen andere Anwendungen sind.
Es werden Tausende von Apps bereits in der Filiale sein,
und die Chancen sind, kann es etwas, das eine ähnliche Funktionalität wie das, was du tust, tut.
Also, wenn Sie wirklich abheben von der Masse ab, das wird zu Ihrem Vorteil sein, natürlich.
>> Wir werden ein wenig später in den Laden zu bekommen.
Ich möchte wirklich auf die Schaffung Apps konzentrieren.
Aber die kurze Version des Ladens ist den weltweiten Vertrieb,
es ist automatisch Bestandteil von Windows 8, die Leute einfach feuern sie auf und werfen Sie einen Blick auf die verschiedenen Apps hier,
Sie haben den Dress-Up Sticker Book und alle Arten von verschiedenen Anwendungen.
Fresh Paint, ich benutze dies eine Menge - schlecht, aber ich benutze es viel.
Es zeigt mir, ich besitze es schon.
Lassen Sie mich etwas, was ich nicht haben zeigen Ihnen - UVideos ich nicht so ganz neu haben.
Sie sehen hier, es ist kostenlos, so können Sie es direkt aus dem Speicher zu installieren.
Sie haben die Wahl auch. Selbstverständlich können Sie geben es weg.
Sie können Werbung in der App oder Spiel setzen.
Sie können auch dafür verlangen, und man konnte sehr leicht eine Studie für die Anwendung als auch
so können wir versuchen, die Leute es für eine Woche oder was auch immer Sie tun möchten.
Das ist einfach anpassbar durch das Portal. Sie haben keinen Code dafür schreiben.
So können Sie sagen: "Sie können diese für eine Woche zu verwenden und dann musst du es kaufen,"
oder Sie könnten Dinge wie: "Sie könnten die ersten 3 Ebenen dieses Spiel spielen zu können
"Und dann haben Sie zu kaufen, um den Rest zu gelangen."
Man könnte sogar tun, in-App-Käufe als auch, so können Sie sagen:
"Wir haben zusätzliche Abenteuer oder Sätze von Grafiken oder Dinge, die freigeschaltet werden bekam -
"Mehr Rezepte, die freigeschaltet werden -., Wenn Sie diese erweiterten Sets kaufen"
Und Sie können, dass alle in der App oder Spiel selbst zu tun.
Also, völlig bis zu Ihnen, Ihre Wahl.
Es gibt eine Menge Dinge, die Sie im Laden zu tun,
und dann im Grunde sind Sie schicken es an eine Zertifizierungs Kanal.
Wir können uns alle darüber ein wenig später zu sprechen, aber das ist das Ziel.
Sie möchten Ihre App weltweite Sichtbarkeit in den Laden hier.
>> Zurück auf dem Startbildschirm hier, würde Ich mag, um Sie um ein wenig mehr zu zeigen.
Wenn ich diese Anwendungen zu starten, lassen Sie mich hier ein Beispiel geben von etwas Cross-App-Funktionalität.
Um das zu tun, werde ich Fresh Paint zu starten.
Eine Sache, die Sie hier sehen, ist jedes einzelne Bit des Bildschirms,
alle Pixel auf dem Bildschirm, gehen Sie zu Ihrer App.
Vorbei sind die Tage, wo man rund um Fenster haben diese Grenzen
mit vielen Tasten, die sind immer da, nehmen Platz die ganze Zeit.
Jetzt können Sie wirklich wollen, um davon wegzukommen und nur noch Ihre Inhalte im Mittelpunkt stehen.
Wir können Dinge tun, indem Sie in Windows den Zugriff auf andere Arten von Menüs.
Einer von ihnen ist tatsächlich, was der Charms Bar namens,
und es kommt von der Seite des Bildschirms.
Sie können tatsächlich von der Seite blättern, wenn Sie einen Touchscreen haben,
Sie könnten der rechten Maustaste, wenn Sie eine Maus haben, gibt es eine Tastenkombination für sie,
es gibt immer mehr als einen Weg, um etwas in der Umgebung hier.
Das bringt eine Reihe von Dingen, die Sie tun können.
Der offensichtlichste ist, dass Sie auf den Startbildschirm zurückgehen,
aber die anderen vier sind das, was Reize bezeichnet.
Sie sind Verträge, die Sie in so einem App-Entwickler stecken kann. Sie sind ziemlich cool.
Suche, ich bin sicher, das ist etwas, was Sie tun werden,
teilen Ich werde Ihnen zeigen, in einem zweiten,
und Geräte und Einstellungen, das sind alles Dinge, die Ihre Anwendung kann in Stecker
Windows nutzen, zu sagen, "Ich habe meinen Teil getan
"Und ich möchte Windows, um eine andere Funktionalität zu unterstützen,
"Und ich will nicht zu viel Code schreiben, um das zu erreichen."
Das ist wirklich ein Vorteil der Verwendung dieser Funktionen.
Lassen Sie mich Ihnen ein.
Um das zu tun, werde ich ein neues Bild zu machen.
Ich sprach auch über die Verwendung jedes Pixel für Ihre Anwendung.
Standardmäßig ist es das, was die Farbe app aussieht, wenn Sie es sind.
Es ist wirklich nur über das, was Sie zeichnen, Ihre Inhalte.
Ich konnte schreckliche Dinge hier zu tun. Was soll ich zeichnen? Ich weiß nicht.
Scribbles? Oh, toll. Ich kann Kritzeleien zu tun. Fantastic.
Ein Truthahn? [Lacht]
Dies ist die abstrakte Puten Sie sehen werden.
Ich kann auch bringen, was die App-Leiste genannt,
und das ist wirklich eine der wichtigsten Möglichkeiten, die Sie nutzen können
zu verstecken, all die Dinge, die auf Ihrem App oder Spiel gewesen sein könnte weg
nur Platz die ganze Zeit.
So, jetzt können Sie es hier aufstellen, und das ist wirklich eine der schönen Erfahrungen
mit der App-Bar, die ich gesehen habe.
Setzen Sie die Möglichkeiten hier zur Auswahl verschiedener Farben.
Wir wollten einen Truthahn, so dass wir etwas braun hier setzen, Mischen beginnen in ein paar Farben.
Wir werden hier eine Zwischenfarbe zu nehmen und dann wieder hier.
Sie können mit dem Zeichnen beginnen. Es ist Ihr Truthahn. Fantastic.
Ich kann nicht zeichnen zu beginnen, sondern mit einem Touchpad vor einem Publikum zu tun ist noch besser.
Das ist genial.
Die Idee, obwohl, ist alles, was mich interessiert, ist hier an der Oberfläche.
Sagen wir, ich bin mit diesem so zufrieden, dass ich habe, es mit jemandem zu teilen.
Normalerweise, was Sie mit anderen Windows-Versionen tun würden,
Sie würde vielleicht einen Screenshot aufzunehmen, würden Sie etwas Copy-Paste des Textes zu tun
oder ähnliche Dinge, die Sie teilen möchten,
und dann gehen und eine andere Anwendung öffnen und sie in ihn.
Hier können Sie nicht haben, um das zu tun.
Sie können tatsächlich bringen die Reize bar und sagen: "Ich möchte diese teilen."
An diesem Punkt, es wird Ihnen zeigen, alle Anwendungen
wissen, wie man mit was auch immer freigegeben ist zu arbeiten.
In diesem Fall ist es ein Bild, also wird es zu sagen: "Ich sehe, Sie haben ein Bild bekommen."
"Wollen Sie, dass zu teilen?" Sie können sehen, ich mich per E-Mail zu stopfen die ganze Zeit.
Er erkennt, dass, und es ist mit mir, dass als Abkürzung,
aber es ist mir auch jede App, die, wie man mit der Aufnahme eines Bildes zu tun, die weiß,
und etwas mit ihm zu tun.
Diese haben alle Windows an, dass sie das tun können.
An dieser Stelle dies ist Windows.
Der Benutzer wählt einfach das, was sie zu tun haben wollen.
Ich werde meine übliche von PuzzleTouch tun. Sie können sehen, Ich habe alle Arten von Puzzles über die Zeit erstellt.
Ich werde PuzzleTouch nehmen und sagen: "Ich möchte diese erstaunliche Schöpfung mit PuzzleTouch zu teilen."
Es wird weiter gehen und sagen: "Großartig. Möchten Sie dies teilen? Fantastic."
"Wollen Sie ein Puzzle, das leicht, mittel ist zu machen, was auch immer?"
Ich werde eine Zwischen hier zu machen.
Es macht das Puzzle. Es wird ein schreckliches Rätsel, denn es ist meist leer.
Aber es ist fertig, und es ist tatsächlich wieder in die andere Anwendung.
Wenn ich hier herauskommen, kann ich für sie suchen und starten Sie es.
Nun, wenn wir blättern über nur ein wenig hier, sollten wir meiner Schöpfung irgendwo zu sehen.
Wo habe ich? Welche Art von Puzzle habe ich machen? Habe ich es einfach?
Oh, da ist es, genau dort.
[Lacht] Es ist das leicht zu erkennen Truthahn Puzzle, das hier ist.
Aber das, was ich möchte Sie darauf hinweisen, das coole Sache hier
wird die Apps nichts voneinander wissen.
Sie sagte nur: "Ich habe ein Bild zu teilen habe, und ich weiß, wie man mit Bildern umzugehen."
Und Sie als Entwickler, müssen Sie nicht, um diesen Code zu schreiben.
Wenn mich jemand fragt, zu teilen, werde ich einige Daten in diesem kleinen Datenstruktur setzen
und ich fertig bin.
Die andere Anwendung übernimmt, macht seine Sache, und das ist das Ende der Sharing-Erlebnis.
Das ist nur eine Sache, die Sie tun können - wirklich sehr, sehr kraftvoll -
und es geht um eines dieser Dinge, die wirklich helfen könnten differenzieren Ihre App sein
und auch Ihr Spiel auch in der Filiale.
Die Menschen werden in der Lage sein zu sagen: "Das ist wirklich nützlich."
"Ich benutze dieses Puzzle Schöpfer die ganze Zeit. Es ist fantastisch."
>> Das ist genug von einem kurzen Überblick über das, was hier vor sich geht.
Es gibt ein paar andere Funktionen zu, dass wir vielleicht zu markieren, wie wir durch den Code zu gehen.
Aber ich möchte in Dias zu tauchen, und das zu tun, werde ich zum Desktop gehen,
die selbst eine weitere Live-Tile hier.
Ich kann in dieser sicher genug zu gehen und,, ich bin auf meine Dias,
aber lassen Sie mich Ihnen zeigen, eigentlich, wo wir sind.
Wir sind tatsächlich in der Desktop-Modus.
Das ist wirklich, wo das, was ich über Windows Vortrag sprach vor
neue Erfahrungen zeigt sich.
Dies ist das Windows wissen Sie.
Windows-Anwendungen sind Desktop-Anwendungen genannt. Sie laufen hier.
Wenn Sie vorhandene Anwendungen und Sie sie auf Windows 8 laufen lassen wollen,
Sie absolut tun.
Das sind nicht die gleichen Dinge wie die Speicher-Anwendungen, die über die hier sind,
wie Fresh Paint und diesen NBC News-Apps und solche Sachen. Diese werden aus dem Laden kommen.
Sie können in einige der Features, die ich Ihnen zeigen, stecken
und andere, die ich euch nicht gezeigt, nur noch.
Aber im Hinterkopf behalten. Wir haben die Unterstützung für diese beiden Dinge auch.
Es tut mir leid. Ist etwas nicht zeigt auf dem Bildschirm? Ich habe es ganz verloren. Das ist seltsam.
Okay. Vielen Dank für den Hinweis.
Was haben Sie für eine Weile nicht zu sehen ist ist mein zeigt Ihnen, dass der Desktop ist hier.
Was ist das letzte, was Sie gesehen haben? Wussten Sie das?
Dies ist der Desktop. Sie wissen bereits, wie es aussieht.
Es ist nichts furchtbar ungewöhnlich.
Es ist unsere Buch diese Erfahrung für Sie nach vorne und lassen Sie die Dinge, die Sie gehabt haben zu verwenden.
Zum Beispiel werde ich zeigen Ihnen Visual Studio. Das ist eine Desktop-Anwendung.
Es wird in diesem Modus ausführen.
Es wird eine komplexere Umgebung unterstützen
mit einer Menge von Optionen und ähnliche Dinge, so macht es eine gute Option als Desktop-App.
>> Das heißt, wir gehen auf Objektträger für nur ein wenig
und Ihnen einige einleitende Inhalt und dann in hier eigentlich Codierung erhalten.
Die gute Nachricht ist, ich habe gehört, Sie haben auf eine Menge von CSS und JavaScript, HTML konzentriert.
All diese Dinge, die Sie schon gelernt Trag direkt in die Herstellung Windows Store Apps.
Die Dinge, die Sie schon mit der Anwendung über CSS-Selektoren und all diese Dinge zu hören
ist genau das, was Sie hier, um eine Anwendung für das Geschäft zu schaffen machen.
Wir werden durch diese Dinge nach und nach zu gehen.
Grundsätzlich baue ich auf die Sachen, die Sie bereits haben die Zeit genommen, zu lernen.
Dies ist der Gesamttabelle der Technologien, die Sie verwenden können,
, um Anwendungen für Windows 8 zu machen.
Der Stoff, auf dem Recht, den Desktop-Anwendungen, ist wirklich das, was wir bereits wissen.
Das Zeug, das ist wirklich die Windows 7 Welt vorwärts in Windows 8 durchgeführt.
Alle diese Optionen vorzutragen: C #, VB, Win32 Art der Entwicklung.
Große. Kein Problem. Das neue Zeug ist auf der linken Seite.
Das ist Windows Store Apps, das ist, wenn ich will, um meine Anwendung in Windows 8 verdrahtet
mit all die Funktionen, bekommen es in den Laden, und erhalten, dass wirklich coole Erfahrung
der Windows Store-Anwendungen.
Um das zu tun, können Sie hier sehen Sie alle Ihre Möglichkeiten mit XAML hast, C + +,
C #, VB, DirectX tun konnte, Dinge wie, dass die Dinge, die über die Folie zu wechseln.
Aber für uns, wir werden direkt auf der Tatsache konzentrieren, die HTML, CSS und JavaScript
sind wirklich ein Bürger erster Klasse für die Herstellung von Anwendungen für Windows 8
und für den Windows Store.
Also das ist gut für alle hier und die Leute beobachten auf Video
weil Sie nur all die Erfahrungen, die Sie nutzen können,
und wirklich in das, was bietet Windows binden.
Sie werden, dass durch eine Reihe von APIs, die keine Überraschung sein sollte, zu tun.
Jedes Betriebssystem hat seine eigenen APIs.
Wir enthüllen, was Windows kann durch eine so genannte WinRT tun.
Es ist eine Reihe von APIs, die gerade alles für Sie tut.
Wenn Sie Dateien öffnen müssen, müssen Sie die Kamera, Geolocation, solche Dinge zu verwenden,
sie durch das, was Windows kann, um Ihnen zu gehen.
Um das zu gelangen, müssen wir etwas mehr JavaScript, die gehen, um es noch einfacher
für Sie, dass zu tun. Darauf werden wir in einem Moment zu bekommen.
Aber für jetzt, das ist im Grunde Ihre Straßenkarte.
Die Dinge, die Sie bereits auf ein paar APIs getan
Hilfe, dass Sie mit Windows arbeiten gleich App Store.
Und das ist wirklich alles, was Sie von dem hohen Niveau kennen.
>> Wir werden in tatsächlich arbeiten mit dem Zeug jetzt tauchen.
Die Dinge, die Sie wahrscheinlich schon ein paar gesehen,
mit IE9 eine kleine Weile zurück haben wir Unterstützung für viele der zu der Zeit,
neuere Standards im Web, so dass eine Vielzahl von neuen CSS-Funktionen,
viele neue HTML, ECMAScript 5, das ist wirklich kein JavaScript.
So war alles für die Ausnahme von den strikten Modus in IE9.
Nur eine Tonne Material mit CSS, CSS3, alles drin.
Und all dieses Zeug trägt vorne in das, was wir mit Windows 8 zu tun.
Sie können diese Dinge zu verwenden, und Sie können alles, was in neue IE10 ist zu verwenden.
Mit IE10 stellen wir die Unterstützung für all diese Dinge.
Sie sind alle Hardware-beschleunigte, so dass, wenn Sie auf einer Maschine, die eine Art von GPU sind,
das ist wahrscheinlich so ziemlich jede Maschine, die Sie in den letzten 8 Jahren bekommen konnte,
wirst du in der Lage, Hardware-beschleunigte Ausgabe zu haben,
visuelle Ausgabe mit CSS, Canvas, SVG.
All diese Dinge werden durch Hardware-Beschleunigung gehen
und dass viel schneller und effizienter.
Die kurze Version der all das - ich bin nicht dabei, durch jede einzelne Sache, hier gehen -
wenn Sie es auf dieser Liste zu sehen, wenn Sie es in IE10 machen können,
wenn es eine Web-App, die Sie ausführen, die im IE10 funktioniert,
es ist etwas, das Sie als Windows Store App tun können.
Und das ist so ziemlich alles. Also, wenn es funktioniert in IE10, es wird als Windows-App-Store zu arbeiten.
Es ist auf dem Tisch als etwas, das Sie nutzen könnten.
>> Es gibt eine Menge hier. Wir haben nicht bis Mitternacht, so kann ich alles, was hier nicht zu bewerten.
Aber es gibt einige Websites, die Ihnen helfen zu verstehen, was diese Dinge tun wird,
und ich werde Ihnen zeigen, einer von ihnen in einer Sekunde.
Ich wollte nur darauf hinweisen, ein paar der wichtigsten Dinge, die Sie sehen.
Vielleicht haben Sie schon einige von diesen in Ihren Studien gesehen haben,
aber diese sind wirklich hilfreich, insbesondere im Windows Store Apps, von der CSS-Seite.
So in der Lage, Transformationen und Übergänge zu erledigen, Bewegung mit Animation -
diese sind alle Teil der CSS jetzt, und sie sind alle von modernen Browsern unterstützt wird,
und IE10 und IE9 Unterstützung haben im Laufe der Zeit für all diese Dinge aufgenommen.
Und warum schreiben Sie es sich, warum sich die Mühe, dies zu tun, diese Dinge mit der Hand gehen
, wenn Sie könnte eine einfache CSS-Transformation, um einen 3D-Effekt für Ihre Anwendung erstellen?
Große. Das ist, wie es funktioniert.
Ich kann es nicht mehr schwierig, als die.
Wenn Sie wissen, wie es in CSS zu tun, wissen Sie, wie man es in den Windows Store App zu tun.
>> Jenseits, dass für das Layout, auch Dinge wie den Laden App
aber darüber hinaus gehen, mit Blick auf vielleicht ein Nachrichten-App, die Ihnen zeigt, ist Artikel
oder Rezepte oder ähnliches, sind diese anderen Arten von Funktionen in CSS wirklich nützlich:
Grid, Flexbox, ist CSS Regionen eher ein ziemlich neues Standard.
Diese Dinge sind alle zu helfen, Sie legen sich Inhalt und Gehalt fließen zwischen den Abschnitten,
in der Lage, Paginierung und Silbentrennung, ohne dass Sie das Zeug selbst schreiben zu tun.
Sie einfach sagen: "Bitte, gehen Sie wie folgt für mich"
und da der Bildschirm Immobilien ist auf verschiedenen Maschinen verschiedene
oder wie Sie gleich sehen, wie Sie eine Anwendung Snap
geringere Mengen an Platz auf dem Bildschirm zu haben, das ist kein Problem für CSS.
Es nutzen können - wir kommen Vortrag über Medien-Anfragen in einem zweiten -
kann es sich um Dinge mit Neupositionierung Ihre Inhalte nehmen, fließende Inhalte von Regionen
nur mit diesen Dingen, die Sie bereits mit Web-Technologie gesehen.
>> Auf der HTML5-Seite, gibt es auch ein paar Dinge
das wird sehr hilfreich sein für Sie mit Windows Store Apps.
Auch hier werden wir nicht durch alle diese gehen, aber sie sind nur hier.
Also, wenn Sie es benötigen, Audio-Video, wenn Sie die Validierung von Formularen tun wollen,
Geolocation, all die Dinge, die Sie in JavaScript mit JavaScript oder ECMAScript 5 5 tun können,
IndexedDB für die lokale Speicherung - all das sind Möglichkeiten für Sie.
Wenn Sie nach einer Antwort suchen, nur auf bestehende Technologien aussehen mit HTML5 und CSS
und Sie werden leichter Antworten, als wenn man eine Menge von dem Zeug selbst rollen zu finden.
Lassen Sie mich Ihnen zeigen, um ein wenig hier.
Ich habe eine Website, können wir zu gehen haben.
Lassen Sie mich aus dieser Folie zu verlassen für eine Sekunde.
>> Wenn wir gehen, um IETestDrive.com,
Ich werde nicht viel von einer Demo hier zu tun.
IETestDrive.com wirklich zeigen Sie eine Menge von dem, was ist neu mit IE10,
die Dinge, die Sie tun können.
Ich finde, das ist wirklich nützlich, weil statt Lesen durch ein Bündel von White Papers,
Blick auf ein paar Demos, und das wird Ihnen helfen, es auf Ihren persönlichen Radar
darüber, ob eine Technologie sinnvoll ist, auch nicht mehr mit Forschung zu tun
so dass Sie verstehen, "Ich sehe, was diese für sich."
"Ich verstehe, was anfordern Animationsrahmen für mich tut."
"Ich verstehe, wie ich konnte Regionen oder SVG-Filter zu verwenden."
Sie sehen sie in Aktion sehen, wie sie auf dem Beispiel hier,
und entscheiden Sie selbst, ob das wird nützlich für Sie in Ihren eigenen Projekten und darüber hinaus
wie Sie weiterhin mit Web-Technologie zu arbeiten.
Hier möchte ich nur empfehlen Ihnen, einen Blick zu nehmen.
Ich glaube nicht, dass ich viel Zeit damit verbringen, diese tatsächlich ausgeführt.
Wir haben genug, um mit dem Schreiben von Code zu bekommen.
Sie werden von Touch-Effekte zu berühren-basierte Spiele in diesem Abschnitt hier Dinge sehen,
Animation, wirklich schnell Hardware-beschleunigte Animation gibt,
einige Optimierungen, die Sie in einigen dieser Proben als auch zu sehen,
und es gibt viele, viele mehr.
Wenn Sie gehen über hier und öffnen Sie die Sitemap,
es gibt nur eine lächerliche Anzahl von Proben hier.
Sie können sie alle hier zu sehen.
Wenn man sich etwas suchen, oder sind Sie über etwas gehört
und Sie sich fragen, vielleicht wäre etwas kühl in der App nutzen zu können,
versuchen, uns hier, und es ist wahrscheinlich eine ziemlich gute Demo für sie, sich etwas Zeit zu sparen.
>> Okay? Haben Sie Fragen, so weit für die Leute hier?
Okay. Wir werden hier weitermachen.
Wieder nur überprüfen, dass aus.
Sie sind Web-Standards, so gehen Sie auf andere Schaufenster Websites, die Sie von wissen
und sehen, ob diese Technologien sinnvoll für das, was Sie zu tun versuchen.
>> Zurück zum Rutschen.
Das heißt, Sie bewegen, von einer Web-Welt, um wirklich eine lokale Anwendung installiert Welt
so gibt es einige Dinge, die hier darauf hinweisen.
Zunächst einmal gibt es keine Web-Server hier beteiligt.
Es gibt keinen Apache, es gibt keine IIS läuft hier
serviert Seiten zu einem Remote-Client, zu einem entfernten Browser Mittel.
In diesem Fall ist wirklich alles für Sie verpackt.
Sie tragen vor, wie Ihre Anwendung in den Laden, er zertifiziert wird,
es ist in den Laden, und dann werden die Menschen zu Tausenden Ihr Spiel oder die App zu installieren.
Aber im Grunde sind sie lokal nach unten ziehen, um ihre Maschine.
Es gibt keine Notwendigkeit, mehr zu gehen, um das Web, wenn Sie Anrufe, die eine Remote-API benötigen,
und das ist völlig normal, wie auch gut.
Aber sie gehen nicht in diesem Modus, wo sie sein, Anfrage-Antwort von einem Server gehen
um die nächste Seite der Inhalte zu bekommen.
Also das heißt, es gibt ein paar kleine Unterschiede API. Das sind unglaublich gering.
Sie sind unwahrscheinlich, die Sie in Ihrem normalen Codierung getroffen, aber sie sind zumindest dokumentiert.
Sie sind Art von Kante Fällen gibt.
>> Die andere Sache, erwähnenswert ist das Vertrauen Unterschiede.
Ich erwähne das nur, weil ich möchte nur, dass ich sagte, es
so, wenn Sie später in sie laufen, werden Sie denken, "Chris sagte etwas darüber,
"Vielleicht, ja, okay", und dann gehen Sie zurück und Sie herausfinden, was es war.
Kontexte Rolle.
Standardmäßig versuchen wir, den Benutzer von Angriffsvektoren schützen.
Es gibt bestimmte Dinge, die Sie tun können, standardmäßig
und bestimmte Dinge, die Sie ändern Kontext zu ermöglichen.
Wie Sie mit ein paar Bibliotheken da draußen - du hast bereits mit jQuery gearbeitet,
aber wenn Sie für andere Bibliotheken gibt, schauen - Sie könnten mit etwas Funktionalität
diese Art der geht über die lokale Nutzung, nicht mehr dynamischen Wechselwirkungen
XHR-Anfragen, solche Dinge.
Manchmal finden Sie vielleicht die standardmäßig deaktiviert werden,
und in diesem Fall, nur eine Suche, für lokale und Web-Kontext
und finden Sie heraus, wie das zu beheben.
So stellen Sie sicher, dass Sie wussten, wie Sie auf andere Frameworks verwenden zu beginnen,
welche, sollte ich erwähnen, sind Sie durchaus in der Lage zu tun.
Also, wenn Sie einen anderen Rahmen zu finden - wir kommen darüber sprechen in einer zweiten -
für Spiele und du das nutzen wollen, einige Steuerelementbibliotheken, die es gibt verwenden möchten,
und Sie nicht möchten, dass das Zeug selbst zu schreiben - es ist eine gute Idee, oder? -
Sie kann durchaus mit diesem Zeug.
Es gibt nichts hält Sie mit irgendeiner Art von Bibliothek, die auf JavaScript basiert ist zurück,
CSS, HTML5.
Auch wenn es etwas, das Sie in IE10, die eine verdammt viel ist in diesen Tagen tun können,
Sie können es tun.
Ziehen Sie es in Ihre Anwendung, Referenz, die JavaScript-Bibliothek, und verwenden Sie es in Ihrer Anwendung
nur halten Sie daran, Sie könnten einen Sicherheitskontext einmal in eine Weile getroffen - nicht sehr oft.
>> Und dann die Funktionen, werden wir über ein paar mehr von denen gehen, wie wir gehen.
Die UX Sie Art zu gewöhnen, wie Sie mehr und mehr Anwendungen sehen
aus dem Windows Store.
Sie bekommen ein Gefühl dafür, wie sie funktionieren und wie das Design-Ästhetik neigt zu arbeiten
über verschiedene Anwendungen und was die Menschen zu erleben, verwendet werden.
Das ist wirklich der wichtigste Teil.
Stellen Sie sicher, dass, wenn sie feuern Ihre App die sie nicht brauchen, um ein Handbuch zu lesen,
was sie nie tun, übrigens.
Sie sollten nur in der Lage das Spiel mit der Anwendung zu starten
und es herauszufinden, ohne große Schwierigkeiten.
Mit dem Festhalten und zu einer Menge von diesen Praktiken haftende,
Sie gehen an die Benutzer einen großen Gefallen tun, so dass einfacher.
>> Okay. Eine letzte Sache auf der API-Seite und dann werden wir in tatsächlich das Schreiben von Code zu erhalten.
WinJS Sache ist, dass ich bereits sehr kurz mit diesem komplexen Folie
mit all den verschiedenen Möglichkeiten, die Sie für die Herstellung von Anwendungen haben.
WinJS, können Sie es als ein Kumpel denken können.
Es ist dein Freund zu helfen, Sie Sachen schneller zu schreiben.
Es ist nur, JavaScript und CSS. Sie müssen nicht, es zu benutzen. Sie können es verwenden.
Wenn Sie vorhaben, werden in Berufung auf Windows-Funktionen, werden Sie am Ende mit ihm,
aber wenn es Dinge wie einige Design-Mustern oder Steuerelemente, die Sie wirklich nicht verwenden möchten,
Sie etwas anderes verwenden möchten, ist es bis zu Ihnen.
Entscheiden Sie, was Sie verwenden möchten und die Stile, die Sie verwenden möchten.
Die Funktionen von Namensräume und Klasse Generation - bis zu Ihnen.
Wenn Sie das eine oder andere bevorzugen, ist es ganz Ihrer Wahl. Es ist immer noch JavaScript und CSS.
Aber es wird Ihnen helfen, eine Menge Sachen zu tun.
Zum Beispiel, hier ist eine Teilmenge von dem, was sie tun können,
Dinge wie hilft die asynchrone Programmierung mit Versprechungen.
Jeder von Ihnen gehört oder mit Node.js gearbeitet?
Es ist ein gemeinsames Muster mit asynchrone Programmierung arbeiten.
Also im Grunde, was du sagst, heißt: "Geht etwas tun,
"Und du wirst mir ein Versprechen, dass Sie zu mir zurück, wenn Sie fertig sind zu geben."
Das ist im Wesentlichen, was los ist.
So können Sie nicht einfrieren bis die Anwendung während der Benutzer geht und Kommissionierung eine Datei
oder wird etwas nach unten aus dem Web gestreamt.
Die UI ansprechbar bleibt.
Und Sie können, dass mit Hilfe der asynchronen Programmierung zu tun.
Es klingt lächerlich komplex, aber es ist wirklich einfach, weil man mit Versprechungen sind
und Sie können nur sagen: "Gehen Sie tun dies, und wenn Sie fertig sind, rufen Sie zurück zu dieser Methode."
Das ist so ziemlich alles. Das ist alles in den WinJS gebaut.
Es wird es viel einfacher, wirklich flexible und leistungsstarke Anwendungen zu schreiben.
>> Sie können den Rest hier zu sehen, eine Menge von Animationen.
Wahrscheinlich einer der wichtigere Dinge auf dieser Folie sind Kontrollen.
Ich glaube, ich habe eine ganze - ja, ich.
Hier ist ein Beispiel von nur einige der Steuerelemente, die Sie in Ihren Anwendungen verwenden können.
Das ist alles gerade nach oben aus WinJS.
Sie sind nicht schreibe diese selbst,
Sie gerade sagen: "Hier ist, wie ich meine Anwendung zu komponieren."
"Ich werde ein Flip-Ansicht verwenden, so kann ich zwischen verschiedenen Bilder zu gehen."
Ich habe dich nicht dargestellt Semantic Zoom. Ich werde Ihnen zeigen, dass in einer Sekunde.
Listviews. Es gibt Gridviews.
Sie haben bereits ein Gitter als Teil des Shop-Anwendung gesehen,
so in der Lage, Inhaltsblöcke verwenden und Scrollen über die.
Flyout-Menüs werden Sie von Zeit zu Zeit zu sehen.
Die App-Leiste zeigte ich Ihnen mit, dass Fresh Paint-Anwendung als auch,
so dass Sie sah, wie du das anpassen kann, indem man Tasten auf sie
und dass mit verstecken, wenn Sie nicht darauf, dass zu verwenden.
Das ist wirklich völlig bis zu Ihnen zu bedienen.
Diese sind alle Steuerelemente, die Teil der WinJS sind.
Ich zeige Ihnen, wie Sie diese in nur einer Sekunde zu machen, aber es gibt mehr als nur diese,
und der Schlüssel ist, verwenden Sie sie, wenn Sie wollen, etwas Zeit sparen.
>> Wenn Sie andere Steuer Bibliotheken, die Sie verwenden möchten, ist das auch völlig in Ordnung.
Dinge wie jQuery UI tun eine Menge von dieser Art von Idee als gut,
Bereitstellung von mehr Kontrollen, erweitern, was Sie in HTML und JavaScript zu tun.
Lassen Sie tauchen in. Ich habe schon gesagt. Verwenden Sie, was Sie möchten.
Denken Sie auch daran, dass Sie vielleicht in einige Probleme laufen Kontext.
Aber man kann sicherlich mischen und mit welcher Art von Bibliotheken Sie bequem mit,
Sie lernen wollen, die Sie verwenden, um sich etwas Zeit sparen möchten.
>> Lassen Sie uns über Werkzeuge reden nur für eine Sekunde.
Sie können das bekommen, was Sie die Arbeit mit Windows Store Apps zu beginnen brauchen.
Wenn ich wieder aus, ich habe zu viele Dinge hier oben.
Wenn Sie zu dieser Seite, die dev.windows.com ist,
Sie können alles, was Sie herunterladen.
Als Studenten haben Sie Zugriff auf mehr als die Allgemeinheit tut,
so können Sie höhere End-Versionen von Visual Studio.
Edwin erwähnt können Sie bereits Windows-als auch.
Aber im allgemeinen, für alle Entwickler, können Sie auf diese Seite gehen
und downloaden Sie alles, was Sie brauchen, um einen Antrag zu machen, und es ist alles kostenlos.
So gibt es eine kostenlose Version von Visual Studio,
gibt es einige Tools, die neben der Installation wird, dass -
alles, was Sie zum Erstellen und testen Sie Ihre Anwendung benötigen.
Es ist nur, wenn Sie gehen, um Ihre Anwendung in den Laden zu veröffentlichen sind bis
dass Sie gehen, um ein Entwickler-Konto benötigen.
Das habe ich zu glauben, ist frei. Ist es kostenlos für Studenten als auch? >> [Guarin] Welche?
Die Entwickler-Konto, die tatsächliche Unterwerfung. >> [Guarin] Ja.
Das ist eine gute Nachricht.
Sie gehen der Blick auf diese.
Es wird für einen einzelnen sagen, standardmäßig ist es 49 $.
Aber nicht melden Sie sich für diese als Student.
Wir werden Ihnen einige Informationen über Ihre Programme, die Sie kostenlos ein Konto bekommen können,
und lassen Sie dann Ihre Anwendungen bis hin zu dem Laden,
so viele, wie Sie wollen, und all das Gute wird bald folgen.
Also das ist dev.windows.com.
Sie können die Tools, die Sie von hier aus müssen herunterladen.
Und wenn Sie möchten, können Sie eine Testversion von Windows hier zu bekommen,
aber wieder, brauchen Sie nicht zu.
>> Die andere Seite - lassen Sie mich dieses heraus für Sie schnell - ist design.windows.com.
Das war dev.windows.com.
Design.windows.com, können Sie erraten, was es ist.
Es ist eigentlich eine ziemlich freundlichen Website. Es gibt eine Menge guter Informationen hier.
Sie können durch sie zu arbeiten.
Es wird Ihnen einige Ratschläge auf einige Dinge zu geben,
dass du vielleicht über zuvor nicht gedacht haben oder hatten mit vor beschäftigen,
wie der Gestaltung für Touch, der Gestaltung für verschiedene Formfaktoren,
Gestaltung für die Fähigkeiten von Windows 8, die Dinge, die ich vorher erwähnt
wie Suche und-Sharing, einige Dinge, die habe ich noch nicht noch gesprochen.
Sie sind alle hier aufgelistet, und es ist ein ziemlich guter Satz hilfreich verlinkten Seiten
das wird Ihnen helfen zu verstehen, wie eine bestimmte Art von Anwendung zu machen,
wie Interaktion zu tun, wie man mit dem UI und UX Ihrer Anwendung behandeln.
Ich würde empfehlen, dass Sie einen Blick auf diese zu nehmen, besonders wenn man an einem gewissen Punkt sind
in der Hoffnung, eine Anwendung in den Laden zu veröffentlichen.
Sie werden wissen wollen, wie man einen guten Antrag zu stellen
weil ich vor, wenn Sie nicht erwähnt, es gibt diese Bewertungen wieder.
Die Leute werden, unglücklich zu sein.
Sie werden nicht in der Lage, Dinge, die sie an den richtigen Stellen zu finden erwarten.
Niemand will, dass das passieren.
>> Hier geht voran, lassen Sie mich schließen, dass nach unten.
Nun, da Sie wissen, wo die Dinge zu bekommen, werde ich Ihnen zeigen, wie man tatsächlich beginnen mit Sachen.
Um zu beginnen, werde ich tatsächlich zeigen Ihnen hier ein Beispiel von Desktop-Apps auf meinem Startbildschirm.
Hier können Sie Visual Studio sehen, können Sie sehen, Blend-und andere Entwickler-Tools, die ich habe.
Sie haben eine etwas andere Fliese.
Das ist, weil sie Desktop-Anwendungen,
und in diesen Fällen sind sie alle gehen, um auf meinem Desktop starten wieder
wirklich nur als Apps, die Sie gewohnt sind.
Also Windows-Erfahrung, ist es die gleiche Sache.
Sie sind zum Beispiel nicht, wie Streit! oder diese Dinge. Lassen Sie mich ein schnell starten.
Tatsächlich, hier ist eine interessante Geschichte.
Dies wurde von Studenten, die in Partnerschaft NERD entwickelt.
Vollbild-Anwendung, diese Art von Erfahrungen hier.
Oh, schönen Schnitt Bildschirme und alle Arten von fun stuff.
Sie entwickelten diese. Wir könnten genauso gut zeigen, die ganze Sache, während wir gerade dabei sind.
In der Tat, habe ich mit ihnen ein wenig, gab ihnen einige Ratschläge, die Dinge
weil sie JavaScript tun für ihre Anwendung.
Bitte, ich bin nicht die Lorbeeren für ihre Arbeit, sie hat die ganze Arbeit.
Ich gab ihnen nur ein wenig von der Beratung hier und dort,
aber sie haben einige tolle Sachen, indem Sie einen JavaScript-Front-End
und binden in einigen Physik-Engines und Freizeit eine Menge von dieser Arbeit zu machen.
Gehen. Mal sehen, ob das funktioniert.
Wow, es immer noch funktioniert. Gut, gut. Aber Sie bekommen die Idee.
Ein Vollbild-App, eine wirklich gute Erfahrung.
Dies trägt nicht nur meine Maus und Stift, wenn ich solche Dinge, sondern auch berühren.
Wenn ich einen Touchscreen, konnte ich nur auf sie zu ziehen und weiter arbeiten damit.
>> Eine Sache, die ich nicht zeigen, und der Grund, warum ich erwähne dies,
ist wollte ich eine andere App, Ihnen zu zeigen, was Sie tun können,
Sie können tatsächlich Anwendungen in Windows und ziehen Sie sie auf die Seite des Bildschirms.
Dies wird als eine Anwendung schnappen.
In diesem Fall habe ich Inkarus genommen, und ich habe es auf die Seite hier aufgenommen.
Es ist nun in Snap-Ansicht, und das erlaubt mir, etwas anderes zu tun, während die Anwendung gibt es.
Die meisten Spiele, die Sie vorfinden, einfach nur anzuhalten.
Das ist normalerweise eine anständige Sache zu tun, es sei denn, Ihr Spiel irgendwie verkleinern
zu diesem kleinen von einer Auflösung, wie vielleicht eine Art von Gesellschaftsspielen
oder so was gelegentlich.
Aber im Allgemeinen, die einfachste Sache zu tun und die am besten geeignete, was zu tun für Spiele
ist, um die Anwendung zu unterbrechen.
Für Anwendungen wie Nachrichten-Apps, wenn ich starten dieses eine und dann schnappe ich sie,
Sie werden sehen, es ändert sich tatsächlich deutlich, wie es in der Vorstellung der Daten für Sie.
Hier ist es, das Sie wirklich in eine vertikale Pfanne, dass Informationen,
aber ich kann immer noch absolut verwenden Sie die Anwendung.
Also es ist immer noch sehr nützlich.
Die Tatsache, dass es in einer kleineren Ansicht mich nicht davon abhalten, mit dieser App. Also denken Sie darüber nach.
Es ist etwas, das Sie brauchen, um Ihre Anwendungen zu tun, um zu einem gewissen Grad,
aber es ist an Ihnen, zu bestimmen, wie Sie Ihre Apps Funktions sollte
in dieser Art von einer kleineren Umgebung.
Lassen Sie mich, dass man schließen, und gehen Sie zurück in denen wir hier waren.
>> Edwin, fügte Sie ein Foto von mir schon? >> [Guarin] Ja. >> [Bowen] Schau dir das an.
Sehen Sie das? Edwin hat ein Foto hinzugefügt. [Lacht]
>> Gehen wir zurück hier in Visual Studio. Lassen Sie mich das für Sie starten.
Ich konnte auf der Fliese auf diesem Startbildschirm angeklickt haben.
Es brachte mich zurück in Desktop-Modus, und es ist die Desktop-Anwendung von Visual Studio starten.
Dies ist das Windows, das Sie bereits kennen.
Ich kann gehen Sie vor und erstellen Sie ein Projekt hier.
Wir sehen uns wieder auf JavaScript, HTML konzentrieren.
Ich werde gehen und wählen Sie hier unter JavaScript, Windows Store.
Es gibt eine Reihe von Vorlagen, die Sie verwenden können.
Für die Produktivität, würde ich empfehlen, dass Sie hier einen Blick auf einige dieser anderen diejenigen,
wie der Raster-und Split.
Sie sind wirklich nützlich, wenn Sie einen Antrag sind
das wird diese Art von Design und Navigation haben. Sie werden diese viel zu sehen.
Die, die ich Ihnen gezeigt, war eigentlich nur eine Instanz des Grid-Anwendung.
Also, wenn Sie denken, Sie machen werden eine Nachrichten-App oder einen RSS-Reader sind
oder so ähnlich, die mit mehreren Einträgen, für die Sie möchten, dass das Detail zu zeigen befasst,
denken über die Verwendung eines dieser Vorlagen, um schnell loslegen
und Anpassen es von dort.
Aber nur so kann ich Sie alle beweglichen Teile hier zeigen
Ich werde die leere App zu erstellen, und dann werden wir ein wenig tiefer in die Details gehen.
Ich bin einfach nur leer machen, dass hier Anwendung.
Es wird das ganze Projekt für mich zu schaffen.
Ich werde eröffnen die Dinge, die ich möchte Ihnen standardmäßig angezeigt.
Lassen Sie mich nur in ein wenig zu vergrößern, Ihnen zu zeigen, was hier für uns erstellt.
Die Dinge, die Sie gehen, um auf den ersten Blick sind alle Namen default.
So wirst du für default.html, default.js und default.css aussehen.
Die andere Sache, darauf hinzuweisen ist, dass wir bereits einen Hinweis auf das, was ich schon erwähnt.
Dies ist WinJS. Niemand nennt es tatsächlich diese langen Namen hier.
Es ist WinJS, die Windows-Bibliothek für JavaScript.
Wenn Sie es öffnen, können Sie sehen, es ist alles hier.
Es gibt verschiedene CSS-Dateien, da ist kein JavaScript.
Es ist da, um Ihnen zu helfen.
Es ist wirklich da, um Kontrollen und Stile und Sachen, die kann man einfach automatisch verwendet werden.
Aber noch einmal, wenn es Dinge, die Sie statt dessen in Bezug auf Styling und andere Steuerelemente verwenden möchten,
es ist ganz Ihnen überlassen. Ich werde Ihnen zeigen, wie man ein paar dieser Dinge jetzt verwenden.
>> Zurück über auf unserer linken Seite, lassen Sie mich Ihnen die Standard-HTML-Seite.
Sie haben bereits die WinJS Sachen gesehen, und das ist wirklich alles, was da los ist
mit solche Mittellinien-Markup, nur bringen in der CSS standardmäßig
und bringt in ein paar JavaScript-Dateien aus WinJS.
Sie brauchen nicht zu meistern, was los ist in diesen Dateien sein.
Es ist ziemlich interessant, einen Blick auf sie zu ergreifen, um Art überprüfen, was ist denn da los
denn es ist ziemlich interessant, mittlere und fortgeschrittene Techniken denn da los,
aber das schöne daran ist, als Entwickler, die Sie gerade nutzen kann ihnen nur nutzen sie
und nicht wirklich Sorgen zu machen.
Sie können immer noch ein Auto zu fahren, ohne zu wissen, wie es funktioniert, oder?
Also das ist die Art von Sache, die passiert ist hier.
Es gibt Kontrollen und Stile und Sachen, die kann man einfach weitermachen und Verwendung
und Code, den Sie in einem zweiten, ohne zu wissen, was da drin verwenden können.
Hier sind Ihre eigenen Dateien.
Dies sind Ihre Orte, die Sie Ihre eigenen CSS ändern
und Ihre eigenen JavaScript, um Dinge ins Rollen.
Sie werden sicherlich andere Zugabe von JavaScript-Dateien und vielleicht andere CSS-Dateien
wie Ihr Projekt wächst, aber das ist wirklich nur ein Ausgangspunkt.
Hier ist die Hallo Welt Äquivalent HTML, so dass wir wieder in der body-Tag sind.
An der Spitze, durch die Art und Weise, ist es das HTML5 Doctype,
so dass Sie, dass von dem, was Sie gearbeitet haben, zu erkennen.
Es ist voll in IntelliSense auch hier, wenn Sie also Dinge wie in einer Art Video-Tag zu tun
und zu erweitern, dass Sie, haben Sie wahrscheinlich über die Tatsache, gelernt
dass Sie Fallback-Kodierung für Video-Tags in HTML5 tun müssen - oder vielleicht haben Sie -
um sicherzustellen, dass unterschiedliche Browser haben Unterstützung für Ihr Video.
Wir haben Dinge wie diese in HTML, JavaScript, über, über CSS.
Das ist eingebaut, und ich werde Ihnen zeigen, in einer zweiten CSS.
Hier können Sie weitermachen und Modifizieren Code, das Markup.
In der Tat, bevor ich etwas ändern, werde ich dies zu laufen und zeigen Ihnen, was Sie erhalten.
Du wirst einen Splash-Screen, die Sie anpassen können, erhalten
und dann erhalten Sie die Hallo Welt hier Erfahrung. Es ist fantastisch, oder?
Gehen Sie weiter und Schiff, die, richtig?
Inhalt geht hier. Das ist die grundlegende Sache.
Es kann nur besser werden von dort aus.
Wir werden weitermachen und in ein paar Sachen hinzufügen.
Ich habe ein wenig von Markup Ich werde hier kopieren bekam
nur, damit Sie nicht haben, um mich zu beobachten eingeben.
Lassen Sie mich gehen um das Toolbox hier, und ich werde das Stift, weil ich werde tun dies ein paar mal.
Werkzeugkasten, wenn Sie Visual Studio nicht gesehen haben, ist, wohin du gehst, um eine Reihe von Steuerelementen zu finden sind.
Sie können auch Code-Schnipsel in sie, dass Sie wiederverwenden können.
Hier werde ich nur Pop in einer anderen HTML, nichts furchtbar erweiterte haupt hier.
Es ist nur grundlegende HTML sagen, ich habe einen Eingang, wo ich geben kann,
Ich habe eine Schaltfläche, wo ich es einreichen, und dann habe ich ein div, die im Wesentlichen ist ein Platzhalter
dass ich die Ausgabe der Sie mit "Hallo, geben Sie dies."
Es ist das Intro zu HTML-Beispiel.
Wenn ich dieses, wir automatisch die Datei zu bekommen, aber wir haben auch automatisch Styling bekommen.
Dies ist eines der wichtigsten Dinge aus WinJS.
Es wird Ihnen standardmäßig geben einige Blick und das Gefühl, dass ist wirklich konsequent
mit dem Rest von dem, was Windows 8 tut.
Hier sehen Sie Dinge wie die Taste.
Die Funktion ist standardmäßig im HTML sieht nicht aus wie das, aber es tut hier
weil es immer, dass CSS rechts von dieser CSS-Datei in WinJS.
Wenn Sie etwas anderes verwenden möchten, wenn Sie das ändern möchten, völlig in Ordnung,
gehen Sie vor und tun, was Sie möchten. Aber das ist der Standard.
Es wird mehr den Nutzern vertraut sein.
Und natürlich wird nichts tun, weil ich nicht wirklich verdrahten jede Art von Code
darauf antworten. Es war nur die HTML.
So kann ich davon los zu werden, und wir werden wieder in unsere Anwendung zu kommen.
>> Lassen Sie mich über Schalter auf unsere default.js.
Das sieht ziemlich komplex, aber es ist gerade dabei, ein paar Dinge für Sie.
Es ist Text. Es wird das gleiche in alle Ihre Projekte.
Das einzige, was diese tut, ist nur eine Art zu fragen: "Wie bin ich hier?"
und sagte: "Sie starten Sie diese App zum ersten Mal?"
"Wollen Sie die Wiederaufnahme der App aus, die sie aufgehängt ist?"
Ein paar Dinge.
Wirklich, das ist unser Fokus auf diese Datei hier genau hier.
An diesem Punkt, das ist eine Zeile Code ziemlich wichtig.
Es ist eigentlich hingehen und schauen Sie durch alle Ihre Markup
und es geht um Dinge, die Sie gefragt haben, um in Steuerelemente eingeschaltet haben zu finden,
tiefer Kontrollen wie eine Alterskontrolle, wie ein Gitteransicht, wie das Flyout
und die anderen Dinge, die ich Ihnen gezeigt, auf der Folie vor.
Sie sind nicht nativen HTML-Steuerelemente.
Sie wissen einfach nicht Flyout als Element sagen und haben es wissen, was zu tun ist.
Was wir tatsächlich tun, ist das gleiche, was bei anderen Arten von Kontrollrahmen passiert.
jQuery UI macht die gleiche Art von allgemeinen Ansatz.
Sie verwenden in Ihren HTML-Markierungen, und dann kommt etwas später durch JavaScript und sagt:
"Oh, ich weiß, was das ist. Das ist für diese zu bitten, in diesem Zeug eingeschaltet werden",
die andere ist ausdrucks HTML, wie ein Steuer Bewertungen zu machen,
das ist das, was ich dir zeigen.
Diese Codezeile ist ein Versprechen, das sagt: "Wenn dieses Versprechen erfüllt,
"Alles, was Sie gefragt haben, hat dann geschaffen worden."
Und das ist es. Es sieht ein wenig komplex, aber es ist wirklich das gleiche in jedem Projekt.
Hier unten ist, wo Sie mit dem Hinzufügen in was auch immer Sie sonst passieren, haben wollen, beginnen können,
so werden wir in einem zweiten zurückkommen.
>> Zunächst einmal muss ich ein Stück Code, das auf die Tatsache reagieren können
dass jemand auf die Schaltfläche geklickt wird.
Ich werde weitermachen und setzte sich in hier unten.
Auch hier werde ich nicht jede Typisierung vor Ihnen hier.
Sehr einfach nur, wenn JavaScript wird dies als
wir werden einige Details darüber, wie wir hier zur Verfügung gestellt werden
und dann werden wir ein paar grundlegende Dinge zu tun.
Gehen Sie finden das Ding in meinem HTML-Seite mit dem Namen nameInput,
ergreifen Sie es, nehmen Sie seinen Wert, Slap "Hallo" auf dem vor ihm, und bleiben, dass resultierenden String
in diesem div-Tag, die wir vorher hatten, dass wirklich nichts zuvor.
Jetzt werden wir auf diesen Tag zu finden und seine inneren Gehalt gleich dem String.
Sehr einfache JavaScript.
Hoffentlich sind Sie erkennen, dass es wirklich nichts Ungewöhnliches vor sich geht.
Es ist nur gerade nach oben HTML-und JS hier.
Wenn ich dieses jetzt, es ist immer noch nicht vor, jede Arbeit zu tun, weil ich nicht verdrahtet es
um das Ereignis zu erhalten.
Um das zu tun, werde ich tun, dass hier wieder der Rückkehr in meinem Werkzeugkasten,
knallen sie hier.
Ich erwarte, dass Sie alle diese Art von Sachen gesehen habe, also werde ich nicht über erklären.
Jetzt werden wir zu gehen, erhalten die helloButton.
Wir werden sagen, "Button, herzlichen Glückwunsch."
"Hier ist eine Veranstaltung, die Sie jetzt reagieren auf."
"Wenn jemand auf Sie, rufen Sie diese Funktion, die button."
Und das ist, dass wir genau das richtige Funktion unten an der Unterseite dort aufgenommen. Das ist es.
So, jetzt haben wir eine erstaunlich funktionsfähige Anwendung kam.
Ich denke, Sie wirklich davon beeindruckt werden.
Chris. Warten Sie. Wow. Okay. Das ist erstaunlich. [Lacht]
Aber es gibt mehr. Kaufen Sie es noch nicht. Warten.
>> Lassen Sie mich Ihnen ein wenig mehr hier und erhalten von Vollbild.
Wir werden gehen, bevor wir laufen.
Lassen Sie mich gehen und tatsächlich zeigen Sie ein wenig mit CSS.
Nur durch Standard, wenn wir zurückblicken auf die Seite hier,
wenn wir in diesen Dingen aus WinJS gezogen und wir haben die ui-Dunkel kam,
in der Tat, Sie können es mit dem Standard für mit Hilfe von Licht-Anwendung ändern.
ui-dunkel ist gut für Grafikanwendungen wie mit einer Menge von Bildern,
Sie zeigt, sind eine Menge von visuellen Inhalten.
Wenn Sie zeigt eine Menge von Textinhalt sind, ist die ui-Licht in der Regel eine gute Wahl.
Sie müssen nicht, sie zu wählen, aber ich habe es eingeschaltet
und jetzt sind Sie sehen, die gleiche Markup, alles gleich,
es ist nur mit im Grunde eine umgekehrte Regelung hier
wo alles macht es schwarzen Text auf weißem.
Das ist alles schön und gut.
Lassen Sie mich hier raus, und wir tatsächlich ein wenig mehr mit der CSS.
Ich werde ihn wieder auf dunklen, weil ich denke, es ist wahrscheinlich einfacher, auf dem Bildschirm sehen
wenn ich anfange, diese Dinge tut.
Ich werde, um dem Körper ein weiteres Mal zu ersetzen.
Ich werde hier zu gehen. Lassen Sie mich das nuke.
Bringen wir im Körper mit Klassen.
Ich glaube, Sie haben Grund Selektoren mit CSS und ähnliche Dinge geschehen,
so dass Sie wahrscheinlich wissen, was hier los ist.
Nur einige Klassen zuweisen, um unsere Kopfzeile, und wir sind die Schaffung einer neuen div
um den Rest der Sachen, die wir jetzt verwenden, um alle zusammen Stil zu wickeln.
Also, was ich jetzt tun kann, ist zu gehen, um über unsere Standard-CSS.
Haben Sie sich Medien-Anfragen noch? Haben Sie darüber gesprochen, dass überhaupt?
Medienanfragen sind Teil dieses aufstrebenden Trend -
oder es ist ein etablierter Trend jetzt tatsächlich auf der Web -
für responsive Design oder adaptive,
und die Idee ist, dass Ihre Anwendungen können sich wirklich angemessen anpassen
auf das, was das Gerät, sie ist gerade auf gezeigt tun können.
Also, wenn Sie auf einem mobilen Gerät sind natürlich wirst du nicht so viel Platz auf dem Bildschirm haben
wie Sie auf einem großen 30-Zoll-Monitor sitzen mit einem Desktop, einem großen PC so.
Also die alte Antwort darauf wäre, 5, 6 verschiedene Versionen der gleichen Seite haben
und Sie würden öffnen, die Version, die für diesen bestimmten Größe Bildschirm abgestimmt wurde.
Nicht großartig. Es ist sehr, sehr monoton und es gibt eine Tonne von Wartung zu tun.
Jetzt haben wir etwas namens CSS Media Queries,
und wir können diese nutzen, um automatisch zu erkennen, wenn es bestimmte Größen
oder bestimmte Verwendungen Ihrer Inhalte durchgeführt wird.
So können Sie darauf reagieren und Sie sagen können: "Okay, in diesem Fall
"Sie wahrscheinlich gar nicht brauchen mich, Ihnen zu sagen, was hier los ist."
Dies ist nur zu sagen, wenn diese Anwendung aufgenommen wird, wie ich Ihnen gezeigt, vor -
packte es und legt es auf die Seite des Bildschirms -
dann machen wir die folgende Styling.
Styling ist nicht nur über Farben und solche Sachen.
Es geht auch darum, Dimensionierung und Margen und Polsterungen und Orientierungen der Inhalt
oder sogar Deaktivieren oder Aktivieren gesamten Teile Ihrer Seite
und in diesem Fall Ihre App oder Spiel als gut.
Also hier kann man einfach tun, was Sie wollen.
Dies wäre nicht sinnvoll in Ihre Anwendungen zu sein, aber es ist Demo-Zeit
so werde ich voran gehen und nur in Grundkörper hinzuzufügen und sagen,
"Wenn ich aufgeschnappt, gehen Sie vor und tun background-color und wählen wir so etwas."
Sie haben IntelliSense hier. Das ist eigentlich wirklich cool.
Im Jahr 2012 haben wir eine Menge Dinge für CSS-Unterstützung und JavaScript und HTML aufgenommen.
Sie haben natürlich bekam Dropdown-IntelliSense auch, aber das ist nicht der coole Sache.
Das Coole daran ist, dass Sie visuell Selektoren für viele Dinge auch bekommen habe.
So könnte man durch zu gehen und nur eine Farbe zu wählen,
oder Sie gehen kann und es noch genauer und Sie können wählen -
das wird schrecklich sein. Ich werde tatsächlich abholen hier eine anständige Farbe.
Sehen Sie sich das Markup auch, übrigens. Das ist Ihre RGB-Standard-Format gibt.
Aber wenn ich schalten Sie die Deckkraft, es geht über in einen Alphakanal Wahl hier, um zu wechseln.
So können Sie sehen, dass die Farbe mit im Wesentlichen Prozent Transparenz, die Sie haben, dass
Ordnung dort gebacken.
Ich werde es als 100% zu halten und dann, wenn ich damit fertig, ist alles schön und gut.
Nun, wenn ich die App und wir nehmen die App und wir sie schnappen,
dass Hintergrundfarbe wird automatisch angepasst
nur weil wir einige CSS, die sagt: "Gehen Sie tun."
Sie können auch JavaScript zu schreiben, das wird das gleiche tun
oder dass Sie verwenden, um tatsächlich ein Spiel anzuhalten, tun solche Dinge.
Das ist wahrscheinlich, wenn Sie JavaScript verwenden würde.
Sie würden an diesem Punkt schalten Sie die Spielschleife.
Sie würden einige JavaScript müssen, denn das wäre etwas, das Sie nicht für CSS wäre.
Aber bedenken Sie, es ist nur ein Ereignis.
Man könnte sagen: "Wenn meine Anwendung in der Größe verändert,
"Mal sehen, ob wir aufgeschnappt." Und das ist es.
>> Okay? Ich habe viel zu reden. Gibt es Fragen, so weit auf, wo wir sind? Ja.
[Schüler] Gibt es eine Anleitung für alle, die mehr Informationen? >> Ja.
Die Frage ist, gibt es ein Tutorial dafür? Ich werde einfach erweitern, um alles.
Es gibt ein paar Dinge, die Sie gehen können. Lassen Sie eigentlich hier raus.
Lassen Sie mich gehen hier.
Eine Sache, die darauf hinweisen, ist Visual Studio selbst hat Tutorials eingebaut
Lassen Sie mich los davon.
Wenn Sie und erstellen Sie ein neues Projekt, ich Datei, Neues Projekt
und suchen Sie auf der linken Seite, gibt es eine Online-Knoten in diesem Wahl.
Es wird ein wenig dauern. Ich bin auf meinem MyFi hier.
Aber es wird kommen und es wird mir eine Chance zu geben, Vorlagen finden
sondern auch, was noch wichtiger ist, als auch Proben.
So kann ich auf JavaScript klicken.
Es wird, um Proben für mich zu finden. Mein Vorsatz ist so hoch hier.
Normalerweise können Sie eine Liste der viele verschiedene Dinge hier sehen würde.
Wenn es etwas, was Sie versuchen, wählen Sie die Sprache möchten,
JavaScript hier, und sagen: "Ich weiß nicht, wie man Geolocation zu tun."
"Ich weiß nicht, wie man eine Datei zu öffnen."
"Ich weiß nicht, wie man die Vorteile der Webcam nehmen
"Oder Optimierung für Touch oder solche Dinge."
Es gibt Proben für alles: teilen, Suche, App Bars,
macht Ferngespräche zu einer Dienstleistung, JSON-Codierung.
Alle diese Arten von Dingen gibt es Proben für hier
und sie sind nicht riesig Proben, die euch die ganze Nacht, um auseinander zu ziehen sind
nur zu finden, dass eine Sache, die Sie lernen wollten.
Sie sind wirklich gut. Sie sind klein, direkt auf den Punkt Arten von Proben.
Ich habe eine Tonne, indem Sie durch diese mich gelernt,
und so empfehle ich, dass viele, wie eine Sache.
>> Eine andere Sache, auch darauf hinweisen, ist natürlich zeigte ich Ihnen dev.windows.com,
so, wenn Sie zurück auf das gehen, werden Sie am Ende sehen, es gibt auch die Proben hier.
So können Sie alle auf einmal herunterladen, aber es gibt auch eine Menge andere Ressourcen auch hier
, die helfen können Sie aufstehen, um Geschwindigkeit.
>> Eine andere Sache, und ich würde wirklich empfehlen, dass Sie dies versuchen,
Ich habe es auf meinem Blog, aber ich werde genau richtig, um zu gehen.
Ich werde Ihnen zeigen. Mein Blog hat Ressourcen und solche Dinge.
Eines der Dinge, darauf hinzuweisen, ist hier genau richtig, diese Sache: Ihre Idee. Ihre App. 30 Tage.
Wenn Sie darauf klicken, wird es, Sie zu einem wirklich hilfreiche Website zu bringen.
Das ist viel hilfreicher, als Sie vielleicht erwarten.
Das wird zu 30 Tage von Inhalten, die Sie im Grunde erhalten Tipps und Tricks
während dieser Verfahren Sie eine App geschaffen wird.
Und da man nicht erwarten kann, können Sie tatsächlich bekommen es für Spiele zu
und für Telefon-Apps, solche Dinge.
Also im Grunde melden Sie sich für sie, und sie gehen zu werden Tipps und Tricks zum Senden Sie,
"Hast du etwa, dies zu tun haben? Haben Sie Fang zu unterstützen?"
"Hier sind einige Richtlinien, wie man das auch tun."
"Haben Sie die Vorlage in den Laden gedacht?"
"Haben Sie darüber, wie Sie gehen, um Ihre Anwendung zu verkaufen sind gedacht?"
Es wird durch all diese verschiedenen Dinge gehen.
Und tatsächlich, wenn man auf der Spielbahn sind, an einem gewissen Punkt
Sie beginnen zu erkennen, die Person mit dir zu reden
denn ich hatte wirklich zu gehen, um Redmint, diese aufgezeichnet und 2 Videos gibt es zu tun.
Aber das ist alles Teil der Gaming-Spur,
und es gibt auch eine Full-Track für den allgemeinen App-Entwicklung.
Das nennt Erzeugung App.
Ich würde auf jeden Fall empfehlen, dass für Sie als auch zusätzlich zu den Proben.
>> Es gibt eine Menge von Videos auf einer Website namens Channel 9 als gut.
Das ist wahrscheinlich das letzte, was ich auch empfehlen, bevor wir hier zu bewegen.
Channel9.msdn.com.
Das ist großartig, weil du wirst nicht durch Tonnen von White Papers lesen.
Es ist im Grunde eine Menge Videos, Screencasts und Dinge, die auf den Punkt sind.
Ich sollte nicht sagen, dass es immer auf den Punkt. Es hängt davon ab, wer tut sich sprechen.
Aber im Allgemeinen, es gibt einige wirklich den Punkt videos hier
dass zeigt Ihnen einige besondere, was Sie wollen, zu lernen oder zu sehen demoed könnten.
Es gibt auch alle unsere Inhalte unserer Konferenz, die vor ein paar Wochen passiert
genannt zu bauen, und dass Sie genau dort sehen werden.
Es gibt Kerntechnologien für Windows 8 Spiele. Dort gehen Sie.
Ich war dort, eigentlich. Sie können mich nicht sehen. Ich war hier.
Aber irgendwie, dass abgesehen, würde ich empfehlen, dass Sie einen Blick auf die Videos aufnehmen.
Sie sind ziemlich hilfreich.
Wenn Sie auf etwas stecken geblieben sind oder Sie wollen einfach nur sehen, was so etwas tun könnte, bis die Feuer.
>> [Guarin] Windows Mail hat mir gerade eine E-Mail mit einem Link zum Inhalt
für Studenten, mit Beispielcode und sowas herunterladen. >> [Bowen] Große.
Ehrfürchtig. Danke, Edwin.
>> Gut. >> [Schüler] Ich habe eine Frage. >> [Bowen] Oh. Ja, bitte.
[Unverständlich Student Frage] >> [Bowen] Oh, ich bin froh, dass Sie gefragt. Ja.
Die Frage war, gibt es eine visuelle Schnittstelle für mich, Dinge zu schaffen?
Edwin wird dich reichlich belohnen für diese Frage.
Es gibt einen Weg, dies zu tun.
Sollten wir es jetzt tun? Wir tun es jetzt.
Ich werde es jetzt gehen.
Eigentlich, lassen Sie mich in eine Sache hinzufügen, um diese Demo
und dann werde ich Ihnen die eigentliche Antwort.
Ich wollte in ein wenig mehr CSS hier hinzufügen.
Ich war ein wenig hier, sich in Nebensächlichkeiten.
Lassen Sie mich in einigen CSS setzen hier zu nutzen
der Klassen, die wir vor einiger Zeit aufgenommen,
an den Header, um die main div, und dann zu dem greetingOutput.
Wenn ich das tun, und führen Sie es aus, Sie sehen können, jetzt haben wir ein bisschen anders Polsterung und Margen haben,
so haben wir tatsächlich einige Offsets hier.
Das sind mehr in Richtung, was du zu einer endgültigen poliert Anwendung erwarten sind.
Aber ich bin einfach nur zeigen, das für Sie, denn es ist gerade nach oben CSS.
Also die Dinge, die Sie bereits wissen, die Sie hier verwenden können, um den Inhalt anpassen, wie Sie möchten.
Sie haben bereits gesehen, wie man den Hintergrund zu ändern, dass das so.
>> Wenn ich zurück an unsere HTML zu gehen, werde ich in einer Reihe von mehr Markup hinzufügen,
und das ist eigentlich los, um ein Steuer von WinJS sein.
Ich werde gehen und sichern Sie diese, ein Etikett. Lassen Sie mich sicher, ich mache es in der richtigen Stelle.
Wahrscheinlich gut genug.
Hier habe ich soeben - und wir werden Vollbild zu sehen, so dass Sie die ganze Sache sehen kann -
Ich habe ein Label für die nächsten div aufgenommen.
Die div heißt ratingControlDiv.
Von selbst wird es nichts zu tun.
Wenn Sie dies in einem Browser öffnen, würden Sie bei der Suche leer, das div sich.
Aber wegen der geheimnisvollen Code-Zeile, die ich Ihnen gezeigt, vor,
der Prozess alle, es geht um etwas, das wie folgt aussieht aussehen -
Daten-win-control - und es geht zu finden, was in den Parameter.
Es wird eine Instanz, was auch immer das ist es, die auf zu machen.
In diesem Fall ist es eine Alterskontrolle, so dass ich sage: "Bitte gehen und diese Sache zu ersetzen
"Was auch immer Sie tun müssen, um eine Bewertung Kontrolle zu machen."
Es könnte ein Flip Steuer sein, es könnte der Fortschritt Ring oder was auch immer Kontrolle, die Sie verwenden möchten.
Sie gehen alle im Wesentlichen die gleiche Weise funktionieren.
Sie sind mit Standard HTML5-Markup, um anzuzeigen, was Sie wollen,
und dann wirst du ein Steuer am Ende dieses. Lassen Sie mich dies auszuführen.
Ich kopierte, dass in, und jetzt, Markup wird diese,
das ist eigentlich eine ganze Reihe von HTML-Elementen.
Diese sind alle Einzelbilder, und es gibt divs um sie herum mit Selektoren.
Ich hoffe, Sie können sehen, dass. Es ist ein wenig subtiler.
Ich kann über die verschiedenen Gegenstände schweben, und es wird mir zu erlauben, die Bewertung hier sehen.
Ich kann es anklicken, und es erinnert sich an die Bewertung, aber das war es.
Es ist nicht wirklich etwas mit der Bewertung zu tun.
>> Die eine letzte Sache möchte ich Sie auf diese zeigen
bevor wir wechseln in eine visuelle Design-Erfahrung
ist ein kleines Stück Code, die ich verwenden kann, um auf diese WinJS Kontrollen reagieren.
Lassen Sie mich da raus, wieder aus dem ganzen Bildschirm,
und schaltet auf den JS hier für die zweite.
Ich kann dies hier tun. Ich denke, ich werde die ganze Sache zu ersetzen.
Eigentlich, denke ich, wird es all das zu ersetzen, aber wir werden zusammen finden.
Ich werde dies in hier setzen. Ja. Ich werde dies auch zu löschen.
Was habe ich hinzufügen? Es sieht aus wie eine Menge. Es ist nicht viel.
Ich habe gerade verlängert, dass die Codezeile, die ich bereits zuvor gesprochen haben,
und ich sage: "Wenn alles erledigt ist, wenn alle meine Kontrollen vorgenommen wurden,
"Dann tun Sie dies." So führen Sie dann diese Funktion aufgerufen abgeschlossen.
In diesem Fall ist das für Zeug Sie herausfinden können.
Gehen Sie finden, dass div Kontrolle.
Eigentlich gibt es eine Sache, ich möchte darauf hinweisen.
Das nächste Zeile ist eigentlich sagen: "Ich habe diese ratingControlDiv bekam."
"Ich will mit ihm reden, als ob es eine wirkliche Kontrolle, ein WinJS Kontrolle."
Also im Grunde, dass Sie für fragst von ihm.
Sie sagen: "Ich möchte Ihnen als Steuer reden."
Und dann können Sie beginnen, Dinge zu sagen wie: "Wir werden einen Listener für Sie hinzufügen
"So, wenn Sie verändert sind können wir darauf reagieren."
Und dann können wir auch Dinge wie diese. Eigentlich ist das der alte Code da.
Ich glaube, mir fehlt das Einfügen in eine weitere Funktion,
und das wäre die eigentliche Funktion, die die Rating-Kontrolle geändert reagieren würde.
Lassen Sie mich in Pop, dass hier unten,
irgendwo um dort.
Und in diesem Fall, das einzige, was neu ist, ist die Tatsache, dass wir in gehen
was die Alterskontrolle sagt uns, und wir sind für das, was heißt das tentativeRating zu fragen.
Es gibt eine Reihe von verschiedenen anderen Dingen, dass die Kontrolle kann Ihnen sagen,
und es geht die Steuerung durch Steuer.
Es ist sehr einfach. Du kannst es auch immer herauszufinden, keine Schwierigkeiten.
Ich dieses, und wenn ich jetzt ändern die Bewertungen und klicken Sie auf die Bewertung,
Sie sehen, jetzt ist es tatsächlich darauf zu reagieren.
Es ist die Benutzung der Bewertung auf dem Bildschirm in das ansonsten leere div-Tag
unterhalb der Alterskontrolle.
Das ist die Magie einer Menge Sachen hier.
So wie Sie die Erstellung von Anwendungen für den Windows Store sind,
es gibt eine Tonne von Kontrollen, die Sie gerade verwenden. Sie alle arbeiten wie diese.
>> Lassen Sie mich Ihnen die visuelle Seite der Gestaltung für diese Anwendungen.
Die gute Nachricht ist, Sie haben bereits dieses Tool, wenn man alles installieren
wenn Sie gehen Sie zu diesem Download und Visual Studio.
Ich kann einen Rechtsklick auf diese. Ich werde nicht zoomen
Es sagt nur Open in Blend.
Blend ist ein weiteres Tool, Seite an Seite mit Visual Studio funktioniert
und viel mehr auf die Gestaltung Seite der Dinge konzentriert,
so ist es wirklich Flächen-Tools, die zum Erstellen von Designs optimiert sind,
Erstellen von Animationen, die Arbeit mit CSS, eine Menge Dinge in dieser Art von Vene.
Hier was sehr interessant und ziemlich offensichtlich ist, dass wir sofort in der App suchen.
Hoffentlich sind wir immer noch.
Statt zu sehen, Code, der wir immer noch am Boden zu sehen,
sehen wir die eigentliche Darstellung der Anwendung.
Was mehr ist, ist es nicht nur eine Darstellung der App, ist es eigentlich die App läuft.
Und das ist, was wirklich nett über Blend.
Das Team hat eine Menge Arbeit getan werden, um HTML-und JavaScript-und CSS in dieses Werkzeug.
Jetzt können Sie eigentlich, wenn Sie neugierig sind, "Was bedeutet das? Was kann ich tun?"
Ich kann eigentlich zu dieser Anwendung entwerfen, auch wenn Dinge wie diese nicht in meinem Markup existieren.
Denken Sie daran, dass die Alterskontrolle? Es war nur ein div-Tag.
Das Zeug, dass Sterne, existiert nur zur Laufzeit. Wie kann ich das wissen?
Es gibt ein kleines bisschen Magie hier.
Sehen Sie diese Blitze?
Jedes Mal, wenn Sie einen Blitz sehen, bedeutet, dass es durch etwas zur Laufzeit erzeugt.
Einige JavaScript lief und drehte sich etwas in diese oder erstellt diese mit einer gewissen Logik.
Die Sterne, die Sie sehen, es wurden von JavaScript durch WinJS erstellt.
Das Schöne daran ist, spielt es keine Rolle für mich, ich kann es immer noch zu gestalten,
Ich kann immer noch in zu gehen und zu verändern, kann ich herausfinden, was hier vor sich geht,
Ich kann an der CSS blicke, kann ich voran gehen und herausfinden, warum die Farbe ist so wie es ist,
Ich kann beginnen Messing mit Dingen und die Dinge schrecklich,
, was ich tun will.
Eigentlich werde ich die Dinge in Ruhe lassen.
Aber man hier sehen kann, es ist alles das CSS und es ist hier, die Sie.
Wenn ich bis da, es geht um alles, was Sie sie nennen Winning zeigen,
so dass die CSS-Regeln, die die spezifische und die für das Element ausgewählt sind,
was haben Sie wahrscheinlich schon über in Ihren Klassen gegangen,
wo Sie sagen, es gibt eine allgemeine Schriftart, die wir für alles, was die Anwendung,
sondern weil dies eine h1 und ich habe eine Farbe für h1s definiert,
es geht um diese Farbe sein, und das ist, denn es ist spezifischer als die body1.
Diese eine Sache hier zeigt Ihnen alle, dass,
und es ist wirklich starke Sache, wie Sie mehr komplex werden,
Sie sich fragen, warum diese Dinge so sind, wie sie sind.
Es wird tatsächlich sagen Ihnen, und Sie können eines dieser Elemente, hier holen.
Diese Farbe ist nicht schlecht, eigentlich.
Sie können sie wählen. Hoffentlich können Sie das sehen.
Für alles, was Sie auf Ihre Anwendung haben, eine ganze Kaskade sehen Sie
aller CSS, die das und die man angewendet haben könnte, wird gewinnen,
die man eigentlich hatte Vorrang.
Diese sind irgendwie langweilig. Es ist nicht viel los in einige dieser.
Wenn ich und die Farbe, dann werden Sie sehen, einige Cascading dort beginnen.
Sie können auch HTML verwenden hier auch.
Ich kann durch zu gehen und die HTML-Eigenschaften für all diese Dinge zu ändern, wie ich will.
Es gibt nur Tonnen von Material hier.
>> Ich will nicht Ihre Zeit, indem Sie hier über alles. Genau wissen, es ist hier.
Es gibt eine Menge von Design-orientierte Funktionalität, die nur für Sie verfügbar ist
so können Sie visuell zu bleiben, mit der Anwendung arbeiten, und nicht zu viel zu tun zu erraten
dass müssten Sie normalerweise und Radfahren von einem Browser aus wieder zurück in Ihr Design zu tun,
zurück an den Browser.
Das ist wirklich coole Sachen für das, und wie Sie ein Windows Store App zu entwickeln,
es wird Sie viel produktiver zu machen.
>> Sie werden auch sehen, dass es hier die Verfolgung der Markup-und CSS
wie Sie durch verschiedene Dinge gerade arbeiten.
Es ist wohl wirklich schwer für Sie, dass, um zu sehen, vor allem auf Video,
aber das ist, was hier los ist, und ich würde Ihnen empfehlen, mit dem vertraut zu machen.
Es spart Ihnen eine Menge Zeit. Das ist Blend.
Wenn Sie hier Änderungen vornehmen, werden diese automatisch gehen, um wieder über tragen
Visual Studio.
Es sind die gleichen Dateien, es ist alles das gleiche. Ich werde es in Ruhe lassen.
Ich habe ein besseres Beispiel, dass ich möchte Ihnen zeigen.
Aber wenn ich eine Änderung vorgenommen und dort gespeichert und ich kam wieder zu Visual Studio, würde es sagen,
"Hey, du nur etwas verändert. Kann ich laden Sie es für dich?" Ja.
Und Sie die gleichen Sachen da sind.
Das ist das Ende des jeweiligen Probe.
>> Ich möchte Ihnen eine höhere End-Probe, um zu zeigen, nur um Ihnen einen Blick auf andere Funktionen zu geben
Sie könnte ungefähr so ​​gut denken.
Dies ist ein Beispiel-Anwendung, die Sie herunterladen können.
Wenn Sie sich für die so genannte Windows-Camp in einer Box suchen,
gibt es einige Beispiele, dass sind, und einer von ihnen ist der Contoso-Kochbuch.
Ich kann nur laufen diese für Sie.
Individuelle Begrüßungsbildschirm. Dies ist die Anwendung der Rasteransicht.
Sie haben einige benutzerdefinierte Daten hier gebunden. Sie können durch diese navigieren.
Sie können gehen und einen Blick auf die verschiedenen Dinge, die uns an einem Freitag Nachmittag hungrig machen.
Ich weiß nicht. Was geht mich der Hunger zu machen?
Ich weiß nicht. Ich werde nur einen auswählen.
Sie gehen in diese Dinge. Es zeigt Ihnen das Rezept.
Man könnte auch, anstatt auf ein Element,
Sie können auf diese Kategorie von Inhalten, diesen Abschnitt von Inhalten gehen.
In diesem Fall können Sie viele gefälschte Latein lesen erzählt Ihnen alles über diese Rezepte hier
und dann rechts in die spezifische Rezept.
Dies unterstützt auch Dinge wie den Austausch, die ich Ihnen gezeigt, bevor Sie mit den Bildern.
Sie können auch in dieser Anwendung suchen.
Es ist sehr einfach, um die Suche zu tun.
Im Grunde sind Sie gerade erst eine Reihe von Text aus Windows-
und Sie entscheiden, wie Sie die Suche mit damit umgehen wollen.
Es ist ein paar Zeilen Code, um das zu bekommen, und dann, was Sie mit ihm nach zu tun, ist völlig bis zu Ihnen.
>> Hier haben sie auch eine App-Leiste, wo sie mit einer anderen Funktionalität.
Ich werde einfach sagen, was es ist.
Eine Erinnerung verwenden wird, was heißt ein Toast-Benachrichtigung.
Das ist wirklich praktisch für den Benutzer wissen lassen, wenn Dinge geschehen,
wie eine Anwendung installiert wurde oder etwas vollendet wurde.
Es ist auch zu gut für Spiele.
Wenn Sie eine persistente Welt oder ein Leaderboard und einen Service, der bewirtet haben, dass
vielleicht auf einer separaten Maschine, können diese Meldungen in eine Maschine gesendet werden
und selbst wenn der Benutzer nicht mit Ihrem Spiel, das Spiel zu spielen oder Laufen Ihre App,
sie kann immer noch Meldungen über diese Arten von Veranstaltungen.
Also könnte man sagen: "Ihr Schloss wurde zerstört oder wird nur über zerstört."
"Komm zurück und zu verteidigen", oder so ähnlich.
Sie klicken auf der Anmeldung gleich wieder in das Spiel gehen, und Sie können es zu spielen.
Also diese Art von Dingen helfen kann wirklich die Menschen zurück in die App ziemlich effektiv zu ziehen.
>> Es gibt auch Unterstützung in dieser Anwendung für die Verwendung des Mikrofon, die Webcam,
Video machen und die Fotos.
Sie können auch einen sekundären Pin Fliese.
Es ist nützlich, wenn Sie einfach nur einen Ziegel, die direkt auf bestimmte Inhalte geht möchten.
In diesem Fall geht es direkt zu diesem Rezept.
Alles, was ich bin erwähnens ich nur zeigen
weil es Dinge, die Sie über die Verwendung als auch denken.
In den meisten Fällen sind sie sehr einfach zu bedienen.
Ich würde nur empfehlen, dass Sie sich, dass die Proben explorer bringen
und finden eine Probe, die Ihnen zeigen kann, wie man das macht.
Es ist ziemlich einfach, diese in Ihre Anwendungen auch dort zu bringen.
>> Ich wollte Sie etwas anderes, das hier ziemlich cool ist, zu zeigen.
Ich werde diese Anwendung zu schnappen, und ich werde wieder in Visual Studio zu gehen.
Diese Anwendung läuft. Es ist aus Visual Studio ausgeführt wird.
Ich kann ein paar ziemlich coole Sachen zu tun.
Ich habe tatsächlich eine Option, um ein Element auszuwählen,
und ich kann hier auf die Live-Anwendung gehen und ich kann sagen,
"Ich frage mich, warum ist Vorbereitungszeit etwas helleren Grau als der Titel selbst?"
Ich kann darauf klicken.
Es wird wieder in Visual Studio zu synchronisieren, dass
und es geht mir genau die erzeugte Inhalte, die in diesem Teil der Benutzeroberfläche führte zu zeigen.
Also in diesem Fall, ist es item-Untertitel und h4-Doppelkonstruktion,
und dass wahrscheinlich sagt uns, was wir wissen müssen, denn als h4 in diesem Kontext,
es geht um eine bestimmte Art von Schrift zu bekommen.
Aber wenn ich immer noch nicht, warum, kann ich auf Trace Styles klicken.
Ich kann erweitern Sie dann aus Farbe und ich herausfinden kann, warum die Farbe nicht die Körperfarbe
aber in Wirklichkeit ist etwas anderes.
Dies ist im Wesentlichen die Entwickler-Tools von Internet Explorer
zu einem gewissen Grad in Visual Studio gebracht.
Wenn Sie mit den Chrome Dev-Tools gearbeitet haben, Firebug, solche Dinge,
diese Art von Tools, die in den Browser sind,
diese Art von Funktionalität ist direkt in Visual Studio gebracht worden
so dass Sie eigentlich nicht haben, um einen Browser zu starten und die Arbeit mit diesen Werkzeugen getrennt.
Jetzt habe ich einen Windows Store App gerade läuft,
und ich kann es starten Auseinanderziehen und herauszufinden, warum die Dinge sind zu tun, was sie sind.
>> Ich kann es auch auf diese Weise auch.
Ich kann nur wählen zu gehen und etwas nach rechts aus dem Markup und finden Sie heraus, was es ist
in der Anwendung selbst. Ich glaube, ich habe von allem weg.
Hier bin ich über diese schweben. Ich kann es auszuwählen.
Es wird mich in der aktuellen laufenden Anwendung, wo das ist, zeigen
dass ich jetzt in der Sie auf Markup.
Wirklich coole Sachen.
Wie Sie versuchen, herauszufinden, was los ist und was zu tun ist, HTML,
welche CSS tun, ist, denken Sie daran.
Denken Sie daran, dies ist für Sie da
und auch, dass die Mischung mit einer Live laufenden Anwendung zu arbeiten.
>> Die eine letzte, was ich wollte Sie mit dieser Anwendung zu zeigen -
Übrigens, zeigt es Ihnen Deltas wie die Dinge zu ändern,
so dass Sie für die gelben Markierungen sehen.
Das sind Dinge, die einfach in der Anwendung geändert haben.
Aber eine letzte Sache. Ich will zurück gehen, um nur für eine Sekunde hier mischen.
Wir werden dies öffnen, Open in Blend gleiche Anwendung, gleiche alles.
Ich möchte nur, um Ihnen die Erfahrung hier zeigen nicht nur, dass du auf der Homepage stecken
Blick auf die Dinge, die Sie standardmäßig zu bekommen, wenn Sie die App laufen und lassen Sie es sich dort.
Sie können auch auf diesem hübschen kleinen Symbol drehen Sie hier.
Es nennt Interactive-Modus.
Sie klicken auf die. Es wird bringen Sie Ihre Anwendung.
Du bist nicht im Designmodus nicht mehr, so dass Sie nicht gehen, um Sie auf die Dinge werden
, um die Funktionalität zu ändern, aber man kann tatsächlich mit der Anwendung arbeiten jetzt.
Sie können durch klicken, können Sie tun, was auch immer, zu einem Rezept, die Sie interessieren bekommen
oder zu einer Kategorie. Lassen Sie uns zu dieser Kategorie zu gehen.
Ich werde sagen: "Okay, hier ist, wo ich will zu entwerfen."
Dann können Sie die Taste erneut, klicken Sie auf, es wird Sie wieder in die Design-Oberfläche zu bringen,
und jetzt können Sie all die Dinge, die ich vorher reden tun können.
Ich werde Maustaste halten, bis ich dieses ausgewählt, um herauszufinden, Abmessungen,
herauszufinden, die HTML für sie, die CSS für sie
für eine laufende Anwendung, einige später Teil der Anwendung.
Sehr, sehr nützlich. Ich werde es dir zeigen.
Bitte halten Sie es im Hinterkopf, wenn Sie in das Schreiben von Code mit diesem suchen
denn es wird Ihnen eine Menge Ärger sparen, und es ist ziemlich gutes Zeug.
Das ist so ziemlich alles, was ich wollte Sie auf Blend und in Visual Studio zu zeigen, dass für alle.
>> Sie haben Fragen zu einem dieser Werkzeuge?
Alles, was überhaupt? >> [Guarin] Ich habe Sachen heraus zu geben, so gut, Fragen, gute Sachen.
>> [Bowen lacht] Ich habe Ihnen bereits gezeigt meine Demos hier.
Ich werde es auf der Seite Ressourcen setzen und drehen, Fragen jetzt.
Das erste Referenz-Generation ist, dass App-Website mit dem Spiel Spur und der App Spur.
Registrieren für diejenigen.
Sie müssen nicht auf die 30 Tage warten, um den Inhalt zu erhalten.
Sie können beginnen werde und Blick auf den Inhalt, wie Sie möchten.
Ich verstehe Ihre Zeitrahmen anders als sein könnte - [lacht]
Also, wann ist der Hackathon? Das ist ein paar Wochen, oder?
So müssen Sie nicht die 30 Tage zu warten.
Also ja, können Sie sich für das unterschreiben und dann starten Sie einfach den Inhalt ziehen Sie es aus.
Auch das Dev und die Design Center.
Und ich habe nicht erwähnt, aber es gibt auch die Shop Docs.
Dies würde nach dem Hackathon, wie Sie damit beginnen, die Übermittlung Ihrer Apps für das Geschäft sind.
Es gibt einige hilfreiche Leitlinien hier einige Hinweise darüber, wie die Dinge in den Laden zu bekommen,
einige gemeinsame Themen, die Sie stolpern könnten,
und das ist das Ende dieser Ressourcen.
>> Also, was ist Ihnen am Herzen? Alles andere was Sie -
[Guarin] Wer über das Tun eines Windows-App für CS50 gedacht? Kühl.
[Bowen] Cool. Große.
>> Haben Sie Fragen zu den Sachen, die Sie bisher gesehen haben, und wie sie sich auf das?
Zum Beispiel mit mehr Zeit konnte ich ein Spiel, das ich geschrieben habe, zu nehmen
und läuft im Browser und nur irgendwie durch den Prozess gehen
zu bringen, dass in Visual Studio, und dass es ein Windows Store App.
Es braucht mehr Zeit, als wir wirklich sind heute,
aber die kurze Version ist, es ist der gleiche Code, den Sie im Browser ausgeführt haben,
und die Dinge, die Sie ändern, sind die Dinge, die Sie sich entscheiden, um Windows 8 stecken.
Also, wenn Sie Reize verwenden möchten, wenn Sie zu suchen oder zu teilen,
müssen Sie eine App-Leiste, um auf die verstecken einige Funktionen zu erstellen,
das sind die Art von Dingen, die Sie ändern möchten.
Aber der Kern Ihrer Web-App kann intakt bleiben.
Wieder, wie lange, wie es funktioniert in IE10, es geht um eine wirklich einfache Hafen sein
das Zeug in Visual Studio zu bringen, in die Mischung, und machen es zu einem Windows Store App.
Auch die einzigen Dinge, die Sie lernen müssen, sind die anderen Funktionen
dass Sie verwenden können, um eine Anwendung leuchten, wie eine Live-Kacheln und diese Art von Dingen.
>> Ja. >> [Schüler] Meine Frage ist, über die Arbeit mobil.
Also, wenn Sie eine Anwendung, die als App auf dem Desktop funktioniert zu machen,
ist es wirklich einfach, es um mobile zu übertragen, oder gibt es eine -
Die Frage ist, wenn ich einen Windows Store App, die wirklich für diese Umgebung optimiert machen
und ich möchte es zu einer mobilen Welt zu bringen, was mit zu tun, dass beteiligt?
Das, wie viele Fragen, ist immer ein sich ständig verändernden Antwort.
Die gute Nachricht ist, wenn Sie mit HTML und JavaScript, CSS kleben sind,
wenn Sie von einem Windows Store App angefangen haben,
es wird Sie ins Web bringen zu lassen,
und dann diese Arten von Techniken, wie Medien-Anfragen und Dingen,
an verschiedene Geräte Größe anzupassen.
Das heißt, es ist immer Frameworks und Dinge gibt,
dass die Unterstützung, die sich aus verschiedenen Technologien, unterschiedliche Plattformen.
Das ändert sich die ganze Zeit.
Wir sind auch Dinge zu verändern, so gut wie wir zu dem, was wir jetzt sehen
tatsächlich mit Windows Phone 8.
Wir haben einige gemeinsame Kerninfrastrukturen
zwischen Anwendungen für Umgebungen angeboten.
Also die Sachen, die Sie tun, um einen Windows Store App zu erstellen sind,
eine Menge, die Sie über in ein Windows Phone 8-Anwendung durchführen als auch.
Das wiederum ist eine neue Geschichte, so gibt es einige Inhalte zu, dass bei Erstellen.
Das SDK nur vor einer Weile ausgestiegen. Es wurde gerade vor einer Weile veröffentlicht.
Aber in Bezug auf andere Plattformen zu,
Sie wahrscheinlich in viele Cross-Plattform-Frameworks laufen auch.
Die gute Nachricht ist, die Sachen, die Sie hier machen,
die Kernfunktionalität ist gerade nach oben Web-Standard-Sachen.
Die einzigen Dinge, die nicht leicht zu übersetzen würden, sind die Dinge, die Windows 8 der Fall ist,
aber das ist keine Überraschung, denn es ist ein Windows-Feature.
Du wirst doch nicht um die Freigabe oder ähnliche Arten von Verträgen auf jeder anderen Plattform zu finden.
Das sind also die Dinge, die Sie aus einer Design-Perspektive wollen
sicherzustellen, dass Sie Möglichkeiten, um Art abstrakter, die aus, so dass Sie sagen können,
"Wenn ich auf diese laufen lasse, kann ich das tun."
Wenn ich mich nicht, es gibt einige Design-Muster, die Sie verwenden können, um zu verbergen, dass die Art von Zeug weg.
Aber im Hinterkopf behalten. Ja. Entschuldigung. Gehen Sie voran.
>> [Schüler] Wenn ich meine Windows-Anwendung auf der Oberseite der [unverständlich] testen
[Bowen] Ja. Ich übersprang noch eine Sache zu. Ja.
Ich werde Ihre Frage zuerst zu beantworten, dann werde ich Ihnen eine Funktion, die ich vergaß zu erwähnen, zu zeigen.
Wir haben einige Maschinen vor Ort verfügbar. Es tut mir leid.
Die Frage war, wie kann ich testen, Dinge auf Geräten
wenn ich nicht zufällig eine ganze Menge Dinge zur Auswahl haben?
[Guarin] Wir verlieh ihr Jungs, ich glaube, 5 oder 6. Wie viele brauchen Sie?
[Schüler] Wir haben vier von ihnen. >> Ok. Sie Jungs haben vier Schiefertafeln, um zu spielen, um mit.
Also auf jeden Fall lassen Sie alle wissen, bitte. [Lacht] >> [Bowen] gut.
Das ist eine noch bessere Antwort, als ich wollte dir zu geben.
Wir haben Bürozeiten für Entwickler, die wir tun in unserem Büro
und jetzt kommt bald auf den Microsoft Store über an der Pru,
aber Edwin hat bereits dich gesorgt.
Es gibt 4 Schiefer für Ausleihe zur Verfügung, für die Prüfung.
Dort gehen wir. Es ist ein Beispiel für ein dort oben.
Also ja, absolut. Große.
Absolut bei weitem der beste Weg, dies zu prüfen ist, auf einer Vorrichtung sein.
Wenn Sie nicht zufällig einer noch haben, oder Sie nicht wollen, um über den Campus in den Schnee laufen
zu einem oder was auch immer zu greifen, gibt es eine Möglichkeit, diese wieder in Visual Studio.
Wenn ich zurück in denen ich hier war, zu gehen, hier anstelle von Local Machine,
Sie könnte zu Remote-Maschine, aber das ist nicht das, was ich hier rede.
Simulator ist die Sache, die Sie vielleicht zu schauen.
Ich werde dies auszuführen, und wirklich das, was es ist, ist es im Wesentlichen ein Fenster auf Ihrem eigenen System.
Hier ist eigentlich mein System läuft, läuft Contoso,
aber in einer Weise, die mich einige der Ausführungsparameter ändern können,
die Umweltparameter.
So kann ich hier sagen: "Weißt du was?"
Oh. Ich habe es bereits in einem simulierten 27-Zoll-Monitor läuft bei 2560 Auflösung.
Ich kann mir leicht fallen, dass nach unten und sehen, was meine Anwendung würde mit einem kleineren Bildschirm zu tun
oder durch Änderung DPI-Einstellungen oder was auch immer.
Also auf einem kleinen Bildschirm, eine 10.6, was sie tun?
Das sieht immer noch ziemlich gut, oder?
Sie wollen, dies zu tun, vor allem, wenn Sie in den Laden einreichen möchten, weil wir
als Teil des Testprozesses.
Und wenn es Probleme gibt wie das,
dann könnten Sie in ein Problem bekommen für den Laden laufen zertifiziert.
Aber das ist Teil des Simulators. Wirklich cool. Sehr einfach zu tun.
Sie können auch Funktionen wie Drehen zu verwenden.
Ich kann hier auf die Schaltfläche klicken, haben es zu drehen, zu sehen, was jemand als Erfahrung haben
Drehen ihre Schiefer, ihre Tablette, und mit Ihrer Anwendung mit dem.
Es gibt einige andere Dinge wie Touch-Emulation und einige andere Dinge,
Einstellung GPS.
Ich kann behaupten, ich bin an einem anderen Ort und zu sehen, was meine Anwendung funktioniert
wenn ich behaupten, dass ich zurück bin in Seattle oder so etwas.
Aber es ist eine wirklich nützliche Funktion, und es ist sowohl in Visual Studio und in Blend-gebaut.
Ja. Ihre Frage.
>> [Schüler] Wenn Sie das Schreiben ein Spiel, wird Visual Studio haben keine Unterstützung für die Animation?
Ja. Die Frage ist, um Unterstützung für Animationen, vor allem mit Gaming.
Es hängt davon ab. [Lacht]
Mit JavaScript will ich sagen, es ist wahrscheinlich weniger Unterstützung, als es auf der XAML-Seite,
welche Fristen hat, hat Storyboards und Dinge, die eingebaut werden
Für Animationen auf JavaScript-Apps, ich weiß nicht, wie viel von einer Antwort will ich dir geben.
Ich habe auf meinem Blog Ressourcen, die durch eine Menge von Optionen für die beiden Physik-Animationen zu gehen,
Optionen für JavaScript-orientierte Spiele auf Windows 8.
Ich möchte Sie auf diese zu verweisen.
Im Grunde gibt es so viele Möglichkeiten.
Der Grund warum ich zögere ist, es gibt so viele Möglichkeiten für Animationen mit JavaScript zu tun.
Es könnte sein, CSS, Canvas-basierte es werden könnte, könnte es nur einfache DOM-Animationen,
es könnte eine Menge verschiedener Dinge sein, also es hängt wirklich von Ihrer Wahl.
Wenn Sie sich entscheiden, so etwas wie Create.js oder Kalk oder andere Arten von Frameworks verwenden -
Nun, ich bin nicht einmal sicher, dass Sie in der Lage, eine höhere End-Framework zu verwenden sind
Lust oder Schlag Construct.
Das neigt dazu, mehr Code, als Sie vielleicht von Grund auf neu betrachten zu generieren.
Aber in den Fällen, können Sie immer noch einen Simulator, können Sie die Umgebungen,
und ich neige dazu, gerade diese Umgebung für meine Test-Plattform in den Fällen,
wie ich die Entwicklung von Spielen.
Ich habe vor allem mit Canvas-Animationen fein,
das ist wahrscheinlich die häufigste Sache.
Am besten Sie gehen, um wahrscheinlich zu finden sind ist der dev-Tools im Browser
und die Entwickler-Tools in Visual Studio.
Art der mäanderförmig Antwort gibt, aber hoffentlich habe ich Ihre Antwort. Ja. Sie.
>> [Schüler] Was sind die Optionen zur Datenspeicherung für Windows 8-Apps?
Was sind die Optionen zur Datenspeicherung für Windows 8-Apps, Windows Store Apps?
Ihre Optionen sind wirklich jede Anwendung bekommt einen eigenen Pool von lokalen Speicher
für Einstellungen und für Daten, aber es ist auch lächerlich einfach Roaming-Lagerung zu bedienen,
zu Cloud-basierten Speicher verwenden. Es ist kostenlos.
Was passiert, ist man im Grunde wählen Sie eine andere Klasse, und Sie sagen,
"Roaming-Einstellungen, Speichern, diese besondere Gruppe von Inhalten"
und ihre Microsoft-Konto, was auch immer sie in so angemeldet haben,
wird sich der Schlüssel zum Roaming, dass Informationen herum sein.
Also, wenn ich das Spiel auf meinem Laptop und ich dann loggen Sie sich mit demselben Konto
und ich spiele das Spiel auf eine Oberfläche oder eine Tablette,
das wird automatisch durchstreifen diese Einstellung und Daten zwischen diesen Maschinen.
Das ist eine Standard-Sache. Das ist gut für bestimmte Datenmengen.
Sie würde nicht eine riesige Datenbank, in denen.
Dafür müssen Sie auf andere Arten von Lösungen, wie eine gehostete Datenbank in der Cloud zu gehen,
Sachen.
Es gibt einige andere Optionen Gemeinschaft um andere Arten von Daten-Technologien.
Ich habe einige Optionen in der SQLite-Community rund um auch dort gesehen.
Also mehr und mehr entstehen, aber das sind die wichtigsten Dinge, die Sie zu sehen
für ein Spiel oder eine App.
Und Sie eine Frage in den Rücken hatte zu.
>> [Schüler] Im Hinblick auf die Netzwerk [unverständlich] Hochladen oder Herunterladen von Dateien [unverständlich]
[Bowen] Ist Ihre Frage wie kann man das sehen, oder wie kann man das debuggen und testen Sie es?
[Schüler] Wie können Sie es debuggen [unverständlich]
Entschuldigung. Ich kann nicht hören alles.
[Schüler] Wie bekommt man es Fehler getestet und auch [unverständlich]
Große. Große.
Wie gehen Sie mit Vernetzung zu arbeiten? Wie kann man sehen, was ist los?
Es gibt viele verschiedene Antworten auf diese,
aber lassen Sie mich Ihnen hier wahrscheinlich die einfachsten Dinge.
Lassen Sie mich der Simulator für eine zweite loszuwerden.
Nur ein paar Debugging-Optionen für die Vernetzung.
Es gibt eine vollständige Netzwerkstapel rechts sowohl in die Höhe und von WinRT WinJS gebacken,
so kann man sehr leicht machen XHR, ruft AJAX Art von Spiel oder App zu tun.
In erster Linie, neige ich dazu zwei Dinge verwenden.
Ich verwende die aktuelle Entwickler-Tools selbst, die eine Netzwerk-Stack in sie gebacken haben.
Lassen Sie mich Ihnen die Windows-Startseite.
Ich kann das bringen, und es ist eigentlich eine Netzwerk-Proxy in diese Tools hier gebacken.
So kann ich das tun, ich kann die Seite zu aktualisieren, und es wird mir zu zeigen, alle Interaktionen,
einschließlich AJAX-Aufrufe für diese Sitzung, dass der Antrag für die Dauer.
Dies ist nützlich. Es wird sehr nützlich für Browser-basierte Anwendungen.
Für andere Arten von Apps, einschließlich Windows Store Apps,
Ich benutze ein Tool namens Fiddler.
Sie gehen, um ein Spiel in Antwort zu erhalten. [Lacht]
Fiddler ist ein einfacher Proxy. Ich denke, das kann ich Ihnen zeigen.
Es ist nur GetFiddler.com, die interessanterweise, ich meine Tracing Netzwerk-Stack
werde GetFiddler.
Aber trotzdem hat Fiddler von einem der PMs auf der IE-Team geschrieben wurde,
so weiß er, was er tut.
Dies ist ein guter Indikator, dass Sie für die Fehlersuche Netzwerkverkehr nutzen können.
Ich würde empfehlen, dass. Frage dort auch.
>> [Schüler] Gibt es eine einfache Möglichkeit, Fremdsprache Eingang zu integrieren,
wie Japanisch oder Chinesisch, die in Windows-Anwendungen?
Ich kann nicht sagen, ich habe zu viel von ihm selbst getan, aber es in. gebacken wird
Es gibt Optionen für natürlich emittierende Ihre Anwendung - es tut mir leid, ich habe nicht gesagt, die Frage -
Optionen rund um Globalisierung, Lokalisierung von Inhalten,
auch Dinge wie die Möglichkeit, in verschiedenen Märkten zu verkaufen
und Ziel, dass die Version der Anwendung für die einzelnen Sprachen
oder Kulturen oder solche Dinge. Absolut eingebaut
Wir haben die Unterstützung für das für immer gehabt,
und trägt sich mit ihr und Optionen für Windows Store.
Sie können, dass in der Filiale selbst zu tun, zu verkaufen in unterschiedlichen Märkten,
Sie können das in der Anwendung als auch zu tun mit der Verwendung von Ressourcen zu definieren,
"Wenn ich für diese Kultur entwickelt, dann diese Überschreibungen für mein Textinhalt
"Oder ein von rechts nach links Leser."
Das sind alle Teil der Standard WinJS und WinRT APIs. Gute Frage.
>> Wie sollen wir tun? Alle anderen?
Und wenn jemand auf Video Fragen hat, bin ich @ microsoft cbowen,
Ich bin so glücklich, alle Ihre Fragen aus der Zukunft zu nehmen.
Sehr - Von der Zukunft [echo imitiert] Zukunft.
So, hier bin ich. Lassen Sie mich meine Kontakt hier.
Also schicken Sie mir eine Notiz, cbowen @ microsoft,
und ich werde auf Sie zurückkommen, sobald ich kann.
>> Alles andere, was Sie sich fragen? Sind wir gut?
Große. Gut. Ich danke Ihnen allen sehr viel. Ich schätze es. [Applaus]
>> [CS50.TV]