[Powered by Google Translate] [Hội thảo - Windows 8 - Phát triển ứng dụng / game với HTML5] [Chris Bowen, Edwin Guarin - Đại học Harvard] [Đây là CS50. - CS50.TV] 

Hey, tất cả mọi người. Tôi tên là Edwin Guarin. Đây là Chris Bowen. Tôi sẽ để cho anh ta giới thiệu mình trong một giây. Tôi chỉ muốn thực hiện một thông báo nhanh chóng. Trước hết, tất cả các bạn sinh viên có được CS50 Windows 8 miễn phí. Vì vậy, nếu bạn đang suy nghĩ về thực tế sử dụng nó cho dự án cuối cùng của bạn, nó là của bạn. Nate sẽ gửi một email sau để được hướng dẫn. Điều thứ hai là nếu bạn quyết định viết một ứng dụng Windows 8 cho dự án cuối cùng CS50 của bạn, chúng ta sẽ được làm một số quà tặng: một Xbox, chúng ta có thể đưa ra một phiến đá đi, công cụ như thế. Vì vậy, nếu có bất cứ điều gì giữ bạn lại, hãy Chris hoặc tôi biết làm thế nào chúng ta có thể giúp bạn xây dựng một cái gì đó thực sự mát mẻ. Vì vậy, nhờ một lần nữa cho đến ngày hôm nay, và tôi sẽ trao cho Chris. 

Cảm ơn bạn, Edwin. Cảm ơn, tất cả mọi người đến với chúng tôi ngày hôm nay. Tôi Chris Bowen. Tôi là một trong các đồng nghiệp của Edwin đây ở vùng Đông Bắc. Tôi chỉ muốn dành một chút thời gian với bạn nói về làm thế nào để làm cho một ứng dụng Windows Store với HTML5, JavaScript và CSS và loại nhận được bất kỳ câu hỏi mà bạn có thể có về nó trả lời cho bạn như bạn đang tìm kiếm hướng suy nghĩ về có thể sử dụng nó cho một cơ hội kết CS50. 

Điều đó nói rằng, chúng ta sẽ nhảy ngay in Tôi sẽ đi qua để trình bày trên đây. Nếu bạn có bất kỳ câu hỏi, cảm thấy tự do để gửi cho tôi một email. Tôi cbowen@microsoft.com, và có blog của tôi và Twitter của tôi. Tuy nhiên bạn muốn nhận được liên lạc với tôi, đó là tốt. Tôi đã có khoảng một giờ thứ, và tôi muốn nhận được câu hỏi của bạn trong đường đi, do đó, không ngại về việc có câu hỏi trong thời gian này. Họ không thể nhìn thấy những người đặt câu hỏi về việc ghi âm, vì vậy bạn sẽ như vô danh như bạn muốn. 

Hãy để tôi lặn ngay, chỉ cần cung cấp cho bạn một giới thiệu nhanh chóng để Windows 8, và cho bạn thấy một vài trong số những điều về ứng dụng Windows Store mà bạn có thể xem xét như bạn đang suy nghĩ về việc phát triển một ứng dụng. Chúng tôi đang tìm kiếm Windows 8. Chúng tôi đã được ra trong một vài tuần nay. Rất nhiều thông qua mạnh ra đã có. Bạn có thể đã thấy các máy đã bề mặt mà chúng tôi có là tốt. Có một trên đây thực sự bạn có thể hãy xem nếu bạn đang ở đây trong người. Tôi thực sự muốn nói chuyện với bạn, bạn thấy xung quanh một chút về Windows 8. Ý tưởng này với Windows 8, nó thực sự mang lại chuyển tiếp tất cả những thứ bạn biết về Windows vào một số kinh nghiệm mới - đặc biệt, những thứ như trên máy với bề mặt cảm ứng, các loại thiết bị di động hơn mà hiện nay trên thị trường, nhưng nó cũng Windows ở cốt lõi của nó. Vì vậy, nó có nghĩa là bạn có thể cài đặt nó thực sự trên bất cứ điều gì mà chạy Windows 7, từ SLI chơi game giàn khoan ba lớn nhất của bạn xuống đến máy tính xách tay của bạn và sáng bóng các thiết bị khác mới của bạn mà bạn có thể chọn ngay hôm nay. Họ sẽ chạy Windows 8. Tôi sẽ cho bạn thấy xung quanh chỉ là một chút, và tất cả những kinh nghiệm mà bạn sẽ thấy đây là những điều mà bạn có thể tạo. Ý tưởng là cho dù đó là cảm ứng, chuột, bàn phím, bất cứ điều gì thiết bị này là bạn đang chạy ứng dụng của bạn trên, nó sẽ chạy tuyệt vời. Windows 8 sẽ giúp với tất cả những kịch bản. 

Những slide sang một bên, chúng ta hãy chỉ có được quyền vào tham gia một cái nhìn xung quanh đây. Hãy để tôi cho bạn thấy xung quanh màn hình chủ của tôi. Đây là màn hình Start của tôi. Tôi sẽ chỉ cho bạn một chút của một tour du lịch ở đây. Tôi đang trên một máy không cảm ứng, do đó nhiều như tôi muốn chạm vào màn hình máy tính xách tay của tôi, nó sẽ không làm gì cả, vì vậy tôi sẽ chỉ cần di chuyển xung quanh đây một chút và cho bạn thấy. Một số điều bạn có thể nhận thấy là một thực tế rằng những gì được gọi là gạch sống thực sự có thể làm động, và họ có thể cung cấp thông tin cho bạn - có thể cập nhật số liệu thống kê cho một trò chơi hoặc hiển thị cho bạn tin tức từ một số các ứng dụng trước đó đang ở đây ở phía bên trái. Có chúng tôi đi. Tôi chắc chắn nó chỉ tích cực và tin tức rất tuyệt vời tuyệt vời. Bạn có thể thấy ở đây nó thực sự kêu gọi sự chú ý của bạn trở lại các ứng dụng, nói, "Này, có điều gì đó mới đây. Hãy xem. Hãy trở lại và xem có gì mới cho bạn." Đó được gọi là gạch sống, và bạn có thể làm thông báo hoặc ngay từ bản thân ứng dụng hoặc nếu bạn có một cái nhìn chi tiết hơn, bạn sẽ tìm ra cách để viết một dịch vụ từ xa mà thực sự có thể đẩy thông tin cho gạch, đó là những gì đang xảy ra với các ứng dụng tin tức. Họ đang thực sự nhận được tin tức từ các đám mây và cập nhật quyền ngói có để mọi người biết có một lý do để mở ra các ứng dụng và có một cái nhìn ở bất cứ tin tức mới nhất là trong bất kỳ các hoặc nếu có công thức nấu ăn mới hoặc một điểm số cao mới để đánh bại hoặc một người bạn hoặc bất cứ điều gì chơi trên các ứng dụng này. Đó là một cái gì đó để lôi kéo bạn trở lại in Vì vậy, đó là gạch sống, và nó có thể là một người, nó có thể là một trang web là tốt. Thông thường nó là một ứng dụng. 

Khá nhiều tất cả những điều mà tôi có ở đây đến từ Windows Store. Tôi sẽ khởi động đó. Đó là một trong các ứng dụng mà bạn nhận được mặc định trên bất kỳ máy tính đang chạy Windows 8. Bạn có thể đến đây để tìm bất cứ điều gì bạn muốn, từ những điều được nhấn mạnh với các trò chơi mà tôi đã không nhìn thấy trước. Oh, wow, chúng tôi đã có một pinball mới đây. Bạn có thể cài đặt các ngay từ các cửa hàng, và chúng tôi sẽ nói về cách để phát triển các. Bạn có rất nhiều sự lựa chọn trong cách bạn tạo ra chúng. Chúng tôi sẽ tập trung vào các câu chuyện JavaScript với HTML và CSS, nhưng cho người dùng, cho người mua của ứng dụng này, nó không quan trọng những gì nó đã được viết in Họ có thể đi trước và làm việc với nó. Tôi bị hấp dẫn bởi một này, vì vậy tôi cần phải mở điều này và có một cái nhìn. Mỗi ứng dụng, bao gồm cả những người mà bạn có thể gửi và bán hoặc cho đi miễn phí, bất cứ điều gì bạn muốn làm trong cửa hàng, sẽ nhận được một trang chủ như thế này. Bạn có thể gửi ứng dụng của bạn với một loạt các ảnh chụp màn hình - bạn nhìn thấy một số ở đây - thông tin chi tiết về các ứng dụng, và qua thời gian bạn sẽ tích lũy cả hai xếp hạng - họ về cơ bản chỉ là xếp hạng sao - và đánh giá, cung cấp cái nhìn sâu sắc hơn một chút. Trên thực tế, ai đó đã gõ một cái gì đó và cho bạn biết làm thế nào tuyệt vời bạn đang có, và điều đó sẽ đi vào phần xét của bạn ở đây, mà tôi đã không nhìn. Tuyệt vời. "Thậm chí sẽ không mở." Như thế nào. Vâng, cho người thân cho người này đã mở và chạy, họ dường như thực sự thích nó. [Cười] Ghi nhớ điều này. Internet. Bất cứ ai cũng có thể nói những gì họ muốn về ứng dụng của bạn. Vì vậy, hãy chắc chắn rằng bạn đang làm một công việc tuyệt vời với nó, chắc chắn rằng bạn đang làm cho nó thoải mái dễ chịu cho người sử dụng như bạn có thể bởi vì họ là một cặp vợ chồng nhấp chuột đi từ cung cấp một đánh giá, và điều đó sẽ tích lũy lên đến đánh giá đánh giá tổng thể của bạn. Và bạn muốn làm tốt nhất của bạn bởi vì bạn sẽ phải đối đầu với các ứng dụng khác. Sẽ có hàng ngàn ứng dụng đã có trong các cửa hàng, và rất có thể là, có thể có một cái gì đó mà không chức năng tương tự như những gì bạn đang làm. Vì vậy, nếu bạn thực sự có thể đứng ra khỏi đám đông, đó sẽ là lợi thế của bạn, tất nhiên. 

Chúng tôi sẽ nhận được vào các cửa hàng một chút sau này. Tôi thực sự muốn tập trung vào việc tạo ra các ứng dụng. Nhưng phiên bản ngắn của các cửa hàng phân phối trên toàn thế giới, nó tự động một phần của Windows 8, mọi người chỉ cháy nó lên và hãy nhìn vào các ứng dụng khác nhau ở đây, bạn có Dress-Up Sticker Book và tất cả các loại ứng dụng khác nhau. Tươi Sơn, tôi sử dụng này rất nhiều - kém, nhưng tôi sử dụng nó rất nhiều. Nó cho thấy tôi, tôi đã sở hữu nó. Hãy để tôi chỉ cho bạn một cái gì đó tôi không có - UVideos tôi không có như thương hiệu mới. Bạn thấy ở đây hoàn toàn miễn phí, vì vậy bạn có thể cài đặt nó ngay từ các cửa hàng. Bạn có sự lựa chọn quá. Bạn tất nhiên có thể cho nó đi. Bạn có thể đặt quảng cáo trong các ứng dụng hoặc trò chơi. Bạn cũng có thể tính phí cho nó, và bạn có thể dễ dàng cung cấp thử nghiệm cho các ứng dụng cũng vì vậy bạn có thể cho phép người dùng thử trong một tuần hoặc bất cứ điều gì bạn muốn làm. Đó chỉ là tùy biến thông qua các cổng thông tin. Bạn không viết bất kỳ mã cho điều đó. Vì vậy, bạn nói, "Bạn có thể sử dụng trong một tuần và sau đó bạn đã có để mua nó," hoặc bạn có thể làm những việc như, "Bạn có thể chơi 3 cấp độ đầu tiên của trò chơi này "Và sau đó bạn phải mua để truy cập vào phần còn lại." Bạn thậm chí có thể làm trong ứng dụng mua hàng là tốt, vì vậy bạn có thể nói, "Chúng tôi đã có những cuộc phiêu lưu bổ sung hoặc bộ đồ họa hoặc những thứ được mở khóa - "Hơn công thức nấu ăn được mở khóa -. Nếu bạn mua các bộ mở rộng" Và bạn có thể làm điều đó tất cả các bên trong các ứng dụng hoặc trò chơi chính nó. Vì vậy, hoàn toàn tùy thuộc vào bạn, sự lựa chọn của bạn. Có rất nhiều điều mà bạn có thể làm trong các cửa hàng, và sau đó về cơ bản bạn đang gửi nó vào một kênh chứng nhận. Chúng ta có thể nói chuyện với tất cả về điều đó một chút sau này, nhưng điều này là mục tiêu. Bạn muốn nhận được khả năng hiển thị trên toàn thế giới ứng dụng của bạn trong các cửa hàng ở đây. 

Quay trở lại màn hình Start ở đây, tôi muốn để cho bạn thấy xung quanh một chút. Nếu tôi khởi động các ứng dụng này, hãy để tôi cung cấp cho bạn một ví dụ về một số chức năng cross-ứng dụng ở đây. Để làm điều đó, tôi sẽ khởi động tươi Sơn. Một điều bạn sẽ thấy ở đây là mỗi bit duy nhất của màn hình, tất cả các điểm ảnh của màn hình, đi đến ứng dụng của bạn. Đã qua rồi những ngày mà bạn có những đường viền xung quanh cửa sổ với rất nhiều nút mà luôn luôn có chiếm không gian tất cả các thời gian. Bây giờ bạn có thực sự muốn thoát khỏi đó và chỉ có nội dung của bạn là trọng tâm. Chúng ta có thể làm việc với Windows bằng cách truy cập các loại thực đơn. Một trong số họ thực sự là những gì được gọi là thanh quyến rũ, và nó đi ra từ phía bên của màn hình. Bạn thực sự có thể chạm nhẹ từ phía bên nếu bạn có một màn hình cảm ứng, bạn có thể click chuột phải nếu bạn có một con chuột, có một phím tắt cho nó, luôn luôn có nhiều hơn một cách để làm điều gì đó trong môi trường ở đây. Mà sẽ đưa ra một số điều mà bạn có thể làm. Rõ ràng nhất là bạn có thể quay trở lại màn hình Start, nhưng 4 khác là những gì được gọi là quyến rũ. Họ là hợp đồng mà bạn có thể cắm vào như một nhà phát triển ứng dụng. Họ đang khá mát mẻ. Tìm kiếm, tôi chắc chắn rằng đó là một cái gì đó bạn sẽ phải làm gì, chia sẻ tôi sẽ chỉ cho bạn trong một giây, và các thiết bị và Settings, đây là tất cả những điều mà ứng dụng của bạn có thể cắm vào để tận dụng Windows, nói, "Tôi đã thực hiện một phần của tôi "Và tôi muốn Windows để hỗ trợ một số chức năng khác, "Và tôi không muốn viết rất nhiều mã để làm cho điều đó xảy ra." Đó thực sự là một lợi ích của việc sử dụng các tính năng này. Hãy để tôi cho bạn thấy một. Để làm điều đó, tôi sẽ làm một bức tranh mới. Tôi cũng đã nói chuyện về việc sử dụng mỗi điểm ảnh cho ứng dụng của bạn. Theo mặc định, đây là những gì các ứng dụng sơn trông giống như khi bạn đang sử dụng nó. Nó thực sự chỉ là về bất cứ điều gì bạn đang vẽ, nội dung của bạn. Tôi có thể làm những điều khủng khiếp ở đây. Tôi phải vẽ những gì? Tôi không biết. Scribbles? Oh, tuyệt vời. Tôi có thể làm scribbles. Tuyệt vời. Một gà tây? [Cười] Đây là gà tây trừu tượng nhất, bạn sẽ thấy. Tôi cũng có thể mang đến những gì được gọi là thanh ứng dụng, và điều này thực sự là một trong những cách quan trọng mà bạn có thể sử dụng để che giấu đi tất cả những thứ mà có thể có được trên ứng dụng hoặc trò chơi của bạn trước khi chỉ chiếm không gian tất cả các thời gian. Vì vậy, bây giờ bạn có thể đặt nó lên đây, và điều này thực sự là một trong những kinh nghiệm đẹp hơn với thanh ứng dụng mà tôi đã nhìn thấy. Đặt lựa chọn ở đây để lựa chọn màu sắc khác nhau. Chúng tôi muốn một con gà tây, vì vậy chúng tôi sẽ đặt một số màu nâu ở đây, bắt đầu pha trộn trong một vài màu sắc. Chúng tôi sẽ có một màu trung gian ở đây và sau đó quay lại đây. Bạn có thể bắt đầu vẽ. Có gà tây của bạn. Tuyệt vời. Tôi không thể vẽ để bắt đầu, nhưng để làm điều đó với một touchpad ở phía trước của một khán giả thậm chí còn tốt hơn. Đây là tuyệt vời. Ý tưởng, mặc dù, là tất cả mọi thứ mà tôi quan tâm là ngay trên bề mặt. Hãy nói rằng tôi rất hài lòng với điều này mà tôi đã phải chia sẻ nó với ai đó. Thông thường bạn sẽ làm gì với các phiên bản khác của Windows, bạn có thể sẽ mất một ảnh chụp màn hình, bạn sẽ làm một số copy-paste văn bản của bạn hoặc những điều như thế mà bạn muốn chia sẻ ra ngoài, và sau đó đi và mở một ứng dụng khác và đặt nó vào nó. Ở đây bạn không cần phải làm điều đó. Bạn thực sự có thể mang lại thanh quyến rũ và nói, "Tôi muốn chia sẻ điều này." Tại thời điểm này nó sẽ hiển thị cho bạn tất cả các ứng dụng mà biết làm thế nào để làm việc với bất cứ điều gì đang được chia sẻ. Trong trường hợp này nó là một hình ảnh, do đó, nó sẽ nói, "tôi thấy bạn đã có một bức tranh." "Bạn có muốn chia sẻ điều đó không?" Bạn có thể thấy tôi gửi email cho bản thân mình nhét tất cả các thời gian. Nó nhận ra điều đó, và nó cung cấp cho tôi mà như một phím tắt, nhưng nó cũng cho thấy tôi mỗi ứng dụng mà biết làm thế nào để đối phó với chụp ảnh và làm điều gì đó với nó. Những đã chỉ ra tất cả các Windows rằng họ có thể làm điều đó. Tại thời điểm này đây là Windows. Người dùng chỉ cần chọn những gì họ muốn làm gì với nó. Tôi sẽ làm thông thường của tôi PuzzleTouch. Bạn có thể thấy tôi đã tạo ra tất cả các loại câu đố thời gian. Tôi sẽ đưa PuzzleTouch và nói, "Tôi muốn chia sẻ sự sáng tạo tuyệt vời này với PuzzleTouch." Nó sẽ đi trước và nói, "Great. Bạn muốn chia sẻ điều này? Fantastic." "Bạn có muốn làm cho một câu đố đó là dễ dàng, trung gian, bất cứ điều gì?" Tôi sẽ làm cho một một trung gian ở đây. Nó làm cho câu đố. Nó sẽ là một câu đố khủng khiếp vì nó chủ yếu là trống. Nhưng nó sẵn sàng, và nó thực sự trở lại trong các ứng dụng khác. Nếu tôi đi ra ở đây, tôi có thể tìm kiếm cho nó và khởi động nó. Bây giờ nếu chúng ta di chuyển trên chỉ là một chút ở đây, chúng ta sẽ thấy sự sáng tạo của tôi ở đâu đó. Tôi đã đi đâu? Những loại câu đố đã làm cho tôi? Tôi đã làm cho nó dễ dàng? Oh, có nó là, ngay tại đó. [Cười khúc khích] Đó là câu đố gà tây dễ dàng nhận ra đó là đây. Nhưng điều tôi muốn chỉ ra cho bạn, điều thú vị ở đây được các ứng dụng không biết gì về nhau. Họ chỉ nói, "Tôi đã có một hình ảnh để chia sẻ, và tôi biết làm thế nào để đối phó với hình ảnh." Và bạn là một nhà phát triển, bạn không cần phải viết mã. Khi ai đó hỏi tôi để chia sẻ, tôi sẽ đặt một số dữ liệu vào cấu trúc dữ liệu này ít và tôi làm. Các ứng dụng khác có hơn, làm việc của nó, và đó là sự kết thúc của chia sẻ kinh nghiệm. Đó chỉ là một điều mà bạn có thể làm - thực sự, thực sự mạnh mẽ - và nó sẽ là một trong những điều mà thực sự có thể giúp phân biệt ứng dụng của bạn và cũng có trò chơi của bạn quá trong các cửa hàng. Mọi người sẽ có thể nói, "Điều này thực sự hữu ích." "Tôi sử dụng sáng tạo câu đố này tất cả các thời gian. Đó là tuyệt vời." 

Đó là về đủ của một tổng quan về những gì đang xảy ra ở đây. Có một vài tính năng khác nữa mà có lẽ chúng ta sẽ làm nổi bật như chúng tôi đi qua mã. Nhưng tôi muốn đi sâu vào trình bày, và để làm điều đó, tôi sẽ đi đến máy tính để bàn, mà là chính nó một gạch sống ở đây. Tôi có thể đi vào này, và chắc chắn đủ, tôi đang trên slide của tôi, nhưng hãy để tôi cho bạn thấy thực sự chúng ta ở đâu. Chúng tôi thực sự ở chế độ máy tính để bàn. Điều này thực sự là nơi mà những gì tôi đã nói trước khi về Windows thực hiện chuyển tiếp những trải nghiệm mới cho thấy chính nó. Đây là Windows bạn biết. Các ứng dụng Windows được gọi là các ứng dụng máy tính để bàn. Họ chạy ở đây. Nếu bạn đã ứng dụng hiện tại và bạn muốn chạy chúng trên Windows 8, bạn hoàn toàn có thể làm điều đó. Đây không phải là những điều tương tự như các ứng dụng lưu trữ, đó là ở đây, như Paint tươi và các ứng dụng NBC News và những thứ như thế. Những người sẽ đến từ các cửa hàng. Họ có thể cắm vào một số tính năng mà tôi đã được hiển thị cho bạn và những người khác mà tôi đã không được hiển thị, bạn chỉ được nêu ra. Nhưng chỉ cần giữ cho rằng trong tâm trí. Chúng tôi có hỗ trợ cho cả những việc này là tốt. Tôi xin lỗi. Là một cái gì đó không hiển thị trên màn hình? Tôi đã mất nó hoàn toàn. Đó là kỳ lạ. Được rồi. Nhờ chỉ mà ra. Những gì bạn đã không được nhìn thấy trong một thời gian là tôi hiển thị cho bạn rằng máy tính để bàn là ở đây. Điều cuối cùng mà bạn thấy là những gì? Bạn có thấy điều này? Đây là máy tính để bàn. Bạn đã biết những gì nó trông như thế nào. Nó không có gì khủng khiếp bất thường. Nó của chúng tôi mang kinh nghiệm đó về phía trước cho bạn và cho phép bạn sử dụng những điều mà bạn đã có. Ví dụ, tôi sẽ hiển thị cho bạn Visual Studio. Đó là một ứng dụng máy tính để bàn. Nó sẽ chạy ở chế độ này. Nó sẽ hỗ trợ một môi trường phức tạp hơn với rất nhiều lựa chọn và những điều như thế, vì vậy nó làm cho nó một lựa chọn tốt như một ứng dụng máy tính để bàn. 

Điều đó nói rằng, chúng ta hãy đi vào các slide chỉ một chút và cung cấp cho bạn một số nội dung giới thiệu và sau đó nhận được vào thực sự mã hóa ở đây. Các tin tốt là tôi đã nghe bạn đã được tập trung vào rất nhiều CSS và JavaScript, HTML. Tất cả những điều mà bạn đã được học tập mang trực tiếp vào làm cho Windows cửa hàng ứng dụng. Những điều mà bạn đã nghe về với việc áp dụng bộ chọn CSS và tất cả những điều là chính xác những gì bạn làm để tạo ra một ứng dụng ở đây cho cửa hàng. Chúng tôi sẽ đi qua những điều này từng chút một. Về cơ bản, tôi là xây dựng trên những thứ mà bạn đã có thời gian để tìm hiểu. Đây là bảng xếp hạng tổng thể của công nghệ mà bạn có thể sử dụng để làm cho các ứng dụng cho Windows 8. Các công cụ bên phải, các ứng dụng máy tính để bàn, thực sự là những gì chúng ta đã biết. Đó là thứ mà thực sự là Windows 7 thế giới chuyển vào Windows 8. Tất cả những tùy chọn thực hiện chuyển tiếp: C #, VB, Win32 loại phát triển. Tuyệt vời. Không có vấn đề gì. Các công cụ mới là ở phía bên trái tay. Đó là các ứng dụng Windows Store, đó là khi tôi muốn để có được ứng dụng của tôi có dây vào Windows 8 sử dụng tất cả những tính năng, làm cho nó vào các cửa hàng, và nhận được rằng kinh nghiệm thực sự mát mẻ của các ứng dụng Windows Store. Để làm điều đó, bạn có thể thấy ở đây bạn đã có tất cả sự lựa chọn của bạn với XAML, C + +, C #, VB, bạn có thể làm DirectX, những điều như thế, mọi thứ mà đi xa hơn các slide. Nhưng đối với chúng ta, chúng ta sẽ tập trung ngay vào thực tế là HTML, CSS và JavaScript thực sự là một công dân hạng nhất để làm cho các ứng dụng cho Windows 8 và cho Cửa hàng Windows. Vì vậy, điều này là tốt cho tất cả mọi người ở đây và những người xem trên video bởi vì bạn chỉ có thể tận dụng tất cả những kinh nghiệm mà bạn có và thực sự buộc vào những gì Windows cung cấp. Bạn sẽ làm điều đó thông qua một tập các API, mà không nên ngạc nhiên. Mỗi hệ điều hành có API riêng của mình. Chúng tôi tiếp xúc với những gì Windows có thể làm thông qua những gì được gọi là WinRT. Đó là một tập các API mà chỉ làm mọi thứ cho bạn. Nếu bạn cần để mở tập tin, bạn cần phải sử dụng máy ảnh, định vị, những điều như thế, họ đi qua những gì Windows có thể cung cấp cho bạn. Để truy cập vào đó, chúng tôi có một số JavaScript hơn sẽ làm cho nó dễ dàng hơn để bạn có thể làm điều đó. Chúng tôi sẽ nhận được rằng trong một thời điểm. Nhưng bây giờ, đó là về cơ bản bản đồ đường của bạn. Những điều mà bạn đã làm được trên đầu trang của một số hàm API mà giúp bạn làm việc với Windows bằng ứng dụng lưu trữ. Và đó là thực sự về tất cả các bạn cần phải biết từ cấp cao. 

Chúng tôi sẽ đi sâu vào thực tế làm việc với các công cụ bây giờ. Những điều bạn có lẽ đã nhìn thấy một bó, với IE9 một thời gian ngắn trở lại, chúng tôi giới thiệu hỗ trợ cho rất nhiều, vào thời điểm đó, tiêu chuẩn mới trong trang web, vì vậy rất nhiều các tính năng CSS mới, rất nhiều HTML mới, ECMAScript 5, mà thực sự là JavaScript. Vì vậy, tất cả mọi thứ cho rằng ngoại trừ chế độ nghiêm ngặt là trong IE9. Chỉ là một tấn công cụ CSS, CSS3, tất cả trong đó. Và tất cả các công cụ này mang về phía trước vào những gì chúng tôi đang làm với Windows 8. Bạn có thể sử dụng những điều này, và bạn có thể sử dụng tất cả những gì mới trong IE10. IE10 với chúng tôi giới thiệu hỗ trợ cho tất cả những điều này là tốt. Tất cả họ đang tăng tốc phần cứng, vì vậy nếu bạn đang ở trên một máy tính mà có một số loại GPU, mà có lẽ là khá nhiều máy tính mà bạn có thể nhận được trong 8 năm qua, bạn sẽ có thể có sản lượng tăng tốc phần cứng, sản lượng hình ảnh với CSS, Canvas, SVG. Tất cả những điều sẽ đi qua tăng tốc phần cứng và thể là nhanh hơn và hiệu quả hơn. Phiên bản ngắn của tất cả điều này - tôi sẽ không đi qua mọi điều duy nhất ở đây - nếu bạn thấy nó trong danh sách này, nếu bạn có thể làm điều đó trong IE10, nếu đó là một ứng dụng web mà bạn đang chạy mà làm việc trong IE10, nó là cái gì bạn có thể làm như một ứng dụng Windows Store. Và đó là khá nhiều đó. Vì vậy, nếu nó hoạt động trong IE10, nó sẽ làm việc như là một ứng dụng Windows Store. Nó trên bàn như một cái gì đó mà bạn có thể sử dụng. 

Có rất nhiều ở đây. Chúng tôi không có đến nửa đêm, vì vậy tôi không thể xem xét tất cả mọi thứ ở đây. Nhưng có một số trang web sẽ giúp bạn hiểu những gì những điều có thể làm, và tôi sẽ chỉ cho bạn một trong số họ trong một giây. Tôi chỉ muốn chỉ ra một vài trong số những điều quan trọng mà bạn có thể nhìn vào. Có lẽ bạn đã nhìn thấy một số trong những nghiên cứu của bạn, nhưng đây là thực sự hữu ích, đặc biệt là với Windows cửa hàng ứng dụng, từ phía CSS. Vì vậy, có khả năng làm biến đổi và chuyển tiếp, cung cấp chuyển động với hình ảnh động - đây là một phần của CSS bây giờ, và tất cả họ đang được hỗ trợ bởi các trình duyệt hiện đại, và IE10 và IE9 đã hỗ trợ thêm theo thời gian cho tất cả những điều này. Và vì vậy lý do tại sao viết nó cho mình, tại sao đi qua tất cả những rắc rối của làm những việc này bằng tay khi bạn có thể sử dụng một CSS đơn giản chuyển đổi để tạo ra một hiệu ứng 3D cho các ứng dụng của bạn? Tuyệt vời. Đó là cách nó hoạt động. Tôi không thể làm cho nó bất kỳ khó khăn hơn thế. Nếu bạn biết làm thế nào để làm điều đó trong CSS, bạn biết làm thế nào để làm điều đó trong các ứng dụng Windows Store. 

Vượt đó cho bố trí, những thứ như ngay cả những ứng dụng lưu trữ, nhưng đi xa hơn, nhìn vào có thể là một ứng dụng tin tức đó là hiển thị cho bạn các bài viết hoặc công thức nấu ăn hoặc vật như thế, các loại khác của các tính năng trong CSS là thực sự hữu ích: Lưới, Flexbox, CSS khu vực là nhiều hơn một tiêu chuẩn khá mới là tốt. Những điều này là tất cả sẽ giúp bạn đặt ra nội dung và dòng chảy nội dung giữa các phần, có thể làm phân trang và dùng dấu gạch nối mà không cần phải viết những thứ mình. Bạn chỉ cần nói, "Hãy làm như sau đối với tôi," và như bất động sản màn hình là khác nhau trên các máy khác nhau hoặc như bạn sẽ thấy trong một thời điểm, khi bạn chụp một ứng dụng để có số lượng nhỏ hơn của không gian trên màn hình, đó là không có vấn đề cho CSS. Nó có thể tận dụng lợi thế của - nói chuyện we'll về các truy vấn phương tiện truyền thông trong một giây - nó có thể chăm sóc những thứ với tái định vị nội dung của bạn, chảy nội dung từ các khu vực chỉ với những điều mà bạn có thể đã thấy với công nghệ web. 

Về phía HTML5, cũng có một loạt các điều rằng sẽ rất hữu ích cho bạn với Windows cửa hàng ứng dụng. Một lần nữa, chúng ta sẽ không đi qua tất cả các, nhưng họ chỉ ở đây. Vì vậy, nếu bạn cần phải sử dụng nó, âm thanh, video, nếu bạn muốn làm xác nhận với các hình thức, định vị, tất cả những điều bạn có thể làm trong JavaScript với JavaScript 5 hoặc ECMAScript 5, IndexedDB cho lưu trữ địa phương - đây là tất cả các lựa chọn cho bạn. Nếu bạn đang tìm kiếm một câu trả lời, chỉ cần nhìn vào công nghệ hiện có với HTML5 và CSS và bạn sẽ tìm thấy câu trả lời dễ dàng hơn so với việc phải quay rất nhiều thứ mà chính mình. Hãy để tôi cho bạn thấy xung quanh một chút ở đây. Tôi đã có một trang web, chúng tôi có thể đi đến. Hãy để tôi bỏ ra khỏi slide này trong một giây. 

Nếu chúng ta đi ra ngoài để IETestDrive.com, Tôi sẽ không làm được gì nhiều của một bản demo ở đây. IETestDrive.com thực sự hiển thị cho bạn rất nhiều những gì mới với IE10, những điều mà bạn có thể làm. Tôi tìm thấy điều này là thực sự hữu ích bởi vì thay vì đọc thông qua một loạt các giấy tờ trắng, xem xét một vài bản demo, và điều đó sẽ giúp bạn đặt nó trên radar của riêng cá nhân của bạn về việc liệu một công nghệ có ý nghĩa để thậm chí làm bất kỳ nghiên cứu nhiều hơn với do đó bạn sẽ hiểu, "Tôi thấy điều này là cho." "Tôi hiểu những gì Yêu cầu ảnh Khung làm cho tôi." "Tôi hiểu làm thế nào tôi có thể sử dụng khu vực hoặc các bộ lọc SVG." Bạn nhìn thấy chúng trong hành động, nhìn thấy chúng trên một ví dụ ở đây, và quyết định cho chính mình nếu điều đó sẽ có ích cho bạn trong các dự án của riêng bạn và hơn thế nữa như bạn tiếp tục làm việc với công nghệ web. Ở đây tôi sẽ chỉ khuyến khích các bạn có một cái nhìn. Tôi không nghĩ rằng tôi sẽ dành nhiều thời gian thực sự chạy này. Chúng tôi đã có đủ để hiển thị với văn bản mã. Bạn sẽ thấy ở đây mọi thứ từ hiệu ứng cảm ứng để trò chơi dựa trên cảm ứng trong phần đó, hình ảnh động, tăng tốc phần cứng thực sự nhanh chóng hoạt hình đó, một số tối ưu mà bạn sẽ thấy trong một số các mẫu là tốt, và có nhiều, nhiều hơn nữa. Nếu bạn đi qua ở đây và mở ra các bản đồ trang web, đó chỉ là một số vô lý của mẫu ở đây. Bạn có thể nhìn thấy tất cả ở đây. Nếu bạn đang tìm kiếm một cái gì đó hoặc bạn có nghe nói về một cái gì đó và bạn đang tự hỏi có lẽ đây sẽ là một cái gì đó mát mẻ để sử dụng trong các ứng dụng, cố gắng tìm kiếm ở đây, và có lẽ một bản demo khá tốt cho nó để tiết kiệm cho mình một thời gian. 

Được không? Bất kỳ câu hỏi cho đến nay cho người thân ở đây? Được rồi. Chúng tôi sẽ tiếp tục ở đây. Một lần nữa, chỉ cần kiểm tra mà ra. Họ là các tiêu chuẩn web, để đi đến bất kỳ trang web giới thiệu khác mà bạn biết và xem những công nghệ có ý nghĩa cho những gì bạn đang cố gắng làm. 

Sao các slide. Điều đó nói rằng, bạn đang di chuyển từ một thế giới web để thực sự là một thế giới ứng dụng địa phương cài đặt, do đó, có một số điều cần chỉ ra ở đây. Trước hết, không có máy chủ web liên quan ở đây. Không có Apache, không có IIS chạy đây phục vụ lên các trang cho một khách hàng từ xa, để một đại lý trình duyệt từ xa. Trong trường hợp này, thực sự tất cả mọi thứ được đóng gói cho bạn. Bạn gửi như ứng dụng của bạn đến cửa hàng, nó được chứng nhận, nó ra trong các cửa hàng, và sau đó mọi người với hàng ngàn người sẽ cài đặt trò chơi của bạn hoặc ứng dụng của bạn. Nhưng về cơ bản, họ đang kéo nó xuống địa phương để máy tính của họ. Không cần phải đi ra ngoài để các Web nữa trừ khi bạn có cuộc gọi mà cần có một API từ xa, và đó là hoàn toàn bình thường cũng quá. Nhưng họ không có được trong đó chế độ mà họ phải đi đáp ứng yêu cầu từ một máy chủ để có được những trang tiếp theo của nội dung của họ. Để nói rằng, có một vài khác biệt nhỏ API. Đây là cực kỳ nhỏ. Họ sẽ không gặp phải bạn trong mã hóa bình thường của bạn, nhưng chúng ít nhất tài liệu. Họ đang loại cạnh trường hợp đó. 

Điều khác giá trị chỉ ra là sự khác biệt tin tưởng. Tôi chỉ đề cập đến điều này bởi vì tôi chỉ muốn chắc chắn rằng tôi nói nó vì vậy nếu bạn chạy vào nó sau này, bạn sẽ nghĩ rằng, "Chris nói điều gì đó về điều này, "Như vậy có lẽ, yeah, được rồi," và sau đó bạn quay trở lại và bạn tìm hiểu những gì nó được. Bối cảnh quan trọng. Theo mặc định, chúng tôi cố gắng để bảo vệ người sử dụng từ các vector tấn công. Có điều chắc chắn rằng bạn có thể làm theo mặc định và những điều nào đó bạn cần thay đổi bối cảnh để cho phép. Như bạn đang sử dụng một số thư viện hiện có - you've đã được làm việc với jQuery, nhưng nếu bạn tìm kiếm các thư viện khác ra khỏi đó - bạn có thể sử dụng một số chức năng là loại vượt xa việc sử dụng địa phương, không tương tác năng động hơn Yêu cầu XHR, những điều như thế. Đôi khi bạn có thể tìm thấy những người sẽ bị vô hiệu hóa theo mặc định, và trong trường hợp đó, chỉ cần thực hiện tìm kiếm, tìm bối cảnh địa phương và các trang web, và bạn sẽ tìm ra cách để khắc phục điều đó. Chỉ cần chắc chắn rằng bạn biết về điều đó khi bạn bắt đầu sử dụng các khuôn khổ khác, trong đó, tôi nên đề cập đến, bạn hoàn toàn có thể làm. Vì vậy, nếu bạn tìm thấy một số khuôn khổ khác - nói chuyện we'll về điều này trong một giây - để chơi game và bạn muốn sử dụng, bạn muốn sử dụng một số thư viện kiểm soát được trên mạng và bạn không muốn viết những thứ mà bản thân - đó là một ý tưởng tốt, phải không? - bạn hoàn toàn có thể sử dụng công cụ này. Không có gì giữ bạn lại từ việc sử dụng bất kỳ loại thư viện đó là dựa trên JavaScript là, CSS, HTML5. Một lần nữa, nếu đó là một cái gì đó bạn có thể làm trong IE10, mà là một heck của rất nhiều những ngày này, bạn có thể làm điều đó. Kéo nó vào ứng dụng của bạn, tài liệu tham khảo thư viện JavaScript, và sử dụng nó trong ứng dụng của bạn, chỉ giữ trong tâm trí bạn có thể nhấn một bối cảnh an ninh một lần trong một thời gian - không phải là rất thường xuyên. 

Và sau đó là các tính năng, chúng ta sẽ đi qua một vài chi tiết của những người như chúng tôi đi. UX bạn sẽ loại được sử dụng để như bạn thấy ngày càng có nhiều ứng dụng từ Windows Store. Bạn sẽ có được một cảm giác về cách họ làm việc và làm thế nào thiết kế thẩm mỹ có xu hướng làm việc trên các ứng dụng khác nhau và những gì mọi người sẽ được sử dụng để trải qua. Đó thực sự là một phần quan trọng. Hãy chắc chắn rằng khi cháy lên ứng dụng của bạn không cần phải đọc một dẫn sử dụng, mà họ không bao giờ làm, bằng cách này. Họ chỉ có thể bắt đầu chơi với ứng dụng của bạn và tìm nó ra mà không gặp nhiều khó khăn. Bằng cách gắn bó và tôn trọng rất nhiều các hoạt động, bạn sẽ làm người dùng của bạn một ân huệ lớn, làm cho dễ dàng hơn. 

Được rồi. Một điều cuối cùng ở phía bên API và sau đó chúng tôi sẽ nhận được vào việc viết mã. WinJS là điều tôi đã đề cập rất ngắn gọn với trượt phức tạp với tất cả những sự lựa chọn khác nhau mà bạn có để làm cho các ứng dụng. WinJS, bạn có thể nghĩ về nó như một người bạn thân. Đó là bạn của bạn để giúp bạn viết các công cụ một cách nhanh chóng hơn. Nó chỉ là JavaScript và CSS. Bạn không cần phải sử dụng nó. Bạn có thể sử dụng nó. Nếu bạn đang đi để được gọi điện thoại trong các tính năng Windows, bạn sẽ kết thúc bằng cách sử dụng nó, nhưng nếu có những thứ như một số mẫu thiết kế hoặc điều khiển mà bạn thực sự không muốn sử dụng, bạn muốn sử dụng một cái gì đó khác, nó thuộc vào bạn. Quyết định những gì bạn muốn sử dụng và phong cách mà bạn muốn sử dụng. Các tính năng từ namespacing và lớp thế hệ - tùy thuộc vào bạn. Nếu bạn thích một hay khác, nó hoàn toàn sự lựa chọn của bạn. Nó vẫn còn JavaScript và CSS. Nhưng nó sẽ giúp bạn làm rất nhiều thứ. Ví dụ, đây là một tập hợp con của những gì nó có thể làm, những thứ như giúp lập trình không đồng bộ với lời hứa hẹn. Bất kỳ của bạn nghe nói về hoặc làm việc với Node.js? Đó là một mô hình phổ biến để làm việc với lập trình không đồng bộ. Vì vậy, về cơ bản những gì bạn đang nói là, "Hãy làm điều gì đó, "Và bạn sẽ cho tôi một lời hứa rằng bạn sẽ trở về với tôi khi bạn đã hoàn tất." Đó chính là những gì đang xảy ra. Vì vậy, bạn không đóng băng lên ứng dụng của bạn khi người dùng đang đi và chọn một tập tin hoặc một cái gì đó đang được trực tiếp xuống từ Web. Giao diện người dùng vẫn đáp ứng. Và bạn có thể làm điều đó bằng cách sử dụng lập trình không đồng bộ. Nghe có vẻ nực cười phức tạp, nhưng nó thực sự dễ dàng bởi vì bạn đang sử dụng những lời hứa và bạn chỉ cần nói, "Đi làm điều này và khi bạn đã hoàn tất, gọi lại cho phương pháp này." Đó là khá nhiều đó. Đó là tất cả được xây dựng trong để WinJS. Nó sẽ làm cho nó dễ dàng hơn rất nhiều để viết các ứng dụng thực sự linh hoạt và mạnh mẽ. 

Bạn sẽ nhìn thấy phần còn lại ở đây, rất nhiều hình ảnh động. Có lẽ một trong những điều quan trọng hơn trên slide này là điều khiển. Tôi nghĩ rằng tôi có một toàn bộ - yeah, tôi làm. Dưới đây là một ví dụ về một số điều khiển mà bạn có thể sử dụng trong các ứng dụng của bạn. Đây là tất cả thẳng lên từ WinJS. Bạn không phải viết những bản thân, bạn chỉ cần nói: "Đây là cách tôi muốn soạn ứng dụng của tôi." "Tôi sẽ sử dụng một cái nhìn lật để tôi có thể đi giữa các hình ảnh khác nhau." Tôi đã không thể hiện bạn Semantic Zoom. Tôi sẽ cho bạn thấy rằng trong một giây. ListViews. Có GridViews. Bạn đã nhìn thấy một mạng lưới như là một phần của ứng dụng lưu trữ, để có thể sử dụng các khối nội dung và di chuyển trên đó. Menu flyout bạn sẽ thấy thời gian. Thanh ứng dụng tôi thấy bạn với ứng dụng sơn tươi là tốt, vì vậy bạn thấy làm thế nào bạn có thể tùy chỉnh mà bằng cách đặt các nút trên nó và đã có ẩn đi khi bạn không quan tâm để sử dụng. Đó là thực sự hoàn toàn vào bạn để sử dụng. Đây là tất cả các điều khiển là một phần của WinJS. Tôi sẽ chỉ cho bạn cách để làm cho các chỉ trong một giây, nhưng có nhiều hơn chỉ này, và điều quan trọng là sử dụng chúng nếu bạn muốn, tiết kiệm thời gian. 

Nếu bạn có thư viện điều khiển khác mà bạn muốn sử dụng, đó là hoàn toàn tốt đẹp quá. Những thứ như jQuery UI làm rất nhiều loại ý tưởng là tốt, cung cấp thêm các điều khiển mở rộng những gì bạn có thể làm trong HTML và JavaScript. Chúng ta hãy bổ nhào in Tôi đã nói rằng. Sử dụng những gì bạn muốn. Chỉ cần ghi nhớ rằng bạn có thể chạy vào một số vấn đề ngữ cảnh. Nhưng bạn chắc chắn có thể trộn và kết hợp bất cứ loại thư viện bạn thấy thoải mái, bạn muốn tìm hiểu, bạn muốn sử dụng, để tiết kiệm cho mình một thời gian. 

Chúng ta hãy nói về các công cụ chỉ cho một thứ hai. Bạn có thể có được những gì bạn cần để bắt đầu làm việc với Windows cửa hàng ứng dụng. Nếu tôi đi trở lại, tôi có quá nhiều việc ở đây. Nếu bạn đi đến trang này, đó là dev.windows.com, bạn có thể tải về tất cả mọi thứ bạn cần. Như sinh viên, bạn có thể truy cập nhiều hơn công chúng nói chung không có gì, để bạn có thể nhận được phiên bản cao cấp hơn của Visual Studio. Edwin nói bạn đã có thể nhận được Windows. Nhưng nói chung, cho tất cả các nhà phát triển, bạn có thể vào trang web này và tải về tất cả mọi thứ bạn cần để làm cho một ứng dụng, và đó là tất cả miễn phí. Vì vậy, có một phiên bản miễn phí của Visual Studio, có một số công cụ mà sẽ cài đặt cùng với điều đó - tất cả mọi thứ bạn cần để tạo ra và thử nghiệm ứng dụng của bạn. Nó chỉ khi bạn đang đi để xuất bản ứng dụng của bạn lên đến các cửa hàng rằng bạn sẽ cần một tài khoản nhà phát triển. Này quá tôi tin là miễn phí. Là nó miễn phí cho sinh viên không? >> [Guarin] Mà một trong những? Tài khoản nhà phát triển, các trình thực tế. >> [Guarin] Có. Đó là tin tốt hơn. Bạn sẽ đi xem xét điều này. Nó sẽ nói cho một cá nhân theo mặc định nó là 49 $. Nhưng không đăng ký mà là một sinh viên. Chúng tôi sẽ giúp bạn có được một số thông tin qua các chương trình của bạn mà bạn có thể nhận được một tài khoản miễn phí, và sau đó sẽ cho phép bạn gửi các ứng dụng của bạn cho đến các cửa hàng, như nhiều như bạn muốn, và tất cả lòng tốt sẽ sớm theo. Vì vậy, đó là dev.windows.com. Bạn có thể tải về các công cụ mà bạn có thể cần từ đây. Và nếu bạn muốn, bạn có thể có được một phiên bản dùng thử của Windows ở đây, nhưng một lần nữa, bạn sẽ không cần phải. 

Các trang web khác - hãy để tôi chỉ này ra cho bạn một cách nhanh chóng - là design.windows.com. Đó là dev.windows.com. Design.windows.com, bạn có thể đoán những gì nó cho. Nó thực sự là một trang web khá thân thiện. Có rất nhiều thông tin tốt ở đây. Bạn có thể làm việc thông qua nó. Nó sẽ cung cấp cho bạn một số lời khuyên về một số điều mà có thể bạn đã không nghĩ về trước hoặc đã phải đối phó với trước đây, như thiết kế cho cảm ứng, thiết kế các yếu tố hình thức khác nhau, thiết kế cho khả năng của Windows 8, những điều tôi đã đề cập trước như tìm kiếm và chia sẻ, một số những điều mà tôi đã không nói về chưa. Tất cả chúng được liệt kê ở đây, và đó là một tập hợp khá tốt của các trang tập tin hữu ích sẽ giúp bạn hiểu làm thế nào để làm cho một loại ứng dụng, làm thế nào để tương tác, làm thế nào để đối phó với giao diện người dùng và UX của ứng dụng của bạn. Tôi sẽ khuyên bạn nên có một cái nhìn lúc này, đặc biệt là nếu bạn đang ở một thời điểm nào với hy vọng sẽ xuất bản một ứng dụng cho các cửa hàng. Bạn sẽ muốn biết làm thế nào để làm cho một ứng dụng tốt bởi vì tôi đã đề cập trước, nếu bạn không, có những đánh giá một lần nữa. Mọi người sẽ được hạnh phúc. Họ sẽ không thể tìm thấy những điều mà họ mong đợi ở các vị trí bên phải. Không ai muốn điều đó xảy ra với bạn. 

Di chuyển trước đây, hãy để tôi đóng mà xuống. Bây giờ bạn biết được nơi để có được những thứ, tôi sẽ cho bạn thấy làm thế nào để thực sự bắt đầu sử dụng công cụ. Để bắt đầu, tôi thực sự sẽ cho bạn thấy ở đây một ví dụ về các ứng dụng máy tính để bàn trên màn hình Start của tôi. Ở đây bạn có thể nhìn thấy Visual Studio, bạn có thể thấy Blend và các công cụ phát triển khác mà tôi có. Họ có một gạch hơi khác nhau. Đó là bởi vì họ là những ứng dụng máy tính để bàn, và trong những trường hợp tất cả chúng sẽ khởi động lại máy tính để bàn của tôi thực sự chỉ là các ứng dụng mà bạn đang sử dụng để. Do đó, Windows kinh nghiệm, đó là điều tương tự. Họ không phải là, ví dụ, như vũ trang! hoặc những điều này. Hãy để tôi khởi động một cách nhanh chóng. Trên thực tế, đây là một trong những thú vị. Này được phát triển bởi sinh viên làm việc trong quan hệ đối tác tại NERD. Ứng dụng toàn màn hình, các loại kinh nghiệm ở đây. Oh, màn hình cắt đẹp và tất cả các loại công cụ thú vị. Họ đã phát triển này. Chúng tôi cũng có thể hiển thị toàn bộ điều trong khi chúng tôi đang ở đó. Trong thực tế, tôi làm việc với họ một chút, cho họ một số lời khuyên về những điều bởi vì họ đã làm cho các ứng dụng JavaScript của họ. Xin vui lòng, tôi không lấy tín dụng cho công việc của họ, họ đã làm tất cả công việc. Tôi chỉ cho họ một chút lời khuyên ở đây và ở đó, nhưng họ đã làm một số công cụ tuyệt vời bằng cách sử dụng một kết thúc trước JavaScript và buộc trong một số công cụ vật lý và điều cần làm rất nhiều công việc này. Đi. Chúng ta hãy xem nếu mà làm việc. Wow, nó vẫn làm việc. Được rồi, tốt. Nhưng bạn có được ý tưởng. Một ứng dụng toàn màn hình, một trải nghiệm thực sự tốt. Này là hỗ trợ không chỉ chuột và bút của tôi nếu tôi có những điều như thế mà còn liên lạc. Nếu tôi đã có một màn hình cảm ứng, tôi chỉ có thể vẽ lên nó và tiếp tục làm việc với điều đó. 

Một điều tôi không thấy, và lý do tại sao tôi đang mang này lên là tôi muốn có một ứng dụng để hiển thị cho bạn những gì bạn có thể làm, bạn thực sự có thể ứng dụng trong Windows và kéo chúng vào bên của màn hình. Này được gọi là chụp một ứng dụng. Trong trường hợp này, tôi đã lấy Inkarus và tôi đã thêm nó sang một bên đây. Nó bây giờ là trong Snap xem, và cho phép tôi để làm cái gì khác trong khi ứng dụng đó là có. Hầu hết các trò chơi bạn sẽ tìm thấy sẽ chỉ đơn giản là tạm dừng. Đó là một điều bình thường khá để làm, trừ khi trò chơi của bạn bằng cách nào đó có thể mở rộng xuống đó nhỏ của một độ phân giải, như có thể một số loại trò chơi hội đồng quản trị hoặc vật như thế vào dịp. Nhưng nói chung, điều dễ nhất để làm và điều thích hợp nhất để làm cho các trò chơi là tạm dừng ứng dụng. Cho các ứng dụng như các ứng dụng tin tức, nếu tôi khởi động này và sau đó tôi chụp nó, bạn sẽ thấy nó thực sự thay đổi đáng kể trong cách nó được trình bày dữ liệu cho bạn. Ở đây nó cho thấy bạn thực sự là một trong chảo dọc thêm thông tin rằng, nhưng tôi vẫn có thể hoàn toàn sử dụng các ứng dụng. Vì vậy, nó vẫn còn rất hữu ích. Thực tế là nó trong một cái nhìn nhỏ không giữ cho tôi từ việc sử dụng ứng dụng đó. Vì vậy, suy nghĩ về điều đó. Đó là một cái gì đó mà bạn cần phải có các ứng dụng của bạn làm mức độ nào, nhưng nó thuộc vào bạn để xác định chức năng ứng dụng của bạn nên được trong đó loại một môi trường nhỏ hơn. Hãy để tôi đóng cửa một trong những xuống và quay trở lại nơi chúng tôi ở đây. 

Edwin, bạn thêm vào một bức ảnh của tôi chưa? >> [Guarin] Yeah. >> [Bowen] Nhìn này. Thấy không? Edwin thêm một bức ảnh. [Cười] 

Chúng ta hãy quay trở lại ở đây vào Visual Studio. Hãy để tôi khởi động này cho bạn. Tôi có thể nhấp vào gạch trên cái màn hình Start. Nó đưa tôi trở lại vào chế độ máy tính để bàn, và nó tung ra các ứng dụng máy tính để bàn của Visual Studio. Đây là Windows mà bạn đã biết. Tôi có thể đi trước và tạo ra một dự án ở đây. Chúng tôi sẽ tập trung lại vào JavaScript, HTML. Tôi sẽ đi ra ngoài và chọn lên đây dưới JavaScript, Windows Store. Có một số mẫu mà bạn có thể sử dụng. Cho năng suất, tôi sẽ khuyên bạn hãy nhìn vào một số trong những người khác ở đây như lưới điện và Split. Họ đang thực sự hữu ích nếu bạn đang làm một ứng dụng đó là sẽ có loại thiết kế và chuyển hướng. Bạn sẽ thấy những rất nhiều. Một trong tôi chỉ cho thấy bạn thực sự là một thể hiện của ứng dụng Grid. Vì vậy, nếu bạn nghĩ rằng bạn sẽ được thực hiện một ứng dụng tin tức hoặc một trình đọc RSS hay như thế mà những giao dịch với nhiều mục mà bạn muốn hiển thị các chi tiết, nghĩ về việc sử dụng một trong những mẫu để bắt đầu một cách nhanh chóng và tùy biến nó từ đó. Nhưng chỉ vì vậy tôi có thể chỉ cho bạn tất cả các bộ phận chuyển động ở đây Tôi sẽ tạo ra các ứng dụng trống, và sau đó chúng tôi sẽ đi một chút sâu hơn vào chi tiết. Tôi chỉ làm cho rằng ứng dụng trống ở đây. Nó sẽ tạo ra toàn bộ dự án cho tôi. Tôi sẽ mở ra những điều mà tôi muốn chỉ cho bạn theo mặc định. Hãy để tôi chỉ phóng to một chút để bạn thấy những gì được tạo ra cho chúng ta ở đây. Những điều mà bạn sẽ xem xét đầu tiên là tất cả các mặc định đặt tên. Vì vậy, bạn sẽ tìm default.html, default.js, và default.css. Điều khác để chỉ ra là chúng tôi đã có một tham chiếu đến những gì tôi đã đề cập trước đây. Đây là WinJS. Không ai thực sự gọi đó là tên dài này ở đây. Nó là WinJS, Thư viện Windows cho JavaScript. Nếu bạn mở nó lên, bạn có thể thấy đó là tất cả ở đây. Có file CSS khác nhau, có JavaScript. Nó ở đó để giúp bạn ra ngoài. Nó thực sự có để cung cấp điều khiển và phong cách và các công cụ mà bạn chỉ có thể sử dụng tự động. Nhưng một lần nữa, nếu có những điều bạn muốn sử dụng thay vì về phong cách và điều khiển khác, nó hoàn toàn tùy thuộc vào bạn. Tôi sẽ chỉ cho bạn cách sử dụng một vài trong những điều ngay bây giờ. 

Trở lại lên phía trên bên trái của chúng tôi, hãy để tôi chỉ cho bạn các trang HTML mặc định. Bạn đã nhìn thấy những thứ WinJS, và đó là thực sự tất cả những gì xảy ra ở đó với những dòng giữa đánh dấu, chỉ mang trong CSS mặc định và đưa vào một vài tập tin JavaScript từ WinJS. Bạn không cần phải là chuyên gia gì đang xảy ra bên trong các tập tin. Nó khá thú vị để có một cái nhìn vào họ để loại xem xét những gì đang xảy ra ở đó bởi vì có kỹ thuật trung cấp và cao khá thú vị xảy ra ở đó, nhưng những điều tốt đẹp được như các nhà phát triển, bạn chỉ có thể tận dụng lợi thế của họ, chỉ cần sử dụng chúng và không thực sự phải lo lắng về nó. Bạn vẫn có thể lái xe mà không cần phải biết làm thế nào nó hoạt động, phải không? Vì vậy, đó là loại điều mà đang xảy ra ở đây. Có điều khiển và phong cách và các công cụ mà bạn chỉ có thể đi trước và sử dụng và mã mà bạn có thể sử dụng trong một giây mà không cần phải biết những gì ở trong đó. Đây là những tập tin của riêng bạn. Đây là những nơi mà bạn có thể chỉnh sửa CSS của riêng bạn và JavaScript của riêng bạn để có được những điều cán. Bạn sẽ được thêm các tập tin JavaScript chắc chắn khác và các tập tin CSS có lẽ khác như dự án của bạn phát triển, nhưng điều này thực sự chỉ là một điểm khởi đầu. Đây là Xin chào, thế giới tương đương với HTML, vì vậy chúng tôi đang trở lại trong thẻ cơ thể. Ở phía trên, bằng cách này, đó là loại tài liệu HTML5, do đó bạn sẽ nhận ra rằng những gì bạn đã làm việc trên. Có đầy đủ IntelliSense ở đây là tốt, vì vậy nếu bạn làm những việc như nhập vào một thẻ video và mở rộng mà ra, bạn đã có thể học được về thực tế mà bạn cần phải làm mã hóa dự phòng cho các thẻ video trong HTML5 - hoặc có thể bạn có - để đảm bảo rằng trình duyệt khác nhau có hỗ trợ cho video của bạn. Chúng tôi có những thứ như thế này trên HTML, JavaScript trên, trên CSS. Đó là xây dựng trong, và tôi sẽ cho bạn thấy CSS trong một giây. Ở đây bạn có thể đi trước và bắt đầu sửa đổi mã, đánh dấu. Trong thực tế, trước khi tôi thay đổi bất cứ điều gì, tôi sẽ chạy này và cho bạn thấy những gì bạn nhận được. Bạn sẽ nhận được một màn hình mà bạn có thể tùy chỉnh và sau đó bạn sẽ có được Xin chào, kinh nghiệm thế giới ở đây. Đó là tuyệt vời, phải không? Đi trước và con tàu đó, phải không? Nội dung tại đây. Đó là điều cơ bản. Nó chỉ có thể nhận được tốt hơn từ đó. Chúng tôi sẽ đi trước và thêm vào một số công cụ. Tôi đã có một chút đánh dấu tôi sẽ sao chép ở đây chỉ vì vậy bạn không phải xem tôi gõ. Hãy để tôi đi đưa lên hộp công cụ ở đây, và tôi sẽ pin này bởi vì tôi sẽ làm điều này một vài lần. Hộp công cụ, nếu bạn không nhìn thấy Visual Studio, là nơi mà bạn sẽ tìm thấy một loạt các điều khiển. Bạn cũng có thể đặt đoạn mã vào nó mà bạn có thể sử dụng lại. Ở đây tôi sẽ chỉ cần bật trong một số HTML khác, không có gì khủng khiếp tiên tiến ở tất cả ở đây. Nó chỉ là HTML cơ bản nói rằng tôi có một đầu vào nơi mà tôi có thể đánh, Tôi có một nút nơi tôi có thể gửi nó, và sau đó tôi có một div đó là bản chất là một trình giữ chỗ mà tôi có thể sử dụng để sản xuất các "Xin chào, bạn gõ này." Đó là giới thiệu cho ví dụ HTML. Nếu tôi chạy này, chúng tôi tự động nhận được HTML, nhưng chúng tôi cũng tự động nhận được phong cách. Đây là một trong những điều quan trọng từ WinJS. Nó sẽ cung cấp cho bạn theo mặc định một số cái nhìn và cảm thấy đó là thực sự phù hợp với phần còn lại của những gì Windows 8 đang làm. Ở đây bạn thấy những thứ như nút. Nút mặc định trong HTML không giống như vậy, nhưng nó không ở đây bởi vì nó nhận được rằng CSS ngay từ tập tin CSS trong WinJS. Nếu bạn muốn sử dụng một cái gì đó khác, nếu bạn muốn thay đổi điều đó, hoàn toàn tốt, đi trước và làm những gì bạn muốn. Nhưng đó là mặc định. Nó sẽ càng quen thuộc với người sử dụng. Và dĩ nhiên điều này sẽ không làm bất cứ điều gì bởi vì tôi đã không thực sự dây lên bất kỳ loại mã để đáp ứng điều đó. Nó chỉ là HTML. Vì vậy, tôi có thể thoát khỏi điều đó, và chúng tôi sẽ trở lại vào ứng dụng của chúng tôi. 

Hãy để tôi chuyển sang default.js của chúng tôi. Điều này có vẻ khá phức tạp, nhưng nó chỉ làm một vài điều cho bạn. Đó là soạn. Nó sẽ là như nhau trong tất cả các dự án của bạn. Điều duy nhất này đang làm là chỉ cần loại hỏi: "Làm thế nào mà tôi lại ở đây?" và nói rằng, "Có phải bạn đang tung ra ứng dụng này lần đầu tiên?" "Bạn có nối lại các ứng dụng từ việc nó bị đình chỉ?" Một vài điều như thế. Thực sự, chúng tôi tập trung vào tập tin này ở đây là đúng về đây. Tại thời điểm này, một dòng mã này là khá quan trọng. Nó thực sự sẽ đi và xem xét thông qua tất cả các đánh dấu của bạn, và nó sẽ tìm thấy những điều mà bạn đã yêu cầu đã trở thành điều khiển, kiểm soát sâu hơn như một điều khiển đánh giá, như một lần xem lưới, giống như flyout và những thứ khác mà tôi đã giới thiệu trên slide trước. Họ không điều khiển HTML có nguồn gốc. Bạn chỉ cần không nói flyout như một yếu tố và có nó biết phải làm gì. Điều tương tự xảy ra trong các loại khuôn khổ kiểm soát những gì chúng ta thực sự làm là. jQuery UI không cùng một loại phương pháp tiếp cận chung. Bạn sử dụng dấu trong HTML của bạn, và sau đó một số mã JavaScript đi qua sau đó và nói: "Ồ, tôi biết đó là những gì. Đó là yêu cầu này được chuyển thành công cụ này," đó là HTML biểu cảm hơn khác để làm như một điều khiển xếp hạng, đó là những gì tôi sẽ chỉ cho bạn ngay bây giờ. Dòng mã này là một lời hứa đó là nói, "Khi lời hứa này được thực hiện, "Tất cả mọi thứ mà bạn đã yêu cầu đã được tạo ra sau đó." Và đó là nó. Có vẻ một chút phức tạp, nhưng nó thực sự giống nhau trong mỗi dự án. Ở đây là nơi bạn có thể bắt đầu thêm vào bất cứ điều gì khác mà bạn muốn có xảy ra, vì vậy chúng tôi sẽ trở lại trong một giây. 

Trước hết, tôi cần một chút mã mà có thể đáp ứng với thực tế rằng ai đó đã nhấp vào nút. Tôi sẽ đi trước và đặt trong xuống đây. Một lần nữa, tôi sẽ không làm bất cứ gõ vào phía trước của bạn ở đây. JavaScript rất cơ bản chỉ nói khi điều này được gọi là chúng ta sẽ được cung cấp một số chi tiết về cách chúng tôi có ở đây và sau đó chúng ta sẽ làm một vài điều cơ bản. Đi tìm thấy những điều trong trang HTML của tôi được đặt tên nameInput, lấy nó, lấy giá trị của nó, cái tát "Hello" trên mặt trước của nó, và dính mà kết quả là chuỗi vào đó thẻ div mà chúng tôi đã có trước đó thực sự không có bất cứ điều gì trước đây. Bây giờ chúng ta sẽ tìm thấy thẻ đó và làm cho nội dung bên trong của nó bằng chuỗi. JavaScript rất đơn giản. Hy vọng rằng bạn đang nhận ra rằng có thực sự không có gì bất thường xảy ra ở đây. Nó chỉ thẳng lên HTML và JS ở đây. Nếu tôi chạy này ngay bây giờ, nó vẫn sẽ không làm bất kỳ công việc bởi vì tôi đã không có dây nó lên để nhận được sự kiện này. Để làm điều đó, tôi sẽ làm điều đó ngay ở đây, một lần nữa quay trở lại hộp công cụ của tôi, popping nó ở đây. Tôi hy vọng bạn đã nhìn thấy tất cả các loại công cụ này trước đó, vì vậy tôi sẽ không qua giải thích nó. Bây giờ chúng ta sẽ đi lấy helloButton. Chúng ta sẽ nói, "Button, xin chúc mừng." "Đây là một sự kiện mà bạn đang đáp ứng." "Khi ai đó nhấp vào bạn, hãy gọi chức năng này, buttonClickHandler." Và đó là chức năng mà chúng ta chỉ cần thêm phải xuống ở dưới cùng đó. Đó là nó. Vì vậy, bây giờ chúng tôi đã có một ứng dụng đáng kinh ngạc chức năng. Tôi nghĩ rằng bạn sẽ được thực sự ấn tượng này. Chris. Chờ cho nó. Wow. Được rồi. Đó là tuyệt vời. [Cười] Nhưng có nhiều. Không mua được chưa. Chờ đợi. 

Hãy để tôi chỉ cho bạn một chút ở đây và có được ra khỏi màn hình. Chúng ta sẽ đi trước khi chúng tôi chạy. Hãy để tôi đi vào và thực sự cho bạn một chút với CSS. Chỉ cần bằng cách mặc định, nếu chúng ta nhìn lại các trang ở đây, bất cứ khi nào chúng tôi kéo vào những điều này từ WinJS và chúng tôi đã ui-tối, trên thực tế, bạn có thể thay đổi nó để mặc định cho việc sử dụng ứng dụng ánh sáng. ui-tối là tốt cho các ứng dụng đồ họa như cách sử dụng rất nhiều hình ảnh, bạn đang hiển thị nhiều nội dung trực quan. Nếu bạn đang hiển thị rất nhiều nội dung văn bản, các giao diện người dùng ánh sáng thường là một lựa chọn tốt. Bạn không cần phải lựa chọn nó, nhưng tôi đã chuyển sang nó và bây giờ bạn đang thấy đánh dấu, cùng tất cả mọi thứ, nó chỉ sử dụng về cơ bản một chương trình đảo ngược ở đây nơi tất cả mọi thứ là làm cho nó văn bản màu đen trên nền trắng. Đó là tất cả tốt và tốt. Hãy để tôi ra khỏi đây, và chúng ta hãy thực sự làm nhiều hơn một chút với CSS. Tôi sẽ đặt nó trở lại vào tối vì tôi nghĩ rằng nó có thể dễ dàng nhìn thấy trên màn hình khi tôi bắt đầu làm những việc này. Tôi sẽ thay thế cơ thể một lần nữa. Tôi sẽ đi đây. Hãy để tôi nuke này. Chúng ta hãy mang trong cơ thể với các lớp học. Tôi tin rằng bạn đã thực hiện bộ chọn cơ bản với CSS và vật như thế đã, do đó bạn có thể biết những gì đang xảy ra ở đây. Chỉ cần gán một số lớp học để tiêu đề của chúng tôi, và chúng tôi đang tạo ra một div mới để bọc phần còn lại của những thứ mà chúng ta có thể sử dụng để tạo kiểu cho tất cả cùng nhau. Vì vậy, những gì tôi có thể làm bây giờ là đi qua CSS mặc định của chúng tôi. Bạn đã xem xét các truy vấn phương tiện truyền thông chưa? Bạn đã nói về điều đó ở tất cả? Phương tiện truyền thông truy vấn là một phần của xu hướng mới xuất hiện này - hoặc nó là một xu hướng thành lập bây giờ thực sự trên Web - thiết kế đáp ứng hoặc thích nghi, và ý tưởng là các ứng dụng của bạn thực sự có thể điều chỉnh bản thân một cách thích hợp dựa trên những gì các thiết bị mà họ đang được hiển thị trên có thể làm. Vì vậy, nếu bạn đang ở trên một thiết bị di động, rõ ràng là bạn sẽ không có nhiều màn hình bất động sản như bạn sẽ trên một màn hình 30-inch lớn ngồi với một máy tính để bàn, một máy tính lớn như thế. Vì vậy, câu trả lời cũ đó sẽ có 5, 6 phiên bản khác nhau của cùng một trang và bạn muốn mở ra các phiên bản đã được điều chỉnh cho rằng màn hình kích thước nhất định. Không lớn. Nó rất, rất lặp đi lặp lại và có một tấn bảo trì để làm điều đó. Bây giờ chúng ta có một cái gì đó gọi là CSS truy vấn phương tiện truyền thông, và chúng ta có thể sử dụng để tự động phát hiện khi có kích thước nhất định hay sử dụng nhất định của nội dung của bạn được thực hiện. Vì vậy, bạn có thể đáp ứng điều đó và bạn có thể nói, "Được rồi, trong trường hợp này "Bạn có thể thậm chí không cần tôi nói cho bạn những gì đang xảy ra ở đây." Đây chỉ là nói rằng nếu ứng dụng này được chụp, như tôi đã giới thiệu trước đây - lấy nó và đưa nó vào phía bên của màn hình - sau đó chúng ta hãy làm phong cách sau đây. Phong cách không chỉ là về màu sắc và công cụ như thế. Nó cũng về kích thước và tỷ suất lợi nhuận và paddings và định hướng nội dung hoặc thậm chí vô hiệu hóa hoặc cho phép toàn bộ các bộ phận của trang web của bạn và, trong trường hợp này, ứng dụng của bạn hoặc trò chơi của bạn. Vì vậy, ở đây bạn có thể làm đơn giản như bạn muốn. Điều này sẽ không thể hữu ích trong các ứng dụng của bạn, nhưng đó là thời gian demo, vì vậy tôi sẽ đi trước và chỉ cần thêm trong cơ thể chọn cơ bản và nói, "Khi tôi ngắt lời, chúng ta hãy đi trước và làm màu nền và chúng ta hãy chọn một cái gì đó." Bạn đã có IntelliSense đây. Điều này thực sự thực sự mát mẻ. Trong năm 2012 chúng tôi đã thêm rất nhiều thứ để hỗ trợ CSS và JavaScript và HTML. Bạn đã tất nhiên có thả xuống IntelliSense quá, nhưng đó không phải là điều thú vị. Điều thú vị là bạn đã có bộ chọn hình ảnh cho rất nhiều thứ là tốt. Vì vậy, bạn có thể đi qua và chỉ cần chọn một màu sắc, hoặc bạn có thể đi ra ngoài và thậm chí còn cụ thể hơn và bạn có thể chọn - này là có được khủng khiếp. Tôi thực sự sẽ chọn một màu sắc phong nha ở đây. Xem các đánh dấu quá, bằng cách này. Đó là định dạng chuẩn RGB của bạn ở đó. Nhưng nếu tôi chuyển độ mờ đục, nó sẽ chuyển sang một chọn kênh alpha đây. Vì vậy, bạn có thể thấy rằng, màu sắc với bản tính minh bạch phần trăm mà bạn có cho rằng tất cả nướng ngay trong đó. Tôi sẽ giữ nó như là 100% và sau đó khi tôi đang thực hiện với đó, tất cả là tốt và tốt. Bây giờ nếu tôi chạy các ứng dụng và chúng tôi có các ứng dụng và chúng tôi chụp nó, rằng màu nền đang được điều chỉnh tự động chỉ vì chúng tôi có một số CSS mà nói, "Đi làm điều đó." Bạn cũng có thể viết JavaScript quá sẽ làm điều tương tự hoặc bạn có thể sử dụng để thực sự tạm dừng một trò chơi, làm những việc như thế. Đó có thể là khi bạn muốn sử dụng JavaScript. Bạn sẽ tắt các vòng lặp trò chơi tại điểm đó. Bạn sẽ cần một số JavaScript vì đó sẽ không có một cái gì đó bạn sẽ CSS cho. Nhưng hãy nhớ nó chỉ là một sự kiện. Bạn có thể nói, "Khi ứng dụng của tôi thay đổi kích cỡ, "Chúng ta hãy xem nếu chúng ta ngắt lời." Và đó là nó. 

Được không? Tôi đã nói chuyện rất nhiều. Có câu hỏi cho đến nay về nơi chúng ta? Yeah. [Sinh viên] Có hướng dẫn cho bất cứ ai để có được thêm thông tin? >> Yeah. Câu hỏi đặt ra là, có một hướng dẫn cho điều này? Tôi sẽ mở rộng nó để tất cả mọi thứ. Có một vài điều mà bạn có thể đi đến. Chúng ta hãy thực sự có được ra khỏi đây. Hãy để tôi đi trở lại đây. Một điều cần chỉ ra là Visual Studio chính nó có hướng dẫn xây dựng nhập Hãy để tôi thoát khỏi điều này. Nếu bạn đi và tạo ra một dự án mới, làm File, New Project, và nhìn vào mặt bên trái, có một nút trực tuyến trong chọn này. Nó sẽ mất một chút. Tôi đang trên MyFi của tôi ở đây. Nhưng nó sẽ đi lên và nó sẽ cung cấp cho tôi một cơ hội để tìm thấy các mẫu mà còn, quan trọng hơn, các mẫu là tốt. Vì vậy, tôi có thể click vào JavaScript. Nó sẽ tìm thấy các mẫu cho tôi. Độ phân giải của tôi là đường cao tốc ở đây. Thông thường, bạn sẽ thấy một danh sách của rất nhiều những thứ khác nhau ở đây. Nếu có điều gì đó bạn muốn thử, chọn ngôn ngữ, JavaScript ở đây, và nói, "Tôi không biết làm thế nào để làm định vị." "Tôi không biết làm thế nào để mở một tập tin." "Tôi không biết làm thế nào để tận dụng lợi thế của webcam "Hoặc tối ưu hóa cho cảm ứng hoặc những điều như thế." Có mẫu cho tất cả mọi thứ: chia sẻ, tìm kiếm, thanh ứng dụng, thực hiện cuộc gọi từ xa đến một dịch vụ, JSON mã hóa. Tất cả những loại những thứ có mẫu ở đây, và họ không mẫu lớn mà sẽ đưa bạn cả đêm để kéo ngoài chỉ để thấy rằng có một điều bạn muốn học. Họ đang thực sự tốt. Họ nhỏ, ngay đến các loại điểm của mẫu. Tôi đã học được một tấn bằng cách đi qua các bản thân mình, và vì vậy tôi khuyên rằng rất nhiều như một điều. 

Một điều cần chỉ ra cũng là tất nhiên tôi cho thấy bạn dev.windows.com, vì vậy nếu bạn quay trở lại đó, bạn sẽ thấy ở phía dưới cũng có các mẫu ở đây. Vì vậy, bạn có thể tải về tất cả chúng cùng một lúc, nhưng cũng có rất nhiều tài nguyên khác ở đây quá có thể giúp bạn có được tốc độ. 

Một điều khác, và tôi thực sự sẽ khuyên bạn nên cố gắng này, Tôi đã có nó trên blog của tôi, nhưng tôi sẽ đi ngay vào nó. Tôi sẽ chỉ cho bạn. Blog của tôi có nguồn tài nguyên và những thứ như thế. Một trong những điều cần chỉ ra là ở đây, điều này: Ý kiến ​​của bạn. App của bạn. 30 ngày. Nếu bạn bấm vào đây, nó sẽ đưa bạn đến một trang web thực sự hữu ích. Điều này là rất hữu ích nhiều hơn bạn có thể mong đợi. Điều này là có được 30 ngày của nội dung đó về cơ bản bạn có thể nhận được lời khuyên và thủ thuật trong suốt quá trình đó như là bạn đang tạo ra một ứng dụng. Và khi bạn không thể mong đợi, bạn thực sự có thể có được nó cho các trò chơi quá và cho các ứng dụng điện thoại, những điều như thế. Vì vậy, về cơ bản đăng ký cho nó, và họ sẽ được gửi cho bạn lời khuyên và thủ thuật trên, "Các bạn đã nghĩ về việc này? Bạn có hỗ trợ Snap?" "Dưới đây là một số hướng dẫn về cách để làm điều đó tốt." "Các bạn đã nghĩ về trình đến các cửa hàng?" "Các bạn đã nghĩ về cách bạn sẽ bán ứng dụng của bạn?" Nó sẽ đi qua tất cả những điều khác nhau. Và trên thực tế, nếu bạn đang đi chơi game, tại một số điểm bạn sẽ bắt đầu nhận ra những người nói chuyện với bạn bởi vì tôi thực sự đã phải đi đến Redmint để làm những ghi nhận và 2 video đó. Nhưng đó là tất cả các phần của đường đua chơi game, và cũng có một ca khúc đầy đủ cho phát triển ứng dụng nói chung. Đó được gọi là thế hệ App. Tôi chắc chắn sẽ khuyên cho bạn là tốt ngoài các mẫu. 

Có rất nhiều video trên một trang web gọi là Channel 9 là tốt. Đó có thể là điều cuối cùng tôi sẽ giới thiệu cũng như trước khi chúng tôi di chuyển vào đây. Channel9.msdn.com. Điều này là rất tốt bởi vì bạn sẽ không được đọc thông qua tấn giấy trắng. Đó là cơ bản rất nhiều video, screencasts và điều đó là đúng cho điểm. Tôi không nên nói đó là luôn luôn đúng cho điểm. Nó phụ thuộc những người đang làm các việc nói chuyện. Nhưng nói chung, có một số video thực sự to-the-điểm đây sẽ cho bạn thấy một số điều cụ thể mà bạn có thể muốn tìm hiểu hoặc xem demo. Ngoài ra còn có tất cả nội dung của chúng tôi từ hội nghị của chúng tôi đã xảy ra một vài tuần trước được gọi là xây dựng, và bạn sẽ thấy rằng ngay ở đó. Có công nghệ cốt lõi cho Windows 8 trận. Có bạn đi. Tôi đã ở đó, thực sự. Bạn không thể nhìn thấy tôi. Tôi đã ở đây. Nhưng dù sao đi nữa, điều đó sang một bên, tôi sẽ khuyên bạn hãy xem những video. Họ đang khá hữu ích. Nếu bạn đang bị mắc kẹt trên một cái gì đó hoặc bạn chỉ muốn xem những gì có thể làm một cái gì đó, bắn những người lên. 

[Guarin] Windows Mail chỉ cần gửi cho tôi một email với một liên kết đến nội dung cho sinh viên để tải về với mẫu mã và các công cụ như thế. >> [Bowen] Đại. Tuyệt vời. Cảm ơn bạn, Edwin. 

Tốt. >> [Sinh viên] Tôi có một câu hỏi. >> [Bowen] Oh. Yeah, xin vui lòng. [Câu hỏi sinh viên không nghe được] >> [Bowen] Oh, Tôi vui mừng bạn hỏi đó. Vâng. Câu hỏi đặt ra là, là có một giao diện trực quan cho tôi để tạo ra những điều? Edwin sẽ thưởng cho bạn hào phóng cho câu hỏi đó. Có một cách để làm điều này. Chúng ta nên làm điều đó bây giờ? Hãy làm điều đó ngay bây giờ. Tôi sẽ đi đến đó ngay bây giờ. Trên thực tế, cho tôi thêm trong một điều nữa để demo này, và sau đó tôi sẽ chỉ cho bạn câu trả lời thực tế. Tôi sẽ thêm vào một chút CSS hơn ở đây. Tôi đã giảm đi một ít về tiếp tuyến ở đây. Hãy để tôi đưa vào một số CSS vào đây để tận dụng lợi thế của các lớp học mà chúng tôi đã thêm một thời gian ngắn trước đây, với tiêu đề, để div MainContent, và sau đó đến greetingOutput. Nếu tôi làm điều đó và chạy nó, bạn có thể nhìn thấy bây giờ chúng tôi đã có một chút đệm và lợi nhuận khác nhau, vì vậy chúng tôi có thực sự một số hiệu số ở đây. Đây là hơn đối với những gì bạn sẽ mong đợi của một ứng dụng đánh bóng thức. Nhưng tôi chỉ thấy điều này với bạn bởi vì nó thẳng lên CSS. Vì vậy, những điều mà bạn đã biết bạn có thể sử dụng ở đây để điều chỉnh nội dung như bạn muốn. Bạn đã nhìn thấy làm thế nào để làm cho nền thay đổi ra theo cách đó. 

Nếu tôi quay trở lại ra HTML của chúng tôi, tôi sẽ thêm vào một bộ nhiều ngôn ngữ đánh dấu, và điều này thực sự sẽ là một điều khiển từ WinJS. Tôi sẽ đi và lấy này, một nhãn hiệu. Hãy để tôi chắc chắn rằng tôi đang làm nó ở đúng nơi. Có lẽ là đủ tốt. Ở đây tôi đã chỉ cần thêm - và chúng tôi sẽ xem toàn màn hình để bạn có thể nhìn thấy toàn bộ điều - Tôi đã thêm một nhãn cho div tới. Div được gọi là ratingControlDiv. Bởi bản thân nó sẽ không làm gì cả. Nếu bạn mở này trong một trình duyệt, bạn sẽ được xem xét để trống, các div đó. Nhưng vì lý do đó dòng bí ẩn của mã mà tôi cho thấy bạn trước, quá trình tất cả, nó sẽ tìm kiếm một cái gì đó trông như thế này - dữ liệu-win-kiểm soát - và nó sẽ tìm thấy bất cứ điều gì trong tham số đó. Nó sẽ làm cho một thể hiện của bất cứ điều gì đó là nó trỏ đến. Trong trường hợp này, đó là một kiểm soát đánh giá, vì vậy tôi nói: "Hãy đi và thay thế điều này "Với bất cứ điều gì bạn cần làm để thực hiện một kiểm soát đánh giá." Nó có thể là một điều khiển lật, nó có thể là chiếc nhẫn tiến bộ hoặc bất cứ điều gì kiểm soát bạn muốn sử dụng. Tất cả họ đang đi làm việc cơ bản theo cùng một cách. Bạn đang sử dụng tiêu chuẩn đánh dấu HTML5 để chỉ ra những gì bạn muốn, và sau đó bạn sẽ nhận được một điều khiển vào cuối này. Cho phép tôi chạy này. Tôi chỉ cần sao chép trong, và bây giờ đánh dấu trở nên này, mà thực sự là khá một số phần tử HTML. Đây là tất cả hình ảnh cá nhân, và có divs xung quanh với bộ chọn. Hy vọng rằng bạn có thể thấy điều đó. Đó là một chút tinh tế. Tôi có thể di chuột qua các mục khác nhau, và nó sẽ cho phép tôi để xem sự đánh giá ở đây. Tôi có thể click vào nó, và nó nhớ đánh giá nhưng đó là về nó. Nó không thực sự làm bất cứ điều gì với những đánh giá. 

Một trong những điều cuối cùng tôi muốn chỉ cho bạn về điều này trước khi chúng tôi chuyển đổi thành một kinh nghiệm thiết kế trực quan hơn là một ít mã mà tôi có thể sử dụng để đối phó với các điều khiển WinJS. Hãy để tôi ra khỏi đó, trở lại ra khỏi màn hình, và chuyển sang JS đây để thứ hai. Tôi có thể làm điều này ngay tại đây. Tôi nghĩ rằng tôi sẽ thay thế toàn bộ điều này. Trên thực tế, tôi nghĩ rằng nó sẽ thay thế tất cả của nó, nhưng chúng tôi sẽ tìm hiểu nhau. Tôi sẽ đặt này ở đây. Yeah. Tôi sẽ xóa này quá. Tôi đã thêm những gì? Có vẻ như rất nhiều. Nó không phải là rất nhiều. Tôi chỉ mở rộng thêm dòng mã mà tôi đã nói trước đây, và tôi nói, "Khi tất cả mọi thứ được thực hiện, khi tất cả các điều khiển của tôi đã được thực hiện, "Sau đó làm điều này." Vì vậy, sau đó chạy chức năng này được gọi là hoàn thành. Trong trường hợp này, đây là thứ bạn có thể tìm ra. Đi thấy rằng kiểm soát div. Trên thực tế, có một điều tôi phải chỉ ra. Dòng tiếp theo là thực sự nói, "Tôi đã có ratingControlDiv đó." "Tôi muốn nói chuyện với nó như thể nó là một điều khiển thực tế, một điều khiển WinJS." Vì vậy, về cơ bản, bạn đang yêu cầu cho điều đó từ nó. Bạn đang nói, "Tôi muốn nói chuyện với bạn như một điều khiển." Và sau đó bạn có thể bắt đầu nói những câu như, "Chúng ta sẽ thêm một người biết lắng nghe cho bạn "Vì vậy khi bạn đang thay đổi, chúng tôi có thể đáp ứng điều đó." Và sau đó chúng tôi cũng có thể làm những việc như thế này. Trên thực tế, đó là các mã cũ có. Tôi nghĩ rằng tôi đang thiếu dán trong một chức năng hơn, và đó sẽ là chức năng thực tế rằng sẽ đáp ứng với sự kiểm soát đánh giá được thay đổi. Hãy để tôi bật mà ở bên phải xuống đây, ở đâu đó xung quanh đó. Và trong trường hợp này, điều duy nhất đó là mới là một thực tế mà chúng ta đang đi vào những gì kiểm soát đánh giá cho chúng ta và chúng tôi đang yêu cầu cho những gì được gọi là tentativeRating. Có một loạt các thứ khác khác nhau mà kiểm soát có thể cho bạn biết, và nó đi kiểm soát của kiểm soát. Nó rất đơn giản. Bạn sẽ có thể để con nó ra không gặp khó khăn gì. Tôi chạy này, và bây giờ khi tôi thay đổi xếp hạng và click vào đánh giá, bạn có thể nhìn thấy bây giờ nó thực sự đáp ứng với nó. Nó đưa đánh giá rằng trên màn hình vào thẻ div mà nếu không có sản phẩm nào dưới sự kiểm soát đánh giá. Đó là sự kỳ diệu của rất nhiều thứ ở đây quá. Vì vậy, bạn đang tạo ra các ứng dụng cho Windows Store, có một tấn điều khiển mà bạn chỉ có thể sử dụng. Tất cả họ đều làm việc như thế này. 

Hãy để tôi cho bạn thấy bên hình ảnh của thiết kế cho các ứng dụng. Các tin tốt là bạn sẽ đã có công cụ này khi bạn cài đặt tất cả mọi thứ nếu bạn đi đến tải đó và bạn sẽ có được Visual Studio. Tôi có thể kích chuột phải vào đây. Tôi sẽ không zoom in Nó chỉ nói Open in Blend. Sự pha trộn là một công cụ làm việc sát cánh với Visual Studio và tập trung nhiều hơn nữa về phía thiết kế của sự vật, do đó, nó thực sự bề mặt các công cụ được tối ưu hóa cho việc tạo ra phong cách, tạo ra hình ảnh động, làm việc với CSS, rất nhiều thứ trong đó loại tĩnh mạch. Ở đây những gì nên được rất thú vị và khá rõ ràng ngay lập tức là chúng ta đang tìm kiếm các ứng dụng. Hy vọng rằng chúng tôi vẫn còn. Thay vì nhìn thấy mã, mà chúng ta vẫn nhìn thấy ở phía dưới, chúng ta đang thấy các đại diện thực tế của ứng dụng. Hơn nữa, nó không chỉ là một đại diện của các ứng dụng, nó thực sự là ứng dụng đang chạy. Và đó là những gì thực sự là tốt đẹp về Blend. Nhóm nghiên cứu đã thực hiện rất nhiều công việc để mang lại HTML và JavaScript và CSS vào công cụ này. Bây giờ bạn có thể thực sự, nếu bạn tò mò, "Điều đó có nghĩa là gì? Tôi có thể làm gì?" Tôi thực sự có thể thiết kế để ứng dụng này mặc dù những thứ như thế này không tồn tại trong đánh dấu của tôi. Hãy nhớ rằng kiểm soát đánh giá? Nó chỉ là một thẻ div. Công cụ này, ngôi sao, chỉ tồn tại trong thời gian chạy. Làm thế nào để tôi biết rằng? Có một chút ma thuật ở đây. Nhìn thấy những tia chớp? Bất cứ lúc nào bạn nhìn thấy một tia chớp, có nghĩa là nó được tạo ra bởi một cái gì đó khi chạy. Một số mã JavaScript chạy và quay một cái gì đó vào trong này hoặc tạo ra điều này với một số logic. Những ngôi sao mà bạn nhìn thấy ở đó được tạo ra bởi JavaScript bằng cách WinJS. Những điều tốt đẹp là, nó không quan trọng với tôi, tôi vẫn có thể thiết kế nó, Tôi vẫn có thể đi vào và thay đổi nó, tôi có thể tìm ra những gì đang xảy ra ở đây, Tôi có thể nhìn vào CSS, tôi có thể đi trước và tìm hiểu lý do tại sao màu sắc là cách nó được, Tôi có thể bắt đầu rối tung với những thứ và làm những điều khủng khiếp, bất cứ điều gì tôi muốn làm. Trên thực tế, tôi sẽ để lại những thứ một mình. Nhưng bạn có thể thấy ở đây đó là tất cả CSS và nó hiển thị cho bạn ở đây. Nếu tôi đi đến đó, nó sẽ cho bạn thấy tất cả mọi thứ mà họ gọi chiến thắng, vậy nguyên tắc CSS mà là cụ thể nhất và được lựa chọn nhiều nhất cho mục đó, mà bạn có lẽ đã đi qua trong các lớp học của bạn, nơi bạn có thể nói có một chữ chung mà chúng ta đang áp dụng cho tất cả mọi thứ, nhưng vì đây là một h1 và tôi có một màu xác định cho H1S, nó sẽ là màu sắc này, và đó là bởi vì nó cụ thể hơn các body1. Điều này một điều đúng ở đây cho thấy tất cả các bạn, và nó thực sự công cụ mạnh mẽ như bạn nhận được phức tạp hơn, bạn đang tự hỏi tại sao những điều này là cách họ đang có. Nó thực sự sẽ cho bạn biết, bạn có thể chọn bất kỳ của các mặt hàng này ở đây. Màu sắc mà không phải là quá xấu, thực sự. Bạn có thể chọn chúng. Hy vọng rằng bạn có thể thấy điều này. Đối với tất cả mọi thứ mà bạn có trên ứng dụng của bạn, bạn sẽ thấy toàn bộ một tầng của tất cả các CSS có thể đã áp dụng điều đó và đó là một trong chiến thắng, đó là một thực tế được ưu tiên. Đây là những loại nhàm chán. Không có rất nhiều xảy ra trong một số trong số này. Nếu tôi đi và thay đổi màu sắc, sau đó bạn sẽ bắt đầu thấy một số tầng đó. Bạn cũng có thể sử dụng HTML ở đây là tốt. Tôi có thể đi qua và sửa đổi các thuộc tính HTML cho tất cả những điều như tôi mong muốn. Chỉ có tấn công cụ ở đây. 

Tôi không muốn mất thời gian của bạn bằng cách đi qua tất cả mọi thứ ở đây. Chỉ biết nó ở đây. Có rất nhiều chức năng thiết kế theo định hướng đó chỉ có sẵn cho bạn do đó, bạn có thể ở lại trực quan, làm việc với các ứng dụng, và không cần phải làm rất nhiều đoán mà bạn sẽ phải làm bình thường và đi xe đạp trở lại từ một trình duyệt trở lại vào thiết kế của bạn, sao để trình duyệt. Đây thực sự là công cụ mát cho điều đó, và khi bạn phát triển một ứng dụng Windows Store, nó sẽ làm cho bạn rất nhiều hiệu quả hơn. 

Bạn cũng sẽ thấy nó theo dõi các đánh dấu ở đây và CSS của bạn như bạn đang làm việc thông qua những thứ khác nhau. Đây có thể là thực sự khó khăn để bạn có thể thấy rằng, đặc biệt trên video, nhưng đó là những gì đang xảy ra ở đây, và tôi sẽ khuyên bạn trở nên quen thuộc với điều đó. Nó sẽ giúp bạn tiết kiệm rất nhiều thời gian. Đó là Blend. Nếu bạn thực hiện bất kỳ thay đổi ở đây, họ sẽ được tự động sẽ mang lại hơn Visual Studio. Đó là các tập tin tương tự, đó là cùng tất cả mọi thứ. Tôi sẽ để lại nó một mình. Tôi có một ví dụ tốt hơn mà tôi muốn cho bạn thấy. Nhưng nếu tôi thực hiện một sự thay đổi đó và lưu nó và tôi trở lại Visual Studio, nó sẽ nói, "Này, bạn chỉ cần thay đổi một cái gì đó. Tôi có thể tải lại nó cho bạn?" Vâng. Và bạn đang sử dụng các công cụ tương tự có. Đó là kết thúc của mẫu mà cụ thể. 

Tôi muốn cho bạn thấy một mẫu kết thúc cao hơn chỉ để cung cấp cho bạn một cái nhìn của các chức năng khác bạn có thể suy nghĩ về là tốt. Đây là một ứng dụng mẫu mà bạn có thể tải về. Nếu bạn tìm kiếm một cái gì đó gọi là Trại Windows trong một Box, có một số mẫu mà trong đó, và một trong số họ là The Contoso Cookbook. Tôi chỉ có thể chạy này cho bạn. Màn hình tùy chỉnh giật gân. Đây là ứng dụng xem lưới. Họ đã bị ràng buộc một số dữ liệu tùy chỉnh ở đây. Bạn có thể điều hướng thông qua này. Bạn có thể đi và hãy nhìn vào những điều khác nhau sẽ làm cho chúng ta đói vào một buổi chiều thứ Sáu. Tôi không biết. Những gì sẽ làm cho tôi đói nhất? Tôi không biết. Tôi chỉ cần đi để chọn một. Bạn đi vào những điều này. Nó sẽ cho bạn công thức. Bạn cũng có thể, thay vì nhấp vào một mục, bạn có thể đi ngay cho danh mục nội dung, phần nội dung. Trong trường hợp này, bạn có thể đọc rất nhiều giả Latin nói với tất cả các bạn về những công thức nấu ăn ở đây và sau đó đi thẳng vào công thức cụ thể. Này cũng hỗ trợ những thứ như chia sẻ mà tôi giới thiệu trước với các hình ảnh. Bạn cũng có thể tìm kiếm vào ứng dụng này quá. Nó rất đơn giản để làm tìm kiếm. Về cơ bản, bạn chỉ nhận được một chuỗi văn bản từ Windows và bạn quyết định làm thế nào bạn muốn để xử lý tìm kiếm với điều đó. Đó là một vài dòng mã để có được điều đó, và sau đó những gì bạn làm với nó sau đó là hoàn toàn vào bạn. 

Ở đây họ cũng có một thanh ứng dụng mà họ đang sử dụng một số chức năng khác. Tôi sẽ chỉ cho bạn biết nó là gì. Một lời nhắc nhở là sẽ sử dụng những gì được gọi là một thông báo bánh mì nướng. Điều này thực sự tiện dụng cho phép người sử dụng biết khi nào mọi thứ đã xảy ra, như một ứng dụng đã được cài đặt hoặc một cái gì đó đã được hoàn thành. Nó cũng tốt cho các trò chơi quá. Nếu bạn có một thế giới liên tục hoặc một ban lãnh đạo và một dịch vụ đó là lưu trữ mà có thể trên một máy tính riêng biệt, những thông báo có thể được gửi vào một máy và ngay cả khi người dùng không sử dụng trò chơi của bạn, chơi trò chơi của bạn hoặc chạy ứng dụng của bạn, họ vẫn có thể nhận được thông báo về những loại sự kiện. Vì vậy, bạn có thể nói, "Lâu đài của bạn đã bị phá hủy hoặc được chỉ là về bị phá hủy." "Quay lại đây và bảo vệ nó", hay một cái gì đó như thế. Bạn click vào thông báo, bạn quay trở lại ngay vào các trò chơi, và bạn có thể chơi nó. Vì vậy, những loại điều có thể giúp thực sự thu hút mọi người trở lại vào ứng dụng của bạn khá hiệu quả. 

Ngoài ra còn có hỗ trợ trong ứng dụng này để sử dụng microphone, webcam, làm video và chụp ảnh. Bạn cũng có thể đính một gạch thứ cấp. Nó rất hữu ích nếu bạn muốn chỉ có một gạch đi thẳng vào nội dung nhất định. Trong trường hợp này, nó đi thẳng vào công thức này. Tất cả mọi thứ tôi đang nói đến tôi chỉ hiển thị bởi vì đó là những điều mà bạn có thể nghĩ về việc sử dụng cũng. Đối với hầu hết các phần, họ là rất đơn giản để sử dụng. Tôi chỉ muốn giới thiệu bạn đưa lên rằng mẫu thám hiểm và tìm thấy một mẫu có thể chỉ cho bạn cách để làm điều đó. Nó khá đơn giản để mang lại những ứng dụng của bạn vào đó là tốt. 

Tôi sẽ cho bạn thấy cái gì khác mà là khá mát mẻ ở đây. Tôi sẽ chụp ứng dụng này, và tôi sẽ quay trở lại Visual Studio. Ứng dụng này đang chạy. Nó đang chạy từ Visual Studio. Tôi có thể làm một số công cụ khá mát mẻ với điều đó. Tôi thực sự có một tùy chọn để chọn một phần tử, và tôi có thể đi qua đây để các ứng dụng trực tiếp và tôi có thể nói, "Tôi tự hỏi tại sao Thời gian chuẩn bị một chút nhẹ màu xám hơn so với tiêu đề riêng của mình?" Tôi có thể click vào nó. Nó sẽ đồng bộ hóa đó trở lại vào Visual Studio, và nó sẽ chỉ cho tôi một cách chính xác các nội dung được tạo ra mà kết quả trong một phần của giao diện người dùng. Vì vậy, trong trường hợp này, đó là mục-phụ đề và h4 xây dựng tăng gấp đôi, và có thể nói với chúng ta những gì chúng ta cần phải biết vì như một h4 trong bối cảnh đó, nó sẽ có được một loại font. Nhưng nếu tôi vẫn không biết lý do tại sao, tôi có thể click vào Styles Trace. Sau đó tôi có thể mở rộng ra màu sắc và tôi có thể tìm hiểu chính xác lý do tại sao màu đó không phải là màu sắc cơ thể nhưng trên thực tế là cái gì khác. Điều này chủ yếu là các công cụ dev từ Internet Explorer đến một mức độ đưa vào Visual Studio. Nếu bạn đã làm việc với các công cụ Chrome Dev, Firebug, những điều như thế, những loại công cụ có trong trình duyệt, rằng loại chức năng đã được đưa ngay vào Visual Studio do đó bạn không thực sự có để khởi động một trình duyệt và làm việc với những công cụ riêng biệt. Tôi đã có một ứng dụng Windows Store chỉ chạy, và tôi có thể bắt đầu kéo nó ra và tìm hiểu tại sao mọi thứ đang làm những gì họ đang có. 

Tôi cũng có thể làm theo cách này quá. Tôi có thể đi và chỉ cần chọn một cái gì đó ngay từ đánh dấu và tìm hiểu nó là gì trong ứng dụng riêng của mình. Tôi nghĩ rằng tôi đã đi theo tất cả mọi thứ. Ở đây tôi đang lơ lửng trên này. Tôi có thể chọn nó. Nó sẽ chỉ cho tôi trong ứng dụng đang chạy thực tế mà điều đó là mà bây giờ tôi đang cách nhấp vào trong đánh dấu. Công cụ thực sự mát mẻ. Khi bạn đang cố gắng tìm ra những gì đang xảy ra và những gì HTML đang làm, những gì CSS đang làm, ghi nhớ điều này. Hãy nhớ điều này là ở đây cho bạn và cũng Blend có thể làm việc với một ứng dụng chạy trực tiếp. 

Một trong những điều cuối cùng tôi muốn cho các bạn với ứng dụng này - Bằng cách này, nó cho bạn thấy khu vực châu thổ như mọi thứ thay đổi quá, vì vậy bạn có thể xem những điểm nổi bật màu vàng. Đó là những điều đã thay đổi chỉ trong ứng dụng. Nhưng có một điều cuối cùng. Tôi muốn trở lại để Blend chỉ cho một thứ hai ở đây. Chúng tôi sẽ mở này lên, mở cửa trong Blend, cùng một ứng dụng, cùng tất cả mọi thứ. Tôi chỉ muốn cho bạn thấy những kinh nghiệm ở đây không chỉ là bạn đang mắc kẹt trên trang chủ nhìn vào những điều bạn sẽ nhận được theo mặc định khi bạn chạy các ứng dụng và để cho nó ngồi ở đó. Bạn cũng có thể bật biểu tượng khá nhỏ này ở đây. Nó được gọi là chế độ tương tác. Bạn bấm vào đó. Nó sẽ mang lại cho ứng dụng của bạn. Bạn đang không ở trong chế độ thiết kế nữa, vì vậy bạn sẽ không phải click vào những thứ để thay đổi chức năng, nhưng bạn thực sự có thể làm việc với các ứng dụng hiện nay. Bạn có thể bấm vào thông qua, bạn có thể làm bất cứ điều gì, có được một công thức mà bạn quan tâm hoặc vào một danh mục. Chúng ta hãy đi đến thể loại này. Tôi sẽ nói, "Được rồi, đây là nơi mà tôi muốn thiết kế." Sau đó, bạn nhấp vào nút đó lần nữa, nó sẽ mang lại bạn vào bề mặt thiết kế, và bây giờ bạn có thể làm tất cả những điều mà tôi đã nói về trước. Tôi sẽ tiếp tục nhấn chuột cho đến khi tôi nhận được điều này được lựa chọn, tìm ra kích thước của nó, tìm ra HTML cho nó, CSS cho nó cho một ứng dụng đang chạy, một số phần sau của ứng dụng. Rất, rất hữu ích. Tôi sẽ chỉ cho điều này với bạn. Hãy giữ nó trong tâm trí nếu bạn đang tìm kiếm vào viết mã với điều này bởi vì nó sẽ giúp bạn tiết kiệm rất nhiều rắc rối, và đó là công cụ khá tốt. Đó là khá nhiều tất cả tôi muốn cho các bạn trên Blend và Visual Studio cho tất cả. 

Bất kỳ câu hỏi về một trong những công cụ? Bất cứ điều gì ở tất cả? >> [Guarin] Tôi có công cụ để đưa ra những câu hỏi như vậy là tốt, công cụ tốt. 

[Bowen cười] Tôi đã cho các bạn trình diễn của tôi ở đây. Tôi sẽ đặt nó trên trang Tài nguyên và chuyển sang câu hỏi ngay bây giờ. Mà tài liệu tham khảo đầu tiên là thế hệ ứng dụng web với sự theo dõi trò chơi và ứng dụng theo dõi. Đăng ký cho những người. Bạn không phải chờ 30 ngày để có được nội dung. Bạn có thể bắt đầu đi và nhìn vào các nội dung như bạn muốn. Tôi hiểu khung thời gian của bạn có thể khác hơn - [cười] Vì vậy, khi là Hackathon? Đó là một vài tuần, phải không? Vì vậy, bạn không có 30 ngày để chờ đợi. Vì vậy, yeah, bạn có thể đăng ký đó và sau đó chỉ cần bắt đầu kéo nội dung ra từ nó. Cũng Dev và Trung tâm Thiết kế. Và tôi không đề cập đến điều này, nhưng cũng có các cửa hàng Documents. Điều này sẽ được cho sau khi Hackathon là bạn đã sẵn sàng để bắt đầu trình ứng dụng của bạn cho cửa hàng. Có một số hướng dẫn hữu ích ở đây, một số hướng dẫn về cách để có được mọi thứ vào các cửa hàng, một số vấn đề phổ biến mà có thể chuyến đi bạn lên, và đó là kết thúc của những nguồn tài nguyên. 

Vì vậy những gì trong tâm trí của bạn? Bất cứ điều gì khác mà bạn - [Guarin] Ai là suy nghĩ về làm một ứng dụng Windows cho CS50? Mát mẻ. [Bowen] Cool. Tuyệt vời. 

Thắc mắc về những thứ mà bạn đã nhìn thấy cho đến nay và làm thế nào nó liên quan đến điều này? Ví dụ, với thời gian hơn tôi có thể mất một trò chơi mà tôi đã viết và chạy trong trình duyệt và chỉ cần loại đi qua quá trình này đưa rằng vào Visual Studio và làm cho nó một ứng dụng Windows Store. Phải mất nhiều thời gian hơn, chúng tôi thực sự đã phải bao gồm ngày hôm nay, nhưng phiên bản ngắn gọn là nó cùng một mã mà bạn đã chạy trong trình duyệt, và những điều bạn nên thay đổi là những điều mà bạn quyết định cắm vào Windows 8. Vì vậy, nếu bạn muốn sử dụng sự quyến rũ, nếu bạn muốn tìm kiếm hay chia sẻ, bạn cần phải tạo ra một thanh ứng dụng để ẩn đi một số chức năng vào đó, đó là những loại điều mà bạn sẽ thay đổi. Nhưng cốt lõi của ứng dụng web của bạn có thể vẫn còn nguyên vẹn. Một lần nữa, miễn là nó hoạt động trong IE10, nó sẽ là một cảng rất dễ dàng để mang lại những thứ đó vào Visual Studio, vào Blend, và làm cho nó một ứng dụng Windows Store. Một lần nữa, điều duy nhất bạn sẽ cần phải học là những tính năng khác mà bạn có thể sử dụng để thắp sáng một ứng dụng, như một gạch sống và những loại đồ vật. 

Yeah. >> [Sinh viên] Câu hỏi của tôi là về làm việc di động. Vì vậy, nếu bạn thực hiện một ứng dụng mà hoạt động như một ứng dụng trên máy tính để bàn, là nó thực sự dễ dàng để chuyển nó vào điện thoại di động, hoặc là có một - Câu hỏi đặt ra là, nếu tôi làm một ứng dụng Windows Store đó là thực sự tối ưu hóa cho môi trường này và tôi muốn mang nó đến một thế giới điện thoại di động, những gì liên quan với việc đó? Rằng, giống như nhiều câu hỏi, luôn luôn là một câu trả lời liên tục thay đổi. Các tin tốt là nếu bạn đang gắn bó với HTML và JavaScript, CSS, nếu bạn đang bắt đầu từ một ứng dụng Windows Store, nó sẽ cho phép bạn mang nó vào Web và sau đó sử dụng những loại kỹ thuật, phương tiện truyền thông như các truy vấn và điều, để thích ứng với các thiết bị kích thước khác nhau. Điều đó nói rằng, luôn có các khuôn khổ và những điều trên có hỗ trợ mà mở rộng ra các công nghệ khác nhau, các nền tảng khác nhau. Thay đổi tất cả các thời gian. Chúng tôi cũng đang thay đổi mọi thứ cũng như chúng ta nhìn về phía những gì chúng tôi có bây giờ thực hiện với Windows Phone 8. Chúng tôi có một số cơ sở hạ tầng cốt lõi được chia sẻ được cung cấp giữa các ứng dụng cho những môi trường. Vì vậy, những thứ mà bạn đang làm để tạo ra một ứng dụng Windows Store, rất nhiều mà có thể thực hiện hơn vào một điện thoại 8 ứng dụng Windows. Đó lại là một câu chuyện mới nổi, do đó, có một số nội dung về điều đó ở xây dựng. SDK vừa mới ra một thời gian ngắn trước đây. Nó đã được chỉ phát hành một thời gian ngắn trước đây. Nhưng trong điều khoản của các nền tảng khác quá, bạn có thể chạy vào nhiều khung nền tảng là tốt. Các tin tốt là những thứ mà bạn đang làm ở đây, các chức năng cốt lõi là thẳng lên công cụ web tiêu chuẩn. Điều duy nhất mà sẽ không dịch dễ dàng là những điều mà Windows 8 có, nhưng điều đó không có gì ngạc nhiên bởi vì nó là một tính năng của Windows. Bạn sẽ không tìm thấy chia sẻ hoặc các loại tương tự như hợp đồng trên mọi nền tảng khác. Vì vậy, đó là những điều mà bạn sẽ muốn từ góc độ thiết kế chắc chắn rằng bạn có cách để loại trừu tượng mà ra, do đó bạn có thể nói, "Nếu tôi đang chạy trên này, tôi có thể làm điều đó." Nếu tôi không, có một số mẫu thiết kế bạn có thể sử dụng để loại ẩn những thứ đó đi. Nhưng giữ cho rằng trong tâm trí. Yeah. Xin lôi. Đi trước. 

[Sinh viên] Nếu tôi muốn thử nghiệm ứng dụng của Windows trên đầu trang của [nghe được] [Bowen] Yeah. Tôi bỏ qua một điều nữa quá. Yeah. Tôi sẽ trả lời câu hỏi của bạn trước, sau đó tôi sẽ chỉ cho bạn một tính năng tôi quên đề cập đến. Chúng tôi có một số máy có sẵn tại địa phương. Tôi xin lỗi. Câu hỏi đặt ra là, làm thế nào để thử nghiệm những điều trên các thiết bị nếu tôi không xảy ra để có một toàn bộ rất nhiều thứ để lựa chọn? [Guarin] Chúng tôi cho vay các bạn, tôi nghĩ rằng, 5 hoặc 6. Bao nhiêu bạn cần? [Sinh viên] Chúng tôi có 4 trong số họ. >> Rồi. Các bạn có 4 gỡ khó để chơi với xung quanh. Vì vậy, chắc chắn cho mọi người biết, xin vui lòng. [Cười] >> [Bowen] Awesome. Đó là một câu trả lời thậm chí tốt hơn so với tôi sẽ cung cấp cho bạn. Chúng tôi có giờ làm việc cho các nhà phát triển mà chúng ta làm tại văn phòng của chúng tôi và bây giờ đến sớm đến các cửa hàng Microsoft hơn ở Pru, nhưng Edwin đã đưa về chăm sóc bạn. Có 4 gỡ khó cho vay, để thử nghiệm. Có chúng tôi đi. Có một ví dụ về một trong những động đó. Vì vậy, yeah, hoàn toàn. Tuyệt vời. Hoàn toàn do sự xa cách tốt nhất để kiểm tra nó là để có trên một thiết bị. Nếu bạn không xảy ra để có một chưa hoặc bạn không muốn đi bộ trên khuôn viên trường trong tuyết để lấy một hoặc bất cứ điều gì, có một cách để làm điều này trở lại trong Visual Studio. Nếu tôi quay trở lại nơi tôi đã ở đây, ở đây thay vì sử dụng máy địa phương, bạn có thể kết nối với máy từ xa, nhưng đó không phải là những gì tôi đang nói ở đây. Mô phỏng là điều mà bạn có thể muốn xem xét. Tôi sẽ chạy này, và thực sự nó là gì, đó là bản chất là một cửa sổ vào hệ thống của riêng bạn. Đây thực sự là hệ thống đang chạy của tôi, chạy Contoso, nhưng trong một cách mà cho phép tôi thay đổi một số thông số thực hiện, các thông số môi trường. Vì vậy, tôi có thể nói ở đây, "Bạn biết không?" Oh. Tôi đã có nó chạy trong một màn hình 27-inch với độ phân giải 2560 mô phỏng. Tôi có thể dễ dàng thả xuống đó và xem những gì ứng dụng của tôi sẽ làm gì với một màn hình nhỏ hơn hoặc bằng cách thay đổi các thiết lập DPI hoặc bất cứ điều gì. Vì vậy, trên một màn hình nhỏ, một 10.6, những gì là nó sẽ làm gì? Mà vẫn có vẻ khá tốt, phải không? Bạn sẽ muốn làm điều này, đặc biệt là nếu bạn đang gửi đến các cửa hàng, bởi vì chúng tôi làm như một phần của quá trình thử nghiệm. Và nếu có vấn đề như thế, sau đó bạn có thể chạy vào một vấn đề nhận được chứng nhận cho các cửa hàng. Nhưng đó là một phần của mô phỏng. Thực sự mát mẻ. Rất dễ dàng để làm điều đó. Bạn cũng có thể sử dụng các tính năng như quay nó là tốt. Tôi có thể nhấp vào nút ở đây, có nó xoay, xem những gì một người nào đó sẽ phải là một kinh nghiệm luân phiên đá của họ, máy tính bảng của họ, và sử dụng ứng dụng của bạn với điều đó. Có một số điều khác nữa như cảm ứng thi đua và một số những thứ khác, thiết lập GPS. Tôi có thể giả vờ tôi đang ở một vị trí khác nhau và xem những gì ứng dụng của tôi không khi tôi giả vờ rằng tôi trở lại ở Seattle hoặc một cái gì đó. Nhưng đó là một tính năng thực sự hữu ích, và nó được xây dựng vào cả hai Visual Studio và Blend. Vâng. Câu hỏi của bạn. 

[Sinh viên] Nếu bạn đang viết một trò chơi, không có bất kỳ Visual Studio hỗ trợ cho hình ảnh động? Yeah. Câu hỏi đặt ra là xung quanh hỗ trợ hình ảnh động, đặc biệt là với các trò chơi. Nó phụ thuộc. [Cười khúc khích] Với JavaScript tôi sẽ nói có lẽ ít hỗ trợ hơn là ở phía bên XAML, trong đó có thời gian, có storyboards và những thứ được xây dựng nhập Cho hình ảnh động trên các ứng dụng JavaScript, tôi không biết bao nhiêu của một câu trả lời tôi muốn cung cấp cho bạn. Tôi có nguồn tài nguyên trên blog của tôi mà đi qua rất nhiều lựa chọn cho cả hình ảnh động vật lý, tùy chọn cho các trò chơi JavaScript theo định hướng trên Windows 8. Tôi sẽ giới thiệu bạn đến những người. Về cơ bản, có rất nhiều sự lựa chọn. Lý do tôi do dự là có rất nhiều sự lựa chọn để làm hình ảnh động với JavaScript. Nó có thể là CSS, nó có thể được dựa trên Canvas, nó có thể là hình ảnh động DOM chỉ là cơ bản, nó có thể là rất nhiều thứ khác nhau, do đó, nó thực sự phụ thuộc vào sự lựa chọn của bạn. Nếu bạn quyết định sử dụng một cái gì đó như Create.js hoặc vôi hoặc các loại khung - Vâng, tôi thậm chí không chắc chắn bạn sẽ có thể sử dụng một khuôn khổ kết thúc cao hơn thích tác động hoặc Xây dựng. Có xu hướng tạo ra nhiều mã hơn bạn có thể xem xét từ đầu. Nhưng trong trường hợp này, bạn vẫn có thể sử dụng một mô phỏng, bạn có thể sử dụng các môi trường, và tôi có xu hướng chỉ sử dụng môi trường này cho nền tảng thử nghiệm của tôi trong những trường hợp như tôi đang phát triển trò chơi. Tôi đã tốt đặc biệt là với Canvas hình ảnh động, đó có lẽ là điều phổ biến nhất. Tốt nhất bạn sẽ có thể tìm thấy là các công cụ dev trong trình duyệt và các công cụ dev trong Visual Studio. Loại một câu trả lời vòng vo ở đó, nhưng hy vọng tôi có câu trả lời của bạn. Vâng. Bạn. 

[Sinh viên] các tùy chọn lưu trữ dữ liệu cho Windows 8 các ứng dụng là gì? Windows cửa hàng ứng dụng các tùy chọn lưu trữ dữ liệu cho Windows 8 các ứng dụng là gì,? Lựa chọn của bạn thực sự là mỗi ứng dụng được hồ bơi riêng của mình lưu trữ địa phương cho các thiết lập và dữ liệu, nhưng nó cũng nực cười dễ sử dụng chuyển vùng lưu trữ, sử dụng lưu trữ dựa trên đám mây. Nó miễn phí. Điều gì xảy ra là về cơ bản bạn chọn một lớp học khác nhau và bạn nói, "Chuyển vùng Settings, Lưu, tập hợp các nội dung này," và tài khoản Microsoft của họ, bất kể họ đã đăng nhập như, sẽ là chìa khóa để chuyển vùng thông tin xung quanh. Vì vậy, nếu tôi sử dụng trò chơi của bạn trên máy tính xách tay của tôi và sau đó tôi đăng nhập với cùng một tài khoản và tôi chơi các trò chơi trên một bề mặt hoặc một viên thuốc, sẽ tự động đi lang thang mà thiết lập và dữ liệu giữa các máy. Đó là một điều mặc định. Đó là tốt cho số tiền nhất định của dữ liệu. Bạn sẽ không đặt một cơ sở dữ liệu rất lớn vào những người. Cho rằng bạn cần phải đi đến các loại giải pháp, giống như một cơ sở dữ liệu lưu trữ trong đám mây, những điều như thế. Có một số tùy chọn khác trong cộng đồng xung quanh các loại công nghệ dữ liệu. Tôi đã nhìn thấy một số tùy chọn SQLite trong cộng đồng xung quanh có quá. Vì vậy, ngày càng nhiều đang nổi lên, nhưng đó là những điều chính mà bạn sẽ nhìn về phía cho một trò chơi hoặc một ứng dụng. Và bạn đã có một câu hỏi ở phía sau quá. 

[Sinh viên] Trong điều kiện của mạng [không nghe được] tải lên hoặc tải tập tin [nghe được] [Bowen] là câu hỏi của bạn như thế nào bạn có thể thấy hoặc làm thế nào bạn có thể gỡ lỗi đó và kiểm tra nó? [Sinh viên] Làm thế nào bạn có thể gỡ lỗi nó [không nghe được] Xin lôi. Tôi không thể nghe thấy tất cả. [Sinh viên] Làm thế nào để bạn nhận được nó lỗi thử nghiệm và cũng [không nghe được] Tuyệt vời. Tuyệt vời. Làm thế nào để bạn làm việc với mạng? Làm thế nào bạn có thể xem những gì đang xảy ra? Có nhiều câu trả lời khác nhau để thế này, nhưng hãy để tôi chỉ cho bạn có lẽ là điều đơn giản nhất ở đây. Hãy để tôi thoát khỏi sự mô phỏng trong một giây. Chỉ cần một vài tùy chọn gỡ lỗi cho mạng. Có một ngăn xếp mạng lưới đầy đủ nướng ngay vào cả cấp WinRT và từ WinJS, để bạn có thể dễ dàng làm cho XHR, loại cuộc gọi AJAX từ trò chơi hoặc ứng dụng của bạn để làm điều đó. Chủ yếu, tôi có xu hướng sử dụng 2 điều. Tôi sử dụng các công cụ dev thực tế bản thân, trong đó có một ngăn xếp mạng lưới nướng vào chúng. Hãy để tôi chỉ cho bạn trang chủ Windows. Tôi có thể mang lại điều này, và có thực sự là một proxy mạng nướng vào những công cụ này ở đây. Vì vậy, tôi có thể làm được điều này, tôi có thể làm mới trang, và nó sẽ chỉ cho tôi tất cả các tương tác, bao gồm cả các cuộc gọi AJAX cho phiên họp đó, cho thời gian của yêu cầu đó. Này là hữu ích. Nó sẽ rất hữu ích cho các ứng dụng dựa trên trình duyệt. Đối với các loại khác của các ứng dụng, bao gồm cả Windows cửa hàng ứng dụng, Tôi sử dụng một công cụ gọi là Fiddler. Bạn sẽ có được một trò chơi trong phản ứng. [Cười khúc khích] Fiddler là một proxy đơn giản. Tôi nghĩ rằng tôi có thể cho thấy rằng đối với bạn. Nó chỉ là GetFiddler.com, trong đó, khá thú vị, tôi đang truy tìm mạng ngăn xếp của tôi sẽ GetFiddler. Nhưng dù sao đi nữa, Fiddler đã được viết bởi một trong những Thủ tướng trong đội IE, vì vậy anh biết mình đang làm gì. Đây là một proxy tốt mà bạn có thể sử dụng cho lưu lượng mạng gỡ lỗi. Tôi muốn giới thiệu đó. Câu hỏi trên có quá. 

[Sinh viên] Có một cách dễ dàng tích hợp vào ngôn ngữ nước ngoài, như Nhật Bản hay Trung Quốc, vào các ứng dụng Windows? Tôi không thể nói rằng tôi đã thực hiện quá nhiều của bản thân mình, nhưng nó được nướng nhập Có những lựa chọn cho tất nhiên phát ra ứng dụng của bạn - Tôi xin lỗi, tôi đã không nói câu hỏi - lựa chọn xung quanh toàn cầu hóa, nội địa hóa nội dung, bao gồm những thứ như là có thể bán tại các thị trường khác nhau và mục tiêu là phiên bản của ứng dụng của bạn cho những ngôn ngữ cá nhân hoặc nền văn hóa hoặc vật như thế. Hoàn toàn được xây dựng nhập Chúng tôi đã hỗ trợ cho rằng cho mãi mãi, và mang về phía trước vào lựa chọn của bạn cho Windows Store. Bạn có thể làm điều đó trong các cửa hàng riêng của mình, bán tại các thị trường khác nhau, bạn có thể làm điều đó trong ứng dụng cũng quá với việc sử dụng các nguồn lực để xác định, "Nếu tôi được phát triển cho nền văn hóa này, sau đó sử dụng các ghi đè cho nội dung văn bản của tôi "Hoặc sử dụng quyền đọc lại." Đó là tất cả một phần của WinJS mặc định và WinRT API. Tốt câu hỏi. 

Làm thế nào chúng ta làm gì? Bất kỳ những người khác? Và nếu có ai trên video có câu hỏi, tôi đang cbowen @ microsoft, vì vậy tôi rất vui khi có bất kỳ câu hỏi của bạn đến từ tương lai. Rất - Từ tương lai, tương lai [bắt chước tiếng vang]. Vì vậy, đây là tôi. Hãy để tôi đưa trở lại liên lạc của tôi ở đây. Vì vậy chỉ cần gửi cho tôi một lưu ý, cbowen @ microsoft, và tôi sẽ lấy lại cho bạn ngay khi có thể. 

Bất cứ điều gì khác mà bạn đang tự hỏi? Chúng ta tốt? Tuyệt vời. Được rồi. Cảm ơn tất cả các bạn rất nhiều. Tôi đánh giá cao nó. [Vỗ tay] 

[CS50.TV]