[Powered by Google Translate] [Σεμινάριο - Windows 8 - Ανάπτυξη App / παιχνίδι με το HTML5]
[Chris Bowen, Edwin Guarin - Πανεπιστήμιο του Χάρβαρντ]
[Αυτό είναι CS50. - CS50.TV]
>> Γεια, σε όλους. Το όνομά μου είναι Edwin Guarin. Αυτός είναι ο Chris Bowen.
Θα τον αφήσει να εισαγάγει τον εαυτό του σε ένα δευτερόλεπτο.
Απλά θέλω να κάνω μια γρήγορη ανακοίνωση.
Πρώτα απ 'όλα, το μόνο που CS50 φοιτητές να πάρετε τα Windows 8 για δωρεάν.
Έτσι, εάν σκέφτεστε για την πραγματικότητα με τη χρήση για την τελική του έργου σας, είναι δικό σου.
Nate θα στείλει ένα e-mail αργότερα για οδηγίες.
Το δεύτερο πράγμα είναι, αν αποφασίσει να γράψει ένα Windows 8 app για CS50 τελικό σχέδιο σας,
θα πάμε να κάνουμε μερικά δώρα: μια κονσόλα Xbox,
μπορεί να είμαστε σε θέση να δώσει μια πλάκα μακριά, τέτοια πράγματα.
Έτσι, αν υπάρχει κάτι που κατέχουν σας πίσω, ας Chris ή ξέρω
πώς μπορούμε να σας βοηθήσουμε να χτίσει κάτι πραγματικά δροσερό.
Έτσι, ευχαριστώ και πάλι για την παρουσία του σήμερα, και θα το παραδώσει στο Chris.
>> Σας ευχαριστώ, Edwin.
Σας ευχαριστώ όλους, για την ένταξή μας σήμερα.
Είμαι Chris Bowen. Είμαι ένας από τους συναδέλφους του Edwin εδώ στα βορειοανατολικά.
Ήθελα απλώς να περάσουν λίγο χρόνο μαζί μιλάς
πώς να κάνει μια εφαρμογή των Windows Store με HTML5, JavaScript, CSS
και το είδος του να πάρει οποιεσδήποτε απορίες μπορεί να έχετε σχετικά με αυτό απαντά για σένα
όπως ψάχνετε προς σκεφτόμουν να το χρησιμοποιούν για CS50 τελικούς ευκαιρία.
>> Τούτου λεχθέντος, θα βουτήξει ακριβώς δεξιά μέσα
Θα πάω πάνω σε διαφάνειες εδώ.
Αν έχετε οποιεσδήποτε απορίες, μην διστάσετε να μου στείλετε ένα email.
Είμαι cbowen@microsoft.com, και υπάρχει το blog μου και το Twitter μου.
Ωστόσο, θέλετε να έρθετε σε επαφή μαζί μου, αυτό είναι εντάξει.
Έχω περίπου μια ώρα τα πράγματα, και θέλω να πάρω τις ερωτήσεις σας κατά μήκος του τρόπου,
έτσι δεν είναι ντροπαλός σχετικά με τις ερωτήσεις κατά τη διάρκεια αυτής.
Δεν μπορούν να δουν ποιος τις ερωτήσεις σχετικά με την καταγραφή,
έτσι θα είναι τόσο ανώνυμο όσο θέλετε να είναι.
>> Επιτρέψτε μου να βουτήξει δεξιά μέσα, απλά να σας δώσει μια γρήγορη εισαγωγή στο Windows 8,
και να σας δείξω μερικά από τα πράγματα για Windows Store apps που θα μπορούσε να εξετάσει
όπως σκέφτεστε για την ανάπτυξη μιας εφαρμογής.
Κοιτάμε τα Windows 8. Έχουμε μείνει εκτός για μερικές εβδομάδες τώρα.
Πολλοί ισχυρή έκδοση εκεί έξω ήδη.
Μπορεί να έχετε δει ήδη τα μηχανήματα επιφάνειας που έχουμε, καθώς και.
Υπάρχει ένα εδώ στην πραγματικότητα, μπορείτε να ρίξετε μια ματιά στο αν είστε εδώ στο πρόσωπο.
Πραγματικά θέλω να σου μιλήσω, να σας ξεναγήσουμε λίγο για τα Windows 8.
Η ιδέα με τα Windows 8, αυτό πραγματικά δεν υποβάλει όλα τα πράγματα που ξέρετε για τα Windows
σε ορισμένες νέες εμπειρίες - ιδίως, τα πράγματα όπως πάνω στην επιφάνεια της μηχανής με την αφή,
αυτό το είδος των περισσότερων φορητών συσκευών που είναι τώρα στην αγορά,
αλλά είναι επίσης τα Windows στον πυρήνα του.
Έτσι, αυτό σημαίνει ότι μπορείτε να το εγκαταστήσετε πραγματικά τίποτα που τρέχει Windows 7,
από τις μεγαλύτερες τριπλό SLI εξέδρα gaming σας κάτω στο φορητό υπολογιστή σας
και στον ολοκαίνουριο άλλες συσκευές σας που μπορεί να πάρει μέχρι σήμερα.
Θα τρέξει τα Windows 8.
Θα σας ξεναγήσουμε λίγο λίγο,
και όλες τις εμπειρίες που θα δείτε εδώ είναι τα πράγματα που μπορείτε να δημιουργήσετε.
Η ιδέα είναι αν είναι αφής, το ποντίκι, το πληκτρολόγιο,
ό, τι η συσκευή είναι ότι τρέχετε την εφαρμογή σας, πρόκειται να τρέξει μεγάλη.
Windows 8 θα βοηθήσει με όλα αυτά τα σενάρια.
>> Αυτές οι διαφάνειες στην άκρη, ας πάρει το δικαίωμα σε λήψη μια ματιά εδώ γύρω.
Επιτρέψτε μου να σας δείξω γύρω από το σπίτι της οθόνης μου. Αυτή είναι η οθόνη εκκίνησης μου.
Θα σας δώσω μόνο ένα μικρό κομμάτι της περιοδείας εδώ.
Είμαι σε μια μηχανή μη-αφής, έτσι ώστε όσο θέλω να αγγίξει την οθόνη του φορητού υπολογιστή μου,
δεν θα κάνει τίποτα, έτσι θα ήθελα απλώς μετακινηθείτε γύρω από εδώ λίγο και να σας δείξω.
Μερικά πράγματα που μπορείτε να παρατηρήσετε είναι το γεγονός ότι αυτά τα λεγόμενα ζωντανά πλακίδια
πραγματικά να εμψυχώσει και να μπορούν να παρέχουν πληροφορίες σε σας -
ίσως ενημερώσεις σχετικά με τις στατιστικές για ένα παιχνίδι
ή να σας δείξει ειδήσεις από ορισμένες από τις προηγούμενες εφαρμογές που είναι εδώ στην αριστερή πλευρά.
Εκεί πάμε. Είμαι σίγουρος ότι είναι μόνο θετικά και ασύλληπτα μεγάλη είδηση.
Μπορείτε να δείτε εδώ είναι πραγματικά στρέψω την προσοχή σας πίσω στο app, λέγοντας,
"Γεια σου, υπάρχει κάτι νέο εδώ. Ρίξτε μια ματιά. Γύρνα πίσω και να δούμε τι είναι νέο για σένα."
Αυτό ονομάζεται ζωντανή κεραμίδι, και μπορείτε να κάνετε τις κοινοποιήσεις
είτε δεξιά από το ίδιο το δικόγραφο
ή αν ρίξετε μια ματιά σε περισσότερες λεπτομέρειες, θα μάθετε πώς να γράψει μια υπηρεσία απομακρυσμένου
ότι μπορεί να ωθήσει πραγματικά πληροφορίες στο κεραμίδι,
η οποία είναι ό, τι συμβαίνει με αυτές τις εφαρμογές ειδήσεων.
Είναι πραγματικά να πάρει είδηση ​​από το σύννεφο και την ενημέρωση του κεραμίδι εκεί
ώστε οι άνθρωποι ξέρουν ότι υπάρχει ένας λόγος για να ανοίξει την εφαρμογή και να ρίξετε μια ματιά
σε ό, τι τα τελευταία νέα είναι σε οποιαδήποτε από αυτές τις
ή αν υπάρχουν νέες συνταγές ή μια νέα υψηλή βαθμολογία για να νικήσει
ή ένας φίλος παίζει ή ό, τι για τις αιτήσεις αυτές.
Είναι κάτι για να σας δελεάσει πίσω μέσα
Έτσι ώστε να είναι τα ζωντανά πλακίδια, και θα μπορούσε να είναι ένα πρόσωπο, θα μπορούσε να είναι μια ιστοσελίδα, καθώς και.
Συνήθως είναι μια εφαρμογή.
>> Λίγο πολύ όλα αυτά τα πράγματα που έχω εδώ ήρθε από το Store των Windows. Θα ξεκινήσει αυτό.
Είναι μία από τις εφαρμογές που μπορείτε να πάρετε από προεπιλογή
σε οποιοδήποτε μηχάνημα που τρέχει Windows 8.
Μπορείτε να έρθετε εδώ για να βρείτε κάτι που θα θέλατε,
από τα πράγματα που τονίζονται σε παιχνίδια που δεν έχω ξαναδεί.
Ω, ουάου, έχουμε ένα νέο φλίπερ εδώ.
Μπορείτε να εγκαταστήσετε αυτά εδώ από το κατάστημα,
και θα μιλήσουμε για το πώς να αναπτύξει τις πολιτικές αυτές.
Έχετε πολλές επιλογές για το πώς μπορείτε να τα δημιουργήσετε.
Θα επικεντρωθεί στην ιστορία JavaScript με HTML και CSS,
αλλά προς το χρήστη, στον αγοραστή του app, δεν έχει σημασία τι ήταν γραμμένο in
Μπορούν να πάνε μπροστά και να εργαστούμε μαζί.
Είμαι intrigued από αυτό, γι 'αυτό πρέπει να ανοίξει αυτό και να ρίξετε μια ματιά.
Κάθε app, συμπεριλαμβανομένων εκείνων που μπορείτε να υποβάλετε και να πωλούν ή να δώσει μακριά δωρεάν,
ό, τι θέλετε να κάνετε στο κατάστημα, θα πάρετε μια αρχική σελίδα σαν αυτό.
Μπορείτε να υποβάλουν μαζί με την αίτησή σας μια δέσμη των πυροβολισμών οθόνης - μπορείτε να δείτε μερικά εδώ -
λεπτομέρειες σχετικά με την εφαρμογή, και την πάροδο του χρόνου θα συσσωρεύονται τα δύο αξιολογήσεις -
βασικά είναι ακριβώς η βαθμολογία αστέρι - και σχόλια,
που παρέχουν λίγο περισσότερη διορατικότητα.
Στην πραγματικότητα, κάποιος πρέπει να τυπώσει κάτι και να σας πω πόσο τρομερό θα είναι,
και ότι θα πάει σε Κριτικές τμήμα σας εδώ, πράγμα που δεν έχω κοίταξε.
Fantastic. "Δεν θα ανοίξει ακόμη." Πόσο μεγάλη.
Καλά, για τους λαούς για τους οποίους αυτό άνοιξε και τρέξιμο, φαίνεται να το απολαύσετε πραγματικά. [Γέλια]
Κρατήστε αυτό κατά νου. Το Διαδίκτυο. Ο καθένας μπορεί να πει ό, τι θέλουν για την αίτησή σας.
Έτσι, βεβαιωθείτε ότι έχετε κάνει πολύ καλή δουλειά με αυτό,
βεβαιωθείτε ότι έχετε κάνει όσο πιο άνετη για τον χρήστη, όπως μπορείτε
επειδή είναι ένα ζευγάρι κλικ μακριά από την παροχή μια κριτική,
και ότι θα συσσωρεύονται μέχρι συνολική βαθμολογία την κριτική σας.
Και θέλετε να κάνετε το καλύτερό σας επειδή εσείς πρόκειται να είναι αντιμέτωποι με άλλες εφαρμογές.
Θα υπάρξουν χιλιάδες εφαρμογές που έχουν ήδη στο κατάστημα,
και οι πιθανότητες είναι, μπορεί να υπάρχει κάτι που κάνει παρόμοια λειτουργικότητα με αυτό που κάνεις.
Έτσι, εάν θέλετε πραγματικά να ξεχωρίζουν από το πλήθος, αυτό πρόκειται να είναι προς όφελός σας, φυσικά.
>> Θα μπει στο κατάστημα λίγο αργότερα.
Θέλω πραγματικά να επικεντρωθεί στην δημιουργία εφαρμογών.
Αλλά η σύντομη εκδοχή του καταστήματος είναι παγκόσμια διανομή,
είναι αυτόματα μέρος των Windows 8, οι άνθρωποι απλά να ανάψουν και να ρίξετε μια ματιά σε διάφορες εφαρμογές εδώ,
έχετε το φόρεμα-Up αυτοκόλλητο βιβλίο και όλα τα είδη των διαφόρων εφαρμογών.
Φρέσκια μπογιά, μπορώ να χρησιμοποιήσω αυτό το πολύ - κακώς, αλλά το χρησιμοποιώ πολύ.
Είναι δείχνοντάς μου έχω ήδη το δικό της.
Επιτρέψτε μου να σας δείξω κάτι που δεν έχω - UVideos δεν έχω σαν καινούργιο.
Μπορείτε να δείτε εδώ είναι δωρεάν, ώστε να μπορείτε να εγκαταστήσετε το δικαίωμα από το κατάστημα.
Έχετε επιλογές πάρα πολύ. Μπορείτε φυσικά να το δώσει μακριά.
Μπορείτε να βάλετε τη διαφήμιση στο app ή το παιχνίδι.
Μπορείτε επίσης να χρεώνουν γι 'αυτό, και θα μπορούσε να προσφέρει πολύ εύκολα μια δίκη για την εφαρμογή, καθώς και
έτσι μπορείτε να αφήσετε τους λαούς να το δοκιμάσετε για μια εβδομάδα ή ό, τι θέλετε να κάνετε.
Αυτό είναι απλά προσαρμόσιμη μέσω της πύλης. Δεν γράψετε κάποιο κώδικα για αυτό.
Έτσι λέτε, "Μπορείτε να χρησιμοποιήσετε αυτό για μια εβδομάδα και στη συνέχεια έχετε να το αγοράσει,"
ή θα μπορούσατε να κάνετε τα πράγματα όπως, "Θα μπορούσατε να παίξετε τα 3 πρώτα επίπεδα αυτού του παιχνιδιού
»Και στη συνέχεια έχετε να αγοράσετε για να αποκτήσετε πρόσβαση σε όλα τα υπόλοιπα."
Θα μπορούσατε να κάνετε ακόμη και σε-app αγορές, καθώς, έτσι ώστε να μπορούμε να πούμε,
"Έχουμε πρόσθετες περιπέτειες ή σύνολα γραφικών ή πράγματα που είναι ξεκλείδωτη -
"Περισσότερες συνταγές που ξεκλειδώνονται -., Αν έχετε αγοράσει αυτά τα σύνολα επεκταθεί"
Και μπορείτε να το κάνετε όλα μέσα από το app ή το ίδιο το παιχνίδι.
Έτσι, συνολικά μέχρι σας, η επιλογή σας.
Υπάρχουν πολλά πράγματα που μπορείτε να κάνετε στο κατάστημα,
και στη συνέχεια ουσιαστικά θα φαινόταν ότι υποβάλλοντας σε ένα κανάλι πιστοποίησης.
Μπορούμε να μιλήσουμε όλοι γι 'αυτό λίγο αργότερα, αλλά αυτός είναι ο στόχος.
Θέλετε να πάρετε app παγκόσμια προβολή σας στο κατάστημα εδώ.
>> Επιστροφή στην αρχική οθόνη εδώ, θα ήθελα να σας ξεναγήσουμε λίγο περισσότερο.
Αν έχω ξεκινήσει αυτές τις εφαρμογές, επιτρέψτε μου να σας δώσω ένα παράδειγμα από κάποια λειτουργία cross-app εδώ.
Για να γίνει αυτό, εγώ θα ξεκινήσει φρέσκια μπογιά.
Ένα πράγμα που θα δείτε εδώ είναι κάθε κομμάτι της οθόνης,
όλα τα pixels της οθόνης, πηγαίνετε στο app σας.
Πηγαίνουν τις ημέρες όπου θα έχουν αυτά τα σύνορα γύρω από τα παράθυρα
με πολλά κουμπιά που είναι πάντα εκεί λαμβάνουν χώρο όλη την ώρα.
Τώρα θέλετε πραγματικά να ξεφύγουμε από αυτό και να έχουμε μόνο το περιεχόμενό σας να είναι το επίκεντρο.
Μπορούμε να κάνουμε τα πράγματα με τα Windows από την πρόσβαση σε άλλα είδη του μενού.
Ένας από αυτούς είναι στην πραγματικότητα αυτό που ονομάζεται το μπαρ γοητεύει,
και βγαίνει από την πλευρά της οθόνης.
Μπορείτε πραγματικά να τινάζει από την πλευρά, αν έχετε μια οθόνη αφής,
μπορείτε να κάντε δεξί κλικ, αν έχετε ένα ποντίκι, υπάρχει μια συντόμευση πληκτρολογίου για αυτό,
υπάρχει πάντα περισσότερο από ένας τρόπος για να κάνουμε κάτι για το περιβάλλον εδώ.
Αυτό φέρνει μια σειρά από πράγματα που μπορείτε να κάνετε.
Το πιο προφανές είναι ότι μπορείτε να πάτε πίσω στην αρχική οθόνη,
αλλά τα υπόλοιπα 4 είναι τα λεγόμενα γοητεύει.
Πρόκειται για συμβάσεις που μπορείτε να συνδέσετε σε ως προγραμματιστής app. Είναι αρκετά δροσερό.
Αναζήτηση, είμαι σίγουρος ότι αυτό είναι κάτι που πρόκειται να κάνει,
ανταλλαγή Θα σας δείξω σε ένα δευτερόλεπτο,
και συσκευές και ρυθμίσεις, όλα αυτά είναι πράγματα που η εφαρμογή σας να συνδέσετε σε
για τη μόχλευση των Windows, να πω, «έχω κάνει το μέρος μου
"Και θέλω Windows για να υποστηρίξει κάποια άλλη λειτουργία,
"Και δεν θέλω να γράψω ένα πολύ κώδικα για να συμβεί αυτό."
Αυτό είναι πραγματικά ένα όφελος από τη χρήση αυτών των δυνατοτήτων.
Επιτρέψτε μου να σας δείξω.
Για να γίνει αυτό, θα κάνω μια νέα ζωγραφική.
Επίσης, μίλησε σχετικά με τη χρήση κάθε pixel για την εφαρμογή σας.
Από προεπιλογή, αυτό είναι ό, τι το app χρώμα μοιάζει όταν το χρησιμοποιείτε.
Είναι πραγματικά ακριβώς για ό, τι τραβάτε, το περιεχόμενό σας.
Θα μπορούσα να κάνουν φρικτά πράγματα εδώ. Τι πρέπει να βγάλουμε; Δεν ξέρω.
Μουντζούρες; Ω, μεγάλη. Μπορώ να κάνω μουντζούρες. Fantastic.
Μια γαλοπούλα; [Γέλια]
Αυτή είναι η πιο αφηρημένη γαλοπούλα που θα δείτε.
Μπορώ επίσης να εμφανιστεί αυτό που ονομάζεται το μπαρ app,
και αυτό είναι πραγματικά ένας από τους βασικούς τρόπους με τους οποίους μπορείτε να χρησιμοποιήσετε
για να κρύψει μακριά όλα τα πράγματα που θα μπορούσαν να έχουν στην εφαρμογή ή το παιχνίδι σας πριν
απλώς πιάνουν χώρο όλη την ώρα.
Έτσι τώρα μπορείτε να το βάλετε εδώ, και αυτό είναι πραγματικά μια από τις πιο όμορφες εμπειρίες
με τη γραμμή app που έχω δει.
Βάλτε τις επιλογές εδώ για την επιλογή διαφορετικών χρωμάτων.
Θέλαμε μια γαλοπούλα, οπότε θα βάλουμε κάποια καφέ εδώ, ξεκινήστε ανάμειξη σε δυο χρώματα.
Θα πάρουμε ένα ενδιάμεσο χρώμα εδώ και στη συνέχεια να πάρει πίσω εδώ.
Μπορείτε να αρχίσετε να σχεδιάζετε. Υπάρχει γαλοπούλα σας. Fantastic.
Δεν μπορώ να επιστήσω να αρχίσει με, αλλά να το κάνουμε με ένα touchpad μπροστά σε ένα ακροατήριο είναι ακόμα καλύτερο.
Αυτό είναι φοβερό.
Η ιδέα, όμως, είναι ό, τι με νοιάζει είναι ακριβώς εδώ στην επιφάνεια.
Ας πούμε ότι είμαι τόσο ικανοποιημένος με αυτό που έχω να το μοιραστώ με κάποιον.
Κανονικά τι θα κάνατε με άλλες εκδόσεις των Windows,
θα πάρει ίσως ένα στιγμιότυπο οθόνης, θα κάνετε κάποια copy-paste του κειμένου σας
ή τα πράγματα όπως αυτό που θέλετε να μοιραστείτε έξω,
και στη συνέχεια να πάει και να ανοίξει μια άλλη εφαρμογή και να το βάλετε σε αυτό.
Εδώ δεν χρειάζεται να το κάνουμε αυτό.
Μπορείτε πραγματικά να φέρει έξω τη γραμμή γοητεύει και να πει, «θέλω να μοιραστώ αυτό."
Στο σημείο αυτό πρόκειται να σας δείξει όλες τις εφαρμογές
που ξέρουν πώς να συνεργαστεί με ό, τι γίνεται κοινή χρήση.
Σε αυτή την περίπτωση είναι μια εικόνα, γι 'αυτό πρόκειται να πει, «βλέπω ότι έχετε μια εικόνα."
"Θέλετε να μοιραστείτε αυτό;" Μπορείτε να δω τον εαυτό μου email πράγματα όλη την ώρα.
Αναγνωρίζει ότι, και αυτό είναι που μου προσφέρει ότι ως συντόμευση,
αλλά είναι επίσης μου δείχνει κάθε app που ξέρει πώς να ασχοληθεί με τη λήψη μιας φωτογραφίας
και να κάνει κάτι με αυτό.
Αυτά έχουν ήδη επισημάνει ότι τα Windows μπορούν να το κάνουν.
Σε αυτό το σημείο αυτό είναι τα Windows.
Ο χρήστης επιλέγει ακριβώς τι θέλουν να κάνουν με αυτό.
Θα κάνω το συνηθισμένο μου PuzzleTouch. Μπορείτε να δείτε έχω δημιουργήσει όλα τα είδη των παζλ πάροδο του χρόνου.
Θα πάρω PuzzleTouch και να πει, «θέλω να μοιραστώ αυτή την καταπληκτική δημιουργία με PuzzleTouch."
Είναι πρόκειται να προχωρήσει και να πω, "Great. Θέλετε να μοιραστείτε αυτό; Fantastic."
"Θέλετε να κάνετε ένα παζλ που είναι εύκολο, ενδιάμεσα, ό, τι;"
Θα κάνω ένα ενδιάμεσο εδώ.
Κάνει το παζλ. Είναι πρόκειται να είναι μια φοβερή γρίφος επειδή είναι ως επί το πλείστον κενό.
Αλλά είναι έτοιμη, και είναι στην πραγματικότητα πίσω στην άλλη εφαρμογή.
Αν έρθω εδώ, μπορώ να το αναζητήσετε και να το προωθήσει.
Τώρα, αν μετακινηθείτε πάνω από ακριβώς ένα μικρό κομμάτι εδώ, θα πρέπει να δούμε τη δημιουργία μου κάπου.
Πού να πάω; Τι είδους παζλ έκανα; Μήπως μπορώ να είναι εύκολο;
Ω, εκεί είναι, ακριβώς εκεί.
[Γέλια] Είναι η εύκολα αναγνωρίσιμη παζλ γαλοπούλα που είναι εδώ.
Αλλά το πράγμα που θέλω να σας επισημάνω, το δροσερό πράγμα εδώ
είναι οι εφαρμογές δεν ήξερε τίποτα ο ένας για τον άλλο.
Το μόνο που είπε, "έχω μια εικόνα για να μοιραστούν, και ξέρω πώς να ασχοληθεί με εικόνες."
Και εσείς ως προγραμματιστής, δεν έχετε να γράψετε τον κώδικα.
Όταν κάποιος με ρωτάει για να μοιραστείτε, Πάω να βάλει κάποια δεδομένα σε αυτό το μικρό δομή δεδομένων
και τελειωσα.
Το άλλο app αναλαμβάνει, κάνει το πράγμα, και αυτό είναι το τέλος της ανταλλαγή εμπειριών.
Αυτό είναι μόνο ένα πράγμα που μπορείτε να κάνετε - πραγματικά, πραγματικά ισχυρό -
και πρόκειται να είναι ένα από εκείνα τα πράγματα που θα μπορούσε πραγματικά να βοηθήσει στη διαφοροποίηση app σας
καθώς επίσης και το παιχνίδι σας πάρα πολύ στο κατάστημα.
Οι άνθρωποι θα είναι σε θέση να πει, «Αυτό είναι πραγματικά χρήσιμο."
"Έχω χρησιμοποιήσει αυτό το παζλ δημιουργός όλη την ώρα. Είναι φανταστικό."
>> Αυτό είναι αρκετό για μια σύντομη επισκόπηση του τι συμβαίνει εδώ.
Υπάρχει ένα ζευγάρι άλλα χαρακτηριστικά γνωρίσματα επίσης ότι ίσως θα τονίσει καθώς περνάμε από τον κωδικό.
Αλλά θέλω να βουτήξει σε διαφάνειες, και να το κάνουμε αυτό, είμαι πρόκειται να πάει στην επιφάνεια εργασίας,
το οποίο είναι το ίδιο, άλλο κεραμίδι εδώ.
Μπορώ να μπω σε αυτό και, αρκετά βέβαιος, είμαι σε διαφάνειες μου,
αλλά επιτρέψτε μου να σας δείξει πραγματικά το πού βρισκόμαστε.
Είμαστε πραγματικά σε λειτουργία Desktop.
Αυτό είναι πραγματικά όπου αυτό που έλεγα πριν για τα Windows μεταφορά
σε νέες εμπειρίες δείχνει η ίδια.
Αυτό είναι το Windows που γνωρίζετε.
Οι εφαρμογές των Windows που ονομάζεται desktop εφαρμογές. Τρέχουν εδώ.
Αν έχετε υπάρχουσες εφαρμογές και θέλετε να τους τρέχει σε Windows 8,
μπορείτε να κάνετε απολύτως αυτό.
Αυτά δεν είναι τα ίδια πράγματα, όπως τα apps κατάστημα, το οποίο είναι πάνω από εδώ,
όπως φρέσκια μπογιά και αυτές NBC News εφαρμογές και τέτοια πράγματα. Αυτοί θα έρθουν από το κατάστημα.
Μπορούν να συνδέσετε σε μερικά από τα χαρακτηριστικά που σας έδειξα
και άλλοι που δεν σας έχω δείξει ακόμα.
Αλλά ακριβώς να το έχουμε κατά νου. Έχουμε την υποστήριξη για τα δύο αυτά πράγματα, όπως καλά.
Λυπάμαι. Είναι κάτι που δεν εμφανίζονται στην οθόνη; Έχω χάσει τελείως. Αυτό είναι περίεργο.
Εντάξει. Ευχαριστώ για την επισήμανση.
Αυτό που δεν έχουν δει για μια στιγμή μου είναι να σας δείχνει ότι η επιφάνεια εργασίας είναι εδώ.
Ποιο είναι το τελευταίο πράγμα που είδε; Το είδες αυτό;
Αυτή είναι η επιφάνεια εργασίας. Γνωρίζετε ήδη τι μοιάζει.
Δεν είναι τίποτα τρομερά ασυνήθιστο.
Είναι μας μεταφέρουν αυτή την εμπειρία προς τα εμπρός για σας και επιτρέποντάς σας να χρησιμοποιήσετε τα πράγματα που είχατε.
Για παράδειγμα, εγώ θα σας δείχνει το Visual Studio. Αυτό είναι ένα desktop εφαρμογή.
Είναι πρόκειται να τρέξει σε αυτή την κατάσταση.
Είναι πρόκειται να υποστηρίξει ένα πιο σύνθετο περιβάλλον
με πολλές επιλογές και τέτοια πράγματα, γι 'αυτό είναι μια καλή επιλογή ως ένα desktop app κάνει.
>> Τούτου λεχθέντος, ας πάμε σε διαφάνειες μόνο για λίγο
και να σας δώσει κάποια εισαγωγικά περιεχόμενο και στη συνέχεια να μπει πραγματικά κωδικοποίησης εδώ.
Τα καλά νέα είναι ότι έχω ακούσει ότι έχετε εστιάσει σε πολλά CSS και JavaScript, HTML.
Όλα αυτά τα πράγματα που έχετε μάθει carry άμεσα στη διαδικασία λήψης Windows Store apps.
Τα πράγματα που έχετε ακούσει για την εφαρμογή με CSS επιλογείς και όλα αυτά τα πράγματα
είναι ακριβώς αυτό που κάνετε για να δημιουργήσετε μια εφαρμογή εδώ για το κατάστημα.
Θα πάμε μέσα από αυτά τα πράγματα σιγά-σιγά.
Βασικά, είμαι με βάση τα πράγματα που έχετε ήδη λάβει το χρόνο για να μάθουν.
Αυτό είναι το γενικό διάγραμμα των τεχνολογιών που θα μπορούσατε να χρησιμοποιήσετε
να κάνει τις εφαρμογές για τα Windows 8.
Τα πράγματα σχετικά με το δικαίωμα, τα desktop εφαρμογές, είναι πραγματικά αυτό που ήδη γνωρίζουμε.
Αυτό είναι τα πράγματα που είναι πραγματικά το Windows 7 τον κόσμο μεταφέρονται στα Windows 8.
Όλες αυτές οι επιλογές μεταφέρουν: C #, VB, Win32 είδος της ανάπτυξης.
Μεγάλη. Κανένα πρόβλημα. Η νέα πράγματα είναι στην αριστερή πλευρά.
Αυτό είναι το Windows Store apps, ότι όταν θέλω να πάρει την αίτησή μου ενσύρματη στα Windows 8
χρησιμοποιώντας όλα εκείνα τα χαρακτηριστικά, το πάρετε στο κατάστημα, και να πάρει ότι πραγματικά δροσερή εμπειρία
από τις εφαρμογές των Windows Store.
Για να γίνει αυτό, μπορείτε να δείτε εδώ έχετε όλες τις επιλογές σας με XAML, C + +,
C #, VB, θα μπορούσατε να κάνετε DirectX, τέτοια πράγματα, πράγματα που πηγαίνουν πέρα ​​από την διαφάνεια.
Αλλά για μας, θα πάμε να επικεντρωθεί ακριβώς στο γεγονός ότι η HTML, CSS, JavaScript και
είναι πραγματικά ένας πολίτης πρώτης κατηγορίας για την υποβολή αιτήσεων για τα Windows 8
και για το κατάστημα των Windows.
Έτσι, αυτό είναι καλό για όλους εδώ και οι λαοί παρακολουθούν σε βίντεο
επειδή μπορείτε να μόχλευσης ακριβώς όλα αυτές τις εμπειρίες που έχετε
και να δέσουν σε ό, τι προσφέρει τα Windows.
Θα πάμε να το κάνουμε αυτό μέσα από ένα σύνολο από APIs, τα οποία θα πρέπει να είναι καμία έκπληξη.
Κάθε λειτουργικό σύστημα έχει το δικό του API της.
Μπορούμε να εκθέσει τι μπορεί να κάνει τα Windows μέσα από αυτό που ονομάζεται WinRT.
Είναι ένα σύνολο από APIs που κάνει ακριβώς τα πάντα για εσάς.
Εάν πρέπει να ανοίξετε τα αρχεία, θα πρέπει να χρησιμοποιήσετε την κάμερα, geolocation, τέτοια πράγματα,
περνούν από το τι μπορούν να προσφέρουν τα Windows σας.
Για να αποκτήσετε πρόσβαση σε αυτό, έχουμε λίγο περισσότερο JavaScript που πρόκειται να κάνει ακόμα πιο εύκολη
για να το κάνετε αυτό. Θα φτάσουμε σε αυτό σε λίγο.
Αλλά για τώρα, αυτό είναι βασικά οδικό χάρτη σας.
Τα πράγματα που έχετε ήδη κάνει πάνω από μερικές APIs
που σας βοηθούν να λειτουργούν με τα Windows ισούται app κατάστημα.
Και αυτό είναι πραγματικά για όλα όσα πρέπει να ξέρετε από το υψηλό επίπεδο.
>> Θα βουτήξει στην πραγματικότητα εργάζονται με τα πράγματα τώρα.
Τα πράγματα που πιθανώς έχετε ήδη δει ένα σωρό,
με IE9 λίγο πίσω μας εισήγαγε και υποστήριξη για πολλά από τα, κατά τη χρονική στιγμή,
νεότερα πρότυπα του Web, έτσι ώστε πολλά νέα χαρακτηριστικά CSS,
πολλά νέα HTML, ECMAScript 5, το οποίο είναι πραγματικά JavaScript.
Έτσι, τα πάντα γι 'αυτό, εκτός από την αυστηρή λειτουργία ήταν σε IE9.
Μόλις ένας τόνος των πράγματα με CSS, CSS3, όλα εκεί.
Και όλα αυτά τα πράγματα μεταφέρει σε ό, τι κάνουμε με τα Windows 8.
Μπορείτε να χρησιμοποιήσετε αυτά τα πράγματα, και μπορείτε να χρησιμοποιήσετε ό, τι νέο υπάρχει στο IE10.
Με IE10 εισάγουμε υποστήριξη για όλα αυτά τα πράγματα, όπως καλά.
Είναι όλοι hardware-accelerated, οπότε αν είστε σε ένα μηχάνημα που έχει κάποιο είδος της GPU,
που είναι πιθανώς λίγο πολύ κάθε μηχάνημα που θα μπορούσατε να πάρετε τα τελευταία 8 χρόνια,
θα πάμε να είναι σε θέση να έχουν hardware-accelerated απόδοση,
οπτική έξοδο με CSS, Canvas, SVG.
Όλα αυτά τα πράγματα θα πάνε μέσω της επιτάχυνσης υλικού
και να είναι ότι πολύ πιο γρήγορα και πιο αποτελεσματικά.
Η σύντομη εκδοχή του όλα αυτά - Είμαι δεν πρόκειται να περάσει από κάθε ενιαίο πράγμα εδώ -
αν το δείτε στον κατάλογο αυτό, αν μπορείτε να το κάνετε σε IE10,
αν είναι ένα web app που τρέχετε που λειτουργεί σε IE10,
αυτό είναι κάτι που μπορείτε να κάνετε ως app Windows Store.
Και αυτό είναι λίγο πολύ αυτό. Έτσι, εάν λειτουργεί σε IE10, πρόκειται να λειτουργήσει ως ένα app Windows Store.
Είναι πάνω στο τραπέζι ως κάτι που θα μπορούσατε να χρησιμοποιήσετε.
>> Υπάρχουν πολλά εδώ. Δεν έχουμε μέχρι τα μεσάνυχτα, οπότε δεν μπορεί να ελέγξει τα πάντα εδώ.
Αλλά υπάρχουν μερικές ιστοσελίδες που θα σας βοηθήσουν να καταλάβετε τι μπορεί να κάνει αυτά τα πράγματα,
και θα σου δείξω έναν από αυτούς σε ένα δευτερόλεπτο.
Ήθελα απλώς να επισημάνω μερικά από τα βασικά πράγματα που μπορείτε να κοιτάξετε.
Ίσως έχετε δει ήδη κάποιες από αυτές τις σπουδές σας,
αλλά αυτά είναι πραγματικά χρήσιμη, ιδίως με Windows Store apps, από την πλευρά του CSS.
Έτσι είναι σε θέση να κάνει μετασχηματισμούς και τις μεταβάσεις, παρέχει κίνηση με κινούμενα σχέδια -
όλα αυτά είναι μέρος του CSS τώρα, και είναι όλα υποστηρίζονται από σύγχρονα προγράμματα περιήγησης,
και IE10 και IE9 έχουν προστεθεί υποστήριξη για την πάροδο του χρόνου όλα αυτά τα πράγματα.
Και γιατί να το γράψετε μόνοι σας, γιατί να περάσουν από όλα τα προβλήματα του να κάνει αυτά τα πράγματα με το χέρι
όταν θα μπορούσατε να χρησιμοποιήσετε ένα απλό CSS μετασχηματισμού για τη δημιουργία ενός 3D αποτέλεσμα για την εφαρμογή σας;
Μεγάλη. Αυτό είναι το πώς λειτουργεί.
Δεν μπορώ καθόλου πιο δύσκολο από ότι κάνουν.
Εάν ξέρετε πώς να το κάνουμε σε CSS, ξέρετε πώς να το κάνουμε με την εφαρμογή Windows Store.
>> Πηγαίνοντας πέρα ​​από αυτό για τη διάταξη, τα πράγματα όπως ακόμη και το app store,
Πέρα όμως από αυτό, κοιτάζοντας ίσως ένα app ειδήσεων που σας παρουσιάζει τα άρθρα
ή συνταγές ή τέτοια πράγματα, αυτά τα άλλα είδη των χαρακτηριστικών σε CSS είναι πραγματικά χρήσιμο:
Πλέγμα Flexbox, CSS Regions είναι περισσότερο από ένα αρκετά νέο πρότυπο, καθώς και.
Αυτά τα πράγματα όλα θα σας βοηθήσει να τοποθετήσετε το περιεχόμενο και τη ροή του περιεχομένου μεταξύ των τμημάτων,
να είναι σε θέση να κάνει τη σελιδοποίηση και το συλλαβισμό, χωρίς να χρειάζεται να γράψετε τα πράγματα μόνοι σας.
Μπορείτε απλώς να πω, "Παρακαλώ να κάνετε τα εξής για μένα»
και η οθόνη των ακινήτων είναι διαφορετική σε διαφορετικές μηχανές
ή όπως θα δείτε σε λίγο, όπως εσείς snap μια εφαρμογή
να έχουν μικρότερα ποσά του χώρου στην οθόνη, αυτό δεν είναι πρόβλημα για CSS.
Μπορεί να επωφεληθούν από - we'll συζήτηση σχετικά με τα ερωτήματα των μέσων ενημέρωσης σε ένα δεύτερο -
μπορεί να φροντίσει τα πράγματα με την επανατοποθέτηση του περιεχομένου σας, που απορρέουν από το περιεχόμενο των περιφερειών
ακριβώς με αυτά τα πράγματα που μπορεί να έχετε ήδη δει με την τεχνολογία web.
>> Από την πλευρά της HTML5, υπάρχουν επίσης ένα σωρό πράγματα
ότι θα είναι πολύ χρήσιμο για σας με το Windows Store apps.
Και πάλι, δεν θα περάσουν από όλα αυτά, αλλά είναι ακριβώς εδώ.
Έτσι, αν χρειαστεί να το χρησιμοποιήσετε, audio-video, αν θέλετε να κάνετε την επικύρωση από τις μορφές,
geolocation, όλα τα πράγματα που μπορείτε να κάνετε σε JavaScript με JavaScript ECMAScript 5 ή 5,
IndexedDB για τοπική αποθήκευση - όλα αυτά είναι επιλογές για σας.
Αν ψάχνετε για μια απάντηση, απλά κοιτάξτε στις υπάρχουσες τεχνολογίες με HTML5 και CSS
και θα βρείτε ευκολότερα απαντήσεις ό, τι χρειάζεται για να κυλήσει μια πολλά από αυτά τα πράγματα τον εαυτό σας.
Επιτρέψτε μου να σας ξεναγήσουμε λίγο εδώ.
Έχω μια ιστοσελίδα μπορούμε να πάμε.
Επιτρέψτε μου να βγείτε από αυτήν τη διαφάνεια για ένα δευτερόλεπτο.
>> Αν πάμε έξω να IETestDrive.com,
Δεν θα το κάνω πολύ από ένα demo εδώ.
IETestDrive.com πραγματικά σας δείχνει πολλά για το τι νέο υπάρχει σχετικά με IE10,
τα πράγματα που μπορείτε να κάνετε.
Θεωρώ ότι αυτό είναι πραγματικά χρήσιμη, διότι αντί της ανάγνωσης μέσα από μια δέσμη της λευκά χαρτιά,
δούμε μερικά demos, και ότι πρόκειται να σας βοηθήσει να το βάλετε στο δικό σας προσωπικό ραντάρ
σχετικά με το αν η τεχνολογία έχει νόημα να κάνουμε ακόμη περισσότερα οποιαδήποτε έρευνα με
έτσι θα καταλάβετε, «βλέπω τι είναι αυτό για."
«Καταλαβαίνω τι Αίτηση Animation Frame κάνει για μένα."
«Καταλαβαίνω πώς θα μπορούσα να χρησιμοποιήσω Περιφερειών ή φίλτρα SVG."
Μπορείτε να τους δείτε σε δράση, να τους δείτε ζωντανά στο παράδειγμα εδώ,
και να αποφασίσει για τον εαυτό σας, αν αυτό πρόκειται να είναι χρήσιμο για σας στο δικό σας έργα και πέρα
όπως θα συνεχίσει να συνεργάζεται με την τεχνολογία web.
Εδώ θα ήθελα απλώς να σας ενθαρρύνω να ρίξετε μια ματιά.
Δεν νομίζω ότι θα περάσω πολύ χρόνο στην πραγματικότητα τη λειτουργία αυτών.
Έχουμε αρκετό για να δείξει με το γράψιμο κώδικα.
Θα δείτε εδώ τα πράγματα από τα αποτελέσματα αφής για touch-based παιχνίδια στο εν λόγω σημείο,
animation, πολύ γρήγορα hardware-accelerated animation εκεί,
ορισμένες βελτιστοποιήσεις που θα δείτε σε μερικά από αυτά τα δείγματα, καθώς και,
και υπάρχουν πολλά, πολλά περισσότερα.
Αν πάτε εδώ και να ανοίξει το χάρτη της ιστοσελίδας,
υπάρχει μόνο ένα γελοίο αριθμό των δειγμάτων εδώ.
Μπορείτε να τα δείτε εδώ.
Αν ψάχνετε σε κάτι ή έχετε ακούσει για κάτι
και αναρωτιέστε ίσως αυτό θα ήταν κάτι δροσερό για να χρησιμοποιήσετε το app,
προσπαθήστε να βρείτε εδώ, και είναι πιθανό να υπάρχει ένα πολύ καλό demo για να σώσει τον εαυτό σας λίγο χρόνο.
>> Εντάξει; Οποιεσδήποτε ερωτήσεις μέχρι στιγμής για τα παιδιά εδώ;
Εντάξει. Θα συνεχίσουμε εδώ.
Και πάλι, απλά ελέγξτε ότι έξω.
Πρόκειται για τα web standards, έτσι ώστε να πάει σε άλλους ιστότοπους βιτρίνα που ξέρετε
και να δούμε αν αυτές οι τεχνολογίες έχουν νόημα για το τι προσπαθούμε να κάνουμε.
>> Back σε διαφάνειες.
Τούτου λεχθέντος, θα κινούνται από έναν κόσμο Web σε πραγματικά εγκατεστημένο κόσμο τοπική εφαρμογή,
έτσι υπάρχουν μερικά πράγματα που πρέπει να επισημάνω εδώ.
Πρώτα απ 'όλα, δεν υπάρχει web server που εμπλέκονται εδώ.
Δεν υπάρχει καμία Apache, δεν υπάρχει IIS τρέχει εδώ
εξυπηρετούν τις σελίδες σε ένα απομακρυσμένο πελάτη, σε ένα απομακρυσμένο πράκτορα του προγράμματος περιήγησης.
Στην περίπτωση αυτή, πραγματικά τα πάντα είναι συσκευασμένο για εσάς.
Μπορείτε ισχυρίζονται ότι η αίτησή σας στο κατάστημα, παίρνει πιστοποιηθεί,
είναι έξω στο κατάστημα, και τότε οι άνθρωποι από τις χιλιάδες θα εγκαταστήσετε το παιχνίδι σας ή την εφαρμογή σας.
Αλλά βασικά, από όπου και αν το τράβηγμα κάτω τοπικά στον υπολογιστή τους.
Δεν υπάρχει καμία ανάγκη να βγούμε έξω στο Web πια εκτός αν έχετε τις κλήσεις που χρειάζονται ένα απομακρυσμένο API,
και αυτό είναι απόλυτα φυσιολογικό, καθώς πάρα πολύ.
Αλλά δεν πρόκειται να είναι σε αυτή την κατάσταση, όπου πρέπει να πάνε αίτημα απόκρισης από το διακομιστή
για να πάρει την επόμενη σελίδα του περιεχομένου τους.
Έτσι είπε ότι, υπάρχουν μερικά μικρές διαφορές API. Αυτά είναι απίστευτα ήσσονος σημασίας.
Είναι απίθανο να σας χτυπήσει στην κανονική κωδικοποίηση σας, αλλά είναι τουλάχιστον τεκμηριωμένη.
Είναι το είδος των περιπτώσεων άκρη εκεί.
>> Το άλλο πράγμα που αξίζει να σημειωθεί είναι οι διαφορές εμπιστοσύνη.
Θα αναφέρω μόνο αυτό γιατί απλά θέλετε να βεβαιωθείτε ότι το είπα
οπότε αν τρέχετε σε αυτό αργότερα, θα σκεφτείτε, "Chris είπε κάτι γι 'αυτό,
"Έτσι ίσως, ναι, εντάξει," και στη συνέχεια μπορείτε να πάτε πίσω και να μάθετε τι ήταν.
Πλαίσια σημασία.
Από προεπιλογή προσπαθούμε να προστατεύει το χρήστη από φορείς της επίθεσης.
Υπάρχουν ορισμένα πράγματα που μπορείτε να κάνετε από προεπιλογή
και ορισμένα πράγματα που πρέπει να αλλάξει το πλαίσιο για να ενεργοποιήσετε.
Όπως μπορείτε να χρησιμοποιείτε κάποιες βιβλιοθήκες εκεί έξω - Το έχεις ήδη εργάζονται με jQuery,
αλλά αν ψάχνετε για άλλες βιβλιοθήκες εκεί έξω - ίσως να χρησιμοποιούν κάποια λειτουργικότητα
ότι το είδος του πηγαίνει πέρα ​​από τις τοπικές συνήθειες, δεν πιο δυναμικών αλληλεπιδράσεων
Αιτήσεις XHR, τέτοια πράγματα.
Μερικές φορές μπορείτε να βρείτε αυτές που θα πρέπει να απενεργοποιηθεί από προεπιλογή,
και σε αυτή την περίπτωση, κάνετε ακριβώς μια αναζήτηση, αναζήτηση τοπικών και web πλαίσιο,
και θα μάθετε πώς να το διορθώσω αυτό.
Απλά βεβαιωθείτε ότι έχετε γνώριζαν γι 'αυτό, όπως σας αρχίσουν να χρησιμοποιούν άλλα πλαίσια,
οποίας, θα ήθελα να αναφέρω, είστε απολύτως σε θέση να κάνει.
Έτσι, αν βρείτε κάποιο άλλο πλαίσιο - we'll μιλήσουμε για αυτό σε ένα δεύτερο -
για gaming και θέλετε να χρησιμοποιήσετε ότι θέλετε να χρησιμοποιήσετε κάποια βιβλιοθήκες ελέγχου που είναι εκεί έξω
και δεν θέλετε να γράψετε ότι τα πράγματα τον εαυτό σας - είναι μια καλή ιδέα, έτσι δεν είναι; -
μπορείτε να χρησιμοποιήσετε απολύτως αυτά τα πράγματα.
Δεν υπάρχει τίποτα που κατέχουν σας πίσω από τη χρήση οποιουδήποτε είδους βιβλιοθήκης που βασίζεται σε JavaScript,
CSS, HTML5.
Και πάλι, αν είναι κάτι που μπορείτε να κάνετε στο IE10, η οποία είναι ένα καλό των πολύ αυτές τις μέρες,
μπορείτε να το κάνετε.
Τραβήξτε το στο app σας, η αναφορά ότι η βιβλιοθήκη JavaScript, και να το χρησιμοποιήσετε στην αίτησή σας,
απλά κρατώντας στο μυαλό σας μπορεί να χτυπήσει ένα πλαίσιο ασφάλειας κάποια στιγμή - όχι πολύ συχνά.
>> Και τότε τα χαρακτηριστικά, θα πάμε πάνω από λίγα περισσότερα από αυτά που πάμε.
Το UX θα είδος συνηθίσει ως βλέπεις όλο και περισσότερες εφαρμογές
από το Store των Windows.
Μπορείτε να πάρετε μια ιδέα για το πώς λειτουργούν και πώς η αισθητική τείνει να λειτουργεί
σε διαφορετικές εφαρμογές και αυτό που οι άνθρωποι θα πρέπει να χρησιμοποιηθεί για να αντιμετωπίζετε.
Αυτό είναι πραγματικά το σημαντικότερο μέρος.
Βεβαιωθείτε ότι όταν ανάψουν app σας δεν χρειάζεται να διαβάσει ένα εγχειρίδιο,
το οποίο ποτέ δεν το κάνουν, από τον τρόπο.
Θα πρέπει απλώς να είναι σε θέση να αρχίσετε να παίζετε με την αίτησή σας
και υπολογίζει χωρίς μεγάλη δυσκολία.
Με την προσκόλληση και την τήρηση πολλά από αυτές τις πρακτικές,
θα πάμε να κάνουν οι χρήστες σας μια μεγάλη χάρη, γίνεται ευκολότερο.
>> Εντάξει. Ένα τελευταίο πράγμα από την πλευρά της API και στη συνέχεια θα μπει στην πραγματικότητα τη σύνταξη κώδικα.
WinJS είναι αυτό το πράγμα που ανέφερα πολύ σύντομα με την εν λόγω σύνθετου διαφάνεια
με όλες αυτές τις διαφορετικές επιλογές που έχετε για την υποβολή αιτήσεων.
WinJS, μπορείτε να σκεφτείτε από το ως έναν φιλαράκο.
Είναι ο φίλος σας για να σας βοηθήσουν να γράψετε τα πράγματα πιο γρήγορα.
Είναι απλά JavaScript και CSS. Δεν χρειάζεται να το χρησιμοποιήσετε. Μπορείτε να το χρησιμοποιήσετε.
Εάν πρόκειται να καλεί σε με τα χαρακτηριστικά των Windows, θα καταλήξετε με αυτό,
αλλά αν υπάρχουν πράγματα, όπως ορισμένα σχεδιαστικά πρότυπα ή μάρτυρες που πραγματικά δεν θέλετε να χρησιμοποιήσετε,
θέλετε να χρησιμοποιήσετε κάτι άλλο, είναι στο χέρι σας.
Αποφασίστε τι θέλετε να χρησιμοποιήσετε και τα στυλ που θέλετε να χρησιμοποιήσετε.
Τα χαρακτηριστικά από namespacing και τάξη γενιάς - μέχρι σας.
Αν προτιμάτε ένα ή το άλλο, είναι αποκλειστικά δική σας επιλογή. Είναι ακόμα JavaScript και CSS.
Αλλά πρόκειται να σας βοηθήσει να κάνετε πολλά πράγματα.
Για παράδειγμα, εδώ είναι ένα υποσύνολο του τι μπορεί να κάνει,
πράγματα όπως βοηθώντας ασύγχρονη προγραμματισμού με υποσχέσεις.
Οποιαδήποτε από σας ακούσει ή να εργαστεί με Node.js;
Είναι ένα κοινό μοτίβο να συνεργαστεί με ασύγχρονο προγραμματισμό.
Έτσι, βασικά αυτό που λες είναι "Πήγαινε να κάνει κάτι,
"Και θα πάμε να μου δώσει μια υπόσχεση ότι θα επιστρέψει σε μένα όταν τελειώσετε."
Αυτό είναι ουσιαστικά ό, τι συμβαίνει.
Έτσι ώστε να μην παγώσει την αίτησή σας, ενώ ο χρήστης πρόκειται και να πάρει ένα αρχείο
ή κάτι γίνεται σε συνεχή ροή κάτω από το Web.
Το UI παραμένει ενεργός.
Και μπορείτε να το κάνετε αυτό χρησιμοποιώντας ασύγχρονη προγραμματισμού.
Ακούγεται γελοία περίπλοκο, αλλά είναι πραγματικά εύκολο, επειδή είστε με τη χρήση υποσχέσεις
και θα πω, "Πήγαινε να το κάνετε αυτό και όταν τελειώσετε, καλέστε το πίσω, αυτή τη μέθοδο."
Αυτό είναι λίγο πολύ αυτό. Αυτό είναι όλα χτισμένα σε WinJS.
Είναι πρόκειται να είναι πολύ πιο εύκολο να γράψει πραγματικά ευέλικτο και ισχυρό εφαρμογές.
>> Μπορείτε να δείτε το υπόλοιπο εδώ, πολλά κινούμενα σχέδια.
Πιθανώς ένα από τα πιο σημαντικά πράγματα σε αυτή τη διαφάνεια είναι οι έλεγχοι.
Νομίζω ότι έχω ένα ολόκληρο - ναι, το κάνω.
Εδώ είναι ένα παράδειγμα μερικά μόνο από τα στοιχεία ελέγχου που μπορείτε να χρησιμοποιήσετε στις εφαρμογές σας.
Αυτό είναι κατ 'ευθείαν επάνω από WinJS.
Δεν γράφουμε αυτές τον εαυτό σας,
μπορείτε απλώς να πω, "Εδώ είναι πώς θέλω να συνθέσει την αίτησή μου."
"Θα χρησιμοποιήσετε μια προβολή κτύπημα έτσι μπορώ να πάω μεταξύ των διαφορετικών εικόνων."
Δεν σας έχω δείξει Semantic Zoom. Θα σας δείξω ότι σε ένα δευτερόλεπτο.
ListViews. Υπάρχει GridViews.
Έχετε ήδη δει ένα πλέγμα ως τμήμα της αίτησης καταστήματος,
έτσι ώστε να είναι σε θέση να χρησιμοποιούν μπλοκ του περιεχομένου και κύλιση σε όλη αυτό.
Flyout μενού θα δείτε από καιρό σε καιρό.
Το μπαρ app που σας έδειξα με αυτό το φρέσκο ​​εφαρμογή βαφής, καθώς και,
έτσι είδατε πώς μπορείτε να προσαρμόσετε ότι με την τοποθέτηση κουμπιά σε αυτό
και έχει κρύψει ότι μακριά, όταν δεν με νοιάζει να το χρησιμοποιήσετε.
Αυτό είναι πραγματικά εντελώς μέχρι σας να χρησιμοποιήσετε.
Αυτά είναι όλα τα στοιχεία ελέγχου που είναι μέρος της WinJS.
Θα σας δείξει πώς να κάνει αυτά σε μόλις ένα δευτερόλεπτο, αλλά δεν υπάρχει κάτι περισσότερο από αυτό,
και το βασικό πράγμα είναι να τα χρησιμοποιούν, αν θέλετε, να αποθηκεύσετε κάποια στιγμή.
>> Αν έχετε άλλες βιβλιοθήκες ελέγχου που θέλετε να χρησιμοποιήσετε, αυτό είναι απολύτως πάρα πολύ ωραία.
Τα πράγματα όπως το jQuery UI κάνει πολλά αυτού του είδους της ιδέας, καθώς,
παρέχοντας περισσότερα στοιχεία ελέγχου που εκτείνονται τι μπορείτε να κάνετε σε HTML και JavaScript.
Ας βουτήξει μέσα έχω ήδη πει ότι. Χρησιμοποιήστε ό, τι θέλετε.
Απλά να έχετε κατά νου ότι μπορεί να τρέξει σε κάποια θέματα περιβάλλοντος.
Αλλά σίγουρα μπορείτε να συνδυάσετε και να ταιριάξετε οποιαδήποτε είδους βιβλιοθήκες είστε άνετοι με,
θέλετε να μάθετε, που θέλετε να χρησιμοποιήσετε, για να σώσει τον εαυτό σας λίγο χρόνο.
>> Ας μιλήσουμε για τα εργαλεία μόνο για ένα δευτερόλεπτο.
Μπορείτε να πάρετε ό, τι χρειάζεστε για να αρχίσουν να εργάζονται με το Windows Store apps.
Αν πάω πίσω, έχω πάρα πολλά πράγματα μέχρι εδώ.
Αν πάτε σε αυτή τη σελίδα, η οποία είναι dev.windows.com,
μπορείτε να κατεβάσετε ό, τι χρειάζεστε.
Καθώς οι μαθητές, έχετε πρόσβαση σε περισσότερα από το ευρύ κοινό κάνει,
έτσι μπορείτε να πάρετε υψηλότερα τέλη εκδόσεις του Visual Studio.
Edwin ανέφερε μπορείτε να πάρετε ήδη τα Windows, καθώς και.
Αλλά σε γενικές γραμμές, για όλους τους προγραμματιστές, μπορείτε να πάτε σε αυτό το site
και να κατεβάσετε όλα όσα χρειάζεστε για να κάνετε μια αίτηση, και είναι όλα δωρεάν.
Έτσι, υπάρχει μια δωρεάν έκδοση του Visual Studio,
υπάρχουν μερικά εργαλεία που θα τα εγκαταστήσετε παράλληλα ότι -
όλα όσα χρειάζεστε για να δημιουργήσετε και να ελέγξετε την αίτησή σας.
Είναι μόνο όταν πρόκειται να δημοσιεύσει την αίτησή σας μέχρι το κατάστημα
ότι πρόκειται να χρειαστείτε ένα λογαριασμό developer.
Αυτό επίσης πιστεύω ότι είναι δωρεάν. Είναι δωρεάν για τους φοιτητές, καθώς; >> [Guarin] Ποιο από τα δύο;
Ο λογαριασμός του έργου, η πραγματική υποβολή. >> [Guarin] Ναι.
Αυτό είναι περισσότερες καλές ειδήσεις.
Θα πάμε να δούμε αυτό.
Θα πω για ένα άτομο από προεπιλογή είναι 49 δολάρια.
Αλλά μην εγγραφείτε για ότι ως φοιτητής.
Θα μπορείτε να πάρετε κάποιες πληροφορίες μέσω των προγραμμάτων σας που μπορείτε να πάρετε ένα λογαριασμό για δωρεάν,
και ότι θα αφήσει στη συνέχεια υποβάλετε την αίτησή σας μέχρι το κατάστημα,
όπως πολλοί, όπως σας αρέσει, και όλα αυτά καλοσύνη θα ακολουθήσουν σύντομα.
Έτσι ώστε να είναι dev.windows.com.
Μπορείτε να κατεβάσετε τα εργαλεία που μπορεί να χρειαστείτε από εδώ.
Και αν θέλετε, μπορείτε να πάρετε μια δοκιμαστική έκδοση των Windows εδώ,
αλλά και πάλι, δεν θα χρειαστεί να.
>> Το άλλο site - επιτρέψτε μου να επισημάνω αυτό έξω για σας γρήγορα - είναι design.windows.com.
Αυτό ήταν dev.windows.com.
Design.windows.com, μπορείτε να μαντέψετε τι είναι για.
Είναι πραγματικά μια πολύ φιλική ιστοσελίδα. Υπάρχουν πολλές καλές πληροφορίες εδώ.
Μπορείτε να εργαστείτε μέσα από αυτό.
Δεν πρόκειται να σας δώσουμε μερικές συμβουλές για μερικά πράγματα
ότι ίσως δεν έχετε σκεφτεί πριν ή έπρεπε να ασχοληθεί με πριν,
όπως το σχεδιασμό για την αφή, το σχεδιασμό για διαφορετικούς παράγοντες μορφή,
σχεδιασμό για τις δυνατότητες των Windows 8, τα πράγματα που ανέφερα πριν
όπως η αναζήτηση και η ανταλλαγή, κάποια πράγματα που δεν έχω μιλήσει ακόμα.
Είναι όλοι αναφέρονται εδώ, και αυτό είναι ένα πολύ καλό σύνολο χρήσιμες σελίδες αρχείων
που θα σας βοηθήσει να καταλάβετε πώς να κάνει ένα ορισμένο είδος της εφαρμογής,
πώς να το κάνουμε αλληλεπίδραση, πώς να ασχοληθεί με το UI και UX της αίτησής σας.
Θα πρότεινα να ρίξετε μια ματιά σε αυτό, ειδικά αν είστε σε κάποιο σημείο
ελπίζοντας να δημοσιεύσει μια εφαρμογή στο κατάστημα.
Θα πάμε να θέλουν να ξέρουν πώς να κάνουν μια καλή εφαρμογή
επειδή ανέφερα και πριν, αν δεν το κάνετε, υπάρχει αυτές τις κριτικές και πάλι.
Οι άνθρωποι πρόκειται να είναι δυσαρεστημένος.
Δεν θα είναι σε θέση να βρει τα πράγματα που περιμένουν στις σωστές θέσεις.
Κανείς δεν θέλει να συμβεί αυτό σε σας.
>> Προχωρώντας μπροστά εδώ, επιτρέψτε μου να κλείσει το κάτω.
Τώρα που ξέρετε από πού να πάρουν τα πράγματα, εγώ θα σας δείξει πώς να αρχίσετε πραγματικά τη χρήση πράγματα.
Για να ξεκινήσετε, θα σου δείξω πραγματικά εδώ ένα παράδειγμα του desktop εφαρμογές στην αρχική οθόνη μου.
Εδώ μπορείτε να δείτε το Visual Studio, μπορείτε να δείτε Blend και άλλα εργαλεία για προγραμματιστές που έχω.
Έχουν μια ελαφρώς διαφορετική κεραμίδι.
Αυτό είναι επειδή είναι desktop εφαρμογές,
και σε αυτές τις περιπτώσεις είναι όλα πρόκειται να ξεκινήσει ξανά στην επιφάνεια εργασίας μου
πραγματικά ακριβώς όπως εφαρμογές που έχετε συνηθίσει.
Έτσι, η εμπειρία των Windows, είναι το ίδιο πράγμα.
Δεν είναι, για παράδειγμα, όπως Armed! ή αυτά τα πράγματα. Επιτρέψτε μου να ξεκινήσει ένα γρήγορα.
Στην πραγματικότητα, εδώ είναι μια ενδιαφέρουσα ένα.
Αυτό αναπτύχθηκε από τους φοιτητές που εργάζονται σε συνεργασία με NERD.
Εφαρμογή πλήρους οθόνης, αυτά τα είδη των εμπειριών εδώ.
Αχ, ωραία οθόνες περικοπή και όλα τα είδη διασκέδασης πράγματα.
Ανέπτυξαν αυτό. Θα μπορούσαμε να δείξουμε, καθώς το όλο θέμα, ενώ είμαστε σε αυτό.
Στην πραγματικότητα, έχω δουλέψει μαζί τους λίγο, τους έδωσε κάποιες συμβουλές για τα πράγματα
επειδή έκαναν τη Javascript για την εφαρμογή τους.
Παρακαλώ, δεν είμαι λαμβάνοντας πίστωση για την εργασία τους? Έκαναν όλη τη δουλειά.
Τους έδωσα μόνο ένα μικρό κομμάτι των συμβουλών εδώ και εκεί,
αλλά έκαναν μερικά μεγάλα πράγματα με τη χρήση ενός JavaScript front-end
και δέσιμο σε ορισμένες μηχανές φυσικής και πράγματα για να κάνουν πολλά από αυτό το έργο.
Πήγαινε. Ας δούμε αν αυτό λειτουργεί.
Πω πω, αυτό εξακολουθεί να εργαστεί. Εντάξει, καλά. Αλλά μπορείτε να πάρετε την ιδέα.
Ένα app πλήρη οθόνη, μια πραγματικά καλή εμπειρία.
Αυτό υποστηρίζει όχι μόνο το ποντίκι και το στυλό μου, αν έχω τα πράγματα όπως αυτό, αλλά και να αγγίξει.
Αν είχα μια οθόνη αφής, θα μπορούσα απλά να επιστήσω πάνω σ 'αυτό και συνεχίζουν να εργάζονται με αυτό.
>> Ένα πράγμα που δεν δείχνουν, και ο λόγος που φέρνω αυτό επάνω
Είναι Ήθελα να έχω μια άλλη εφαρμογή για να σας δείξω τι μπορείτε να κάνετε,
μπορείτε να πάρετε πραγματικά τις εφαρμογές στα Windows και να σύρετε την πλευρά της οθόνης.
Αυτό ονομάζεται σπάνε αίτηση.
Σε αυτή την περίπτωση, έχω πάρει Inkarus και το έχω προστεθεί στην πλευρά εδώ.
Είναι τώρα στο Snap άποψη, και ότι μου επιτρέπει να κάνω κάτι άλλο, ενώ η εφαρμογή είναι εκεί.
Τα περισσότερα παιχνίδια που θα βρείτε θα απλά παύση.
Αυτό είναι συνήθως ένα αξιοπρεπές πράγμα που κάνει, εκτός αν το παιχνίδι σας με κάποιο τρόπο μπορεί να μειώσει
σε αυτό το μικρό ενός ψηφίσματος, όπως ίσως κάποιο είδος επιτραπέζια παιχνίδια
ή τα πράγματα όπως ότι σε ορισμένες περιπτώσεις.
Αλλά σε γενικές γραμμές, το πιο εύκολο πράγμα να κάνει και το πιο κατάλληλο πράγμα που κάνει για τα παιχνίδια
είναι η παύση της εφαρμογής.
Για εφαρμογές όπως ειδήσεις apps, αν θα ξεκινήσει αυτό το ένα και στη συνέχεια θα το snap,
θα δείτε ότι στην πραγματικότητα αλλάζει σημαντικά στο πώς θα παρουσιάσει τα δεδομένα σας.
Εδώ σας παρουσιάζει σε πραγματικά μια πιο κάθετη τηγάνι αυτή την πληροφορία,
αλλά μπορώ να εξακολουθεί να είναι απολύτως χρησιμοποιήσετε την εφαρμογή.
Έτσι, είναι ακόμα πολύ χρήσιμο.
Το γεγονός ότι είναι σε ένα μικρότερο άποψη δεν με κρατήσει από τη χρήση ότι app. Έτσι σκεφτείτε για αυτό.
Είναι κάτι που θα πρέπει να έχετε τις εφαρμογές σας να κάνει σε κάποιο βαθμό,
αλλά είναι στο χέρι σας να καθορίσουν τον τρόπο λειτουργίας των εφαρμογών σας θα πρέπει να είναι
σε αυτό το είδος ενός μικρότερου περιβάλλοντος.
Επιτρέψτε μου να κλείσει αυτό το ένα κάτω και να πάει πίσω στο όταν ήμασταν εδώ.
>> Edwin, προσθέσατε μια φωτογραφία μου ήδη; >> [Guarin] Ναι. >> [Bowen] Κοίτα αυτό.
Το βλέπεις αυτό; Edwin πρόσθεσε μια φωτογραφία. [Γέλια]
>> Ας πάμε πίσω εδώ σε Visual Studio. Επιτρέψτε μου να ξεκινήσει αυτό για σας.
Θα μπορούσα να είχα κάνει κλικ στο πλακάκι για εκείνη την οθόνη Έναρξη.
Μου έφερε πίσω σε λειτουργία Desktop, και αυτό είναι που την έναρξη της app επιφάνεια εργασίας του Visual Studio.
Αυτό είναι το Windows που ήδη γνωρίζετε.
Μπορώ να προχωρήσει και να δημιουργήσετε ένα έργο εδώ.
Θα επικεντρωθεί και πάλι στις JavaScript, HTML.
Πάω να βγούμε έξω και να επιλέξετε μέχρι εδώ κάτω JavaScript, Windows Store.
Υπάρχει μια σειρά από πρότυπα τα οποία μπορείτε να χρησιμοποιήσετε.
Για την παραγωγικότητα, θα σας συνιστούσαμε να ρίξετε μια ματιά σε μερικά από αυτά τα άλλα αυτά εδώ
όπως το Grid και το Σπλιτ.
Είναι πραγματικά χρήσιμο εάν θέλετε να κάνετε αίτηση
ότι πρόκειται να έχουν αυτό το είδος του σχεδιασμού και πλοήγησης. Θα δείτε αυτά τα πολλά.
Το μόνο που σας έδειξα ήταν στην πραγματικότητα ένα παράδειγμα της εφαρμογής στο Πλέγμα.
Έτσι, αν νομίζετε ότι πρόκειται να κάνει μια app ειδήσεων ή έναν αναγνώστη RSS
ή κάτι τέτοιο που ασχολείται με πολλαπλές καταχωρήσεις για τις οποίες θα θέλατε να δείτε τη λεπτομέρεια,
σκεφτείτε τη χρήση ενός από αυτά τα πρότυπα για να ξεκινήσετε γρήγορα
και προσαρμογή από εκεί.
Αλλά μόνο έτσι μπορώ να σας δείξω όλα τα κινούμενα μέρη εδώ
Πάω να δημιουργήσει το κενό app, και στη συνέχεια θα πάμε λίγο βαθύτερα σε λεπτομέρειες.
Απλά κάνω αυτό κενό εφαρμογή εδώ.
Είναι πρόκειται να δημιουργήσει το σύνολο του έργου για μένα.
Θα ανοίξει τα πράγματα που θέλω να σας δείξω από προεπιλογή.
Επιτρέψτε μου απλώς να κάνετε ζουμ σε λίγο να σας δείξω τι δημιούργησε για εμάς εδώ.
Τα πράγματα που θα πάμε να δούμε πρώτα είναι όλοι το όνομά του default.
Έτσι θα πάμε να δούμε για default.html, default.js και default.css.
Το άλλο πράγμα που πρέπει να επισημάνω είναι ότι έχουμε ήδη μια αναφορά σε αυτό που είπα πριν.
Αυτό είναι WinJS. Κανείς δεν ζητά πραγματικά αυτό το μεγάλο όνομα εδώ.
Είναι WinJS, η Βιβλιοθήκη των Windows για JavaScript.
Αν το ανοίξετε, μπορείτε να δείτε ότι είναι όλα εδώ.
Υπάρχουν διαφορετικά αρχεία CSS, JavaScript δεν υπάρχει.
Είναι εκεί για να σας βοηθήσει.
Είναι πραγματικά εκεί για να προβλέπουν ελέγχους και τις μορφές και τα πράγματα που μπορείτε να χρησιμοποιήσετε μόνο αυτόματα.
Αλλά και πάλι, αν υπάρχουν πράγματα που θέλετε να χρησιμοποιήσετε αντί για την άποψη του στυλ και άλλων ελέγχων,
είναι εξ ολοκλήρου μέχρι σας. Εγώ θα σας δείξει πώς να χρησιμοποιήσετε ένα ζευγάρι από αυτά τα πράγματα τώρα.
>> Επιστροφή πάνω πάνω αριστερή πλευρά μας, επιτρέψτε μου να σας δείξει την προεπιλεγμένη σελίδα HTML.
Έχετε ήδη δει τα πράγματα WinJS, και αυτό είναι πραγματικά όλα αυτά που συμβαίνουν εκεί
με αυτά τα μεσαία γραμμές σήμανσης, απλά φέρνοντας στο CSS από προεπιλογή
και να φέρει σε ένα ζευγάρι των αρχείων JavaScript από WinJS.
Δεν χρειάζεται να είναι κύριος του τι συμβαίνει στο εσωτερικό αυτών των αρχείων.
Είναι αρκετά ενδιαφέρον να ρίξουμε μια ματιά σε αυτά με το είδος των επανεξετάσει τι συμβαίνει εκεί
επειδή υπάρχει αρκετά ενδιαφέρουσα ενδιάμεσες και προηγμένες τεχνικές συμβαίνει εκεί,
αλλά το ωραίο είναι ότι ως προγραμματιστές, μπορείτε να πάρετε μόνο επωφεληθούν από αυτά, απλά τα χρησιμοποιούν
και δεν χρειάζεται πραγματικά να ανησυχείτε γι 'αυτό.
Μπορείτε ακόμα να οδηγήσετε ένα αυτοκίνητο χωρίς να χρειάζεται να γνωρίζουν πώς λειτουργεί, έτσι δεν είναι;
Έτσι, αυτό είναι το είδος των πράγμα που συμβαίνει εδώ.
Υπάρχει ελέγχους και τις μορφές και τα πράγματα που μπορείτε απλά να προχωρήσει και η χρήση
και του κώδικα που μπορείτε να χρησιμοποιήσετε σε ένα δευτερόλεπτο, χωρίς να χρειάζεται να γνωρίζουν τι είναι εκεί.
Εδώ είναι τα δικά σας αρχεία.
Αυτές είναι θέσεις σας που μπορείτε να τροποποιήσετε τα δικά σας CSS
και τη δική σας JavaScript για να πάρει τα πράγματα τροχαίο.
Θα πρέπει να προστεθεί βεβαίως και άλλα αρχεία JavaScript και ίσως και άλλα αρχεία CSS
και το έργο σας μεγαλώνει, αλλά αυτό είναι πραγματικά ακριβώς ένα σημείο εκκίνησης.
Εδώ είναι το Hello, world ισοδύναμο της HTML, έτσι ώστε να είμαστε πάλι πίσω στην ετικέτα του σώματος.
Στην κορυφή, από τον τρόπο, είναι το doctype HTML5,
έτσι θα αναγνωρίσουμε ότι από ό, τι έχετε εργαστεί για.
Υπάρχει πλήρης IntelliSense εδώ, καθώς, οπότε αν κάνουμε τα πράγματα όπως τον τύπο σε μια ετικέτα βίντεο
και να επεκτείνει ότι έξω, πιθανώς έχετε μάθει για το γεγονός
ότι θα πρέπει να κάνετε εφεδρική κωδικοποίηση για ετικέτες βίντεο σε HTML5 - ή ίσως έχετε -
για να διασφαλιστεί ότι οι διαφορετικοί browsers έχουν υποστήριξη για το βίντεό σας.
Έχουμε τα πράγματα όπως αυτό όλη την HTML, JavaScript σε όλη την, σε όλη CSS.
Αυτό είναι που χτίστηκε το, και θα σας δείξω CSS σε ένα δευτερόλεπτο.
Εδώ μπορείτε να προχωρήσετε και να αρχίσετε να αλλάζετε τον κώδικα, τη σήμανση.
Στην πραγματικότητα, πριν αλλάξω τίποτα, θα πάω για να τρέξει αυτό και να σας δείξω τι παίρνετε.
Θα πάμε για να πάρει μία οθόνη που μπορείτε να προσαρμόσετε
και, στη συνέχεια, μπορείτε να πάρετε το Hello, world εμπειρία εδώ. Είναι φανταστικό, σωστά;
Προχωρήστε και των πλοίων που, σωστά;
Το περιεχόμενο πηγαίνει εδώ. Αυτό είναι το βασικό πράγμα.
Μπορεί μόνο να πάρει καλύτερα από εκεί.
Θα πάμε μπροστά και να προσθέσει σε κάποια πράγματα.
Έχω ένα μικρό κομμάτι της σήμανσης Πάω να αντιγράψετε εδώ
ακριβώς έτσι ώστε να μην χρειάζεται να με παρακολουθούν την πληκτρολόγηση.
Επιτρέψτε μου να πάω να την εργαλειοθήκη εδώ, και εγώ θα το pin αυτό γιατί θα πρέπει να το κάνετε αυτό μερικές φορές.
Εργαλειοθήκη, εάν δεν έχετε δει το Visual Studio, είναι όπου θα πάμε να βρείτε μια δέσμη των ελέγχων.
Μπορείτε επίσης να βάλετε δημιουργίας ενός κώδικα και σε αυτό που μπορείτε να χρησιμοποιήσετε ξανά.
Εδώ θα εμφανιστεί μόνο σε κάποια άλλη HTML, τίποτα τρομερά προχωρημένη καθόλου εδώ.
Είναι απλά βασική HTML λέγοντας ότι έχει μια είσοδο, όπου μπορώ να τύπου,
Έχω ένα κουμπί όπου μπορώ να το υποβάλλουν, και στη συνέχεια, έχω ένα div που είναι ουσιαστικά ένα σύμβολο κράτησης θέσης
που μπορώ να χρησιμοποιήσω την έξοδο του "Γεια σας, πληκτρολογήστε αυτό."
Είναι η εισαγωγή σε HTML παράδειγμα.
Αν τρέξω αυτό, θα έχουμε αυτόματα την HTML, αλλά επίσης να πάρετε αυτόματα styling.
Αυτό είναι ένα από τα σημαντικότερα πράγματα από WinJS.
Δεν πρόκειται να σας δώσω από προεπιλογή κάποια εμφάνιση και την αίσθηση ότι είναι πραγματικά συνεπής
με το υπόλοιπο του τι κάνει τα Windows 8.
Εδώ μπορείτε να δείτε τα πράγματα όπως το κουμπί.
Το κουμπί από προεπιλογή στο HTML δεν μοιάζει με αυτό, αλλά το κάνει εδώ
γιατί είναι να πάρει αυτό το δικαίωμα CSS από το αρχείο CSS σε WinJS.
Αν θέλετε να χρησιμοποιήσετε κάτι άλλο, αν θέλετε να το αλλάξουμε αυτό, εντελώς εντάξει,
να προχωρήσει και να κάνει ό, τι θέλετε. Αλλά αυτή είναι η προεπιλογή.
Είναι πρόκειται να είναι πιο οικεία στους χρήστες.
Και φυσικά αυτό δεν θα κάνει τίποτα, γιατί στην πραγματικότητα δεν σύρμα μέχρι κάθε είδους κώδικα
να ανταποκριθεί σε αυτό. Ήταν μόνο η HTML.
Έτσι μπορώ να απαλλαγούμε από αυτό, και θα επιστρέψουμε σε εφαρμογή μας.
>> Επιτρέψτε μου να περάσει στην default.js μας.
Αυτό φαίνεται αρκετά περίπλοκο, αλλά είναι ακριβώς να κάνει μερικά πράγματα για σας.
Είναι στερεότυπο. Είναι πρόκειται να είναι το ίδιο σε όλα τα έργα σας.
Το μόνο πράγμα που αυτό που κάνει είναι ακριβώς το είδος της ζητώντας, "Πώς βρέθηκα εδώ;"
και λέγοντας, "Είσαι έναρξη αυτό το app για πρώτη φορά;"
"Είσαι επανάληψη το app από το να έχουν να έχουν ανασταλεί;"
Ένα ζευγάρι από τα πράγματα όπως αυτό.
Πραγματικά, η εστίασή μας για αυτό το αρχείο εδώ έχει δίκιο εδώ.
Σε αυτό το σημείο, αυτό μία γραμμή κώδικα είναι αρκετά σημαντική.
Είναι πραγματικά πρόκειται να πάει και να δούμε μέσα από όλα σήμανσης σας,
και πρόκειται να βρείτε τα πράγματα που έχετε ζητήσει να έχουν μετατραπεί σε ελέγχους,
βαθύτερη ελέγχους σαν έλεγχος διαβάθμισης, όπως ένα πλέγμα, όπως το flyout
και αυτά τα άλλα πράγματα που σας έδειξα σε αυτήν τη διαφάνεια πριν.
Δεν είναι εγγενή στοιχεία ελέγχου HTML.
Μπορείτε απλά δεν λένε flyout ως στοιχείο και να το ξέρουν τι να κάνουν.
Τι πρέπει πραγματικά να κάνουμε είναι το ίδιο πράγμα που συμβαίνει σε άλλα είδη πλαισίων ελέγχου.
jQuery UI κάνει το ίδιο είδος της γενικής προσέγγισης.
Μπορείτε να χρησιμοποιήσετε σημάνσεις στο HTML σας, και στη συνέχεια κάποιες JavaScript έρχεται μέσω αργότερα και λέει,
"Ω, ξέρω τι είναι αυτό. Αυτός είναι ζητώντας αυτό να μετατραπεί σε αυτά τα πράγματα,"
η οποία είναι άλλη πιο εκφραστική HTML για να κάνουν σαν ελέγχου αξιολογήσεις,
το οποίο είναι αυτό που θα σας δείξω τώρα.
Αυτή η γραμμή κώδικα είναι μια υπόσχεση που λέει, "Όταν αυτή η υπόσχεση θα εκπληρωθεί,
"Ό, τι έχετε ζητήσει, τότε έχει δημιουργηθεί."
Και αυτό είναι όλο. Μοιάζει λίγο περίπλοκο, αλλά είναι πραγματικά το ίδιο σε κάθε έργο.
Κάτω εδώ είναι όπου μπορείτε να ξεκινήσετε την προσθήκη σε ό, τι άλλο θέλετε να έχει συμβεί,
οπότε θα επανέλθω σε αυτό σε ένα δευτερόλεπτο.
>> Πρώτα απ 'όλα, θα πρέπει να έχετε ένα κομμάτι του κώδικα που μπορούν να ανταποκριθούν στο γεγονός
ότι κάποιος έχει κάνει κλικ στο κουμπί.
Πάω να πάει μπροστά και να θέσει ότι εδώ κάτω.
Και πάλι, δεν είμαι πρόκειται να κάνει οποιαδήποτε πληκτρολογώντας μπροστά σας εδώ.
Πολύ βασικό JavaScript ακριβώς λέει όταν αυτό καλείται
θα πάμε να πρέπει να παρέχονται κάποιες λεπτομέρειες για το πώς φτάσαμε ως εδώ
και στη συνέχεια θα πάμε να κάνουμε μερικά βασικά πράγματα.
Πηγαίνετε να βρείτε το πράγμα στην σελίδα HTML μου που ονομάζεται nameInput,
αρπάξει, να λάβει την αξία του, χαστούκι "Hello" στο μπροστινό μέρος του, και να επιμείνουμε ότι η προκύπτουσα χορδή
σε αυτό το tag div που είχαμε πριν από αυτό πραγματικά δεν έχει τίποτα πριν.
Τώρα θα πάμε να βρούμε την ετικέτα και να κάνει εσωτερικό περιεχόμενο της ισούται με το κορδόνι.
Πολύ απλό JavaScript.
Ας ελπίσουμε ότι είστε αναγνωρίζοντας ότι υπάρχει πραγματικά τίποτα ασυνήθιστο συμβαίνει εδώ.
Είναι ακριβώς κατ 'ευθείαν επάνω HTML και JS εδώ.
Αν τρέχω τώρα, ακόμα δεν πρόκειται να κάνει οποιαδήποτε εργασία, επειδή δεν το έχω συνδεθεί με καλώδιο
να λάβετε την εκδήλωση.
Για να γίνει αυτό, θα το κάνω εδώ, και πάλι επιστρέφοντας στην εργαλειοθήκη μου,
βρεθώ εδώ.
Περιμένω από εσάς έχετε δει όλα αυτά τα πράγματα πριν, γι 'αυτό δεν θα είναι πάνω-να εξηγήσει.
Τώρα θα πάμε για να πάει να πάρει το helloButton.
Εμείς πάμε για να πει, "Button, συγχαρητήρια."
"Εδώ είναι ένα γεγονός που τώρα απαντήσουν."
«Όταν κάποιος κάνει κλικ σε σας, καλέστε αυτή τη λειτουργία, το buttonClickHandler."
Και αυτό είναι ότι η λειτουργία που μόλις προσθέσαμε κάτω δεξιά στο κάτω μέρος εκεί. Έτσι μπράβο.
Έτσι τώρα έχουμε μια εκπληκτικά λειτουργική εφαρμογή.
Νομίζω ότι θα εντυπωσιαστείτε πραγματικά από αυτό.
Chris. Περιμένετε για αυτό. Wow. Εντάξει. Αυτό είναι καταπληκτικό. [Γέλια]
Αλλά υπάρχει κάτι περισσότερο. Μην αγοράζετε ακόμα. Περιμένετε.
>> Επιτρέψτε μου να σας δείξω λίγο περισσότερο εδώ και να βγει από την πλήρη οθόνη.
Εμείς πάμε για να περπατήσει πριν τρέξουμε.
Επιτρέψτε μου να πάω μέσα και πραγματικά να σας δείξω λίγο με CSS.
Ακριβώς από προεπιλογή, αν κοιτάξουμε πίσω στην σελίδα εδώ,
κάθε φορά που τράβηξε σε αυτά τα πράγματα από WinJS και πήραμε το ui-σκοτάδι,
Στην πραγματικότητα, μπορείτε να αλλάξετε την προεπιλογή για χρησιμοποιώντας την εφαρμογή φωτός.
ui-σκοτάδι είναι καλό για εφαρμογές γραφικών, όπως η χρήση πολλές εικόνες,
είστε που δείχνουν πολλά οπτικό περιεχόμενο.
Εάν είστε που δείχνουν πολλά περιεχόμενο κειμένου, το ui-φως είναι γενικά μια καλή επιλογή.
Δεν χρειάζεται να το επιλέξετε, αλλά έχω αλλάξει σε αυτό
και τώρα βλέπουμε την ίδια σήμανση, το ίδιο πάντα,
είναι απλά χρησιμοποιώντας βασικά ένα ανεστραμμένο σχήμα εδώ
όπου τα πάντα είναι που καθιστά το μαύρο κείμενο σε λευκό.
Αυτό είναι όλα ωραία και καλά.
Επιτρέψτε μου να βγούμε από εδώ, και ας κάνουν πραγματικά λίγο περισσότερο με το CSS.
Θα το βάλω πίσω στο σκοτάδι, γιατί νομίζω ότι είναι ίσως πιο εύκολο να δείτε στην οθόνη
όταν αρχίσει να κάνει αυτά τα πράγματα.
Πάω να αντικαταστήσει το σώμα για μια ακόμη φορά.
Θα πάω εδώ. Επιτρέψτε μου να nuke αυτό.
Ας φέρουμε στο σώμα με μαθήματα.
Πιστεύω ότι έχω κάνει βασικά με CSS επιλογείς και τα πράγματα όπως αυτό που ήδη,
έτσι ίσως γνωρίζετε τι συμβαίνει εδώ.
Μόνο με την εκχώρηση κάποια μαθήματα στο header μας, και τη δημιουργία ενός νέου div
να τυλίξετε το υπόλοιπο από αυτά τα πράγματα που μπορούμε τώρα να χρησιμοποιήσετε για να μορφοποιήσετε όλοι μαζί.
Λοιπόν, τι μπορώ να κάνω τώρα είναι να πάει πέρα ​​από τις προεπιλεγμένες CSS μας.
Έχετε εξετάσει τα ερωτήματα των μέσων ενημέρωσης ακόμα; Έχετε μιλήσει γι 'αυτό καθόλου;
Ερωτήσεις των μέσων ενημέρωσης είναι μέρος αυτής της τάσης αναδυόμενη -
ή είναι μια καθιερωμένη τάση τώρα πραγματικά στο Web -
για την άμεση απόκριση του σχεδιασμού ή προσαρμοστική,
και η ιδέα είναι ότι οι εφαρμογές σας μπορεί να προσαρμόσει καταλλήλως τα ίδια πραγματικά
με βάση ό, τι η συσκευή που από όπου και αν εμφανίζονται μπορεί να κάνει.
Έτσι, εάν είστε σε μια φορητή συσκευή, προφανώς δεν πρόκειται να έχουν όσο οθόνη ακινήτων
όπως θα σε ένα μεγάλο 30-ιντσών οθόνη κάθεται με μια επιφάνεια εργασίας, ένα μεγάλο υπολογιστή, όπως αυτό.
Έτσι θα ήταν η παλιά απάντηση σε αυτό να έχει 5, 6 διαφορετικές εκδόσεις της ίδιας σελίδας
και θέλετε να ανοίξει την έκδοση που ήταν συντονισμένοι για το συγκεκριμένο μέγεθος οθόνης.
Δεν είναι μεγάλη. Είναι πολύ, πολύ επαναλαμβανόμενο και υπάρχει ένας τόνος της διατροφής για να το κάνουμε αυτό.
Τώρα έχουμε κάτι που ονομάζεται CSS ερωτήσεις των μέσων ενημέρωσης,
και μπορούμε να χρησιμοποιήσουμε αυτό για να εντοπίσει αυτόματα όταν υπάρχει ένα ορισμένο μέγεθος
ή ορισμένες χρήσεις του περιεχομένου σας που εκτελούνται.
Έτσι θα μπορούν να ανταποκριθούν σε αυτό και μπορείτε να πείτε, "Εντάξει, σε αυτή την περίπτωση
"Ίσως δεν χρειάζεται καν να σας πω τι συμβαίνει εδώ."
Αυτό είναι ακριβώς λέγοντας ότι αν η εφαρμογή αυτή είναι έσπασε, όπως σας έδειξα πριν -
την αρπαγή και την εφαρμογή του από την πλευρά της οθόνης -
τότε ας κάνουμε το παρακάτω styling.
Styling δεν είναι μόνο για τα χρώματα και τέτοια πράγματα.
Είναι, επίσης, για το μέγεθος και τα περιθώρια και ένθετα και τους προσανατολισμούς του περιεχομένου
ή ακόμα και ανικανότητα ή επιτρέποντας ολόκληρα μέρη της σελίδας σας
και, στην περίπτωση αυτή, η εφαρμογή σας ή το παιχνίδι σας, καθώς και.
Έτσι, εδώ μπορείτε να κάνετε τόσο απλό όσο θέλετε.
Αυτό δεν θα ήταν χρήσιμη σε εφαρμογές σας, αλλά ήρθε η ώρα demo,
έτσι είμαι πρόκειται να πάει μπροστά και απλά να προσθέσω στο βασικό επιλογέα του σώματος και να πω,
"Όταν είμαι έσπασε, ας πάμε μπροστά και να κάνουμε χρώμα φόντου και ας επιλέξουν κάτι."
Έχεις IntelliSense εδώ. Αυτό είναι πραγματικά πολύ δροσερό.
Το 2012 έχουμε προσθέσει πολλά πράγματα για την υποστήριξη CSS και JavaScript και HTML.
Έχετε φυσικά πήρε drop-down IntelliSense πάρα πολύ, αλλά αυτό δεν είναι το δροσερό πράγμα.
Το δροσερό πράγμα είναι ότι έχετε οπτική επιλογείς για πολλά πράγματα, όπως καλά.
Έτσι, θα μπορούσατε να πάτε μέσα και να επιλέγουν μόνο ένα χρώμα,
ή μπορείτε να πάτε έξω και να είναι ακόμα πιο συγκεκριμένες και μπορείτε να επιλέξετε -
Αυτό πρόκειται να είναι φοβερό. Θα πάρει πραγματικά μια αξιοπρεπή χρώμα εδώ.
Παρακολουθήστε την σήμανση πάρα πολύ, από τον τρόπο. Αυτό είναι τυποποιημένη μορφή RGB σας εκεί.
Αλλά αν μπορώ να αλλάξω την αδιαφάνεια, πρόκειται να περάσουμε σε ένα κανάλι άλφα επιλογέας εδώ.
Έτσι μπορείτε να δείτε ότι το χρώμα ουσιαστικά το ποσοστό της διαφάνειας που έχετε γι 'αυτό
όλα ψημένα καλά εκεί.
Πάω να το κρατήσει ως το 100% και στη συνέχεια, όταν είμαι γίνει με αυτό, όλα είναι ωραία και καλά.
Τώρα, αν θα εκτελέσετε το app και παίρνουμε το app και το snap,
προϋπάρχοντος χρώματος ρυθμίζεται αυτόματα
μόνο και μόνο επειδή έχουμε κάποια CSS που λέει, «Πήγαινε το κάνουμε αυτό."
Μπορείτε επίσης να γράψετε JavaScript, επίσης, ότι θα κάνει το ίδιο πράγμα
ή ότι θα μπορούσατε να χρησιμοποιήσετε για να κάνετε παύση στην πραγματικότητα ένα παιχνίδι, να κάνει τέτοια πράγματα.
Αυτό είναι πιθανώς όταν θέλετε να χρησιμοποιήσετε JavaScript.
Θα απενεργοποιήσετε το βρόχο παιχνίδι σε εκείνο το σημείο.
Θα χρειαστεί κάποια JavaScript διότι αυτό δεν θα είναι κάτι που θα CSS για.
Αλλά να έχετε κατά νου ότι είναι απλά ένα γεγονός.
Θα μπορούσαμε να πούμε, "Όταν η αίτησή μου έχει αλλάξει το μέγεθός τους,
"Ας δούμε αν είμαστε έσπασε." Και αυτό είναι όλο.
>> Εντάξει; Έχω μιλήσει πολύ. Υπάρχουν ερωτήσεις μέχρι τώρα για το πού βρισκόμαστε; Ναι.
[Φοιτητής] Είναι ένα μάθημα για οποιονδήποτε να πάρετε περισσότερες πληροφορίες εκεί; Ναι >>.
Το ερώτημα είναι, είναι ένα tutorial για αυτό; Θα απλά να επεκταθεί σε όλα.
Υπάρχουν μερικά πράγματα που μπορείτε να πάτε να. Ας πραγματικά να βγούμε από εδώ.
Επιτρέψτε μου να επιστρέψω εδώ.
Ένα πράγμα που πρέπει να επισημάνω είναι η ίδια Visual Studio έχει tutorials χτισμένο in
Επιτρέψτε μου να απαλλαγούμε από αυτό.
Αν πάτε και να δημιουργήσετε ένα νέο έργο, δεν File, New Project,
και να εξετάσουμε στην αριστερή πλευρά, υπάρχει ένα online κόμβος σε αυτό το επιλογέα.
Είναι πρόκειται να πάρει λίγο. Είμαι στο MyFi μου εδώ.
Αλλά πρόκειται να έρθει και πρόκειται να μου δώσει μια ευκαιρία να βρείτε πρότυπα
αλλά επίσης και, το πιο σημαντικό, τα δείγματα, καθώς και.
Έτσι, μπορώ να κάνω κλικ στην JavaScript.
Είναι πρόκειται να βρείτε δείγματα για μένα. Η πρότασή μου είναι ο τρόπος υψηλό εδώ.
Κανονικά, θα δείτε μια λίστα με πολλά διαφορετικά πράγματα εδώ.
Αν υπάρχει κάτι που θέλετε να δοκιμάσετε, να επιλέξετε τη γλώσσα,
Εδώ JavaScript, και να πω, "δεν ξέρω πώς να το κάνουμε geolocation."
«Δεν ξέρω πώς να ανοίξετε ένα αρχείο."
«Δεν ξέρω πώς να επωφεληθούν από την κάμερα
"Ή να βελτιστοποιήσετε για την αφή ή τα πράγματα όπως αυτό."
Υπάρχουν δείγματα για τα πάντα: την ανταλλαγή, αναζήτηση, app μπαρ,
καθιστώντας τις απομακρυσμένες κλήσεις σε μια υπηρεσία, JSON κωδικοποίηση.
Όλα αυτά τα είδη των πραγμάτων υπάρχουν δείγματα για εδώ,
και δεν είναι τεράστια δείγματα που πρόκειται να σας μεταφέρει όλη τη νύχτα για να τραβήξει χώρια
μόνο για να διαπιστώσετε ότι ένα πράγμα που ήθελαν να μάθουν.
Είναι πραγματικά καλό. Είναι μικρό, ακριβώς για το σημείο είδη δειγμάτων.
Έχω μάθει ένα σωρό που διέρχεται από αυτά τον εαυτό μου,
και γι 'αυτό προτείνουμε ένα πολύ ως ένα πράγμα.
>> Ένα άλλο πράγμα που πρέπει να επισημάνω είναι πάρα πολύ βέβαια που σας έδειξα dev.windows.com,
οπότε αν πάτε πίσω σε αυτό, θα δείτε στο κάτω μέρος υπάρχει επίσης τα δείγματα εδώ.
Έτσι, μπορείτε να κατεβάσετε όλα αυτά ταυτόχρονα, αλλά υπάρχει επίσης και πολλά άλλα πόρων εδώ
που μπορούν να σας βοηθήσουν να πάρετε μέχρι την ταχύτητα.
>> Ένα άλλο πράγμα, και θα ήθελα να συστήσω πραγματικά να δοκιμάσετε αυτό,
Το έχω στο blog μου, αλλά εγώ απλά θα πάει δεξιά σε αυτό.
Θα σου δείξω. Το blog μου έχει πόρους και τέτοια πράγματα.
Ένα από τα πράγματα που πρέπει να επισημάνω είναι ακριβώς εδώ, αυτό το πράγμα: Ιδέα σας. App σας. 30 Ημέρες.
Αν κάνετε κλικ σε αυτό, πρόκειται να σας φέρει σε ένα πραγματικά χρήσιμο site.
Αυτό είναι πολύ πιο χρήσιμο από ό, τι μπορείτε να φανταστείτε.
Αυτό πρόκειται να είναι 30 ημέρες του περιεχομένου που μπορείτε βασικά να πάρετε συμβουλές και κόλπα
καθ 'όλη αυτή τη διαδικασία, όπως είστε δημιουργία ενός app.
Και δεδομένου ότι δεν μπορείτε να περιμένετε, μπορείτε να πάρετε πραγματικά για τα παιχνίδια πάρα πολύ
και για εφαρμογές του τηλεφώνου, τέτοια πράγματα.
Έτσι, βασικά, να υπογράψει επάνω για το, και θα πάμε για να σας στέλνουν συμβουλές και κόλπα για,
"Έχετε σκεφτεί να κάνει αυτό; Έχετε την υποστήριξη Snap;"
"Εδώ είναι μερικές οδηγίες για το πώς να το κάνουμε αυτό καλά."
"Έχετε σκεφτεί για την υποβολή στο κατάστημα;"
"Έχετε σκεφτεί πώς θα πάμε για να πουλήσει την αίτησή σας;"
Είναι πρόκειται να περπατήσετε μέσα από όλα αυτά τα διάφορα πράγματα.
Και στην πραγματικότητα, αν είστε στην πίστα του παιχνιδιού, σε κάποιο σημείο
θα αρχίζουν να αναγνωρίζουν το πρόσωπο που μιλά σε σας
γιατί στην πραγματικότητα έπρεπε να πάει στο Redmint να κάνουμε αυτά και καταγράφονται 2 βίντεο εκεί.
Αλλά αυτό είναι όλο το μέρος της διαδρομής τυχερών παιχνιδιών,
και υπάρχει επίσης ένας πλήρης δίαυλος για τη γενική ανάπτυξη app.
Αυτό ονομάζεται Generation App.
Θα ήθελα να συστήσω σίγουρα αυτό για σας, καθώς εκτός από τα δείγματα.
>> Υπάρχουν πολλά βίντεο σε μια τοποθεσία που ονομάζεται Channel 9, καθώς και.
Αυτό είναι ίσως το τελευταίο πράγμα που θα σας προτείνουμε, καθώς πριν προχωρήσουμε εδώ.
Channel9.msdn.com.
Αυτό είναι μεγάλη, επειδή δεν πρόκειται να την ανάγνωση μέσα από τους τόνους των λευκά χαρτιά.
Είναι βασικά ένα πολλά βίντεο, screencasts και πράγματα που είναι δικαίωμα να το σημείο.
Εγώ δεν θα πω ότι είναι πάντα σωστό να το σημείο. Εξαρτάται από το ποιος κάνει την ομιλία.
Αλλά γενικά, δεν υπάρχει κάποια πραγματικά το σημείο-βίντεο εδώ
που θα σας δείξει κάποιο ιδιαίτερο πράγμα που ίσως να θέλετε να μάθετε ή να δείτε demoed.
Υπάρχει, επίσης, όλα του περιεχομένου μας από το συνέδριο μας, που συνέβη πριν από μερικές εβδομάδες
ονομάζεται Build, και θα δείτε ότι εκεί.
Υπάρχει τεχνολογίες πυρήνα για τα Windows 8 παιχνίδια. Εκεί θα πάτε.
Ήμουν εκεί, στην πραγματικότητα. Δεν μπορείς να με δεις. Ήμουν εδώ.
Αλλά ούτως ή άλλως, ότι στην άκρη, εγώ θα σας πρότεινα να ρίξετε μια ματιά σε αυτά τα βίντεο.
Είναι πολύ χρήσιμο.
Αν είστε κολλημένοι σε κάτι ή απλά θέλετε να δείτε τι θα μπορούσε να κάνει κάτι, φωτιά εκείνους επάνω.
>> [Guarin] Windows Mail μόλις μου έστειλε ένα email με ένα σύνδεσμο προς το περιεχόμενο
για τους μαθητές να κατεβάσετε με το δείγμα κώδικα και τέτοια πράγματα. >> [Bowen] Μεγάλη.
Awesome. Σας ευχαριστώ, Edwin.
>> Καλή. >> [Φοιτητής] Έχω μια ερώτηση. >> [Bowen] Αχ. Ναι, παρακαλώ.
[Δεν ακούγεται η ερώτηση του φοιτητή] >> [Bowen] Ω, είμαι ευτυχής ότι ρωτήσατε αυτό. Ναι.
Το ερώτημα ήταν, είναι μια οπτική διεπαφή για μένα να δημιουργήσουν τα πράγματα εκεί;
Edwin θα σας ανταμείψει αδρά για αυτήν την ερώτηση.
Υπάρχει ένας τρόπος για να γίνει αυτό.
Θα πρέπει να το κάνουμε τώρα; Ας το κάνουμε τώρα.
Πάω να πάει σε αυτό τώρα.
Στην πραγματικότητα, επιτρέψτε μου να προσθέσω σε ένα περισσότερο πράγμα σε αυτό το demo,
και στη συνέχεια θα σας δείξω την πραγματική απάντηση.
Ήμουν έτοιμος να προσθέσω σε λίγο περισσότερο CSS εδώ.
Ήμουν λίγο μακριά σε εφαπτόμενες εδώ.
Επιτρέψτε μου να βάλει σε κάποια CSS εδώ για να επωφεληθούν
από τις κατηγορίες που προστέθηκαν πριν από λίγο,
στην κεφαλίδα, στο div Maincontent, και στη συνέχεια στο greetingOutput.
Αν το κάνω αυτό και να το εκτελέσετε, μπορείτε να δείτε τώρα έχουμε μια λίγο διαφορετική padding και τα περιθώρια κέρδους,
έτσι έχουμε πραγματικά κάποια αντισταθμιστικά οφέλη εδώ.
Αυτά είναι περισσότερο προς το τι πρόκειται να περιμένουμε από ένα τελικό γυαλισμένο εφαρμογή.
Αλλά είμαι απλά δείχνει αυτό για σας, επειδή είναι κατ 'ευθείαν επάνω CSS.
Έτσι τα πράγματα που ήδη γνωρίζετε, μπορείτε να χρησιμοποιήσετε εδώ για να ρυθμίσετε το περιεχόμενο, όπως εσείς επιθυμείτε.
Έχετε ήδη δει πώς να κάνει το φόντο αλλάξει με αυτόν τον τρόπο.
>> Αν πάω πίσω στο HTML μας, Πάω να προσθέσω σε ένα ακόμη σετ σήμανσης,
και αυτό είναι πραγματικά πρόκειται να είναι ένα στοιχείο ελέγχου από WinJS.
Πάω να πάει και να αρπάξει αυτό, μια ετικέτα. Επιτρέψτε μου να βεβαιωθείτε ότι το κάνω στο σωστό μέρος.
Μάλλον αρκετά καλό.
Εδώ έχω μόλις προστέθηκε - και θα πάμε σε πλήρη οθόνη, ώστε να μπορείτε να δείτε ολόκληρο το πράγμα -
Έχω προσθέσει μια ετικέτα για το επόμενο div.
Το div ονομάζεται ratingControlDiv.
Από μόνη της δεν θα κάνει τίποτε.
Εάν ανοίξετε αυτό σε ένα πρόγραμμα περιήγησης, τότε θα πρέπει να ψάχνει στο κενό, το ίδιο το div.
Αλλά επειδή από αυτή τη μυστηριώδη γραμμή κώδικα που σας έδειξα πριν,
η διαδικασία απ ​​'όλα, πρόκειται να ψάξουν για κάτι που μοιάζει με αυτό -
δεδομένων-win-ελέγχου - και πρόκειται να βρει ό, τι είναι σε αυτή την παράμετρο.
Είναι πρόκειται να κάνει μια εμφάνιση που είναι ό, τι είναι που δείχνουν προς.
Σε αυτή την περίπτωση, είναι ένα στοιχείο ελέγχου αξιολόγησης, έτσι λέω, "Παρακαλώ πηγαίνετε και να αντικαταστήσει αυτό το πράγμα
»Με ό, τι χρειάζεστε για να κάνετε για να κάνετε έναν έλεγχο αξιολόγησης."
Θα μπορούσε να είναι ένα flip ελέγχου, θα μπορούσε να είναι ο δακτύλιος προόδου ή οτιδήποτε άλλο στοιχείο ελέγχου που θέλετε να χρησιμοποιήσετε.
Είναι όλοι πρόκειται να λειτουργήσει ουσιαστικά με τον ίδιο τρόπο.
Είσαι χρήση τυποποιημένων σήμανσης HTML5 για να δείξει ό, τι θέλετε,
και στη συνέχεια θα πάμε να πάρετε ένα στοιχείο ελέγχου στο τέλος της αυτό. Επιτρέψτε μου να το τρέξετε.
Απλά αντιγραφεί ότι, και τώρα ότι η σήμανση γίνεται αυτό,
η οποία είναι στην πραγματικότητα αρκετά στοιχεία HTML.
Αυτά είναι όλα τα επιμέρους εικόνες, και υπάρχει divs γύρω τους με επιλογείς.
Ας ελπίσουμε ότι μπορείτε να δείτε ότι. Είναι λίγο λεπτή.
Μπορώ να αιωρείται πάνω από τα διάφορα στοιχεία, και πρόκειται να μου επιτρέψει να δω τη βαθμολογία εδώ.
Μπορώ να κάνετε κλικ σε αυτό, και θυμάται τη βαθμολογία, αλλά ότι είναι γι 'αυτό.
Δεν είναι πραγματικά κάνει τίποτα με τη βαθμολογία.
>> Το ένα τελευταίο πράγμα που θέλω να σας δείξω σε αυτό
πριν στραφούν σε μια πιο οπτική εμπειρία σχεδιασμού
είναι ένα μικρό κομμάτι του κώδικα που μπορώ να χρησιμοποιήσω για να ανταποκριθεί σε αυτούς τους ελέγχους WinJS.
Επιτρέψτε μου να πάρει από εκεί, πίσω από πλήρη οθόνη,
και να περάσει στην JS εδώ για τη δεύτερη.
Μπορώ να το κάνω εδώ. Νομίζω ότι θα αντικαταστήσουν όλο αυτό το πράγμα.
Στην πραγματικότητα, νομίζω ότι θα αντικαταστήσει όλα αυτά, αλλά θα το μάθουμε μαζί.
Θα βάλω αυτό εδώ. Ναι. Πάω να διαγράψετε αυτό το πάρα πολύ.
Τι δεν μπορώ να προσθέσω; Φαίνεται σαν μια παρτίδα. Δεν είναι πολλά.
Απλά επεκταθεί ότι η γραμμή του κώδικα που έχω ήδη μιλήσει για αυτό πριν,
και λέω, «Όταν όλα γίνονται, όταν όλοι οι έλεγχοι μου έχουν γίνει,
"Και στη συνέχεια να το κάνετε αυτό." Έτσι, στη συνέχεια, εκτελέστε τη λειτουργία αυτή ονομάζεται ολοκληρωθεί.
Σε αυτή την περίπτωση, είναι πράγματα που μπορείτε να το καταλάβω.
Πηγαίνετε να βρείτε αυτό το στοιχείο ελέγχου div.
Στην πραγματικότητα, υπάρχει ένα πράγμα που θα ήθελα να επισημάνω.
Αυτό επόμενη γραμμή είναι στην πραγματικότητα λέγοντας, «έχω αυτό το ratingControlDiv."
«Θέλω να μιλήσω σε αυτό σαν να ήταν ένα πραγματικό έλεγχο, έναν έλεγχο WinJS."
Έτσι, βασικά, ρωτάτε γι 'αυτό από αυτό.
Λέτε, "Θέλω να σου μιλήσω ως μάρτυρας."
Και τότε μπορείτε να αρχίσουμε να λέμε τα πράγματα όπως, "Εμείς πάμε για να προσθέσετε έναν ακροατή για σας
"Έτσι ώστε όταν είστε αλλάξει μπορούμε να αντιδράσουμε σε αυτό."
Και τότε μπορούμε επίσης να κάνουμε τα πράγματα όπως αυτό. Στην πραγματικότητα, αυτό είναι το παλιό κωδικό εκεί.
Νομίζω ότι είμαι λείπει επικόλληση σε μία ακόμη λειτουργία,
και αυτή θα είναι η πραγματική λειτουργία που θα ανταποκρίνεται στον έλεγχο αξιολόγηση αυτή θα αλλάξει.
Επιτρέψτε μου να εμφανιστεί ότι στην κάτω δεξιά εδώ,
κάπου εκεί γύρω.
Και σε αυτή την περίπτωση, το μόνο πράγμα που είναι νέο είναι το γεγονός ότι θα πάμε σε
τι ο έλεγχος διαβάθμισης μας λέει και ζητάμε αυτό που ονομάζεται tentativeRating.
Υπάρχει μια δέσμη των διαφόρων άλλων ότι ο έλεγχος αυτός μπορεί να σας πει,
και πηγαίνει έλεγχο από τον έλεγχο.
Είναι πολύ απλό. Θα είστε σε θέση να το καταλάβω κανένα πρόβλημα απολύτως.
Τρέχω αυτό, και τώρα όταν αλλάζω τις αξιολογήσεις και κάντε κλικ στο αξιολόγησης,
μπορείτε να δείτε τώρα είναι πραγματικά ανταποκρίνεται σε αυτό.
Είναι βάζοντας την αξιολόγηση αυτή στην οθόνη σε εκείνο το άλλο άδειο tag div
κάτω από τον έλεγχο της αξιολόγησης.
Αυτή είναι η μαγεία του πολλά πράγματα εδώ.
Έτσι όπως είστε δημιουργία εφαρμογών για το κατάστημα των Windows,
υπάρχει ένας τόνος των ελέγχων που μπορείτε να χρησιμοποιήσετε μόνο. Θα εργαστούμε όλοι σαν αυτό.
>> Επιτρέψτε μου να σας δείξω την οπτική πλευρά του σχεδιασμού για αυτές τις εφαρμογές.
Τα καλά νέα είναι ότι θα έχετε ήδη αυτό το εργαλείο όταν εγκαθιστάτε τα πάντα
αν πάτε σε αυτό το download και μπορείτε να πάρετε το Visual Studio.
Έχω δίκιο να κάνετε κλικ σε αυτό. Δεν θα μεγεθύνει μέσα
Απλά λέει Άνοιγμα σε Blend.
Blend είναι ένα άλλο εργαλείο που λειτουργεί δίπλα-δίπλα με το Visual Studio
και επικεντρώνεται πολύ περισσότερο στην πλευρά του σχεδιασμού των πραγμάτων,
έτσι επιφάνειες πραγματικά εργαλεία που έχουν βελτιστοποιηθεί για τη δημιουργία στυλ,
τη δημιουργία animations, σε συνεργασία με CSS, πολλά πράγματα σε αυτό το είδος της φλέβας.
Εδώ τι θα πρέπει να είναι πολύ ενδιαφέρουσα και αρκετά προφανές είναι αμέσως ψάχνουμε στο app.
Ας ελπίσουμε ότι εξακολουθούμε να είμαστε.
Αντί να βλέπουμε κώδικα, το οποίο εξακολουθούμε να βλέπουμε στο κάτω μέρος,
βλέπουμε την πραγματική αναπαράσταση της εφαρμογής.
Τι περισσότερο, δεν είναι απλά μια αναπαράσταση του app, είναι στην πραγματικότητα το app τρέχει.
Και αυτό είναι ό, τι πραγματικά είναι ωραίο για Blend.
Η ομάδα έχει κάνει πολλή δουλειά για να φέρει HTML και JavaScript και CSS σε αυτό το εργαλείο.
Τώρα μπορείτε πραγματικά, αν είστε περίεργοι, «Τι σημαίνει αυτό; Τι μπορώ να κάνω;"
Μπορώ πραγματικά να σχεδιάσει με την αίτηση αυτή, ακόμη και αν τα πράγματα όπως αυτό δεν υπάρχουν στην σήμανσης μου.
Να θυμάστε ότι ο έλεγχος διαβάθμισης; Ήταν απλά ένα tag div.
Αυτή η ουσία, ότι το αστέρι, υπάρχει μόνο κατά το χρόνο εκτέλεσης. Πώς μπορώ να ξέρω αυτό;
Υπάρχει ένα μικρό κομμάτι της μαγείας εδώ.
Δείτε αυτές τις αστραπές;
Κάθε φορά που θα δείτε ένα κεραυνό, αυτό σημαίνει ότι δημιουργήθηκε από κάτι κατά το χρόνο εκτέλεσης.
Μερικά JavaScript έτρεξε και γύρισε κάτι σε αυτό ή να δημιουργηθεί αυτό με κάποια λογική.
Αυτά τα αστέρια που βλέπετε εκεί δημιουργήθηκαν από το JavaScript WinJS.
Το ωραίο είναι, δεν έχει σημασία για μένα, μπορώ ακόμα να το σχεδιασμό,
Μπορώ ακόμα να πάει και να τον αλλάζετε, μπορώ να μάθω τι συμβαίνει εδώ,
Μπορώ να εξετάσουμε το CSS, μπορώ να πάω μπροστά και να μάθετε γιατί το χρώμα είναι ο τρόπος που είναι,
Μπορώ να ξεκινήσω μπέρδεμα με τα πράγματα και να κάνει τα πράγματα φρικτό,
ό, τι θέλω να κάνω.
Στην πραγματικότητα, εγώ θα αφήσει τα πράγματα μόνο.
Αλλά μπορείτε να δείτε εδώ είναι όλα τα CSS και σας παρουσιάζει εδώ.
Αν πάω μέχρι εκεί, πρόκειται να σας δείξω όλα αυτά που λένε είναι κερδοφόρα,
έτσι ώστε οι κανόνες CSS που είναι το πιο συγκεκριμένο και το πιο επιλεγμένο για αυτό το στοιχείο,
που πιθανώς έχετε ήδη περάσει πάνω στις τάξεις σας,
όπου μπορείτε να πείτε ότι υπάρχει μια γενική γραμματοσειρά που είμαστε που ισχύουν για τα πάντα,
αλλά επειδή αυτό είναι ένα h1 και έχω ένα χρώμα που έχει καθοριστεί για H1S,
πρόκειται να είναι αυτό το χρώμα, και αυτό γιατί είναι πιο εξειδικευμένο από το σώματος1.
Αυτό το ένα πράγμα εδώ όλους σας που δείχνει,
και είναι πραγματικά ισχυρό πράγματα, όπως θα έχετε πιο πολύπλοκες,
αναρωτιέστε γιατί αυτά τα πράγματα είναι έτσι όπως είναι.
Θα σας πω πραγματικά, και μπορείτε να επιλέξετε οποιοδήποτε από αυτά τα στοιχεία εδώ.
Αυτό το χρώμα δεν είναι πολύ κακό, στην πραγματικότητα.
Μπορείτε να τα επιλέξετε. Ας ελπίσουμε ότι μπορείτε να δείτε αυτό.
Για ό, τι έχετε την αίτησή σας, θα δείτε ένα ολόκληρο καταρράκτη
όλων των CSS που θα μπορούσαν να εφαρμοστούν σε αυτό και των οποίων το ένα είναι η νίκη,
ποια πραγματικά πήρε το προβάδισμα.
Αυτοί είναι το είδος της βαρετό. Δεν υπάρχει μια παρτίδα σε εξέλιξη σε ορισμένα από αυτά.
Αν πάω και να αλλάξετε το χρώμα, τότε θα αρχίσουμε να βλέπουμε κάποια υπερχείλιση εκεί.
Μπορείτε επίσης να χρησιμοποιήσετε HTML ως εδώ καλά.
Μπορώ να πάω μέσα και να τροποποιήσετε τις ιδιότητες HTML για όλα αυτά τα πράγματα όπως θέλω.
Υπάρχει μόνο τόνους πράγματα εδώ.
>> Δεν θέλω να πάρετε το χρόνο σας με τη μετάβαση από ό, τι εδώ. Απλά ξέρω ότι είναι εδώ.
Υπάρχει πολλή σχεδιασμού με γνώμονα τη λειτουργικότητα που είναι ακριβώς στη διάθεσή σας
ώστε να μπορείτε να μείνετε οπτική, λειτουργούν με την εφαρμογή, και δεν χρειάζεται να κάνει πολλά μαντέψουν
ότι θα πρέπει να κάνετε κανονικά και η ποδηλασία πίσω από ένα πρόγραμμα περιήγησης πίσω στο σχεδιασμό σας,
επιστρέψετε στο πρόγραμμα περιήγησης.
Αυτό είναι πραγματικά δροσερή ουσία για αυτό, και όπως μπορείτε να αναπτύξει μια εφαρμογή Windows Store,
πρόκειται να σας κάνει πολύ πιο παραγωγικοί.
>> Θα δείτε επίσης ότι είναι παρακολούθηση της σήμανσης εδώ και CSS σας
καθώς εργάζεστε μέσα από διαφορετικά πράγματα.
Είναι ίσως πολύ δύσκολο για σας να δείτε ότι, ειδικά για το βίντεο,
αλλά αυτό είναι ό, τι συμβαίνει εδώ, και θα σας συνιστούσαμε να εξοικειωθούν με αυτό.
Αυτό θα σας εξοικονομήσει πολύ χρόνο. Αυτός είναι ο Blend.
Εάν κάνετε οποιεσδήποτε αλλαγές εδώ, που αυτόματα θα φέρει πίσω πάνω
στο Visual Studio.
Είναι τα ίδια αρχεία, είναι το ίδιο πάντα. Θα το αφήσουμε μόνο του.
Έχω ένα καλύτερο παράδειγμα που θέλω να σας δείξω.
Αλλά αν έκανα μια αλλαγή εκεί και έσωσε αυτό και ήρθα πίσω στο Visual Studio, θα έλεγα,
"Γεια σου, μόλις άλλαξε κάτι. Μπορώ να το φορτώσετε για σένα;" Ναι.
Και αν χρησιμοποιείτε τα ίδια πράγματα εκεί.
Αυτό είναι το τέλος του συγκεκριμένου δείγματος.
>> Θέλω να σας δείξω ένα υψηλότερο δείγμα τέλος απλά για να σας δώσει μια άποψη των άλλων λειτουργιών
μπορείτε να σκεφτείτε, καθώς και.
Αυτό είναι ένα δείγμα app που μπορείτε να κατεβάσετε.
Αν ψάχνετε για κάτι που ονομάζεται το στρατόπεδο των Windows σε ένα κουτί,
υπάρχουν μερικά δείγματα που είναι το ότι, και ένας από αυτούς είναι ο Contoso Cookbook.
Μπορώ να τρέξει μόνο αυτό για σας.
Προσαρμοσμένη οθόνη splash. Αυτή είναι η εφαρμογή προβολή πλέγματος.
Έχουν δεσμεύεται κάποια custom στοιχεία εδώ. Μπορείτε να περιηγηθείτε μέσα από αυτό.
Μπορείτε να πάτε και να ρίξετε μια ματιά σε διάφορα πράγματα που θα μας κάνουν πεινασμένοι την Παρασκευή το απόγευμα.
Δεν ξέρω. Τι πρόκειται να κάνει με το πιο πεινασμένοι;
Δεν ξέρω. Είμαι ακριβώς πρόκειται να πάρει ένα.
Μπορείτε να πάτε σε αυτά τα πράγματα. Θα σας δείξω τη συνταγή.
Θα μπορούσατε επίσης, αντί να κάνετε κλικ σε ένα στοιχείο,
μπορείτε να πάτε δεξιά σε αυτή την κατηγορία του περιεχομένου, αυτό το τμήμα του περιεχομένου.
Σε αυτή την περίπτωση, μπορείτε να διαβάσετε πολλά πλαστά Λατινικής σας λέει όλα σχετικά με αυτές τις συνταγές εδώ
και στη συνέχεια πηγαίνετε δεξιά στη συγκεκριμένη συνταγή.
Αυτό υποστηρίζει επίσης τα πράγματα όπως την ανταλλαγή που σας έδειξα πριν με τις εικόνες.
Μπορείτε επίσης να ψάξετε σε αυτή την εφαρμογή πολύ.
Είναι πολύ εύκολο να κάνετε αναζήτηση.
Βασικά, είστε ακριβώς να πάρει μια συμβολοσειράς κειμένου από τα Windows
και να αποφασίσετε πώς θέλετε να χειριστεί αναζήτηση με αυτό.
Είναι μερικές γραμμές κώδικα για να πάρετε ότι, και τότε τι κάνετε με αυτό μετά από αυτό είναι εντελώς μέχρι σας.
>> Εδώ έχουν επίσης ένα μπαρ app όταν χρησιμοποιείτε κάποια άλλη λειτουργία.
Θα σας πω ακριβώς τι είναι.
Μια υπενθύμιση πρόκειται να χρησιμοποιήσει ό, τι λέγεται κοινοποίηση τοστ.
Αυτό είναι πραγματικά χρήσιμο για να αφήσει το χρήστη να γνωρίζει πότε έχουν συμβεί τα πράγματα,
όπως μια εφαρμογή έχει εγκατασταθεί ή κάτι ολοκληρώθηκε.
Είναι επίσης καλό για τα παιχνίδια πάρα πολύ.
Εάν έχετε ένα επίμονο κόσμο ή έναν πίνακα των νικητών και μια υπηρεσία που είναι φιλοξενία που
ίσως σε μια διαφορετική μηχανή, οι κοινοποιήσεις μπορούν να σταλούν σε ένα μηχάνημα
και ακόμα και αν ο χρήστης δεν χρησιμοποιεί το παιχνίδι σας, παίζοντας το παιχνίδι σας ή το τρέξιμο app σας,
μπορούν να πάρουν ακόμα ειδοποιήσεις σχετικά με αυτά τα είδη των εκδηλώσεων.
Έτσι, θα μπορούσαμε να πούμε, «το κάστρο σας έχει καταστραφεί ή είναι μόνο για να καταστραφεί."
"Γύρνα πίσω και να την υπερασπιστεί," ή κάτι τέτοιο.
Κάνετε κλικ για την κοινοποίηση, θα πάτε δεξιά πίσω στο παιχνίδι και μπορείτε να το παίξετε.
Έτσι, αυτά τα είδη των πραγμάτων μπορεί πραγματικά να βοηθήσει να σύρουν τους ανθρώπους πίσω στο app σας αρκετά αποτελεσματικά.
>> Υπάρχει επίσης υποστήριξη σε αυτή την εφαρμογή για τη χρήση του μικροφώνου, την κάμερα,
κάνει το βίντεο και λήψη φωτογραφιών.
Μπορείτε επίσης να καρφιτσώσετε μια δευτερεύουσα κεραμίδι.
Είναι χρήσιμο αν θέλετε να έχετε μόνο ένα κεραμίδι που πηγαίνει δεξιά σε συγκεκριμένο περιεχόμενο.
Σε αυτή την περίπτωση, πηγαίνει δεξιά σε αυτή τη συνταγή.
Ό, είμαι παραπέμπουν Είμαι απλά δείχνει
επειδή είναι πράγματα που μπορείτε να σκεφτείτε τη χρήση, καθώς και.
Για το μεγαλύτερο μέρος, είναι πολύ απλό στη χρήση.
Θα ήθελα να συστήσω μόνο να σας φέρει μέχρι αυτό το δείγμα εξερευνητής
και να βρείτε ένα δείγμα που μπορεί να σας δείξει πώς να το κάνουμε αυτό.
Είναι αρκετά εύκολο να φέρουμε εκείνοι στην εφαρμογές σας εκεί.
>> Ήμουν έτοιμος να σας δείξω κάτι άλλο που είναι αρκετά δροσερό εδώ.
Θα snap αυτήν την εφαρμογή, και είμαι πρόκειται να πάει πίσω στο Visual Studio.
Αυτή η εφαρμογή δεν τρέχει. Είναι τρέχει από το Visual Studio.
Μπορώ να κάνω κάποια αρκετά δροσερή ουσία με αυτό.
Εγώ πραγματικά έχουν τη δυνατότητα να επιλέξετε ένα στοιχείο,
και μπορώ να πάω εδώ στην ζωντανή εφαρμογή και μπορώ να πω,
«Αναρωτιέμαι γιατί είναι Χρόνος προετοιμασίας λίγο ελαφρύτερο γκρι από τον ίδιο τον τίτλο;"
Μπορώ να κάνω κλικ πάνω του.
Είναι πρόκειται να συγχρονίσετε ότι πίσω στο Visual Studio,
και πρόκειται να μου δείξει ακριβώς το παραγόμενο περιεχόμενο που κατέληξε σε αυτό το μέρος του UI.
Έτσι, στην περίπτωση αυτή, είναι στοιχείο-υπότιτλος και h4 διπλό κατασκεύασμα,
και που πιθανόν να μας λέει τι πρέπει να ξέρουμε γιατί ως h4 στο πλαίσιο αυτό,
πρόκειται να πάρει ένα ορισμένο είδος της γραμματοσειράς.
Αλλά αν ακόμα δεν ξέρω γιατί, να κάνετε κλικ στο στυλ Trace.
Τότε μπορώ να αναπτύξετε το χρώμα και μπορώ να μάθετε ακριβώς γιατί το χρώμα αυτό δεν είναι το χρώμα του αμαξώματος
αλλά στην πραγματικότητα είναι κάτι άλλο.
Αυτό είναι κατ 'ουσίαν τα dev εργαλείων από τον Internet Explorer
σε βαθμό που ασκήθηκε σε Visual Studio.
Εάν έχετε εργαστεί με τα εργαλεία του Chrome Dev, Firebug, τέτοια πράγματα,
αυτά τα είδη των εργαλείων που βρίσκονται στο πρόγραμμα περιήγησης,
αυτό το είδος της λειτουργικότητας έχει τεθεί δικαίωμα σε Visual Studio
έτσι ώστε να μην χρειάζεται πραγματικά να ξεκινήσει ένα πρόγραμμα περιήγησης και να συνεργαστεί με αυτά τα εργαλεία ξεχωριστά.
Τώρα έχω ένα app Windows Store μόνο τρέξιμο,
και μπορώ να ξεκινήσω να το σχίσουν και να ανακαλύψει γιατί τα πράγματα κάνουν ό, τι είναι.
>> Επίσης, μπορεί να το κάνει με αυτόν τον τρόπο πάρα πολύ.
Μπορώ να πάω και μόλις πάρει κάτι σωστό από την σήμανση και να μάθετε τι είναι
στην ίδια την εφαρμογή. Νομίζω ότι έχω περάσει από όλα.
Εδώ είμαι πλανάται πάνω από αυτό. Μπορώ να το επιλέξετε.
Είναι πρόκειται να μου δείξει στην πραγματική εφαρμογή που εκτελείται όταν αυτό το πράγμα είναι
ότι είμαι τώρα κάνοντας κλικ στο στη σήμανση.
Πραγματικά δροσερή ουσία.
Καθώς προσπαθείτε να καταλάβω τι συμβαίνει και τι HTML κάνει,
τι CSS κάνει, να το θυμάστε αυτό.
Θυμηθείτε ότι αυτό είναι εδώ για σας
και, επίσης, ότι Blend μπορεί να λειτουργήσει με μια ζωντανή εφαρμογή που εκτελείται.
>> Το ένα τελευταίο πράγμα που ήθελα να σας δείξει με αυτή την εφαρμογή -
Με την ευκαιρία, σας δείχνει δέλτα καθώς τα πράγματα αλλάζουν πάρα πολύ,
έτσι ώστε να μπορείτε να παρακολουθήσετε αυτές τις κίτρινες ανταύγειες.
Αυτά είναι τα πράγματα που έχουν αλλάξει μόνο στην αίτηση.
Αλλά ένα τελευταίο πράγμα. Θέλω να πάω πίσω στο Blend μόνο για ένα δευτερόλεπτο εδώ.
Θα ανοίξει αυτό επάνω, Open στο Blend, το ίδιο app, το ίδιο πάντα.
Απλά θέλω να σας δείξω την εμπειρία εδώ δεν είναι μόνο είστε κολλημένοι στην αρχική σελίδα
κοιτάζοντας τα πράγματα που θα πάρετε από προεπιλογή όταν εκτελείτε την εφαρμογή και αφήστε το να καθίσει εκεί.
Μπορείτε επίσης να ενεργοποιήσετε αυτό το όμορφο μικρό εικονίδιο εδώ.
Λέγεται λειτουργία Interactive.
Κάνετε κλικ σε αυτό. Είναι πρόκειται να φέρει επάνω την αίτησή σας.
Δεν είσαι σε κατάσταση σχεδίασης πια, έτσι δεν πρόκειται να κάνετε κλικ στα πράγματα
για να αλλάξετε τη λειτουργικότητα, αλλά μπορείτε πραγματικά να λειτουργούν με την εφαρμογή τώρα.
Μπορείτε να κάνετε κλικ, μπορείτε να κάνετε ό, τι, για να πάρετε μια συνταγή που σας νοιάζει
ή μια κατηγορία. Ας πάμε σε αυτή την κατηγορία.
Θα πω, "Εντάξει, εδώ είναι που θέλω να σχεδιάσει."
Στη συνέχεια, κάνετε κλικ σε αυτό το κουμπί και πάλι, θα σας φέρει πίσω στην επιφάνεια σχεδίασης,
και τώρα μπορείτε να κάνετε όλα αυτά τα πράγματα που μιλούσα για πριν.
Θα συνεχίσετε να κάνετε κλικ μέχρι να πάρω αυτό το επιλεγμένο, μάθετε τις διαστάσεις του,
μάθετε την HTML για αυτό, το CSS για το
για μια εφαρμογή που εκτελείται, άλλοι αργότερα μέρος της αίτησης.
Πολύ, πολύ χρήσιμο. Θα σας δείξω αυτό σε σας.
Παρακαλώ κρατήστε αυτό κατά νου, αν ψάχνετε σε κώδικα γραφής με αυτό
επειδή πρόκειται να σας εξοικονομήσει πολλά προβλήματα, και αυτό είναι καλό πράγμα.
Αυτό είναι λίγο πολύ το μόνο που ήθελα να σας δείξω στο Blend και Visual Studio για όλα αυτά.
>> Οποιεσδήποτε ερωτήσεις σχετικά με οποιοδήποτε από αυτά τα εργαλεία;
Τίποτα από όλα αυτά; >> [Guarin] Έχω πράγματα να δώσει, τόσο καλές ερωτήσεις, καλά πράγματα.
>> [Bowen γελάει] Έχω ήδη δείξει σας demos μου εδώ.
Πάω να το βάλετε στη σελίδα Πόρων και απευθύνονται σε ερωτήσεις τώρα.
Η πρώτη αυτή αναφορά είναι ότι η ιστοσελίδα Generation App με το κομμάτι του παιχνιδιού και το κομμάτι app.
Εγγραφείτε για αυτούς.
Δεν χρειάζεται να περιμένετε τις 30 ημέρες για να πάρει το περιεχόμενο.
Μπορείτε να ξεκινήσετε τη μετάβαση και την εξέταση του περιεχομένου, όπως εσείς επιθυμείτε.
Καταλαβαίνω πλαίσια το χρόνο σας μπορεί να είναι διαφορετική από ό, τι - [γέλια]
Έτσι, όταν είναι η Hackathon; Αυτό είναι μερικές εβδομάδες, έτσι δεν είναι;
Έτσι, δεν έχετε τις 30 ημέρες για να περιμένει.
Οπότε ναι, μπορείτε να εγγραφείτε για αυτό και στη συνέχεια, μόλις αρχίσει το τράβηγμα το περιεχόμενο έξω από αυτό.
Επίσης, η Dev και τα Κέντρα Σχεδιασμού.
Και εγώ δεν το αναφέρω αυτό, αλλά υπάρχει επίσης το Κατάστημα Docs.
Αυτό θα είναι για μετά την Hackathon όπως είστε έτοιμοι να ξεκινήσετε την υποβολή εφαρμογές σας για το κατάστημα.
Υπάρχουν μερικές χρήσιμες κατευθυντήριες γραμμές εδώ, κάποια καθοδήγηση για το πώς να πάρει τα πράγματα στο κατάστημα,
ορισμένα κοινά προβλήματα που μπορεί να σας ταξίδι επάνω,
και αυτό είναι το τέλος των εν λόγω πόρων.
>> Λοιπόν, τι έχεις στο μυαλό σου; Οτιδήποτε άλλο που εσείς -
[Guarin] Ποιος σκέφτεται να κάνει ένα app των Windows για CS50; Cool.
[Bowen] Cool. Μεγάλη.
>> Οποιεσδήποτε ερωτήσεις σχετικά με τα πράγματα που έχετε δει μέχρι τώρα και πώς σχετίζεται με αυτό;
Για παράδειγμα, με περισσότερο χρόνο θα μπορούσα να πάρω ένα παιχνίδι που έχω γράψει
και που τρέχει στον browser και ακριβώς το είδος των περάσουν από τη διαδικασία
φέρει ότι σε Visual Studio και καθιστώντας το ένα app Windows Store.
Παίρνει περισσότερο χρόνο από ό, τι πραγματικά έπρεπε να περιλαμβάνουν και σήμερα,
αλλά η σύντομη εκδοχή είναι ότι είναι το ίδιο κωδικό που έχετε εκτελείται στο πρόγραμμα περιήγησης,
και τα πράγματα που μπορείτε να αλλάξετε είναι τα πράγματα που έχετε αποφασίσει να συνδέσετε με τα Windows 8.
Έτσι, εάν θέλετε να χρησιμοποιήσετε γοητεύει, αν θέλετε να αναζητήσετε ή να μοιραστείτε,
θα πρέπει να δημιουργήσετε ένα μπαρ app για να κρύψει μακριά κάποια λειτουργικότητα σε αυτό,
αυτά είναι τα είδη των πραγμάτων που θα αλλάξετε.
Αλλά ο πυρήνας του web app σας μπορεί να παραμείνει ανέπαφο.
Και πάλι, εφ 'όσον αυτό λειτουργεί σε IE10, πρόκειται να είναι ένα πολύ εύκολο λιμάνι
για να φέρει αυτά τα πράγματα σε Visual Studio, στο Blend, και να κάνουν ένα app Windows Store.
Και πάλι, τα μόνα πράγματα που θα πρέπει να μάθουν είναι αυτά τα άλλα χαρακτηριστικά
που μπορείτε να χρησιμοποιήσετε για να φωτίσετε μια εφαρμογή, όπως ένα ζωντανό κεραμίδι και αυτά τα πράγματα.
>> Ναι. >> [Φοιτητής] Η ερώτησή μου είναι σχετικά με την εργασία κινητό.
Έτσι, αν κάνετε μια εφαρμογή που λειτουργεί ως μια εφαρμογή στην επιφάνεια εργασίας,
Είναι πραγματικά εύκολο να το μεταφέρετε στο κινητό, ή υπάρχει -
Το ερώτημα είναι, αν κάνω μια εφαρμογή Windows Store που είναι πραγματικά βελτιστοποιηθεί για αυτό το περιβάλλον
και θέλω να το φέρει σε ένα κινητό κόσμο, τι ασχολείται με τον τρόπο αυτό;
Αυτό, όπως και πολλά ερωτήματα, είναι πάντα ένα διαρκώς μεταβαλλόμενο απάντηση.
Τα καλά νέα είναι, αν είστε κολλήσει με HTML και JavaScript, CSS,
εάν είστε αρχίζοντας από ένα app Windows Store,
πρόκειται να σας αφήσει να το φέρει στο Web
και στη συνέχεια να χρησιμοποιήσετε αυτά τα είδη των τεχνικών, όπως ερωτήσεις των μέσων ενημέρωσης και τα πράγματα,
να προσαρμοστούν σε διαφορετικές συσκευές μεγέθους.
Τούτου λεχθέντος, υπάρχει πάντα πλαίσια και τα πράγματα εκεί έξω
ότι η υποστήριξη που εκτείνεται από διαφορετικές τεχνολογίες, διαφορετικές πλατφόρμες.
Αυτό αλλάζει όλη την ώρα.
Είμαστε, επίσης, να αλλάξουμε τα πράγματα, καθώς κοιτάζουμε προς αυτό που έχουμε τώρα
πραγματικά έξω με τα Windows Phone 8.
Έχουμε κάποιες κοινές βασικές υποδομές
προσφέρονται μεταξύ των εφαρμογών για αυτά τα περιβάλλοντα.
Έτσι τα πράγματα που κάνετε για να δημιουργήσει μια εφαρμογή Windows Store,
πολλά που μπορεί να μεταφέρει πάνω σε ένα Windows Phone 8, καθώς και την εφαρμογή.
Αυτό και πάλι είναι μια αναδυόμενη ιστορία, έτσι δεν υπάρχει κάποιο περιεχόμενο για ότι Build.
Το SDK μόλις βγήκε πριν από λίγο. Ήταν μόλις κυκλοφόρησε πριν από λίγο καιρό.
Αλλά από την άποψη της άλλες πλατφόρμες πάρα πολύ,
ίσως τρέξει σε πολλά πλαίσια cross-platform, καθώς και.
Τα καλά νέα είναι ότι τα πράγματα που κάνεις εδώ,
η βασική λειτουργικότητα είναι κατ 'ευθείαν επάνω web πρότυπο πράγματα.
Τα μόνα πράγματα που δεν θα μεταφράσει εύκολα είναι τα πράγματα που κάνει τα Windows 8,
αλλά αυτό δεν αποτελεί έκπληξη, διότι είναι ένα χαρακτηριστικό των Windows.
Δεν πρόκειται να βρείτε την ανταλλαγή ή παρόμοια είδη συμβάσεων σε κάθε άλλη πλατφόρμα.
Έτσι, αυτά είναι τα πράγματα που θα θέλετε να από την άποψη του σχεδιασμού
βεβαιωθείτε ότι έχετε τρόπους για το είδος της αφηρημένης αυτής της έξω, έτσι ώστε να μπορούμε να πούμε,
«Αν είμαι τρέχει σε αυτό, μπορώ να το κάνω."
Αν δεν είμαι, υπάρχει κάποια σχεδιαστικά πρότυπα που μπορείτε να χρησιμοποιήσετε για να κρύψει το είδος αυτά τα πράγματα μακριά.
Αλλά να έχετε κατά νου. Ναι. Λυπάμαι. Προχωρήστε.
>> [Φοιτητής] Αν θέλω να δοκιμάσει τα Windows app μου στην κορυφή του [δεν ακούγεται]
[Bowen] Ναι. Πήδηξα ένα πράγμα πάρα πολύ. Ναι.
Θα απαντήσω στην ερώτησή σας πρώτα, τότε εγώ θα σας δείξω ένα χαρακτηριστικό που ξέχασα να αναφέρω.
Έχουμε κάποια διαθέσιμα μηχανήματα σε τοπικό επίπεδο. Λυπάμαι.
Το ερώτημα ήταν, πώς μπορώ να ελέγξω τα πράγματα στις συσκευές
αν δεν τυχαίνει να έχουν ένα σωρό πράγματα για να διαλέξετε;
[Guarin] Σας δάνεισε παιδιά, νομίζω, 5 ή 6. Πόσα χρειάζεστε;
[Φοιτητής] Έχουμε 4 από αυτά. >> Εντάξει. Εχετε 4 πλάκες για να παίξει γύρω με.
Έτσι, σίγουρα αφήσει ο καθένας ξέρει, παρακαλώ. [Γέλια] >> [Bowen] Awesome.
Αυτό είναι μια ακόμα καλύτερη απάντηση από ό, τι επρόκειτο να σας δώσω.
Έχουμε τις ώρες γραφείου για τους προγραμματιστές που κάνουμε στο γραφείο μας
και τώρα έρχεται σύντομα στο Microsoft Store πάνω στο Pru,
Edwin αλλά έχει ήδη φροντίσει για εσάς.
Υπάρχουν 4 πλάκες που διατίθενται για δανεισμό, για τη δοκιμή.
Εκεί πάμε. Υπάρχει ένα παράδειγμα ενός εκεί.
Οπότε ναι, απολύτως. Μεγάλη.
Απολύτως μακράν ο καλύτερος τρόπος για να δοκιμάσετε είναι να είναι σε μια συσκευή.
Αν δεν τυχαίνει να έχουν ένα ακόμη ή δεν θέλετε να περπατήσετε σε όλη την πανεπιστημιούπολη στο χιόνι
να αρπάξει ένα ή οτιδήποτε άλλο, υπάρχει ένας τρόπος για να γίνει αυτό πίσω στο Visual Studio.
Αν πάω πίσω στο όταν ήμουν εδώ, εδώ, αντί της χρησιμοποίησης τοπικού υπολογιστή,
θα μπορούσε να συνδεθεί με απομακρυσμένο μηχάνημα, αλλά αυτό δεν είναι αυτό που μιλώ για εδώ.
Simulator είναι το πράγμα που ίσως να θέλετε να εξετάσει.
Θα τρέξω αυτό, και πραγματικά αυτό που είναι, είναι ουσιαστικά ένα παράθυρο στο δικό σας σύστημα.
Εδώ είναι στην πραγματικότητα το σύστημά μου τρέχει, τρέχει Contoso,
αλλά με έναν τρόπο που μου επιτρέπει να αλλάξετε κάποιες από τις παραμέτρους εκτέλεσης,
οι περιβαλλοντικές παραμέτρους.
Έτσι μπορώ να πω εδώ, "Ξέρεις τι;"
Αχ. Έχω ήδη να τρέχει σε προσομοιωμένο οθόνη 27 ιντσών σε ανάλυση 2560.
Μπορώ εύκολα να πέσει το κάτω και να δούμε τι αίτησή μου θα κάνει με μικρότερη οθόνη
ή αλλάζοντας τις ρυθμίσεις DPI ή οτιδήποτε άλλο.
Έτσι, σε μια μικρή οθόνη, 10.6, τι πρόκειται να κάνει;
Αυτό φαίνεται ακόμα αρκετά καλά, έτσι δεν είναι;
Θα θελήσετε να το κάνετε αυτό, ειδικά αν είστε υποβολή στο κατάστημα, επειδή κάνουμε
ως μέρος της διαδικασίας δοκιμής.
Και αν υπάρχουν προβλήματα όπως αυτό,
τότε θα μπορούσε να τρέξει σε ένα ζήτημα να πάρει πιστοποίηση για το κατάστημα.
Αλλά αυτό είναι μέρος του προσομοιωτή. Πραγματικά δροσερό. Πολύ εύκολο να το κάνουμε αυτό.
Μπορείτε επίσης να χρησιμοποιήσετε χαρακτηριστικά, όπως περιστροφή ως καλά.
Μπορώ να κάνετε κλικ στο κουμπί εδώ, έχουν το περιστρέψετε, να δούμε τι κάποιος θα έχουν ως εμπειρία
περιστρεφόμενη πλάκα τους, tablet τους, και, χρησιμοποιώντας την εφαρμογή σας με αυτό.
Υπάρχουν κάποια άλλα πράγματα όπως το άγγιγμα άμιλλα και κάποια άλλα πράγματα,
ρύθμιση GPS.
Μπορώ να προσποιηθώ ότι είμαι σε μια διαφορετική θέση και να δούμε τι κάνει η αίτησή μου
όταν προσποιούμαι ότι είμαι πίσω στο Σιάτλ ή κάτι τέτοιο.
Αλλά είναι ένα πολύ χρήσιμο χαρακτηριστικό, και είναι χτισμένο σε τόσο Visual Studio και στο Blend.
Ναι. Η ερώτησή σας.
>> [Φοιτητής] Εάν γράφετε ένα παιχνίδι, δεν το Visual Studio έχει καμία υποστήριξη για τα κινούμενα σχέδια;
Ναι. Το ερώτημα είναι γύρω animation υποστήριξη, ιδιαίτερα με τυχερά παιχνίδια.
Εξαρτάται. [Γέλια]
Με JavaScript θα ήθελα να πω ότι υπάρχει πιθανώς λιγότερη υποστήριξη από ό, τι υπάρχει από την πλευρά της XAML,
η οποία έχει χρονοδιαγράμματα, έχει storyboards και τα πράγματα που είναι χτισμένο in
Για τις κινούμενες εικόνες για JavaScript εφαρμογές, δεν ξέρω πόσο μια απάντηση που θέλω να σας δώσω.
Έχω πόρους στο blog μου, που περνούν πολλές επιλογές και για τις δύο κινήσεις της φυσικής,
επιλογές για JavaScript προσανατολισμένη παιχνίδια για τα Windows 8.
Θα ήθελα να σας παραπέμψω σε αυτούς.
Βασικά, υπάρχουν τόσες πολλές επιλογές.
Ο λόγος που είμαι διστάζει είναι ότι υπάρχει τόσο πολλές επιλογές για να κάνει κινούμενα σχέδια με JavaScript.
Θα μπορούσε να είναι CSS, θα μπορούσε να βασίζεται καμβά, θα μπορούσε να είναι μόνο βασικές κινήσεις DOM,
θα μπορούσε να είναι πολλά διαφορετικά πράγματα, γι 'αυτό πραγματικά εξαρτάται από την επιλογή σας.
Αν αποφασίσετε να χρησιμοποιήσετε κάτι σαν Create.js ή ασβέστη ή άλλα είδη των πλαισίων -
Λοιπόν, δεν είμαι καν σίγουρος ότι πρόκειται να είναι σε θέση να χρησιμοποιήσει ένα υψηλότερο τέλος πλαίσιο
ήθελα επιπτώσεων ή Construct.
Αυτό τείνει να δημιουργήσει περισσότερο κώδικα από ό, τι θα μπορούσε να εξετάσει από την αρχή.
Αλλά σε αυτές τις περιπτώσεις, θα μπορούσατε να χρησιμοποιήσετε ένα προσομοιωτή, μπορείτε να χρησιμοποιήσετε τα περιβάλλοντα,
και έχω την τάση να χρησιμοποιούν μόνο αυτό το περιβάλλον για την πλατφόρμα δοκιμών μου σε αυτές τις περιπτώσεις
όπως είμαι ανάπτυξη παιχνιδιών.
Έχω πάει μια χαρά ειδικά με κινούμενα σχέδια καμβά,
το οποίο είναι ίσως το πιο κοινό πράγμα.
Το καλύτερο θα πάμε να βρείτε πιθανώς είναι τα εργαλεία dev στο πρόγραμμα περιήγησης
και τα εργαλεία dev στο Visual Studio.
Το είδος της οφιοειδή απάντηση εκεί, αλλά ελπίζω πήρα την απάντησή σας. Ναι. Μπορείτε.
>> [Φοιτητής] Ποιες είναι οι επιλογές αποθήκευσης δεδομένων για τα Windows 8 apps;
Ποιες είναι οι επιλογές αποθήκευσης δεδομένων για τα Windows 8 εφαρμογές, Windows Store apps;
Οι επιλογές σας είναι πραγματικά κάθε αίτηση παίρνει τη δική του πισίνα της τοπικής αποθήκευσης
για τις ρυθμίσεις και για τα δεδομένα, αλλά είναι επίσης γελοία εύκολο στη χρήση αποθήκευσης περιαγωγής,
να χρησιμοποιήσει cloud-based αποθήκευσης. Είναι δωρεάν.
Αυτό που συμβαίνει είναι ότι μπορείτε να επιλέξετε βασικά μια διαφορετική κατηγορία και να σας πω,
"Ρυθμίσεις για την περιαγωγή, Αποθήκευση, αυτό το συγκεκριμένο σύνολο του περιεχομένου,"
και ο λογαριασμός του Microsoft τους, ό, τι έχετε συνδεθεί ως,
πρόκειται να είναι το κλειδί για την περιαγωγή γύρω από τις εν λόγω πληροφορίες.
Έτσι, αν μπορώ να χρησιμοποιήσω το παιχνίδι σας στο φορητό υπολογιστή μου και τότε θα συνδεθείτε με τον ίδιο λογαριασμό
και παίζω το παιχνίδι σε μια επιφάνεια ή ένα δισκίο,
ότι θα περιφέρονται αυτόματα αυτήν τη ρύθμιση και τα δεδομένα μεταξύ των μηχανών.
Αυτό είναι ένα προεπιλεγμένο πράγμα. Αυτό είναι καλό για ορισμένες ποσότητες δεδομένων.
Δεν θα θέσει μια τεράστια βάση δεδομένων σε αυτές.
Για αυτό θα πρέπει να πάνε σε άλλα είδη λύσεις, όπως βάση δεδομένων που φιλοξενείται στο σύννεφο,
τέτοια πράγματα.
Υπάρχουν κάποιες άλλες επιλογές της κοινότητας γύρω από άλλα είδη των τεχνολογιών δεδομένων.
Έχω δει κάποια SQLite επιλογές στην κοινότητα γύρω από εκεί.
Έτσι, όλο και περισσότερο οι αναδυόμενες, αλλά αυτά είναι τα κύρια πράγματα που θα δούμε προς
για ένα παιχνίδι ή μια εφαρμογή.
Και είχατε μια ερώτηση στο πίσω πάρα πολύ.
>> [Φοιτητής] Από την άποψη του δικτύου [δεν ακούγεται] μεταφόρτωση ή λήψη αρχείων [δεν ακούγεται]
[Bowen] Είναι η ερώτησή σας για το πώς μπορείτε να δείτε αυτό ή πώς μπορείτε να debug αυτό και να το δοκιμάσετε;
[Φοιτητής] Πώς μπορείτε να το debug [δεν ακούγεται]
Λυπάμαι. Δεν μπορώ να ακούω όλα αυτά.
[Φοιτητής] Πώς μπορείτε να πάρετε το bug δοκιμαστεί και, επίσης, [δεν ακούγεται]
Μεγάλη. Μεγάλη.
Πώς μπορείτε να εργαστείτε με το δίκτυο; Πώς μπορείτε να δείτε τι συμβαίνει;
Υπάρχουν πολλές διαφορετικές απαντήσεις σε αυτό το ένα,
αλλά επιτρέψτε μου να σας δείξει κατά πάσα πιθανότητα τα ευκολότερα πράγματα εδώ.
Επιτρέψτε μου να απαλλαγούμε από τον προσομοιωτή για ένα δευτερόλεπτο.
Ακριβώς ένα ζευγάρι επιλογές debugging για τη δικτύωση.
Υπάρχει μια πλήρης στοίβα δικτύου ψήνεται δικαίωμα σε τόσο στο επίπεδο WinRT και από WinJS,
έτσι ώστε να μπορείτε πολύ εύκολα να κάνουν XHR, τύπου AJAX κλήσεις από το παιχνίδι ή την εφαρμογή σας για να το κάνουμε αυτό.
Κατά κύριο λόγο, έχω την τάση να χρησιμοποιούν 2 πράγματα.
Χρησιμοποιώ τα ίδια τα πραγματικά εργαλεία dev, που έχουν μια στοίβα δικτύου ψημένο σε αυτά.
Επιτρέψτε μου να σας δείξω την αρχική σελίδα των Windows.
Μπορώ να φέρω αυτό επάνω, και υπάρχει πραγματικά ένα πληρεξούσιο δίκτυο ψημένο σε αυτά τα εργαλεία εδώ.
Έτσι, μπορώ να το κάνω αυτό, μπορώ να ανανεώσετε τη σελίδα και πρόκειται να μου δείξει όλες τις αλληλεπιδράσεις,
συμπεριλαμβανομένων των AJAX κλήσεις για αυτήν την περίοδο, για τη διάρκεια του εν λόγω αίτημα του.
Αυτό είναι χρήσιμο. Είναι πρόκειται να είναι πολύ χρήσιμο για τον browser-based εφαρμογές.
Για τα άλλα είδη των εφαρμογών, συμπεριλαμβανομένων των Windows Store apps,
Μπορώ να χρησιμοποιήσω ένα εργαλείο που ονομάζεται Fiddler.
Θα πάμε για να πάρει ένα παιχνίδι σε απάντηση. [Γέλια]
Fiddler είναι ένα απλό proxy. Νομίζω ότι μπορώ να δείξω ότι σε σας.
Είναι απλά GetFiddler.com, η οποία, περιέργως, είμαι εντοπισμό στοίβα δικτύου μου
πρόκειται να GetFiddler.
Αλλά ούτως ή άλλως, Fiddler έχει γραφτεί από ένα από τα PMs για την ομάδα του IE,
έτσι ξέρει τι κάνει.
Αυτή είναι μια καλή προσέγγιση που μπορείτε να χρησιμοποιήσετε για την κυκλοφορία δικτύου debugging.
Θα ήθελα να συστήσω αυτό. Ερώτηση εκεί πάρα πολύ.
>> [Φοιτητής] Είναι ένας εύκολος τρόπος να ενσωματώσει είσοδο ξένων γλωσσών εκεί,
όπως τα ιαπωνικά, τα κινέζικα και σε εφαρμογές των Windows;
Δεν μπορώ να πω ότι έχω κάνει πάρα πολλά από τον εαυτό μου, αλλά ψήνεται μέσα
Υπάρχουν επιλογές για την πορεία της εκπομπής της αίτησής σας - Συγγνώμη, δεν είπα το ζήτημα -
επιλογές γύρω από την παγκοσμιοποίηση, τον εντοπισμό του περιεχομένου,
συμπεριλαμβανομένων των πραγμάτων όπως είναι σε θέση να πωλούν σε διάφορες αγορές
και στόχος ότι η έκδοση της εφαρμογής για τις επιμέρους γλώσσες
ή καλλιέργειες ή τέτοια πράγματα. Απολύτως χτισμένο in
Είχαμε υποστήριξη γι 'αυτό για πάντα,
και ότι μεταφέρει τις επιλογές σας για το Windows Store.
Μπορείτε να το κάνετε αυτό στο ίδιο το κατάστημα, να πωλούν σε διάφορες αγορές,
μπορείτε να το κάνετε αυτό στην αίτησή του, καθώς επίσης με τη χρήση των πόρων για τον καθορισμό,
«Αν είμαι αναπτυχθεί για αυτόν τον πολιτισμό, στη συνέχεια, χρησιμοποιήστε τις παρεκκλίσεις για κειμενικό περιεχόμενο μου
"Ή να χρησιμοποιήσετε μια δεξιά προς τα αριστερά αναγνώστη."
Αυτά είναι όλα μέρος του ορισμού WinJS και WinRT APIs. Καλή ερώτηση.
>> Πώς τα πάμε; Οποιαδήποτε άλλα;
Και αν κάποιος σε βίντεο έχει ερωτήσεις, είμαι cbowen @ microsoft,
έτσι είμαι στην ευχάριστη θέση να λάβει οποιαδήποτε από τις ερωτήσεις σας από το μέλλον.
Πολύ - Από το μέλλον, το μέλλον [μιμείται echo].
Έτσι, εδώ είμαι εγώ. Επιτρέψτε μου να θέσω ξανά την επαφή μου εδώ.
Έτσι, ας μου στείλει ένα σημείωμα, cbowen @ microsoft,
και θα επικοινωνήσουμε μαζί σας το συντομότερο μπορώ.
>> Οτιδήποτε άλλο που αναρωτιέστε; Είμαστε εντάξει;
Μεγάλη. Εντάξει. Σας ευχαριστώ όλους πάρα πολύ. Το εκτιμώ. [Χειροκροτήματα]
>> [CS50.TV]