1 00:00:00,000 --> 00:00:02,420 [Powered by Google Translate] [Hội thảo - Windows 8 - Phát triển ứng dụng / game với HTML5] 2 00:00:02,420 --> 00:00:05,090 [Chris Bowen, Edwin Guarin - Đại học Harvard] 3 00:00:05,090 --> 00:00:07,350 [Đây là CS50. - CS50.TV] 4 00:00:07,350 --> 00:00:10,290 >> Hey, tất cả mọi người. Tôi tên là Edwin Guarin. Đây là Chris Bowen. 5 00:00:10,290 --> 00:00:12,310 Tôi sẽ để cho anh ta giới thiệu mình trong một giây. 6 00:00:12,310 --> 00:00:14,100 Tôi chỉ muốn thực hiện một thông báo nhanh chóng. 7 00:00:14,100 --> 00:00:18,340 Trước hết, tất cả các bạn sinh viên có được CS50 Windows 8 miễn phí. 8 00:00:18,340 --> 00:00:23,150 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. 9 00:00:23,150 --> 00:00:25,740 Nate sẽ gửi một email sau để được hướng dẫn. 10 00:00:25,740 --> 00:00:32,850 Đ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, 11 00:00:32,850 --> 00:00:35,870 chúng ta sẽ được làm một số quà tặng: một Xbox, 12 00:00:35,870 --> 00:00:38,870 chúng ta có thể đưa ra một phiến đá đi, công cụ như thế. 13 00:00:38,870 --> 00:00:42,460 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 14 00:00:42,460 --> 00:00:45,010 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ẻ. 15 00:00:45,010 --> 00:00:48,580 Vì vậy, nhờ một lần nữa cho đến ngày hôm nay, và tôi sẽ trao cho Chris. 16 00:00:48,580 --> 00:00:50,500 >> Cảm ơn bạn, Edwin. 17 00:00:51,000 --> 00:00:52,740 Cảm ơn, tất cả mọi người đến với chúng tôi ngày hôm nay. 18 00:00:52,740 --> 00:00:55,800 Tôi Chris Bowen. Tôi là một trong các đồng nghiệp của Edwin đây ở vùng Đông Bắc. 19 00:00:55,800 --> 00:00:58,310 Tôi chỉ muốn dành một chút thời gian với bạn nói về 20 00:00:58,310 --> 00:01:03,730 làm thế nào để làm cho một ứng dụng Windows Store với HTML5, JavaScript và CSS 21 00:01:03,730 --> 00:01:07,310 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 22 00:01:07,310 --> 00:01:12,920 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. 23 00:01:12,920 --> 00:01:14,980 >> Điều đó nói rằng, chúng ta sẽ nhảy ngay in 24 00:01:14,980 --> 00:01:17,190 Tôi sẽ đi qua để trình bày trên đây. 25 00:01:17,190 --> 00:01:19,440 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. 26 00:01:19,440 --> 00:01:23,460 Tôi cbowen@microsoft.com, và có blog của tôi và Twitter của tôi. 27 00:01:23,460 --> 00:01:26,330 Tuy nhiên bạn muốn nhận được liên lạc với tôi, đó là tốt. 28 00:01:26,330 --> 00:01:30,110 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, 29 00:01:30,110 --> 00:01:33,720 do đó, không ngại về việc có câu hỏi trong thời gian này. 30 00:01:33,720 --> 00:01:36,470 Họ không thể nhìn thấy những người đặt câu hỏi về việc ghi âm, 31 00:01:36,470 --> 00:01:39,090 vì vậy bạn sẽ như vô danh như bạn muốn. 32 00:01:39,090 --> 00:01:42,780 >> 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, 33 00:01:42,780 --> 00:01:47,400 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 34 00:01:47,400 --> 00:01:49,530 như bạn đang suy nghĩ về việc phát triển một ứng dụng. 35 00:01:49,530 --> 00:01:52,660 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. 36 00:01:52,660 --> 00:01:55,810 Rất nhiều thông qua mạnh ra đã có. 37 00:01:55,810 --> 00:01:59,800 Bạn có thể đã thấy các máy đã bề mặt mà chúng tôi có là tốt. 38 00:01:59,800 --> 00:02:03,730 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. 39 00:02:03,730 --> 00:02:07,530 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. 40 00:02:07,530 --> 00:02:10,759 Ý 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 41 00:02:10,759 --> 00:02:16,840 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, 42 00:02:16,840 --> 00:02:20,000 các loại thiết bị di động hơn mà hiện nay trên thị trường, 43 00:02:20,000 --> 00:02:22,360 nhưng nó cũng Windows ở cốt lõi của nó. 44 00:02:22,360 --> 00:02:25,850 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, 45 00:02:25,850 --> 00:02:30,770 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 46 00:02:30,770 --> 00:02:36,200 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. 47 00:02:36,200 --> 00:02:38,450 Họ sẽ chạy Windows 8. 48 00:02:38,450 --> 00:02:40,530 Tôi sẽ cho bạn thấy xung quanh chỉ là một chút, 49 00:02:40,530 --> 00:02:44,670 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. 50 00:02:44,670 --> 00:02:47,760 Ý tưởng là cho dù đó là cảm ứng, chuột, bàn phím, 51 00:02:47,760 --> 00:02:51,870 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. 52 00:02:51,870 --> 00:02:55,180 Windows 8 sẽ giúp với tất cả những kịch bản. 53 00:02:55,180 --> 00:02:59,600 >> 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. 54 00:02:59,600 --> 00:03:03,270 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. 55 00:03:03,270 --> 00:03:05,810 Tôi sẽ chỉ cho bạn một chút của một tour du lịch ở đây. 56 00:03:05,810 --> 00:03:09,610 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, 57 00:03:09,610 --> 00:03:13,400 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. 58 00:03:13,400 --> 00:03:17,950 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 59 00:03:17,950 --> 00:03:21,470 thực sự có thể làm động, và họ có thể cung cấp thông tin cho bạn - 60 00:03:21,470 --> 00:03:24,750 có thể cập nhật số liệu thống kê cho một trò chơi 61 00:03:24,750 --> 00:03:30,970 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. 62 00:03:30,970 --> 00:03:35,350 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. 63 00:03:35,350 --> 00:03:38,450 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, 64 00:03:38,450 --> 00:03:43,010 "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." 65 00:03:43,010 --> 00:03:45,320 Đó được gọi là gạch sống, và bạn có thể làm thông báo 66 00:03:45,320 --> 00:03:47,070 hoặc ngay từ bản thân ứng dụng 67 00:03:47,070 --> 00:03:52,220 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 68 00:03:52,220 --> 00:03:54,340 mà thực sự có thể đẩy thông tin cho gạch, 69 00:03:54,340 --> 00:03:56,520 đó là những gì đang xảy ra với các ứng dụng tin tức. 70 00:03:56,520 --> 00:04:00,080 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ó 71 00:04:00,080 --> 00:04:03,710 để 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 72 00:04:03,710 --> 00:04:06,950 ở bất cứ tin tức mới nhất là trong bất kỳ các 73 00:04:06,950 --> 00:04:10,060 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 74 00:04:10,060 --> 00:04:13,560 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. 75 00:04:13,560 --> 00:04:15,550 Đó là một cái gì đó để lôi kéo bạn trở lại in 76 00:04:15,550 --> 00:04:18,640 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. 77 00:04:18,640 --> 00:04:20,790 Thông thường nó là một ứng dụng. 78 00:04:20,790 --> 00:04:25,320 >> 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 đó. 79 00:04:25,320 --> 00:04:27,890 Đó là một trong các ứng dụng mà bạn nhận được mặc định 80 00:04:27,890 --> 00:04:30,350 trên bất kỳ máy tính đang chạy Windows 8. 81 00:04:30,350 --> 00:04:33,040 Bạn có thể đến đây để tìm bất cứ điều gì bạn muốn, 82 00:04:33,040 --> 00:04:37,240 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. 83 00:04:37,240 --> 00:04:39,440 Oh, wow, chúng tôi đã có một pinball mới đây. 84 00:04:39,440 --> 00:04:41,580 Bạn có thể cài đặt các ngay từ các cửa hàng, 85 00:04:41,580 --> 00:04:43,420 và chúng tôi sẽ nói về cách để phát triển các. 86 00:04:43,420 --> 00:04:45,670 Bạn có rất nhiều sự lựa chọn trong cách bạn tạo ra chúng. 87 00:04:45,670 --> 00:04:49,020 Chúng tôi sẽ tập trung vào các câu chuyện JavaScript với HTML và CSS, 88 00:04:49,020 --> 00:04:52,790 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 89 00:04:52,790 --> 00:04:54,670 Họ có thể đi trước và làm việc với nó. 90 00:04:54,670 --> 00:04:57,870 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. 91 00:04:57,870 --> 00:05:02,310 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í, 92 00:05:02,310 --> 00:05:06,240 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. 93 00:05:06,240 --> 00:05:10,750 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 - 94 00:05:10,750 --> 00:05:15,970 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 - 95 00:05:15,970 --> 00:05:19,020 họ về cơ bản chỉ là xếp hạng sao - và đánh giá, 96 00:05:19,020 --> 00:05:20,690 cung cấp cái nhìn sâu sắc hơn một chút. 97 00:05:20,690 --> 00:05:24,380 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ó, 98 00:05:24,380 --> 00:05:29,300 và điều đó sẽ đi vào phần xét của bạn ở đây, mà tôi đã không nhìn. 99 00:05:29,300 --> 00:05:33,890 Tuyệt vời. "Thậm chí sẽ không mở." Như thế nào. 100 00:05:33,890 --> 00:05:39,000 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] 101 00:05:39,000 --> 00:05:43,770 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. 102 00:05:43,770 --> 00:05:45,780 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ó, 103 00:05:45,780 --> 00:05:49,030 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ể 104 00:05:49,030 --> 00:05:52,720 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á, 105 00:05:52,720 --> 00:05:55,870 và điều đó sẽ tích lũy lên đến đánh giá đánh giá tổng thể của bạn. 106 00:05:55,870 --> 00:05:58,990 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. 107 00:05:58,990 --> 00:06:01,830 Sẽ có hàng ngàn ứng dụng đã có trong các cửa hàng, 108 00:06:01,830 --> 00:06:06,880 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. 109 00:06:06,880 --> 00:06:12,740 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. 110 00:06:12,740 --> 00:06:15,300 >> Chúng tôi sẽ nhận được vào các cửa hàng một chút sau này. 111 00:06:15,300 --> 00:06:17,090 Tôi thực sự muốn tập trung vào việc tạo ra các ứng dụng. 112 00:06:17,090 --> 00:06:20,760 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, 113 00:06:20,760 --> 00:06:25,430 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, 114 00:06:25,430 --> 00:06:29,070 bạn có Dress-Up Sticker Book và tất cả các loại ứng dụng khác nhau. 115 00:06:29,070 --> 00:06:33,690 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. 116 00:06:33,690 --> 00:06:36,080 Nó cho thấy tôi, tôi đã sở hữu nó. 117 00:06:36,080 --> 00:06:41,280 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. 118 00:06:41,280 --> 00:06:43,660 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. 119 00:06:43,660 --> 00:06:46,430 Bạn có sự lựa chọn quá. Bạn tất nhiên có thể cho nó đi. 120 00:06:46,430 --> 00:06:49,660 Bạn có thể đặt quảng cáo trong các ứng dụng hoặc trò chơi. 121 00:06:49,660 --> 00:06:54,770 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 122 00:06:54,770 --> 00:06:58,220 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. 123 00:06:58,220 --> 00:07:01,540 Đó 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 đó. 124 00:07:01,540 --> 00:07:03,990 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ó," 125 00:07:03,990 --> 00:07:07,130 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 126 00:07:07,130 --> 00:07:09,820 "Và sau đó bạn phải mua để truy cập vào phần còn lại." 127 00:07:09,820 --> 00:07:12,310 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, 128 00:07:12,310 --> 00:07:17,880 "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 - 129 00:07:17,880 --> 00:07:21,430 "Hơn công thức nấu ăn được mở khóa -. Nếu bạn mua các bộ mở rộng" 130 00:07:21,430 --> 00:07:24,260 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ó. 131 00:07:24,260 --> 00:07:26,070 Vì vậy, hoàn toàn tùy thuộc vào bạn, sự lựa chọn của bạn. 132 00:07:26,070 --> 00:07:28,070 Có rất nhiều điều mà bạn có thể làm trong các cửa hàng, 133 00:07:28,070 --> 00:07:31,660 và sau đó về cơ bản bạn đang gửi nó vào một kênh chứng nhận. 134 00:07:31,660 --> 00:07:35,380 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. 135 00:07:35,380 --> 00:07:40,410 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. 136 00:07:40,410 --> 00:07:44,170 >> 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. 137 00:07:44,170 --> 00:07:50,580 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. 138 00:07:50,580 --> 00:07:53,070 Để làm điều đó, tôi sẽ khởi động tươi Sơn. 139 00:07:53,070 --> 00:07:55,550 Một điều bạn sẽ thấy ở đây là mỗi bit duy nhất của màn hình, 140 00:07:55,550 --> 00:07:58,040 tất cả các điểm ảnh của màn hình, đi đến ứng dụng của bạn. 141 00:07:58,040 --> 00:08:01,990 Đã qua rồi những ngày mà bạn có những đường viền xung quanh cửa sổ 142 00:08:01,990 --> 00:08:05,120 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. 143 00:08:05,120 --> 00:08:09,430 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. 144 00:08:09,430 --> 00:08:13,710 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. 145 00:08:13,710 --> 00:08:16,840 Một trong số họ thực sự là những gì được gọi là thanh quyến rũ, 146 00:08:16,840 --> 00:08:18,870 và nó đi ra từ phía bên của màn hình. 147 00:08:18,870 --> 00:08:21,270 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, 148 00:08:21,270 --> 00:08:24,840 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ó, 149 00:08:24,840 --> 00:08:29,490 luôn luôn có nhiều hơn một cách để làm điều gì đó trong môi trường ở đây. 150 00:08:29,490 --> 00:08:31,680 Mà sẽ đưa ra một số điều mà bạn có thể làm. 151 00:08:31,680 --> 00:08:33,870 Rõ ràng nhất là bạn có thể quay trở lại màn hình Start, 152 00:08:33,870 --> 00:08:36,780 nhưng 4 khác là những gì được gọi là quyến rũ. 153 00:08:36,780 --> 00:08:41,059 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ẻ. 154 00:08:41,059 --> 00:08:43,340 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ì, 155 00:08:43,340 --> 00:08:44,950 chia sẻ tôi sẽ chỉ cho bạn trong một giây, 156 00:08:44,950 --> 00:08:48,450 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 157 00:08:48,450 --> 00:08:51,960 để tận dụng Windows, nói, "Tôi đã thực hiện một phần của tôi 158 00:08:51,960 --> 00:08:54,700 "Và tôi muốn Windows để hỗ trợ một số chức năng khác, 159 00:08:54,700 --> 00:08:56,750 "Và tôi không muốn viết rất nhiều mã để làm cho điều đó xảy ra." 160 00:08:56,750 --> 00:08:59,480 Đó thực sự là một lợi ích của việc sử dụng các tính năng này. 161 00:08:59,480 --> 00:09:01,340 Hãy để tôi cho bạn thấy một. 162 00:09:01,340 --> 00:09:05,170 Để làm điều đó, tôi sẽ làm một bức tranh mới. 163 00:09:05,170 --> 00:09:08,240 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. 164 00:09:08,240 --> 00:09:11,850 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ó. 165 00:09:11,850 --> 00:09:14,960 Nó thực sự chỉ là về bất cứ điều gì bạn đang vẽ, nội dung của bạn. 166 00:09:14,960 --> 00:09:20,850 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. 167 00:09:20,850 --> 00:09:23,110 Scribbles? Oh, tuyệt vời. Tôi có thể làm scribbles. Tuyệt vời. 168 00:09:23,110 --> 00:09:25,130 Một gà tây? [Cười] 169 00:09:25,130 --> 00:09:28,500 Đây là gà tây trừu tượng nhất, bạn sẽ thấy. 170 00:09:28,500 --> 00:09:31,780 Tôi cũng có thể mang đến những gì được gọi là thanh ứng dụng, 171 00:09:31,780 --> 00:09:33,850 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 172 00:09:33,850 --> 00:09:37,210 để 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 173 00:09:37,210 --> 00:09:39,570 chỉ chiếm không gian tất cả các thời gian. 174 00:09:39,570 --> 00:09:43,270 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 175 00:09:43,270 --> 00:09:46,380 với thanh ứng dụng mà tôi đã nhìn thấy. 176 00:09:46,380 --> 00:09:48,800 Đặt lựa chọn ở đây để lựa chọn màu sắc khác nhau. 177 00:09:48,800 --> 00:09:54,310 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. 178 00:09:54,310 --> 00:09:58,790 Chúng tôi sẽ có một màu trung gian ở đây và sau đó quay lại đây. 179 00:09:58,790 --> 00:10:02,990 Bạn có thể bắt đầu vẽ. Có gà tây của bạn. Tuyệt vời. 180 00:10:02,990 --> 00:10:07,660 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. 181 00:10:07,660 --> 00:10:09,640 Đây là tuyệt vời. 182 00:10:09,640 --> 00:10:13,030 Ý 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. 183 00:10:13,030 --> 00:10:17,060 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 đó. 184 00:10:17,060 --> 00:10:19,680 Thông thường bạn sẽ làm gì với các phiên bản khác của Windows, 185 00:10:19,680 --> 00:10:22,900 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 186 00:10:22,900 --> 00:10:24,950 hoặc những điều như thế mà bạn muốn chia sẻ ra ngoài, 187 00:10:24,950 --> 00:10:27,260 và sau đó đi và mở một ứng dụng khác và đặt nó vào nó. 188 00:10:27,260 --> 00:10:28,630 Ở đây bạn không cần phải làm điều đó. 189 00:10:28,630 --> 00:10:32,400 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." 190 00:10:32,400 --> 00:10:35,000 Tại thời điểm này nó sẽ hiển thị cho bạn tất cả các ứng dụng 191 00:10:35,000 --> 00:10:38,080 mà biết làm thế nào để làm việc với bất cứ điều gì đang được chia sẻ. 192 00:10:38,080 --> 00:10:41,590 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." 193 00:10:41,590 --> 00:10:45,590 "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. 194 00:10:45,590 --> 00:10:49,420 Nó nhận ra điều đó, và nó cung cấp cho tôi mà như một phím tắt, 195 00:10:49,420 --> 00:10:53,270 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 196 00:10:53,270 --> 00:10:55,520 và làm điều gì đó với nó. 197 00:10:55,520 --> 00:10:57,890 Những đã chỉ ra tất cả các Windows rằng họ có thể làm điều đó. 198 00:10:57,890 --> 00:10:59,240 Tại thời điểm này đây là Windows. 199 00:10:59,240 --> 00:11:01,680 Người dùng chỉ cần chọn những gì họ muốn làm gì với nó. 200 00:11:01,680 --> 00:11:06,610 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. 201 00:11:06,610 --> 00:11:11,790 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." 202 00:11:11,790 --> 00:11:16,670 Nó sẽ đi trước và nói, "Great. Bạn muốn chia sẻ điều này? Fantastic." 203 00:11:16,670 --> 00:11:19,260 "Bạn có muốn làm cho một câu đố đó là dễ dàng, trung gian, bất cứ điều gì?" 204 00:11:19,260 --> 00:11:20,800 Tôi sẽ làm cho một một trung gian ở đây. 205 00:11:20,800 --> 00:11:24,890 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. 206 00:11:24,890 --> 00:11:28,100 Nhưng nó sẵn sàng, và nó thực sự trở lại trong các ứng dụng khác. 207 00:11:28,100 --> 00:11:32,360 Nếu tôi đi ra ở đây, tôi có thể tìm kiếm cho nó và khởi động nó. 208 00:11:32,360 --> 00:11:38,100 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 đó. 209 00:11:38,100 --> 00:11:42,930 Tôi đã đi đâu? Những loại câu đố đã làm cho tôi? Tôi đã làm cho nó dễ dàng? 210 00:11:42,930 --> 00:11:46,110 Oh, có nó là, ngay tại đó. 211 00:11:46,110 --> 00:11:49,550 [Cười khúc khích] Đó là câu đố gà tây dễ dàng nhận ra đó là đây. 212 00:11:49,550 --> 00:11:52,360 Nhưng điều tôi muốn chỉ ra cho bạn, điều thú vị ở đây 213 00:11:52,360 --> 00:11:54,710 được các ứng dụng không biết gì về nhau. 214 00:11:54,710 --> 00:11:58,740 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." 215 00:11:58,740 --> 00:12:01,420 Và bạn là một nhà phát triển, bạn không cần phải viết mã. 216 00:12:01,420 --> 00:12:05,350 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 217 00:12:05,350 --> 00:12:06,740 và tôi làm. 218 00:12:06,740 --> 00:12:10,990 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. 219 00:12:10,990 --> 00:12:14,550 Đó chỉ là một điều mà bạn có thể làm - thực sự, thực sự mạnh mẽ - 220 00:12:14,550 --> 00:12:17,570 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 221 00:12:17,570 --> 00:12:20,090 và cũng có trò chơi của bạn quá trong các cửa hàng. 222 00:12:20,090 --> 00:12:22,220 Mọi người sẽ có thể nói, "Điều này thực sự hữu ích." 223 00:12:22,220 --> 00:12:25,430 "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." 224 00:12:25,430 --> 00:12:30,490 >> Đó là về đủ của một tổng quan về những gì đang xảy ra ở đây. 225 00:12:30,490 --> 00:12:33,670 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ã. 226 00:12:33,670 --> 00:12:37,710 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, 227 00:12:37,710 --> 00:12:40,940 mà là chính nó một gạch sống ở đây. 228 00:12:40,940 --> 00:12:43,840 Tôi có thể đi vào này, và chắc chắn đủ, tôi đang trên slide của tôi, 229 00:12:43,840 --> 00:12:46,320 nhưng hãy để tôi cho bạn thấy thực sự chúng ta ở đâu. 230 00:12:46,320 --> 00:12:48,460 Chúng tôi thực sự ở chế độ máy tính để bàn. 231 00:12:48,460 --> 00:12:52,580 Đ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 232 00:12:52,580 --> 00:12:54,850 những trải nghiệm mới cho thấy chính nó. 233 00:12:54,850 --> 00:12:56,450 Đây là Windows bạn biết. 234 00:12:56,450 --> 00:12:59,730 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. 235 00:12:59,730 --> 00:13:02,730 Nếu bạn đã ứng dụng hiện tại và bạn muốn chạy chúng trên Windows 8, 236 00:13:02,730 --> 00:13:04,710 bạn hoàn toàn có thể làm điều đó. 237 00:13:04,710 --> 00:13:07,590 Đây không phải là những điều tương tự như các ứng dụng lưu trữ, đó là ở đây, 238 00:13:07,590 --> 00:13:12,240 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. 239 00:13:12,240 --> 00:13:14,450 Họ có thể cắm vào một số tính năng mà tôi đã được hiển thị cho bạn 240 00:13:14,450 --> 00:13:16,620 và những người khác mà tôi đã không được hiển thị, bạn chỉ được nêu ra. 241 00:13:16,620 --> 00:13:21,460 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. 242 00:13:21,460 --> 00:13:27,000 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ạ. 243 00:13:29,000 --> 00:13:31,000 Được rồi. Nhờ chỉ mà ra. 244 00:13:31,000 --> 00:13:34,770 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. 245 00:13:34,770 --> 00:13:37,540 Điều cuối cùng mà bạn thấy là những gì? Bạn có thấy điều này? 246 00:13:37,540 --> 00:13:39,490 Đây là máy tính để bàn. Bạn đã biết những gì nó trông như thế nào. 247 00:13:39,490 --> 00:13:42,070 Nó không có gì khủng khiếp bất thường. 248 00:13:42,070 --> 00:13:46,940 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ó. 249 00:13:46,940 --> 00:13:50,460 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. 250 00:13:50,460 --> 00:13:52,600 Nó sẽ chạy ở chế độ này. 251 00:13:52,600 --> 00:13:54,960 Nó sẽ hỗ trợ một môi trường phức tạp hơn 252 00:13:54,960 --> 00:14:01,470 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. 253 00:14:01,470 --> 00:14:04,810 >> Điều đó nói rằng, chúng ta hãy đi vào các slide chỉ một chút 254 00:14:04,810 --> 00:14:09,720 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. 255 00:14:09,720 --> 00:14:14,070 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. 256 00:14:14,070 --> 00:14:18,110 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. 257 00:14:18,110 --> 00:14:22,920 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 258 00:14:22,920 --> 00:14:27,180 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. 259 00:14:27,180 --> 00:14:29,640 Chúng tôi sẽ đi qua những điều này từng chút một. 260 00:14:29,640 --> 00:14:34,130 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. 261 00:14:34,130 --> 00:14:36,520 Đây là bảng xếp hạng tổng thể của công nghệ mà bạn có thể sử dụng 262 00:14:36,520 --> 00:14:38,790 để làm cho các ứng dụng cho Windows 8. 263 00:14:38,790 --> 00:14:42,840 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. 264 00:14:42,840 --> 00:14:46,840 Đó là thứ mà thực sự là Windows 7 thế giới chuyển vào Windows 8. 265 00:14:46,840 --> 00:14:51,920 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. 266 00:14:51,920 --> 00:14:54,450 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. 267 00:14:54,450 --> 00:14:58,220 Đó 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 268 00:14:58,220 --> 00:15:02,300 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ẻ 269 00:15:02,300 --> 00:15:05,260 của các ứng dụng Windows Store. 270 00:15:05,260 --> 00:15:10,350 Để 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 + +, 271 00:15:10,350 --> 00:15:14,100 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. 272 00:15:14,100 --> 00:15:18,650 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 273 00:15:18,650 --> 00:15:22,890 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 274 00:15:22,890 --> 00:15:24,960 và cho Cửa hàng Windows. 275 00:15:24,960 --> 00:15:27,950 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 276 00:15:27,950 --> 00:15:30,760 bởi vì bạn chỉ có thể tận dụng tất cả những kinh nghiệm mà bạn có 277 00:15:30,760 --> 00:15:33,900 và thực sự buộc vào những gì Windows cung cấp. 278 00:15:33,900 --> 00:15:37,870 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. 279 00:15:37,870 --> 00:15:39,920 Mỗi hệ điều hành có API riêng của mình. 280 00:15:39,920 --> 00:15:43,530 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. 281 00:15:43,530 --> 00:15:46,370 Đó là một tập các API mà chỉ làm mọi thứ cho bạn. 282 00:15:46,370 --> 00:15:51,650 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ế, 283 00:15:51,650 --> 00:15:55,700 họ đi qua những gì Windows có thể cung cấp cho bạn. 284 00:15:55,700 --> 00:15:59,370 Để 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 285 00:15:59,370 --> 00:16:02,510 để 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. 286 00:16:02,510 --> 00:16:04,060 Nhưng bây giờ, đó là về cơ bản bản đồ đường của bạn. 287 00:16:04,060 --> 00:16:06,770 Những điều mà bạn đã làm được trên đầu trang của một số hàm API 288 00:16:06,770 --> 00:16:11,280 mà giúp bạn làm việc với Windows bằng ứng dụng lưu trữ. 289 00:16:11,280 --> 00:16:14,210 Và đó là thực sự về tất cả các bạn cần phải biết từ cấp cao. 290 00:16:14,210 --> 00:16:17,370 >> 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ờ. 291 00:16:18,940 --> 00:16:21,950 Những điều bạn có lẽ đã nhìn thấy một bó, 292 00:16:21,950 --> 00:16:26,760 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 đó, 293 00:16:26,760 --> 00:16:30,340 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, 294 00:16:30,340 --> 00:16:34,380 rất nhiều HTML mới, ECMAScript 5, mà thực sự là JavaScript. 295 00:16:34,380 --> 00:16:38,090 Vì vậy, tất cả mọi thứ cho rằng ngoại trừ chế độ nghiêm ngặt là trong IE9. 296 00:16:38,090 --> 00:16:42,290 Chỉ là một tấn công cụ CSS, CSS3, tất cả trong đó. 297 00:16:42,290 --> 00:16:45,300 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. 298 00:16:45,300 --> 00:16:49,350 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. 299 00:16:49,350 --> 00:16:54,640 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. 300 00:16:54,640 --> 00:16:59,340 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, 301 00:16:59,340 --> 00:17:04,190 mà có lẽ là khá nhiều máy tính mà bạn có thể nhận được trong 8 năm qua, 302 00:17:04,190 --> 00:17:07,609 bạn sẽ có thể có sản lượng tăng tốc phần cứng, 303 00:17:07,609 --> 00:17:11,770 sản lượng hình ảnh với CSS, Canvas, SVG. 304 00:17:11,770 --> 00:17:14,339 Tất cả những điều sẽ đi qua tăng tốc phần cứng 305 00:17:14,339 --> 00:17:16,060 và thể là nhanh hơn và hiệu quả hơn. 306 00:17:16,060 --> 00:17:20,440 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 - 307 00:17:20,440 --> 00:17:23,200 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, 308 00:17:23,200 --> 00:17:25,650 nếu đó là một ứng dụng web mà bạn đang chạy mà làm việc trong IE10, 309 00:17:25,650 --> 00:17:28,640 nó là cái gì bạn có thể làm như một ứng dụng Windows Store. 310 00:17:28,640 --> 00:17:33,100 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. 311 00:17:33,100 --> 00:17:36,370 Nó trên bàn như một cái gì đó mà bạn có thể sử dụng. 312 00:17:36,370 --> 00:17:40,510 >> 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. 313 00:17:40,510 --> 00:17:44,060 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, 314 00:17:44,060 --> 00:17:45,520 và tôi sẽ chỉ cho bạn một trong số họ trong một giây. 315 00:17:45,520 --> 00:17:48,410 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. 316 00:17:48,410 --> 00:17:51,560 Có lẽ bạn đã nhìn thấy một số trong những nghiên cứu của bạn, 317 00:17:51,560 --> 00:17:56,610 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. 318 00:17:56,610 --> 00:18:02,420 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 - 319 00:18:02,420 --> 00:18:07,010 đâ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, 320 00:18:07,010 --> 00:18:11,370 và IE10 và IE9 đã hỗ trợ thêm theo thời gian cho tất cả những điều này. 321 00:18:11,370 --> 00:18:15,220 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 322 00:18:15,220 --> 00:18:19,970 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? 323 00:18:19,970 --> 00:18:22,740 Tuyệt vời. Đó là cách nó hoạt động. 324 00:18:22,740 --> 00:18:24,530 Tôi không thể làm cho nó bất kỳ khó khăn hơn thế. 325 00:18:24,530 --> 00:18:28,330 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. 326 00:18:28,330 --> 00:18:32,080 >> Vượt đó cho bố trí, những thứ như ngay cả những ứng dụng lưu trữ, 327 00:18:32,080 --> 00:18:35,350 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 328 00:18:35,350 --> 00:18:40,160 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: 329 00:18:40,160 --> 00:18:45,610 Lưới, Flexbox, CSS khu vực là nhiều hơn một tiêu chuẩn khá mới là tốt. 330 00:18:45,610 --> 00:18:51,190 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, 331 00:18:51,190 --> 00:18:55,470 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. 332 00:18:55,470 --> 00:18:57,500 Bạn chỉ cần nói, "Hãy làm như sau đối với tôi," 333 00:18:57,500 --> 00:19:00,850 và như bất động sản màn hình là khác nhau trên các máy khác nhau 334 00:19:00,850 --> 00:19:03,850 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 335 00:19:03,850 --> 00:19:07,920 để 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. 336 00:19:07,920 --> 00:19:11,160 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 - 337 00:19:11,160 --> 00:19:15,880 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 338 00:19:15,880 --> 00:19:21,240 chỉ với những điều mà bạn có thể đã thấy với công nghệ web. 339 00:19:21,240 --> 00:19:25,470 >> Về phía HTML5, cũng có một loạt các điều 340 00:19:25,470 --> 00:19:28,140 rằng sẽ rất hữu ích cho bạn với Windows cửa hàng ứng dụng. 341 00:19:28,140 --> 00:19:30,980 Một lần nữa, chúng ta sẽ không đi qua tất cả các, nhưng họ chỉ ở đây. 342 00:19:30,980 --> 00:19:35,470 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, 343 00:19:35,470 --> 00:19:40,570 đị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, 344 00:19:40,570 --> 00:19:44,070 IndexedDB cho lưu trữ địa phương - đây là tất cả các lựa chọn cho bạn. 345 00:19:44,070 --> 00:19:49,300 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 346 00:19:49,300 --> 00:19:53,880 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. 347 00:19:53,880 --> 00:19:55,510 Hãy để tôi cho bạn thấy xung quanh một chút ở đây. 348 00:19:55,510 --> 00:19:57,920 Tôi đã có một trang web, chúng tôi có thể đi đến. 349 00:19:57,920 --> 00:20:01,590 Hãy để tôi bỏ ra khỏi slide này trong một giây. 350 00:20:01,590 --> 00:20:06,450 >> Nếu chúng ta đi ra ngoài để IETestDrive.com, 351 00:20:06,450 --> 00:20:08,960 Tôi sẽ không làm được gì nhiều của một bản demo ở đây. 352 00:20:08,960 --> 00:20:14,360 IETestDrive.com thực sự hiển thị cho bạn rất nhiều những gì mới với IE10, 353 00:20:14,360 --> 00:20:16,220 những điều mà bạn có thể làm. 354 00:20:16,220 --> 00:20:19,130 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, 355 00:20:19,130 --> 00:20:23,020 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 356 00:20:23,020 --> 00:20:26,620 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 357 00:20:26,620 --> 00:20:29,070 do đó bạn sẽ hiểu, "Tôi thấy điều này là cho." 358 00:20:29,070 --> 00:20:32,780 "Tôi hiểu những gì Yêu cầu ảnh Khung làm cho tôi." 359 00:20:32,780 --> 00:20:36,900 "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." 360 00:20:36,900 --> 00:20:40,190 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, 361 00:20:40,190 --> 00:20:44,930 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 362 00:20:44,930 --> 00:20:47,840 như bạn tiếp tục làm việc với công nghệ web. 363 00:20:47,840 --> 00:20:49,900 Ở đây tôi sẽ chỉ khuyến khích các bạn có một cái nhìn. 364 00:20:49,900 --> 00:20:52,880 Tôi không nghĩ rằng tôi sẽ dành nhiều thời gian thực sự chạy này. 365 00:20:52,880 --> 00:20:56,030 Chúng tôi đã có đủ để hiển thị với văn bản mã. 366 00:20:56,030 --> 00:21:01,640 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 đó, 367 00:21:01,640 --> 00:21:06,050 hình ảnh động, tăng tốc phần cứng thực sự nhanh chóng hoạt hình đó, 368 00:21:06,050 --> 00:21:11,230 một số tối ưu mà bạn sẽ thấy trong một số các mẫu là tốt, 369 00:21:11,230 --> 00:21:12,770 và có nhiều, nhiều hơn nữa. 370 00:21:12,770 --> 00:21:15,330 Nếu bạn đi qua ở đây và mở ra các bản đồ trang web, 371 00:21:15,330 --> 00:21:19,070 đó chỉ là một số vô lý của mẫu ở đây. 372 00:21:19,070 --> 00:21:20,690 Bạn có thể nhìn thấy tất cả ở đây. 373 00:21:20,690 --> 00:21:22,900 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ì đó 374 00:21:22,900 --> 00:21:25,850 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, 375 00:21:25,850 --> 00:21:31,720 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. 376 00:21:31,720 --> 00:21:35,980 >> Được không? Bất kỳ câu hỏi cho đến nay cho người thân ở đây? 377 00:21:35,980 --> 00:21:39,620 Được rồi. Chúng tôi sẽ tiếp tục ở đây. 378 00:21:39,620 --> 00:21:41,920 Một lần nữa, chỉ cần kiểm tra mà ra. 379 00:21:41,920 --> 00:21:45,450 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 380 00:21:45,450 --> 00:21:50,550 và xem những công nghệ có ý nghĩa cho những gì bạn đang cố gắng làm. 381 00:21:50,550 --> 00:21:53,190 >> Sao các slide. 382 00:21:53,190 --> 00:22:00,290 Đ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, 383 00:22:00,290 --> 00:22:01,850 do đó, có một số điều cần chỉ ra ở đây. 384 00:22:01,850 --> 00:22:03,690 Trước hết, không có máy chủ web liên quan ở đây. 385 00:22:03,690 --> 00:22:06,120 Không có Apache, không có IIS chạy đây 386 00:22:06,120 --> 00:22:10,170 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. 387 00:22:10,170 --> 00:22:13,000 Trong trường hợp này, thực sự tất cả mọi thứ được đóng gói cho bạn. 388 00:22:13,000 --> 00:22:16,630 Bạn gửi như ứng dụng của bạn đến cửa hàng, nó được chứng nhận, 389 00:22:16,630 --> 00:22:22,190 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. 390 00:22:22,190 --> 00:22:24,780 Nhưng về cơ bản, họ đang kéo nó xuống địa phương để máy tính của họ. 391 00:22:24,780 --> 00:22:29,080 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, 392 00:22:29,080 --> 00:22:31,790 và đó là hoàn toàn bình thường cũng quá. 393 00:22:31,790 --> 00:22:35,330 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ủ 394 00:22:35,330 --> 00:22:37,910 để có được những trang tiếp theo của nội dung của họ. 395 00:22:37,910 --> 00:22:41,380 Để nói rằng, có một vài khác biệt nhỏ API. Đây là cực kỳ nhỏ. 396 00:22:41,380 --> 00:22:46,850 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. 397 00:22:46,850 --> 00:22:50,030 Họ đang loại cạnh trường hợp đó. 398 00:22:50,030 --> 00:22:53,370 >> Điều khác giá trị chỉ ra là sự khác biệt tin tưởng. 399 00:22:53,370 --> 00:22:58,070 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ó 400 00:22:58,070 --> 00:23:01,580 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, 401 00:23:01,580 --> 00:23:04,890 "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. 402 00:23:04,890 --> 00:23:06,480 Bối cảnh quan trọng. 403 00:23:06,480 --> 00:23:11,450 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. 404 00:23:11,450 --> 00:23:13,400 Có điều chắc chắn rằng bạn có thể làm theo mặc định 405 00:23:13,400 --> 00:23:16,130 và những điều nào đó bạn cần thay đổi bối cảnh để cho phép. 406 00:23:16,130 --> 00:23:19,860 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, 407 00:23:19,860 --> 00:23:23,650 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 408 00:23:23,650 --> 00:23:28,000 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 409 00:23:28,000 --> 00:23:30,360 Yêu cầu XHR, những điều như thế. 410 00:23:30,360 --> 00:23:33,090 Đô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, 411 00:23:33,090 --> 00:23:37,790 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, 412 00:23:37,790 --> 00:23:39,560 và bạn sẽ tìm ra cách để khắc phục điều đó. 413 00:23:39,560 --> 00:23:42,580 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, 414 00:23:42,580 --> 00:23:45,720 trong đó, tôi nên đề cập đến, bạn hoàn toàn có thể làm. 415 00:23:45,720 --> 00:23:49,290 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 - 416 00:23:49,290 --> 00:23:54,000 để 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 417 00:23:54,000 --> 00:23:57,990 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? - 418 00:23:57,990 --> 00:23:59,560 bạn hoàn toàn có thể sử dụng công cụ này. 419 00:23:59,560 --> 00:24:03,660 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à, 420 00:24:03,660 --> 00:24:05,380 CSS, HTML5. 421 00:24:05,380 --> 00:24:09,740 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, 422 00:24:09,740 --> 00:24:11,220 bạn có thể làm điều đó. 423 00:24:11,220 --> 00:24:14,800 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, 424 00:24:14,800 --> 00:24:19,880 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. 425 00:24:19,880 --> 00:24:24,150 >> 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. 426 00:24:24,150 --> 00:24:27,500 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 427 00:24:27,500 --> 00:24:29,250 từ Windows Store. 428 00:24:29,250 --> 00:24:33,870 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 429 00:24:33,870 --> 00:24:37,720 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. 430 00:24:37,720 --> 00:24:39,660 Đó thực sự là một phần quan trọng. 431 00:24:39,660 --> 00:24:42,460 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, 432 00:24:42,460 --> 00:24:44,300 mà họ không bao giờ làm, bằng cách này. 433 00:24:44,300 --> 00:24:46,650 Họ chỉ có thể bắt đầu chơi với ứng dụng của bạn 434 00:24:46,650 --> 00:24:49,450 và tìm nó ra mà không gặp nhiều khó khăn. 435 00:24:49,450 --> 00:24:52,660 Bằng cách gắn bó và tôn trọng rất nhiều các hoạt động, 436 00:24:52,660 --> 00:24:57,640 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. 437 00:24:57,640 --> 00:25:01,810 >> Đượ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ã. 438 00:25:01,810 --> 00:25:05,660 WinJS là điều tôi đã đề cập rất ngắn gọn với trượt phức tạp 439 00:25:05,660 --> 00:25:08,850 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. 440 00:25:08,850 --> 00:25:10,890 WinJS, bạn có thể nghĩ về nó như một người bạn thân. 441 00:25:10,890 --> 00:25:13,680 Đó 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. 442 00:25:13,680 --> 00:25:18,820 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ó. 443 00:25:18,820 --> 00:25:22,180 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ó, 444 00:25:22,180 --> 00:25:27,210 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, 445 00:25:27,210 --> 00:25:29,090 bạn muốn sử dụng một cái gì đó khác, nó thuộc vào bạn. 446 00:25:29,090 --> 00:25:32,580 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. 447 00:25:32,580 --> 00:25:37,250 Các tính năng từ namespacing và lớp thế hệ - tùy thuộc vào bạn. 448 00:25:37,250 --> 00:25:41,650 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. 449 00:25:41,650 --> 00:25:43,860 Nhưng nó sẽ giúp bạn làm rất nhiều thứ. 450 00:25:43,860 --> 00:25:47,780 Ví dụ, đây là một tập hợp con của những gì nó có thể làm, 451 00:25:47,780 --> 00:25:50,790 những thứ như giúp lập trình không đồng bộ với lời hứa hẹn. 452 00:25:50,790 --> 00:25:54,000 Bất kỳ của bạn nghe nói về hoặc làm việc với Node.js? 453 00:25:54,000 --> 00:25:59,520 Đó là một mô hình phổ biến để làm việc với lập trình không đồng bộ. 454 00:25:59,520 --> 00:26:02,370 Vì vậy, về cơ bản những gì bạn đang nói là, "Hãy làm điều gì đó, 455 00:26:02,370 --> 00:26:05,790 "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." 456 00:26:05,790 --> 00:26:08,400 Đó chính là những gì đang xảy ra. 457 00:26:08,400 --> 00:26:12,400 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 458 00:26:12,400 --> 00:26:15,810 hoặc một cái gì đó đang được trực tiếp xuống từ Web. 459 00:26:15,810 --> 00:26:17,210 Giao diện người dùng vẫn đáp ứng. 460 00:26:17,210 --> 00:26:19,410 Và bạn có thể làm điều đó bằng cách sử dụng lập trình không đồng bộ. 461 00:26:19,410 --> 00:26:23,620 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 462 00:26:23,620 --> 00:26:27,900 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." 463 00:26:27,900 --> 00:26:30,270 Đó là khá nhiều đó. Đó là tất cả được xây dựng trong để WinJS. 464 00:26:30,270 --> 00:26:35,120 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ẽ. 465 00:26:35,120 --> 00:26:37,870 >> Bạn sẽ nhìn thấy phần còn lại ở đây, rất nhiều hình ảnh động. 466 00:26:37,870 --> 00:26:41,240 Có lẽ một trong những điều quan trọng hơn trên slide này là điều khiển. 467 00:26:41,240 --> 00:26:44,680 Tôi nghĩ rằng tôi có một toàn bộ - yeah, tôi làm. 468 00:26:44,680 --> 00:26:48,900 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. 469 00:26:48,900 --> 00:26:51,060 Đây là tất cả thẳng lên từ WinJS. 470 00:26:51,060 --> 00:26:53,430 Bạn không phải viết những bản thân, 471 00:26:53,430 --> 00:26:55,990 bạn chỉ cần nói: "Đây là cách tôi muốn soạn ứng dụng của tôi." 472 00:26:55,990 --> 00:26:59,420 "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." 473 00:26:59,420 --> 00:27:03,380 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. 474 00:27:03,380 --> 00:27:05,700 ListViews. Có GridViews. 475 00:27:05,700 --> 00:27:08,680 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ữ, 476 00:27:08,680 --> 00:27:12,170 để có thể sử dụng các khối nội dung và di chuyển trên đó. 477 00:27:12,170 --> 00:27:15,660 Menu flyout bạn sẽ thấy thời gian. 478 00:27:15,660 --> 00:27:19,090 Thanh ứng dụng tôi thấy bạn với ứng dụng sơn tươi là tốt, 479 00:27:19,090 --> 00:27:22,190 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ó 480 00:27:22,190 --> 00:27:26,360 và đã có ẩn đi khi bạn không quan tâm để sử dụng. 481 00:27:26,360 --> 00:27:28,120 Đó là thực sự hoàn toàn vào bạn để sử dụng. 482 00:27:28,120 --> 00:27:30,210 Đây là tất cả các điều khiển là một phần của WinJS. 483 00:27:30,210 --> 00:27:33,640 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, 484 00:27:33,640 --> 00:27:37,060 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. 485 00:27:37,060 --> 00:27:40,830 >> 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á. 486 00:27:40,830 --> 00:27:46,300 Những thứ như jQuery UI làm rất nhiều loại ý tưởng là tốt, 487 00:27:46,300 --> 00:27:51,280 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. 488 00:27:52,690 --> 00:27:55,680 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. 489 00:27:55,680 --> 00:27:59,680 Chỉ cần ghi nhớ rằng bạn có thể chạy vào một số vấn đề ngữ cảnh. 490 00:27:59,680 --> 00:28:03,380 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, 491 00:28:03,380 --> 00:28:06,770 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. 492 00:28:06,770 --> 00:28:09,850 >> Chúng ta hãy nói về các công cụ chỉ cho một thứ hai. 493 00:28:09,850 --> 00:28:12,400 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. 494 00:28:12,400 --> 00:28:17,360 Nếu tôi đi trở lại, tôi có quá nhiều việc ở đây. 495 00:28:17,360 --> 00:28:21,770 Nếu bạn đi đến trang này, đó là dev.windows.com, 496 00:28:21,770 --> 00:28:23,300 bạn có thể tải về tất cả mọi thứ bạn cần. 497 00:28:23,300 --> 00:28:28,170 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ì, 498 00:28:28,170 --> 00:28:30,670 để bạn có thể nhận được phiên bản cao cấp hơn của Visual Studio. 499 00:28:30,670 --> 00:28:34,090 Edwin nói bạn đã có thể nhận được Windows. 500 00:28:34,090 --> 00:28:36,790 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 501 00:28:36,790 --> 00:28:40,380 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í. 502 00:28:40,380 --> 00:28:42,460 Vì vậy, có một phiên bản miễn phí của Visual Studio, 503 00:28:42,460 --> 00:28:44,450 có một số công cụ mà sẽ cài đặt cùng với điều đó - 504 00:28:44,450 --> 00:28:47,240 tất cả mọi thứ bạn cần để tạo ra và thử nghiệm ứng dụng của bạn. 505 00:28:47,240 --> 00:28:50,130 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 506 00:28:50,130 --> 00:28:52,470 rằng bạn sẽ cần một tài khoản nhà phát triển. 507 00:28:52,470 --> 00:28:56,100 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? 508 00:28:56,100 --> 00:28:57,970 Tài khoản nhà phát triển, các trình thực tế. >> [Guarin] Có. 509 00:28:57,970 --> 00:28:59,580 Đó là tin tốt hơn. 510 00:28:59,580 --> 00:29:00,840 Bạn sẽ đi xem xét điều này. 511 00:29:00,840 --> 00:29:03,840 Nó sẽ nói cho một cá nhân theo mặc định nó là 49 $. 512 00:29:03,840 --> 00:29:06,140 Nhưng không đăng ký mà là một sinh viên. 513 00:29:06,140 --> 00:29:10,250 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í, 514 00:29:10,250 --> 00:29:13,980 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, 515 00:29:13,980 --> 00:29:17,370 như nhiều như bạn muốn, và tất cả lòng tốt sẽ sớm theo. 516 00:29:17,370 --> 00:29:19,710 Vì vậy, đó là dev.windows.com. 517 00:29:19,710 --> 00:29:22,170 Bạn có thể tải về các công cụ mà bạn có thể cần từ đây. 518 00:29:22,170 --> 00:29:25,310 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, 519 00:29:25,310 --> 00:29:27,160 nhưng một lần nữa, bạn sẽ không cần phải. 520 00:29:27,160 --> 00:29:32,880 >> 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. 521 00:29:32,880 --> 00:29:34,770 Đó là dev.windows.com. 522 00:29:34,770 --> 00:29:37,770 Design.windows.com, bạn có thể đoán những gì nó cho. 523 00:29:37,770 --> 00:29:40,380 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. 524 00:29:40,380 --> 00:29:41,770 Bạn có thể làm việc thông qua nó. 525 00:29:41,770 --> 00:29:43,960 Nó sẽ cung cấp cho bạn một số lời khuyên về một số điều 526 00:29:43,960 --> 00:29:46,760 mà có thể bạn đã không nghĩ về trước hoặc đã phải đối phó với trước đây, 527 00:29:46,760 --> 00:29:50,780 như thiết kế cho cảm ứng, thiết kế các yếu tố hình thức khác nhau, 528 00:29:50,780 --> 00:29:55,310 thiết kế cho khả năng của Windows 8, những điều tôi đã đề cập trước 529 00:29:55,310 --> 00:29:58,740 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. 530 00:29:58,740 --> 00:30:05,570 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 531 00:30:05,570 --> 00:30:08,670 sẽ giúp bạn hiểu làm thế nào để làm cho một loại ứng dụng, 532 00:30:08,670 --> 00:30:14,250 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. 533 00:30:14,250 --> 00:30:18,630 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 534 00:30:18,630 --> 00:30:22,960 với hy vọng sẽ xuất bản một ứng dụng cho các cửa hàng. 535 00:30:22,960 --> 00:30:25,250 Bạn sẽ muốn biết làm thế nào để làm cho một ứng dụng tốt 536 00:30:25,250 --> 00:30:28,300 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. 537 00:30:28,300 --> 00:30:29,930 Mọi người sẽ được hạnh phúc. 538 00:30:29,930 --> 00:30:32,960 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. 539 00:30:32,960 --> 00:30:36,590 Không ai muốn điều đó xảy ra với bạn. 540 00:30:36,590 --> 00:30:39,220 >> Di chuyển trước đây, hãy để tôi đóng mà xuống. 541 00:30:39,220 --> 00:30:43,700 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ụ. 542 00:30:43,700 --> 00:30:48,520 Để 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. 543 00:30:48,520 --> 00:30:53,600 Ở đâ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ó. 544 00:30:53,600 --> 00:30:55,890 Họ có một gạch hơi khác nhau. 545 00:30:55,890 --> 00:30:57,930 Đó là bởi vì họ là những ứng dụng máy tính để bàn, 546 00:30:57,930 --> 00:31:00,960 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 547 00:31:00,960 --> 00:31:05,350 thực sự chỉ là các ứng dụng mà bạn đang sử dụng để. 548 00:31:05,350 --> 00:31:06,960 Do đó, Windows kinh nghiệm, đó là điều tương tự. 549 00:31:06,960 --> 00:31:12,940 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. 550 00:31:12,940 --> 00:31:14,340 Trên thực tế, đây là một trong những thú vị. 551 00:31:14,340 --> 00:31:19,210 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. 552 00:31:19,210 --> 00:31:23,430 Ứng dụng toàn màn hình, các loại kinh nghiệm ở đây. 553 00:31:23,430 --> 00:31:26,290 Oh, màn hình cắt đẹp và tất cả các loại công cụ thú vị. 554 00:31:26,290 --> 00:31:34,330 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 ở đó. 555 00:31:37,510 --> 00:31:41,070 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 556 00:31:41,070 --> 00:31:44,160 bởi vì họ đã làm cho các ứng dụng JavaScript của họ. 557 00:31:44,160 --> 00:31:46,460 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. 558 00:31:46,460 --> 00:31:48,990 Tôi chỉ cho họ một chút lời khuyên ở đây và ở đó, 559 00:31:48,990 --> 00:31:52,400 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 560 00:31:52,400 --> 00:31:56,920 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. 561 00:32:00,120 --> 00:32:03,360 Đi. Chúng ta hãy xem nếu mà làm việc. 562 00:32:03,360 --> 00:32:07,010 Wow, nó vẫn làm việc. Được rồi, tốt. Nhưng bạn có được ý tưởng. 563 00:32:07,010 --> 00:32:09,350 Một ứng dụng toàn màn hình, một trải nghiệm thực sự tốt. 564 00:32:09,350 --> 00:32:14,250 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. 565 00:32:14,250 --> 00:32:19,420 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 đó. 566 00:32:19,420 --> 00:32:21,440 >> Một điều tôi không thấy, và lý do tại sao tôi đang mang này lên 567 00:32:21,440 --> 00:32:23,840 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, 568 00:32:23,840 --> 00:32:29,480 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. 569 00:32:29,480 --> 00:32:33,070 Này được gọi là chụp một ứng dụng. 570 00:32:33,070 --> 00:32:37,800 Trong trường hợp này, tôi đã lấy Inkarus và tôi đã thêm nó sang một bên đây. 571 00:32:37,800 --> 00:32:42,990 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ó. 572 00:32:42,990 --> 00:32:46,210 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. 573 00:32:46,210 --> 00:32:51,090 Đó 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 574 00:32:51,090 --> 00:32:54,210 đó 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ị 575 00:32:54,210 --> 00:32:55,620 hoặc vật như thế vào dịp. 576 00:32:55,620 --> 00:32:58,570 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 577 00:32:58,570 --> 00:33:00,620 là tạm dừng ứng dụng. 578 00:33:00,620 --> 00:33:09,440 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ó, 579 00:33:09,440 --> 00:33:16,170 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. 580 00:33:16,170 --> 00:33:20,070 Ở đâ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, 581 00:33:20,070 --> 00:33:23,340 nhưng tôi vẫn có thể hoàn toàn sử dụng các ứng dụng. 582 00:33:23,340 --> 00:33:25,640 Vì vậy, nó vẫn còn rất hữu ích. 583 00:33:25,640 --> 00:33:29,870 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 đó. 584 00:33:29,870 --> 00:33:32,090 Đó 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, 585 00:33:32,090 --> 00:33:35,370 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 586 00:33:35,370 --> 00:33:39,080 trong đó loại một môi trường nhỏ hơn. 587 00:33:39,080 --> 00:33:44,780 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. 588 00:33:44,780 --> 00:33:48,110 >> 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. 589 00:33:48,110 --> 00:33:51,510 Thấy không? Edwin thêm một bức ảnh. [Cười] 590 00:33:51,510 --> 00:33:54,410 >> 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. 591 00:33:54,410 --> 00:33:58,170 Tôi có thể nhấp vào gạch trên cái màn hình Start. 592 00:33:58,170 --> 00:34:02,630 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. 593 00:34:02,630 --> 00:34:06,790 Đây là Windows mà bạn đã biết. 594 00:34:06,790 --> 00:34:09,100 Tôi có thể đi trước và tạo ra một dự án ở đây. 595 00:34:09,100 --> 00:34:11,159 Chúng tôi sẽ tập trung lại vào JavaScript, HTML. 596 00:34:11,159 --> 00:34:16,510 Tôi sẽ đi ra ngoài và chọn lên đây dưới JavaScript, Windows Store. 597 00:34:16,510 --> 00:34:19,010 Có một số mẫu mà bạn có thể sử dụng. 598 00:34:19,010 --> 00:34:21,710 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 599 00:34:21,710 --> 00:34:23,489 như lưới điện và Split. 600 00:34:23,489 --> 00:34:25,270 Họ đang thực sự hữu ích nếu bạn đang làm một ứng dụng 601 00:34:25,270 --> 00:34:28,960 đó là sẽ có loại thiết kế và chuyển hướng. Bạn sẽ thấy những rất nhiều. 602 00:34:28,960 --> 00:34:33,070 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. 603 00:34:33,070 --> 00:34:36,880 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 604 00:34:36,880 --> 00:34:43,120 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, 605 00:34:43,120 --> 00:34:45,989 nghĩ về việc sử dụng một trong những mẫu để bắt đầu một cách nhanh chóng 606 00:34:45,989 --> 00:34:48,380 và tùy biến nó từ đó. 607 00:34:48,380 --> 00:34:50,120 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 608 00:34:50,120 --> 00:34:56,120 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. 609 00:34:56,120 --> 00:34:58,690 Tôi chỉ làm cho rằng ứng dụng trống ở đây. 610 00:34:58,690 --> 00:35:01,270 Nó sẽ tạo ra toàn bộ dự án cho tôi. 611 00:35:01,270 --> 00:35:03,290 Tôi sẽ mở ra những điều mà tôi muốn chỉ cho bạn theo mặc định. 612 00:35:03,290 --> 00:35:08,550 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. 613 00:35:08,550 --> 00:35:11,350 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. 614 00:35:11,350 --> 00:35:15,970 Vì vậy, bạn sẽ tìm default.html, default.js, và default.css. 615 00:35:15,970 --> 00:35:19,590 Đ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. 616 00:35:19,590 --> 00:35:24,530 Đây là WinJS. Không ai thực sự gọi đó là tên dài này ở đây. 617 00:35:24,530 --> 00:35:27,710 Nó là WinJS, Thư viện Windows cho JavaScript. 618 00:35:27,710 --> 00:35:29,530 Nếu bạn mở nó lên, bạn có thể thấy đó là tất cả ở đây. 619 00:35:29,530 --> 00:35:31,820 Có file CSS khác nhau, có JavaScript. 620 00:35:31,820 --> 00:35:33,520 Nó ở đó để giúp bạn ra ngoài. 621 00:35:33,520 --> 00:35:37,190 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. 622 00:35:37,190 --> 00:35:41,240 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, 623 00:35:41,240 --> 00:35:45,600 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ờ. 624 00:35:45,600 --> 00:35:51,020 >> 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. 625 00:35:51,020 --> 00:35:54,490 Bạn đã nhìn thấy những thứ WinJS, và đó là thực sự tất cả những gì xảy ra ở đó 626 00:35:54,490 --> 00:35:59,930 với những dòng giữa đánh dấu, chỉ mang trong CSS mặc định 627 00:35:59,930 --> 00:36:02,370 và đưa vào một vài tập tin JavaScript từ WinJS. 628 00:36:02,370 --> 00:36:06,400 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. 629 00:36:06,400 --> 00:36:10,110 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 ở đó 630 00:36:10,110 --> 00:36:14,410 bởi vì có kỹ thuật trung cấp và cao khá thú vị xảy ra ở đó, 631 00:36:14,410 --> 00:36:18,100 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 632 00:36:18,100 --> 00:36:19,510 và không thực sự phải lo lắng về nó. 633 00:36:19,510 --> 00:36:21,960 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? 634 00:36:21,960 --> 00:36:24,180 Vì vậy, đó là loại điều mà đang xảy ra ở đây. 635 00:36:24,180 --> 00:36:26,930 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 636 00:36:26,930 --> 00:36:31,460 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 đó. 637 00:36:31,460 --> 00:36:33,200 Đây là những tập tin của riêng bạn. 638 00:36:33,200 --> 00:36:35,860 Đây là những nơi mà bạn có thể chỉnh sửa CSS của riêng bạn 639 00:36:35,860 --> 00:36:38,400 và JavaScript của riêng bạn để có được những điều cán. 640 00:36:38,400 --> 00:36:43,300 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 641 00:36:43,300 --> 00:36:47,480 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. 642 00:36:47,480 --> 00:36:52,570 Đâ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ể. 643 00:36:52,570 --> 00:36:55,990 Ở phía trên, bằng cách này, đó là loại tài liệu HTML5, 644 00:36:55,990 --> 00:37:00,060 do đó bạn sẽ nhận ra rằng những gì bạn đã làm việc trên. 645 00:37:00,060 --> 00:37:04,600 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 646 00:37:04,600 --> 00:37:07,340 và mở rộng mà ra, bạn đã có thể học được về thực tế 647 00:37:07,340 --> 00:37:12,760 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ó - 648 00:37:12,760 --> 00:37:17,490 để đảm bảo rằng trình duyệt khác nhau có hỗ trợ cho video của bạn. 649 00:37:17,490 --> 00:37:22,610 Chúng tôi có những thứ như thế này trên HTML, JavaScript trên, trên CSS. 650 00:37:22,610 --> 00:37:26,020 Đó là xây dựng trong, và tôi sẽ cho bạn thấy CSS trong một giây. 651 00:37:26,020 --> 00:37:29,430 Ở đây bạn có thể đi trước và bắt đầu sửa đổi mã, đánh dấu. 652 00:37:29,430 --> 00:37:33,700 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. 653 00:37:33,700 --> 00:37:35,700 Bạn sẽ nhận được một màn hình mà bạn có thể tùy chỉnh 654 00:37:35,700 --> 00:37:40,940 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? 655 00:37:40,940 --> 00:37:42,640 Đi trước và con tàu đó, phải không? 656 00:37:42,640 --> 00:37:45,970 Nội dung tại đây. Đó là điều cơ bản. 657 00:37:45,970 --> 00:37:48,740 Nó chỉ có thể nhận được tốt hơn từ đó. 658 00:37:48,740 --> 00:37:51,300 Chúng tôi sẽ đi trước và thêm vào một số công cụ. 659 00:37:51,300 --> 00:37:53,470 Tôi đã có một chút đánh dấu tôi sẽ sao chép ở đây 660 00:37:53,470 --> 00:37:55,740 chỉ vì vậy bạn không phải xem tôi gõ. 661 00:37:55,740 --> 00:38:02,620 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. 662 00:38:02,620 --> 00:38:05,650 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. 663 00:38:05,650 --> 00:38:09,050 Bạn cũng có thể đặt đoạn mã vào nó mà bạn có thể sử dụng lại. 664 00:38:09,050 --> 00:38:16,360 Ở đâ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. 665 00:38:16,360 --> 00:38:20,170 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, 666 00:38:20,170 --> 00:38:23,860 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ỗ 667 00:38:23,860 --> 00:38:27,360 mà tôi có thể sử dụng để sản xuất các "Xin chào, bạn gõ này." 668 00:38:27,360 --> 00:38:32,780 Đó là giới thiệu cho ví dụ HTML. 669 00:38:32,780 --> 00:38:39,340 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. 670 00:38:39,340 --> 00:38:42,270 Đây là một trong những điều quan trọng từ WinJS. 671 00:38:42,270 --> 00:38:47,250 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 672 00:38:47,250 --> 00:38:50,520 với phần còn lại của những gì Windows 8 đang làm. 673 00:38:50,520 --> 00:38:52,110 Ở đây bạn thấy những thứ như nút. 674 00:38:52,110 --> 00:38:55,890 Nút mặc định trong HTML không giống như vậy, nhưng nó không ở đây 675 00:38:55,890 --> 00:39:00,880 bởi vì nó nhận được rằng CSS ngay từ tập tin CSS trong WinJS. 676 00:39:00,880 --> 00:39:04,680 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, 677 00:39:04,680 --> 00:39:06,790 đi trước và làm những gì bạn muốn. Nhưng đó là mặc định. 678 00:39:06,790 --> 00:39:09,610 Nó sẽ càng quen thuộc với người sử dụng. 679 00:39:09,610 --> 00:39:13,510 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ã 680 00:39:13,510 --> 00:39:16,630 để đáp ứng điều đó. Nó chỉ là HTML. 681 00:39:16,630 --> 00:39:20,630 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. 682 00:39:20,630 --> 00:39:25,310 >> Hãy để tôi chuyển sang default.js của chúng tôi. 683 00:39:25,310 --> 00:39:29,030 Đ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. 684 00:39:29,030 --> 00:39:33,120 Đó là soạn. Nó sẽ là như nhau trong tất cả các dự án của bạn. 685 00:39:33,120 --> 00:39:36,620 Đ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?" 686 00:39:36,620 --> 00:39:39,090 và nói rằng, "Có phải bạn đang tung ra ứng dụng này lần đầu tiên?" 687 00:39:39,090 --> 00:39:42,640 "Bạn có nối lại các ứng dụng từ việc nó bị đình chỉ?" 688 00:39:42,640 --> 00:39:44,510 Một vài điều như thế. 689 00:39:44,510 --> 00:39:50,300 Thực sự, chúng tôi tập trung vào tập tin này ở đây là đúng về đây. 690 00:39:50,300 --> 00:39:54,490 Tại thời điểm này, một dòng mã này là khá quan trọng. 691 00:39:54,490 --> 00:39:57,070 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, 692 00:39:57,070 --> 00:40:01,640 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, 693 00:40:01,640 --> 00:40:07,220 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 694 00:40:07,220 --> 00:40:09,570 và những thứ khác mà tôi đã giới thiệu trên slide trước. 695 00:40:09,570 --> 00:40:12,550 Họ không điều khiển HTML có nguồn gốc. 696 00:40:12,550 --> 00:40:17,860 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ì. 697 00:40:17,860 --> 00:40:22,120 Đ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à. 698 00:40:22,120 --> 00:40:26,200 jQuery UI không cùng một loại phương pháp tiếp cận chung. 699 00:40:26,200 --> 00:40:30,800 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: 700 00:40:30,800 --> 00:40:35,900 "Ồ, 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," 701 00:40:35,900 --> 00:40:39,850 đó là HTML biểu cảm hơn khác để làm như một điều khiển xếp hạng, 702 00:40:39,850 --> 00:40:41,790 đó là những gì tôi sẽ chỉ cho bạn ngay bây giờ. 703 00:40:41,790 --> 00:40:46,140 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, 704 00:40:46,140 --> 00:40:49,090 "Tất cả mọi thứ mà bạn đã yêu cầu đã được tạo ra sau đó." 705 00:40:49,090 --> 00:40:52,780 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. 706 00:40:52,780 --> 00:40:56,690 Ở đâ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, 707 00:40:56,690 --> 00:40:58,280 vì vậy chúng tôi sẽ trở lại trong một giây. 708 00:40:58,280 --> 00:41:01,480 >> Trước hết, tôi cần một chút mã mà có thể đáp ứng với thực tế 709 00:41:01,480 --> 00:41:03,320 rằng ai đó đã nhấp vào nút. 710 00:41:03,320 --> 00:41:06,330 Tôi sẽ đi trước và đặt trong xuống đây. 711 00:41:06,330 --> 00:41:09,620 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. 712 00:41:09,620 --> 00:41:12,560 JavaScript rất cơ bản chỉ nói khi điều này được gọi là 713 00:41:12,560 --> 00:41:15,270 chúng ta sẽ được cung cấp một số chi tiết về cách chúng tôi có ở đây 714 00:41:15,270 --> 00:41:17,630 và sau đó chúng ta sẽ làm một vài điều cơ bản. 715 00:41:17,630 --> 00:41:21,300 Đi tìm thấy những điều trong trang HTML của tôi được đặt tên nameInput, 716 00:41:21,300 --> 00:41:28,490 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 717 00:41:28,490 --> 00:41:31,960 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. 718 00:41:31,960 --> 00:41:37,220 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. 719 00:41:37,220 --> 00:41:38,880 JavaScript rất đơn giản. 720 00:41:38,880 --> 00:41:42,240 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. 721 00:41:42,240 --> 00:41:45,360 Nó chỉ thẳng lên HTML và JS ở đây. 722 00:41:45,360 --> 00:41:48,220 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 723 00:41:48,220 --> 00:41:50,030 để nhận được sự kiện này. 724 00:41:50,030 --> 00:41:55,710 Để 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, 725 00:41:55,710 --> 00:41:58,730 popping nó ở đây. 726 00:41:58,730 --> 00:42:03,060 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ó. 727 00:42:03,060 --> 00:42:05,060 Bây giờ chúng ta sẽ đi lấy helloButton. 728 00:42:05,060 --> 00:42:07,730 Chúng ta sẽ nói, "Button, xin chúc mừng." 729 00:42:07,730 --> 00:42:10,130 "Đây là một sự kiện mà bạn đang đáp ứng." 730 00:42:10,130 --> 00:42:13,420 "Khi ai đó nhấp vào bạn, hãy gọi chức năng này, buttonClickHandler." 731 00:42:13,420 --> 00:42:17,070 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ó. 732 00:42:17,070 --> 00:42:20,980 Vì vậy, bây giờ chúng tôi đã có một ứng dụng đáng kinh ngạc chức năng. 733 00:42:20,980 --> 00:42:24,720 Tôi nghĩ rằng bạn sẽ được thực sự ấn tượng này. 734 00:42:24,720 --> 00:42:32,320 Chris. Chờ cho nó. Wow. Được rồi. Đó là tuyệt vời. [Cười] 735 00:42:32,320 --> 00:42:36,570 Nhưng có nhiều. Không mua được chưa. Chờ đợi. 736 00:42:36,570 --> 00:42:39,610 >> Hãy để tôi chỉ cho bạn một chút ở đây và có được ra khỏi màn hình. 737 00:42:39,610 --> 00:42:42,690 Chúng ta sẽ đi trước khi chúng tôi chạy. 738 00:42:42,690 --> 00:42:45,530 Hãy để tôi đi vào và thực sự cho bạn một chút với CSS. 739 00:42:45,530 --> 00:42:49,480 Chỉ cần bằng cách mặc định, nếu chúng ta nhìn lại các trang ở đây, 740 00:42:49,480 --> 00:42:53,570 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, 741 00:42:53,570 --> 00:42:58,550 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. 742 00:42:58,550 --> 00:43:03,450 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, 743 00:43:03,450 --> 00:43:05,740 bạn đang hiển thị nhiều nội dung trực quan. 744 00:43:05,740 --> 00:43:12,560 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. 745 00:43:12,560 --> 00:43:15,160 Bạn không cần phải lựa chọn nó, nhưng tôi đã chuyển sang nó 746 00:43:15,160 --> 00:43:17,690 và bây giờ bạn đang thấy đánh dấu, cùng tất cả mọi thứ, 747 00:43:17,690 --> 00:43:20,320 nó chỉ sử dụng về cơ bản một chương trình đảo ngược ở đây 748 00:43:20,320 --> 00:43:24,770 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. 749 00:43:24,770 --> 00:43:26,460 Đó là tất cả tốt và tốt. 750 00:43:26,460 --> 00:43:30,680 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. 751 00:43:30,680 --> 00:43:34,830 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 752 00:43:34,830 --> 00:43:36,970 khi tôi bắt đầu làm những việc này. 753 00:43:36,970 --> 00:43:40,150 Tôi sẽ thay thế cơ thể một lần nữa. 754 00:43:40,150 --> 00:43:44,040 Tôi sẽ đi đây. Hãy để tôi nuke này. 755 00:43:44,040 --> 00:43:48,690 Chúng ta hãy mang trong cơ thể với các lớp học. 756 00:43:48,690 --> 00:43:53,000 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ế đã, 757 00:43:53,000 --> 00:43:55,380 do đó bạn có thể biết những gì đang xảy ra ở đây. 758 00:43:55,380 --> 00:43:59,250 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 759 00:43:59,250 --> 00:44:04,430 để 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. 760 00:44:04,430 --> 00:44:07,760 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. 761 00:44:07,760 --> 00:44:11,900 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ả? 762 00:44:11,900 --> 00:44:17,220 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 - 763 00:44:17,220 --> 00:44:19,660 hoặc nó là một xu hướng thành lập bây giờ thực sự trên Web - 764 00:44:19,660 --> 00:44:22,760 thiết kế đáp ứng hoặc thích nghi, 765 00:44:22,760 --> 00:44:28,480 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 766 00:44:28,480 --> 00:44:31,910 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. 767 00:44:31,910 --> 00:44:35,040 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 768 00:44:35,040 --> 00:44:41,520 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ế. 769 00:44:41,520 --> 00:44:46,710 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 770 00:44:46,710 --> 00:44:51,350 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. 771 00:44:51,350 --> 00:44:55,420 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 đó. 772 00:44:55,420 --> 00:44:58,120 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, 773 00:44:58,120 --> 00:45:02,530 và chúng ta có thể sử dụng để tự động phát hiện khi có kích thước nhất định 774 00:45:02,530 --> 00:45:07,030 hay sử dụng nhất định của nội dung của bạn được thực hiện. 775 00:45:07,030 --> 00:45:09,580 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 776 00:45:09,580 --> 00:45:12,580 "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." 777 00:45:12,580 --> 00:45:18,020 Đâ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 - 778 00:45:18,020 --> 00:45:20,830 lấy nó và đưa nó vào phía bên của màn hình - 779 00:45:20,830 --> 00:45:23,910 sau đó chúng ta hãy làm phong cách sau đây. 780 00:45:23,910 --> 00:45:25,850 Phong cách không chỉ là về màu sắc và công cụ như thế. 781 00:45:25,850 --> 00:45:29,860 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 782 00:45:29,860 --> 00:45:34,040 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 783 00:45:34,040 --> 00:45:36,420 và, trong trường hợp này, ứng dụng của bạn hoặc trò chơi của bạn. 784 00:45:36,420 --> 00:45:39,210 Vì vậy, ở đây bạn có thể làm đơn giản như bạn muốn. 785 00:45:39,210 --> 00:45:46,720 Đ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, 786 00:45:46,720 --> 00:45:50,530 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, 787 00:45:50,530 --> 00:45:58,360 "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ì đó." 788 00:45:58,360 --> 00:46:00,400 Bạn đã có IntelliSense đây. Điều này thực sự thực sự mát mẻ. 789 00:46:00,400 --> 00:46:05,720 Trong năm 2012 chúng tôi đã thêm rất nhiều thứ để hỗ trợ CSS và JavaScript và HTML. 790 00:46:05,720 --> 00:46:08,690 Bạn đã tất nhiên có thả xuống IntelliSense quá, nhưng đó không phải là điều thú vị. 791 00:46:08,690 --> 00:46:11,730 Điều thú vị là bạn đã có bộ chọn hình ảnh cho rất nhiều thứ là tốt. 792 00:46:11,730 --> 00:46:14,120 Vì vậy, bạn có thể đi qua và chỉ cần chọn một màu sắc, 793 00:46:14,120 --> 00:46:17,580 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 - 794 00:46:17,580 --> 00:46:22,330 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. 795 00:46:22,330 --> 00:46:26,500 Xem các đánh dấu quá, bằng cách này. Đó là định dạng chuẩn RGB của bạn ở đó. 796 00:46:26,500 --> 00:46:30,780 Nhưng nếu tôi chuyển độ mờ đục, nó sẽ chuyển sang một chọn kênh alpha đây. 797 00:46:30,780 --> 00:46:36,910 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 798 00:46:36,910 --> 00:46:38,860 tất cả nướng ngay trong đó. 799 00:46:38,860 --> 00:46:42,530 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. 800 00:46:42,530 --> 00:46:46,160 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ó, 801 00:46:46,160 --> 00:46:49,000 rằng màu nền đang được điều chỉnh tự động 802 00:46:49,000 --> 00:46:53,410 chỉ vì chúng tôi có một số CSS mà nói, "Đi làm điều đó." 803 00:46:53,410 --> 00:46:55,580 Bạn cũng có thể viết JavaScript quá sẽ làm điều tương tự 804 00:46:55,580 --> 00:47:03,010 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ế. 805 00:47:03,010 --> 00:47:04,310 Đó có thể là khi bạn muốn sử dụng JavaScript. 806 00:47:04,310 --> 00:47:06,610 Bạn sẽ tắt các vòng lặp trò chơi tại điểm đó. 807 00:47:06,610 --> 00:47:09,970 Bạn sẽ cần một số JavaScript vì đó sẽ không có một cái gì đó bạn sẽ CSS cho. 808 00:47:09,970 --> 00:47:11,760 Nhưng hãy nhớ nó chỉ là một sự kiện. 809 00:47:11,760 --> 00:47:14,860 Bạn có thể nói, "Khi ứng dụng của tôi thay đổi kích cỡ, 810 00:47:14,860 --> 00:47:17,780 "Chúng ta hãy xem nếu chúng ta ngắt lời." Và đó là nó. 811 00:47:17,780 --> 00:47:24,440 >> Đượ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. 812 00:47:24,440 --> 00:47:29,310 [Sinh viên] Có hướng dẫn cho bất cứ ai để có được thêm thông tin? >> Yeah. 813 00:47:29,310 --> 00:47:33,510 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ứ. 814 00:47:33,510 --> 00:47:37,490 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. 815 00:47:37,490 --> 00:47:40,150 Hãy để tôi đi trở lại đây. 816 00:47:40,150 --> 00:47:45,180 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 817 00:47:45,180 --> 00:47:47,650 Hãy để tôi thoát khỏi điều này. 818 00:47:47,650 --> 00:47:51,520 Nếu bạn đi và tạo ra một dự án mới, làm File, New Project, 819 00:47:51,520 --> 00:47:56,750 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. 820 00:47:56,750 --> 00:47:59,790 Nó sẽ mất một chút. Tôi đang trên MyFi của tôi ở đây. 821 00:47:59,790 --> 00:48:02,300 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 822 00:48:02,300 --> 00:48:05,190 mà còn, quan trọng hơn, các mẫu là tốt. 823 00:48:05,190 --> 00:48:06,750 Vì vậy, tôi có thể click vào JavaScript. 824 00:48:06,750 --> 00:48:10,050 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. 825 00:48:10,050 --> 00:48:15,070 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. 826 00:48:15,070 --> 00:48:18,280 Nếu có điều gì đó bạn muốn thử, chọn ngôn ngữ, 827 00:48:18,280 --> 00:48:20,970 JavaScript ở đây, và nói, "Tôi không biết làm thế nào để làm định vị." 828 00:48:20,970 --> 00:48:22,220 "Tôi không biết làm thế nào để mở một tập tin." 829 00:48:22,220 --> 00:48:25,840 "Tôi không biết làm thế nào để tận dụng lợi thế của webcam 830 00:48:25,840 --> 00:48:28,290 "Hoặc tối ưu hóa cho cảm ứng hoặc những điều như thế." 831 00:48:28,290 --> 00:48:33,190 Có mẫu cho tất cả mọi thứ: chia sẻ, tìm kiếm, thanh ứng dụng, 832 00:48:33,190 --> 00:48:37,520 thực hiện cuộc gọi từ xa đến một dịch vụ, JSON mã hóa. 833 00:48:37,520 --> 00:48:40,390 Tất cả những loại những thứ có mẫu ở đây, 834 00:48:40,390 --> 00:48:44,560 và họ không mẫu lớn mà sẽ đưa bạn cả đêm để kéo ngoài 835 00:48:44,560 --> 00:48:46,820 chỉ để thấy rằng có một điều bạn muốn học. 836 00:48:46,820 --> 00:48:49,870 Họ đang thực sự tốt. Họ nhỏ, ngay đến các loại điểm của mẫu. 837 00:48:49,870 --> 00:48:52,330 Tôi đã học được một tấn bằng cách đi qua các bản thân mình, 838 00:48:52,330 --> 00:48:55,260 và vì vậy tôi khuyên rằng rất nhiều như một điều. 839 00:48:55,260 --> 00:49:01,750 >> 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, 840 00:49:01,750 --> 00:49:07,490 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. 841 00:49:07,490 --> 00:49:12,560 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á 842 00:49:12,560 --> 00:49:14,400 có thể giúp bạn có được tốc độ. 843 00:49:14,400 --> 00:49:17,870 >> Một điều khác, và tôi thực sự sẽ khuyên bạn nên cố gắng này, 844 00:49:17,870 --> 00:49:24,510 Tôi đã có nó trên blog của tôi, nhưng tôi sẽ đi ngay vào nó. 845 00:49:24,510 --> 00:49:28,220 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ế. 846 00:49:28,220 --> 00:49:35,300 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. 847 00:49:35,300 --> 00:49:40,960 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. 848 00:49:40,960 --> 00:49:44,650 Điều này là rất hữu ích nhiều hơn bạn có thể mong đợi. 849 00:49:44,650 --> 00:49:49,040 Đ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 850 00:49:49,040 --> 00:49:51,990 trong suốt quá trình đó như là bạn đang tạo ra một ứng dụng. 851 00:49:51,990 --> 00:49:55,980 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á 852 00:49:55,980 --> 00:49:57,840 và cho các ứng dụng điện thoại, những điều như thế. 853 00:49:57,840 --> 00:50:01,000 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, 854 00:50:01,000 --> 00:50:03,010 "Các bạn đã nghĩ về việc này? Bạn có hỗ trợ Snap?" 855 00:50:03,010 --> 00:50:04,900 "Dưới đây là một số hướng dẫn về cách để làm điều đó tốt." 856 00:50:04,900 --> 00:50:07,440 "Các bạn đã nghĩ về trình đến các cửa hàng?" 857 00:50:07,440 --> 00:50:09,370 "Các bạn đã nghĩ về cách bạn sẽ bán ứng dụng của bạn?" 858 00:50:09,370 --> 00:50:11,490 Nó sẽ đi qua tất cả những điều khác nhau. 859 00:50:11,490 --> 00:50:13,380 Và trên thực tế, nếu bạn đang đi chơi game, tại một số điểm 860 00:50:13,380 --> 00:50:17,010 bạn sẽ bắt đầu nhận ra những người nói chuyện với bạn 861 00:50:17,010 --> 00:50:22,850 bởi vì tôi thực sự đã phải đi đến Redmint để làm những ghi nhận và 2 video đó. 862 00:50:22,850 --> 00:50:25,240 Nhưng đó là tất cả các phần của đường đua chơi game, 863 00:50:25,240 --> 00:50:27,650 và cũng có một ca khúc đầy đủ cho phát triển ứng dụng nói chung. 864 00:50:27,650 --> 00:50:29,380 Đó được gọi là thế hệ App. 865 00:50:29,380 --> 00:50:33,460 Tôi chắc chắn sẽ khuyên cho bạn là tốt ngoài các mẫu. 866 00:50:33,460 --> 00:50:38,110 >> Có rất nhiều video trên một trang web gọi là Channel 9 là tốt. 867 00:50:38,110 --> 00:50:42,790 Đó 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. 868 00:50:42,790 --> 00:50:45,280 Channel9.msdn.com. 869 00:50:45,280 --> 00:50:48,880 Đ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. 870 00:50:48,880 --> 00:50:53,880 Đó là cơ bản rất nhiều video, screencasts và điều đó là đúng cho điểm. 871 00:50:53,880 --> 00:50:57,940 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. 872 00:50:57,940 --> 00:51:02,290 Nhưng nói chung, có một số video thực sự to-the-điểm đây 873 00:51:02,290 --> 00:51:06,230 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. 874 00:51:06,230 --> 00:51:11,110 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 875 00:51:11,110 --> 00:51:14,380 được gọi là xây dựng, và bạn sẽ thấy rằng ngay ở đó. 876 00:51:14,380 --> 00:51:18,450 Có công nghệ cốt lõi cho Windows 8 trận. Có bạn đi. 877 00:51:18,450 --> 00:51:23,150 Tôi đã ở đó, thực sự. Bạn không thể nhìn thấy tôi. Tôi đã ở đây. 878 00:51:23,150 --> 00:51:27,560 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. 879 00:51:27,560 --> 00:51:29,330 Họ đang khá hữu ích. 880 00:51:29,330 --> 00:51:32,620 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. 881 00:51:32,620 --> 00:51:36,890 >> [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 882 00:51:36,890 --> 00:51:42,140 cho sinh viên để tải về với mẫu mã và các công cụ như thế. >> [Bowen] Đại. 883 00:51:42,140 --> 00:51:45,510 Tuyệt vời. Cảm ơn bạn, Edwin. 884 00:51:45,510 --> 00:51:48,320 >> Tốt. >> [Sinh viên] Tôi có một câu hỏi. >> [Bowen] Oh. Yeah, xin vui lòng. 885 00:51:48,320 --> 00:51:55,030 [Câu hỏi sinh viên không nghe được] >> [Bowen] Oh, Tôi vui mừng bạn hỏi đó. Vâng. 886 00:51:55,030 --> 00:51:58,940 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? 887 00:51:58,940 --> 00:52:01,630 Edwin sẽ thưởng cho bạn hào phóng cho câu hỏi đó. 888 00:52:01,630 --> 00:52:04,310 Có một cách để làm điều này. 889 00:52:04,310 --> 00:52:09,040 Chúng ta nên làm điều đó bây giờ? Hãy làm điều đó ngay bây giờ. 890 00:52:09,040 --> 00:52:11,780 Tôi sẽ đi đến đó ngay bây giờ. 891 00:52:11,780 --> 00:52:14,070 Trên thực tế, cho tôi thêm trong một điều nữa để demo này, 892 00:52:14,070 --> 00:52:16,710 và sau đó tôi sẽ chỉ cho bạn câu trả lời thực tế. 893 00:52:16,710 --> 00:52:21,340 Tôi sẽ thêm vào một chút CSS hơn ở đây. 894 00:52:21,340 --> 00:52:23,980 Tôi đã giảm đi một ít về tiếp tuyến ở đây. 895 00:52:23,980 --> 00:52:26,770 Hãy để tôi đưa vào một số CSS vào đây để tận dụng lợi thế 896 00:52:26,770 --> 00:52:29,980 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, 897 00:52:29,980 --> 00:52:33,930 với tiêu đề, để div MainContent, và sau đó đến greetingOutput. 898 00:52:33,930 --> 00:52:37,920 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, 899 00:52:37,920 --> 00:52:40,310 vì vậy chúng tôi có thực sự một số hiệu số ở đây. 900 00:52:40,310 --> 00:52:44,630 Đâ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. 901 00:52:44,630 --> 00:52:47,770 Nhưng tôi chỉ thấy điều này với bạn bởi vì nó thẳng lên CSS. 902 00:52:47,770 --> 00:52:51,910 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. 903 00:52:51,910 --> 00:52:55,100 Bạn đã nhìn thấy làm thế nào để làm cho nền thay đổi ra theo cách đó. 904 00:52:55,100 --> 00:53:02,980 >> 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, 905 00:53:02,980 --> 00:53:06,140 và điều này thực sự sẽ là một điều khiển từ WinJS. 906 00:53:06,140 --> 00:53:09,840 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. 907 00:53:09,840 --> 00:53:11,740 Có lẽ là đủ tốt. 908 00:53:11,740 --> 00:53:15,590 Ở đâ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 - 909 00:53:15,590 --> 00:53:18,520 Tôi đã thêm một nhãn cho div tới. 910 00:53:18,520 --> 00:53:20,890 Div được gọi là ratingControlDiv. 911 00:53:20,890 --> 00:53:23,090 Bởi bản thân nó sẽ không làm gì cả. 912 00:53:23,090 --> 00:53:28,570 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 đó. 913 00:53:28,570 --> 00:53:31,820 Nhưng vì lý do đó dòng bí ẩn của mã mà tôi cho thấy bạn trước, 914 00:53:31,820 --> 00:53:35,650 quá trình tất cả, nó sẽ tìm kiếm một cái gì đó trông như thế này - 915 00:53:35,650 --> 00:53:40,380 dữ liệu-win-kiểm soát - và nó sẽ tìm thấy bất cứ điều gì trong tham số đó. 916 00:53:40,380 --> 00:53:44,560 Nó sẽ làm cho một thể hiện của bất cứ điều gì đó là nó trỏ đến. 917 00:53:44,560 --> 00:53:48,850 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 918 00:53:48,850 --> 00:53:51,400 "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á." 919 00:53:51,400 --> 00:53:56,610 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. 920 00:53:56,610 --> 00:53:59,390 Tất cả họ đang đi làm việc cơ bản theo cùng một cách. 921 00:53:59,390 --> 00:54:02,920 Bạn đang sử dụng tiêu chuẩn đánh dấu HTML5 để chỉ ra những gì bạn muốn, 922 00:54:02,920 --> 00:54:07,670 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. 923 00:54:07,670 --> 00:54:12,270 Tôi chỉ cần sao chép trong, và bây giờ đánh dấu trở nên này, 924 00:54:12,270 --> 00:54:15,280 mà thực sự là khá một số phần tử HTML. 925 00:54:15,280 --> 00:54:18,440 Đây là tất cả hình ảnh cá nhân, và có divs xung quanh với bộ chọn. 926 00:54:18,440 --> 00:54:22,610 Hy vọng rằng bạn có thể thấy điều đó. Đó là một chút tinh tế. 927 00:54:22,610 --> 00:54:27,380 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. 928 00:54:27,380 --> 00:54:31,560 Tôi có thể click vào nó, và nó nhớ đánh giá nhưng đó là về nó. 929 00:54:31,560 --> 00:54:33,100 Nó không thực sự làm bất cứ điều gì với những đánh giá. 930 00:54:33,100 --> 00:54:35,230 >> Một trong những điều cuối cùng tôi muốn chỉ cho bạn về điều này 931 00:54:35,230 --> 00:54:37,820 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 932 00:54:37,820 --> 00:54:42,680 là một ít mã mà tôi có thể sử dụng để đối phó với các điều khiển WinJS. 933 00:54:42,680 --> 00:54:47,540 Hãy để tôi ra khỏi đó, trở lại ra khỏi màn hình, 934 00:54:47,540 --> 00:54:52,690 và chuyển sang JS đây để thứ hai. 935 00:54:52,690 --> 00:54:57,450 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. 936 00:54:57,450 --> 00:55:03,080 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. 937 00:55:03,080 --> 00:55:07,350 Tôi sẽ đặt này ở đây. Yeah. Tôi sẽ xóa này quá. 938 00:55:07,350 --> 00:55:11,790 Tôi đã thêm những gì? Có vẻ như rất nhiều. Nó không phải là rất nhiều. 939 00:55:11,790 --> 00:55:14,920 Tôi chỉ mở rộng thêm dòng mã mà tôi đã nói trước đây, 940 00:55:14,920 --> 00:55:18,590 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, 941 00:55:18,590 --> 00:55:23,660 "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. 942 00:55:23,660 --> 00:55:27,080 Trong trường hợp này, đây là thứ bạn có thể tìm ra. 943 00:55:27,080 --> 00:55:29,040 Đi thấy rằng kiểm soát div. 944 00:55:29,040 --> 00:55:30,790 Trên thực tế, có một điều tôi phải chỉ ra. 945 00:55:30,790 --> 00:55:35,630 Dòng tiếp theo là thực sự nói, "Tôi đã có ratingControlDiv đó." 946 00:55:35,630 --> 00:55:39,770 "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." 947 00:55:39,770 --> 00:55:42,020 Vì vậy, về cơ bản, bạn đang yêu cầu cho điều đó từ nó. 948 00:55:42,020 --> 00:55:44,600 Bạn đang nói, "Tôi muốn nói chuyện với bạn như một điều khiển." 949 00:55:44,600 --> 00:55:47,810 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 950 00:55:47,810 --> 00:55:51,430 "Vì vậy khi bạn đang thay đổi, chúng tôi có thể đáp ứng điều đó." 951 00:55:51,430 --> 00:55:56,930 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ó. 952 00:55:56,930 --> 00:55:59,600 Tôi nghĩ rằng tôi đang thiếu dán trong một chức năng hơn, 953 00:55:59,600 --> 00:56:05,030 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. 954 00:56:05,030 --> 00:56:07,710 Hãy để tôi bật mà ở bên phải xuống đây, 955 00:56:07,710 --> 00:56:09,840 ở đâu đó xung quanh đó. 956 00:56:09,840 --> 00:56:14,930 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 957 00:56:14,930 --> 00:56:21,000 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. 958 00:56:21,000 --> 00:56:23,150 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, 959 00:56:23,150 --> 00:56:25,310 và nó đi kiểm soát của kiểm soát. 960 00:56:25,310 --> 00:56:29,140 Nó rất đơn giản. Bạn sẽ có thể để con nó ra không gặp khó khăn gì. 961 00:56:29,140 --> 00:56:34,040 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á, 962 00:56:34,040 --> 00:56:36,480 bạn có thể nhìn thấy bây giờ nó thực sự đáp ứng với nó. 963 00:56:36,480 --> 00:56:40,280 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 964 00:56:40,280 --> 00:56:42,970 dưới sự kiểm soát đánh giá. 965 00:56:42,970 --> 00:56:46,670 Đó là sự kỳ diệu của rất nhiều thứ ở đây quá. 966 00:56:46,670 --> 00:56:49,580 Vì vậy, bạn đang tạo ra các ứng dụng cho Windows Store, 967 00:56:49,580 --> 00:56:52,930 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. 968 00:56:52,930 --> 00:56:58,670 >> 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. 969 00:56:58,670 --> 00:57:03,440 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ứ 970 00:57:03,440 --> 00:57:06,240 nếu bạn đi đến tải đó và bạn sẽ có được Visual Studio. 971 00:57:06,240 --> 00:57:09,890 Tôi có thể kích chuột phải vào đây. Tôi sẽ không zoom in 972 00:57:09,890 --> 00:57:12,040 Nó chỉ nói Open in Blend. 973 00:57:12,040 --> 00:57:16,040 Sự pha trộn là một công cụ làm việc sát cánh với Visual Studio 974 00:57:16,040 --> 00:57:19,230 và tập trung nhiều hơn nữa về phía thiết kế của sự vật, 975 00:57:19,230 --> 00:57:23,660 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, 976 00:57:23,660 --> 00:57:29,720 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. 977 00:57:29,720 --> 00:57:36,380 Ở đâ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. 978 00:57:36,380 --> 00:57:40,060 Hy vọng rằng chúng tôi vẫn còn. 979 00:57:40,060 --> 00:57:42,650 Thay vì nhìn thấy mã, mà chúng ta vẫn nhìn thấy ở phía dưới, 980 00:57:42,650 --> 00:57:45,350 chúng ta đang thấy các đại diện thực tế của ứng dụng. 981 00:57:45,350 --> 00:57:49,640 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. 982 00:57:49,640 --> 00:57:52,010 Và đó là những gì thực sự là tốt đẹp về Blend. 983 00:57:52,010 --> 00:57:58,620 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. 984 00:57:58,620 --> 00:58:01,930 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ì?" 985 00:58:01,930 --> 00:58:08,310 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. 986 00:58:08,310 --> 00:58:13,230 Hãy nhớ rằng kiểm soát đánh giá? Nó chỉ là một thẻ div. 987 00:58:13,230 --> 00:58:17,090 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? 988 00:58:17,090 --> 00:58:20,300 Có một chút ma thuật ở đây. 989 00:58:20,300 --> 00:58:21,700 Nhìn thấy những tia chớp? 990 00:58:21,700 --> 00:58:25,570 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. 991 00:58:25,570 --> 00:58:31,770 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. 992 00:58:31,770 --> 00:58:37,100 Những ngôi sao mà bạn nhìn thấy ở đó được tạo ra bởi JavaScript bằng cách WinJS. 993 00:58:37,100 --> 00:58:41,800 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ó, 994 00:58:41,800 --> 00:58:44,410 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, 995 00:58:44,410 --> 00:58:50,260 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, 996 00:58:50,260 --> 00:58:54,610 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, 997 00:58:54,610 --> 00:58:58,360 bất cứ điều gì tôi muốn làm. 998 00:58:58,360 --> 00:59:01,020 Trên thực tế, tôi sẽ để lại những thứ một mình. 999 00:59:01,020 --> 00:59:03,980 Nhưng bạn có thể thấy ở đây đó là tất cả CSS và nó hiển thị cho bạn ở đây. 1000 00:59:03,980 --> 00:59:10,120 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, 1001 00:59:10,120 --> 00:59:14,850 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 đó, 1002 00:59:14,850 --> 00:59:17,110 mà bạn có lẽ đã đi qua trong các lớp học của bạn, 1003 00:59:17,110 --> 00:59:22,000 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ứ, 1004 00:59:22,000 --> 00:59:26,860 nhưng vì đây là một h1 và tôi có một màu xác định cho H1S, 1005 00:59:26,860 --> 00:59:29,820 nó sẽ là màu sắc này, và đó là bởi vì nó cụ thể hơn các body1. 1006 00:59:29,820 --> 00:59:32,590 Điều này một điều đúng ở đây cho thấy tất cả các bạn, 1007 00:59:32,590 --> 00:59:35,470 và nó thực sự công cụ mạnh mẽ như bạn nhận được phức tạp hơn, 1008 00:59:35,470 --> 00:59:38,160 bạn đang tự hỏi tại sao những điều này là cách họ đang có. 1009 00:59:38,160 --> 00:59:41,020 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. 1010 00:59:41,020 --> 00:59:43,370 Màu sắc mà không phải là quá xấu, thực sự. 1011 00:59:43,370 --> 00:59:47,150 Bạn có thể chọn chúng. Hy vọng rằng bạn có thể thấy điều này. 1012 00:59:47,150 --> 00:59:52,410 Đố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 1013 00:59:52,410 --> 00:59:56,070 của tất cả các CSS có thể đã áp dụng điều đó và đó là một trong chiến thắng, 1014 00:59:56,070 --> 00:59:58,050 đó là một thực tế được ưu tiên. 1015 00:59:58,050 --> 01:00:00,930 Đâ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. 1016 01:00:00,930 --> 01:00:04,660 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 đó. 1017 01:00:04,660 --> 01:00:07,760 Bạn cũng có thể sử dụng HTML ở đây là tốt. 1018 01:00:07,760 --> 01:00:12,490 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. 1019 01:00:12,490 --> 01:00:14,620 Chỉ có tấn công cụ ở đây. 1020 01:00:14,620 --> 01:00:18,070 >> 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. 1021 01:00:18,070 --> 01:00:21,700 Có rất nhiều chức năng thiết kế theo định hướng đó chỉ có sẵn cho bạn 1022 01:00:21,700 --> 01:00:26,730 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 1023 01:00:26,730 --> 01:00:32,180 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, 1024 01:00:32,180 --> 01:00:33,940 sao để trình duyệt. 1025 01:00:33,940 --> 01:00:37,010 Đâ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, 1026 01:00:37,010 --> 01:00:39,650 nó sẽ làm cho bạn rất nhiều hiệu quả hơn. 1027 01:00:39,650 --> 01:00:45,150 >> Bạn cũng sẽ thấy nó theo dõi các đánh dấu ở đây và CSS của bạn 1028 01:00:45,150 --> 01:00:47,270 như bạn đang làm việc thông qua những thứ khác nhau. 1029 01:00:47,270 --> 01:00:50,180 Đây có thể là thực sự khó khăn để bạn có thể thấy rằng, đặc biệt trên video, 1030 01:00:50,180 --> 01:00:54,680 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 đó. 1031 01:00:54,680 --> 01:00:57,240 Nó sẽ giúp bạn tiết kiệm rất nhiều thời gian. Đó là Blend. 1032 01:00:57,240 --> 01:01:00,520 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 1033 01:01:00,520 --> 01:01:01,870 Visual Studio. 1034 01:01:01,870 --> 01:01:06,590 Đó 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. 1035 01:01:06,590 --> 01:01:08,650 Tôi có một ví dụ tốt hơn mà tôi muốn cho bạn thấy. 1036 01:01:08,650 --> 01:01:11,660 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, 1037 01:01:11,660 --> 01:01:16,390 "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. 1038 01:01:16,390 --> 01:01:18,770 Và bạn đang sử dụng các công cụ tương tự có. 1039 01:01:18,770 --> 01:01:21,320 Đó là kết thúc của mẫu mà cụ thể. 1040 01:01:21,320 --> 01:01:28,170 >> 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 1041 01:01:28,170 --> 01:01:30,350 bạn có thể suy nghĩ về là tốt. 1042 01:01:30,350 --> 01:01:32,280 Đây là một ứng dụng mẫu mà bạn có thể tải về. 1043 01:01:32,280 --> 01:01:35,620 Nếu bạn tìm kiếm một cái gì đó gọi là Trại Windows trong một Box, 1044 01:01:35,620 --> 01:01:40,340 có một số mẫu mà trong đó, và một trong số họ là The Contoso Cookbook. 1045 01:01:40,340 --> 01:01:41,640 Tôi chỉ có thể chạy này cho bạn. 1046 01:01:41,640 --> 01:01:44,700 Màn hình tùy chỉnh giật gân. Đây là ứng dụng xem lưới. 1047 01:01:44,700 --> 01:01:49,590 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. 1048 01:01:49,590 --> 01:01:53,090 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. 1049 01:01:53,090 --> 01:01:57,760 Tôi không biết. Những gì sẽ làm cho tôi đói nhất? 1050 01:01:57,760 --> 01:02:00,530 Tôi không biết. Tôi chỉ cần đi để chọn một. 1051 01:02:00,530 --> 01:02:02,460 Bạn đi vào những điều này. Nó sẽ cho bạn công thức. 1052 01:02:02,460 --> 01:02:04,900 Bạn cũng có thể, thay vì nhấp vào một mục, 1053 01:02:04,900 --> 01:02:10,360 bạn có thể đi ngay cho danh mục nội dung, phần nội dung. 1054 01:02:10,360 --> 01:02:15,590 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 1055 01:02:15,590 --> 01:02:17,720 và sau đó đi thẳng vào công thức cụ thể. 1056 01:02:17,720 --> 01:02:22,770 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. 1057 01:02:22,770 --> 01:02:26,160 Bạn cũng có thể tìm kiếm vào ứng dụng này quá. 1058 01:02:26,160 --> 01:02:28,880 Nó rất đơn giản để làm tìm kiếm. 1059 01:02:28,880 --> 01:02:31,300 Về cơ bản, bạn chỉ nhận được một chuỗi văn bản từ Windows 1060 01:02:31,300 --> 01:02:34,720 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 đó. 1061 01:02:34,720 --> 01:02:39,830 Đó 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. 1062 01:02:39,830 --> 01:02:44,180 >> Ở đâ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. 1063 01:02:44,180 --> 01:02:45,430 Tôi sẽ chỉ cho bạn biết nó là gì. 1064 01:02:45,430 --> 01:02:48,220 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. 1065 01:02:48,220 --> 01:02:52,930 Đ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, 1066 01:02:52,930 --> 01:02:55,850 như một ứng dụng đã được cài đặt hoặc một cái gì đó đã được hoàn thành. 1067 01:02:55,850 --> 01:02:57,950 Nó cũng tốt cho các trò chơi quá. 1068 01:02:57,950 --> 01:03:02,360 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à 1069 01:03:02,360 --> 01:03:08,490 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 1070 01:03:08,490 --> 01:03:12,240 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, 1071 01:03:12,240 --> 01:03:15,170 họ vẫn có thể nhận được thông báo về những loại sự kiện. 1072 01:03:15,170 --> 01:03:19,350 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." 1073 01:03:19,350 --> 01:03:22,870 "Quay lại đây và bảo vệ nó", hay một cái gì đó như thế. 1074 01:03:22,870 --> 01:03:26,830 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ó. 1075 01:03:26,830 --> 01:03:32,170 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ả. 1076 01:03:32,170 --> 01:03:37,450 >> Ngoài ra còn có hỗ trợ trong ứng dụng này để sử dụng microphone, webcam, 1077 01:03:37,450 --> 01:03:39,560 làm video và chụp ảnh. 1078 01:03:39,560 --> 01:03:42,080 Bạn cũng có thể đính một gạch thứ cấp. 1079 01:03:42,080 --> 01:03:46,760 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. 1080 01:03:46,760 --> 01:03:49,960 Trong trường hợp này, nó đi thẳng vào công thức này. 1081 01:03:49,960 --> 01:03:51,300 Tất cả mọi thứ tôi đang nói đến tôi chỉ hiển thị 1082 01:03:51,300 --> 01:03:53,270 bởi vì đó là những điều mà bạn có thể nghĩ về việc sử dụng cũng. 1083 01:03:53,270 --> 01:03:57,590 Đối với hầu hết các phần, họ là rất đơn giản để sử dụng. 1084 01:03:57,590 --> 01:04:00,070 Tôi chỉ muốn giới thiệu bạn đưa lên rằng mẫu thám hiểm 1085 01:04:00,070 --> 01:04:03,600 và tìm thấy một mẫu có thể chỉ cho bạn cách để làm điều đó. 1086 01:04:03,600 --> 01:04:07,140 Nó khá đơn giản để mang lại những ứng dụng của bạn vào đó là tốt. 1087 01:04:07,140 --> 01:04:11,030 >> Tôi sẽ cho bạn thấy cái gì khác mà là khá mát mẻ ở đây. 1088 01:04:11,030 --> 01:04:15,230 Tôi sẽ chụp ứng dụng này, và tôi sẽ quay trở lại Visual Studio. 1089 01:04:15,230 --> 01:04:18,870 Ứng dụng này đang chạy. Nó đang chạy từ Visual Studio. 1090 01:04:18,870 --> 01:04:21,370 Tôi có thể làm một số công cụ khá mát mẻ với điều đó. 1091 01:04:21,370 --> 01:04:23,840 Tôi thực sự có một tùy chọn để chọn một phần tử, 1092 01:04:23,840 --> 01:04:28,250 và tôi có thể đi qua đây để các ứng dụng trực tiếp và tôi có thể nói, 1093 01:04:28,250 --> 01:04:34,000 "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?" 1094 01:04:34,000 --> 01:04:35,680 Tôi có thể click vào nó. 1095 01:04:35,680 --> 01:04:38,080 Nó sẽ đồng bộ hóa đó trở lại vào Visual Studio, 1096 01:04:38,080 --> 01:04:43,780 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. 1097 01:04:43,780 --> 01:04:47,270 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, 1098 01:04:47,270 --> 01:04:51,110 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 đó, 1099 01:04:51,110 --> 01:04:53,550 nó sẽ có được một loại font. 1100 01:04:53,550 --> 01:04:56,410 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. 1101 01:04:56,410 --> 01:05:02,330 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ể 1102 01:05:02,330 --> 01:05:04,640 nhưng trên thực tế là cái gì khác. 1103 01:05:04,640 --> 01:05:07,210 Điều này chủ yếu là các công cụ dev từ Internet Explorer 1104 01:05:07,210 --> 01:05:09,530 đến một mức độ đưa vào Visual Studio. 1105 01:05:09,530 --> 01:05:12,110 Nếu bạn đã làm việc với các công cụ Chrome Dev, Firebug, những điều như thế, 1106 01:05:12,110 --> 01:05:14,720 những loại công cụ có trong trình duyệt, 1107 01:05:14,720 --> 01:05:17,340 rằng loại chức năng đã được đưa ngay vào Visual Studio 1108 01:05:17,340 --> 01:05:22,090 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. 1109 01:05:22,090 --> 01:05:24,320 Tôi đã có một ứng dụng Windows Store chỉ chạy, 1110 01:05:24,320 --> 01:05:27,840 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ó. 1111 01:05:27,840 --> 01:05:30,440 >> Tôi cũng có thể làm theo cách này quá. 1112 01:05:30,440 --> 01:05:35,020 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ì 1113 01:05:35,020 --> 01:05:38,560 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ứ. 1114 01:05:38,560 --> 01:05:41,440 Ở đây tôi đang lơ lửng trên này. Tôi có thể chọn nó. 1115 01:05:41,440 --> 01:05:45,540 Nó sẽ chỉ cho tôi trong ứng dụng đang chạy thực tế mà điều đó là 1116 01:05:45,540 --> 01:05:48,070 mà bây giờ tôi đang cách nhấp vào trong đánh dấu. 1117 01:05:48,070 --> 01:05:49,700 Công cụ thực sự mát mẻ. 1118 01:05:49,700 --> 01:05:52,710 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, 1119 01:05:52,710 --> 01:05:56,080 những gì CSS đang làm, ghi nhớ điều này. 1120 01:05:56,080 --> 01:05:58,450 Hãy nhớ điều này là ở đây cho bạn 1121 01:05:58,450 --> 01:06:02,070 và cũng Blend có thể làm việc với một ứng dụng chạy trực tiếp. 1122 01:06:02,070 --> 01:06:06,070 >> 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 - 1123 01:06:06,070 --> 01:06:09,290 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á, 1124 01:06:09,290 --> 01:06:11,160 vì vậy bạn có thể xem những điểm nổi bật màu vàng. 1125 01:06:11,160 --> 01:06:14,060 Đó là những điều đã thay đổi chỉ trong ứng dụng. 1126 01:06:14,060 --> 01:06:16,350 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. 1127 01:06:16,350 --> 01:06:21,790 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ứ. 1128 01:06:21,790 --> 01:06:28,660 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ủ 1129 01:06:28,660 --> 01:06:32,880 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 ở đó. 1130 01:06:32,880 --> 01:06:36,490 Bạn cũng có thể bật biểu tượng khá nhỏ này ở đây. 1131 01:06:36,490 --> 01:06:38,560 Nó được gọi là chế độ tương tác. 1132 01:06:38,560 --> 01:06:41,560 Bạn bấm vào đó. Nó sẽ mang lại cho ứng dụng của bạn. 1133 01:06:41,560 --> 01:06:43,730 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ứ 1134 01:06:43,730 --> 01:06:47,270 để 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. 1135 01:06:47,270 --> 01:06:51,560 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 1136 01:06:51,560 --> 01:06:54,810 hoặc vào một danh mục. Chúng ta hãy đi đến thể loại này. 1137 01:06:54,810 --> 01:06:56,880 Tôi sẽ nói, "Được rồi, đây là nơi mà tôi muốn thiết kế." 1138 01:06:56,880 --> 01:06:59,680 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ế, 1139 01:06:59,680 --> 01:07:02,130 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. 1140 01:07:02,130 --> 01:07:06,230 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ó, 1141 01:07:06,230 --> 01:07:09,890 tìm ra HTML cho nó, CSS cho nó 1142 01:07:09,890 --> 01:07:14,990 cho một ứng dụng đang chạy, một số phần sau của ứng dụng. 1143 01:07:14,990 --> 01:07:17,780 Rất, rất hữu ích. Tôi sẽ chỉ cho điều này với bạn. 1144 01:07:17,780 --> 01:07:21,340 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 1145 01:07:21,340 --> 01:07:26,070 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. 1146 01:07:26,070 --> 01:07:32,370 Đó 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ả. 1147 01:07:32,370 --> 01:07:36,130 >> Bất kỳ câu hỏi về một trong những công cụ? 1148 01:07:36,130 --> 01:07:40,000 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. 1149 01:07:40,000 --> 01:07:43,700 >> [Bowen cười] Tôi đã cho các bạn trình diễn của tôi ở đây. 1150 01:07:43,700 --> 01:07:47,000 Tôi sẽ đặt nó trên trang Tài nguyên và chuyển sang câu hỏi ngay bây giờ. 1151 01:07:47,000 --> 01:07:53,850 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. 1152 01:07:53,850 --> 01:07:55,040 Đăng ký cho những người. 1153 01:07:55,040 --> 01:07:57,210 Bạn không phải chờ 30 ngày để có được nội dung. 1154 01:07:57,210 --> 01:08:00,370 Bạn có thể bắt đầu đi và nhìn vào các nội dung như bạn muốn. 1155 01:08:00,370 --> 01:08:04,380 Tôi hiểu khung thời gian của bạn có thể khác hơn - [cười] 1156 01:08:04,380 --> 01:08:07,780 Vì vậy, khi là Hackathon? Đó là một vài tuần, phải không? 1157 01:08:07,780 --> 01:08:09,620 Vì vậy, bạn không có 30 ngày để chờ đợi. 1158 01:08:09,620 --> 01:08:13,180 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ó. 1159 01:08:13,180 --> 01:08:15,320 Cũng Dev và Trung tâm Thiết kế. 1160 01:08:15,320 --> 01:08:17,620 Và tôi không đề cập đến điều này, nhưng cũng có các cửa hàng Documents. 1161 01:08:17,620 --> 01:08:22,880 Đ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. 1162 01:08:22,880 --> 01:08:27,350 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, 1163 01:08:27,350 --> 01:08:29,960 một số vấn đề phổ biến mà có thể chuyến đi bạn lên, 1164 01:08:29,960 --> 01:08:32,540 và đó là kết thúc của những nguồn tài nguyên. 1165 01:08:32,540 --> 01:08:35,300 >> 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 - 1166 01:08:35,300 --> 01:08:40,580 [Guarin] Ai là suy nghĩ về làm một ứng dụng Windows cho CS50? Mát mẻ. 1167 01:08:40,580 --> 01:08:42,200 [Bowen] Cool. Tuyệt vời. 1168 01:08:44,149 --> 01:08:49,410 >> 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? 1169 01:08:49,410 --> 01:08:54,540 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 1170 01:08:54,540 --> 01:08:57,310 và chạy trong trình duyệt và chỉ cần loại đi qua quá trình này 1171 01:08:57,310 --> 01:08:59,870 đưa rằng vào Visual Studio và làm cho nó một ứng dụng Windows Store. 1172 01:08:59,870 --> 01:09:02,870 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, 1173 01:09:02,870 --> 01:09:08,010 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, 1174 01:09:08,010 --> 01:09:11,680 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. 1175 01:09:11,680 --> 01:09:16,220 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ẻ, 1176 01:09:16,220 --> 01:09:19,899 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 đó, 1177 01:09:19,899 --> 01:09:21,939 đó là những loại điều mà bạn sẽ thay đổi. 1178 01:09:21,939 --> 01:09:25,229 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. 1179 01:09:25,229 --> 01:09:29,590 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 1180 01:09:29,590 --> 01:09:33,680 để 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. 1181 01:09:33,680 --> 01:09:37,500 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 1182 01:09:37,500 --> 01:09:41,830 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. 1183 01:09:41,830 --> 01:09:46,899 >> Yeah. >> [Sinh viên] Câu hỏi của tôi là về làm việc di động. 1184 01:09:46,899 --> 01:09:52,210 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, 1185 01:09:52,210 --> 01:09:56,480 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 - 1186 01:09:56,480 --> 01:10:01,270 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 1187 01:10:01,270 --> 01:10:06,430 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 đó? 1188 01:10:06,430 --> 01:10:10,060 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. 1189 01:10:10,060 --> 01:10:16,190 Các tin tốt là nếu bạn đang gắn bó với HTML và JavaScript, CSS, 1190 01:10:16,190 --> 01:10:18,720 nếu bạn đang bắt đầu từ một ứng dụng Windows Store, 1191 01:10:18,720 --> 01:10:20,590 nó sẽ cho phép bạn mang nó vào Web 1192 01:10:20,590 --> 01:10:24,650 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, 1193 01:10:24,650 --> 01:10:27,180 để thích ứng với các thiết bị kích thước khác nhau. 1194 01:10:27,180 --> 01:10:29,900 Điều đó nói rằng, luôn có các khuôn khổ và những điều trên có 1195 01:10:29,900 --> 01:10:33,450 hỗ trợ mà mở rộng ra các công nghệ khác nhau, các nền tảng khác nhau. 1196 01:10:33,450 --> 01:10:35,670 Thay đổi tất cả các thời gian. 1197 01:10:35,670 --> 01:10:40,030 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ờ 1198 01:10:40,030 --> 01:10:42,950 thực hiện với Windows Phone 8. 1199 01:10:42,950 --> 01:10:44,930 Chúng tôi có một số cơ sở hạ tầng cốt lõi được chia sẻ 1200 01:10:44,930 --> 01:10:48,180 được cung cấp giữa các ứng dụng cho những môi trường. 1201 01:10:48,180 --> 01:10:51,200 Vì vậy, những thứ mà bạn đang làm để tạo ra một ứng dụng Windows Store, 1202 01:10:51,200 --> 01:10:57,790 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. 1203 01:10:57,790 --> 01:11:02,270 Đó 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. 1204 01:11:02,270 --> 01:11:06,780 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. 1205 01:11:06,780 --> 01:11:09,920 Nhưng trong điều khoản của các nền tảng khác quá, 1206 01:11:09,920 --> 01:11:13,360 bạn có thể chạy vào nhiều khung nền tảng là tốt. 1207 01:11:13,360 --> 01:11:16,170 Các tin tốt là những thứ mà bạn đang làm ở đây, 1208 01:11:16,170 --> 01:11:19,620 các chức năng cốt lõi là thẳng lên công cụ web tiêu chuẩn. 1209 01:11:19,620 --> 01:11:24,010 Điều duy nhất mà sẽ không dịch dễ dàng là những điều mà Windows 8 có, 1210 01:11:24,010 --> 01:11:28,060 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. 1211 01:11:28,060 --> 01:11:34,090 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. 1212 01:11:34,090 --> 01:11:37,480 Vì vậy, đó là những điều mà bạn sẽ muốn từ góc độ thiết kế 1213 01:11:37,480 --> 01:11:40,820 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, 1214 01:11:40,820 --> 01:11:42,970 "Nếu tôi đang chạy trên này, tôi có thể làm điều đó." 1215 01:11:42,970 --> 01:11:48,120 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. 1216 01:11:48,120 --> 01:11:53,360 Nhưng giữ cho rằng trong tâm trí. Yeah. Xin lôi. Đi trước. 1217 01:11:53,360 --> 01:11:58,130 >> [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] 1218 01:11:58,130 --> 01:12:02,310 [Bowen] Yeah. Tôi bỏ qua một điều nữa quá. Yeah. 1219 01:12:02,310 --> 01:12:04,910 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. 1220 01:12:04,910 --> 01:12:09,220 Chúng tôi có một số máy có sẵn tại địa phương. Tôi xin lỗi. 1221 01:12:09,220 --> 01:12:11,240 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ị 1222 01:12:11,240 --> 01:12:14,230 nếu tôi không xảy ra để có một toàn bộ rất nhiều thứ để lựa chọn? 1223 01:12:14,230 --> 01:12:17,130 [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? 1224 01:12:17,130 --> 01:12:20,940 [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. 1225 01:12:20,940 --> 01:12:25,520 Vì vậy, chắc chắn cho mọi người biết, xin vui lòng. [Cười] >> [Bowen] Awesome. 1226 01:12:25,520 --> 01:12:27,610 Đó 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. 1227 01:12:27,610 --> 01:12:31,250 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 1228 01:12:31,250 --> 01:12:35,110 và bây giờ đến sớm đến các cửa hàng Microsoft hơn ở Pru, 1229 01:12:35,110 --> 01:12:37,010 nhưng Edwin đã đưa về chăm sóc bạn. 1230 01:12:37,010 --> 01:12:42,180 Có 4 gỡ khó cho vay, để thử nghiệm. 1231 01:12:42,180 --> 01:12:45,440 Có chúng tôi đi. Có một ví dụ về một trong những động đó. 1232 01:12:45,440 --> 01:12:47,340 Vì vậy, yeah, hoàn toàn. Tuyệt vời. 1233 01:12:47,340 --> 01:12:52,700 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ị. 1234 01:12:52,700 --> 01:12:56,810 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 1235 01:12:56,810 --> 01:13:01,130 để 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. 1236 01:13:01,130 --> 01:13:10,360 Nếu tôi quay trở lại nơi tôi đã ở đây, ở đây thay vì sử dụng máy địa phương, 1237 01:13:10,360 --> 01:13:13,590 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. 1238 01:13:13,590 --> 01:13:16,830 Mô phỏng là điều mà bạn có thể muốn xem xét. 1239 01:13:16,830 --> 01:13:22,120 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. 1240 01:13:22,120 --> 01:13:26,260 Đây thực sự là hệ thống đang chạy của tôi, chạy Contoso, 1241 01:13:26,260 --> 01:13:29,550 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, 1242 01:13:29,550 --> 01:13:31,060 các thông số môi trường. 1243 01:13:31,060 --> 01:13:34,150 Vì vậy, tôi có thể nói ở đây, "Bạn biết không?" 1244 01:13:34,150 --> 01:13:39,240 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. 1245 01:13:39,240 --> 01:13:44,930 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 1246 01:13:44,930 --> 01:13:47,480 hoặc bằng cách thay đổi các thiết lập DPI hoặc bất cứ điều gì. 1247 01:13:47,480 --> 01:13:50,700 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ì? 1248 01:13:50,700 --> 01:13:53,040 Mà vẫn có vẻ khá tốt, phải không? 1249 01:13:53,040 --> 01:13:58,220 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 1250 01:13:58,220 --> 01:14:00,480 như một phần của quá trình thử nghiệm. 1251 01:14:00,480 --> 01:14:02,400 Và nếu có vấn đề như thế, 1252 01:14:02,400 --> 01:14:06,160 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. 1253 01:14:06,160 --> 01:14:09,240 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 đó. 1254 01:14:09,240 --> 01:14:11,480 Bạn cũng có thể sử dụng các tính năng như quay nó là tốt. 1255 01:14:11,480 --> 01:14:15,650 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 1256 01:14:15,650 --> 01:14:20,970 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 đó. 1257 01:14:20,970 --> 01:14:25,060 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, 1258 01:14:25,060 --> 01:14:27,210 thiết lập GPS. 1259 01:14:27,210 --> 01:14:31,050 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 1260 01:14:31,050 --> 01:14:34,690 khi tôi giả vờ rằng tôi trở lại ở Seattle hoặc một cái gì đó. 1261 01:14:34,690 --> 01:14:41,970 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. 1262 01:14:41,970 --> 01:14:44,460 Vâng. Câu hỏi của bạn. 1263 01:14:44,460 --> 01:14:48,530 >> [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? 1264 01:14:48,530 --> 01:14:55,550 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. 1265 01:14:55,550 --> 01:14:58,380 Nó phụ thuộc. [Cười khúc khích] 1266 01:14:58,380 --> 01:15:06,870 Với JavaScript tôi sẽ nói có lẽ ít hỗ trợ hơn là ở phía bên XAML, 1267 01:15:06,870 --> 01:15:11,430 trong đó có thời gian, có storyboards và những thứ được xây dựng nhập 1268 01:15:11,430 --> 01:15:18,710 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. 1269 01:15:18,710 --> 01:15:25,110 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ý, 1270 01:15:25,110 --> 01:15:29,280 tùy chọn cho các trò chơi JavaScript theo định hướng trên Windows 8. 1271 01:15:29,280 --> 01:15:31,300 Tôi sẽ giới thiệu bạn đến những người. 1272 01:15:31,300 --> 01:15:34,300 Về cơ bản, có rất nhiều sự lựa chọn. 1273 01:15:34,300 --> 01:15:37,770 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. 1274 01:15:37,770 --> 01:15:44,280 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, 1275 01:15:44,280 --> 01:15:47,470 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. 1276 01:15:47,470 --> 01:15:55,790 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 - 1277 01:15:55,790 --> 01:15:59,150 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 1278 01:15:59,150 --> 01:16:01,370 thích tác động hoặc Xây dựng. 1279 01:16:01,370 --> 01:16:07,000 Có xu hướng tạo ra nhiều mã hơn bạn có thể xem xét từ đầu. 1280 01:16:07,000 --> 01:16:11,730 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, 1281 01:16:11,730 --> 01:16:17,480 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 1282 01:16:17,480 --> 01:16:19,930 như tôi đang phát triển trò chơi. 1283 01:16:19,930 --> 01:16:22,110 Tôi đã tốt đặc biệt là với Canvas hình ảnh động, 1284 01:16:22,110 --> 01:16:23,850 đó có lẽ là điều phổ biến nhất. 1285 01:16:23,850 --> 01:16:27,360 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 1286 01:16:27,360 --> 01:16:30,160 và các công cụ dev trong Visual Studio. 1287 01:16:30,160 --> 01:16:34,610 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. 1288 01:16:34,610 --> 01:16:36,470 >> [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ì? 1289 01:16:36,470 --> 01:16:41,100 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ì,? 1290 01:16:41,100 --> 01:16:46,790 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 1291 01:16:46,790 --> 01:16:52,150 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ữ, 1292 01:16:52,150 --> 01:16:54,920 sử dụng lưu trữ dựa trên đám mây. Nó miễn phí. 1293 01:16:54,920 --> 01:16:58,250 Đ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, 1294 01:16:58,250 --> 01:17:03,370 "Chuyển vùng Settings, Lưu, tập hợp các nội dung này," 1295 01:17:03,370 --> 01:17:06,050 và tài khoản Microsoft của họ, bất kể họ đã đăng nhập như, 1296 01:17:06,050 --> 01:17:08,620 sẽ là chìa khóa để chuyển vùng thông tin xung quanh. 1297 01:17:08,620 --> 01:17:13,790 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 1298 01:17:13,790 --> 01:17:18,900 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, 1299 01:17:18,900 --> 01:17:23,610 sẽ tự động đi lang thang mà thiết lập và dữ liệu giữa các máy. 1300 01:17:23,610 --> 01:17:27,550 Đó là một điều mặc định. Đó là tốt cho số tiền nhất định của dữ liệu. 1301 01:17:27,550 --> 01:17:30,220 Bạn sẽ không đặt một cơ sở dữ liệu rất lớn vào những người. 1302 01:17:30,220 --> 01:17:35,350 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, 1303 01:17:35,350 --> 01:17:36,690 những điều như thế. 1304 01:17:36,690 --> 01:17:39,840 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. 1305 01:17:39,840 --> 01:17:42,920 Tôi đã nhìn thấy một số tùy chọn SQLite trong cộng đồng xung quanh có quá. 1306 01:17:42,920 --> 01:17:46,690 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 1307 01:17:46,690 --> 01:17:49,430 cho một trò chơi hoặc một ứng dụng. 1308 01:17:49,430 --> 01:17:50,610 Và bạn đã có một câu hỏi ở phía sau quá. 1309 01:17:50,610 --> 01:18:02,390 >> [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] 1310 01:18:02,390 --> 01:18:04,870 [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ó? 1311 01:18:04,870 --> 01:18:10,630 [Sinh viên] Làm thế nào bạn có thể gỡ lỗi nó [không nghe được] 1312 01:18:10,630 --> 01:18:12,670 Xin lôi. Tôi không thể nghe thấy tất cả. 1313 01:18:12,670 --> 01:18:16,480 [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] 1314 01:18:16,480 --> 01:18:17,490 Tuyệt vời. Tuyệt vời. 1315 01:18:17,490 --> 01:18:21,860 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? 1316 01:18:21,860 --> 01:18:23,620 Có nhiều câu trả lời khác nhau để thế này, 1317 01:18:23,620 --> 01:18:26,420 nhưng hãy để tôi chỉ cho bạn có lẽ là điều đơn giản nhất ở đây. 1318 01:18:26,420 --> 01:18:29,350 Hãy để tôi thoát khỏi sự mô phỏng trong một giây. 1319 01:18:29,350 --> 01:18:31,740 Chỉ cần một vài tùy chọn gỡ lỗi cho mạng. 1320 01:18:31,740 --> 01:18:36,070 Có một ngăn xếp mạng lưới đầy đủ nướng ngay vào cả cấp WinRT và từ WinJS, 1321 01:18:36,070 --> 01:18:42,810 để 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 đó. 1322 01:18:42,810 --> 01:18:47,250 Chủ yếu, tôi có xu hướng sử dụng 2 điều. 1323 01:18:47,250 --> 01:18:53,660 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. 1324 01:18:53,660 --> 01:18:55,870 Hãy để tôi chỉ cho bạn trang chủ Windows. 1325 01:18:55,870 --> 01:19:02,730 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. 1326 01:19:02,730 --> 01:19:08,390 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, 1327 01:19:08,390 --> 01:19:14,550 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 đó. 1328 01:19:14,550 --> 01:19:17,600 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. 1329 01:19:17,600 --> 01:19:20,470 Đố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, 1330 01:19:20,470 --> 01:19:23,970 Tôi sử dụng một công cụ gọi là Fiddler. 1331 01:19:23,970 --> 01:19:29,650 Bạn sẽ có được một trò chơi trong phản ứng. [Cười khúc khích] 1332 01:19:29,650 --> 01:19:32,750 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. 1333 01:19:32,750 --> 01:19:40,190 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 1334 01:19:40,190 --> 01:19:41,740 sẽ GetFiddler. 1335 01:19:41,740 --> 01:19:45,700 Nhưng dù sao đi nữa, Fiddler đã được viết bởi một trong những Thủ tướng trong đội IE, 1336 01:19:45,700 --> 01:19:48,290 vì vậy anh biết mình đang làm gì. 1337 01:19:48,290 --> 01:19:52,630 Đâ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. 1338 01:19:52,630 --> 01:19:55,730 Tôi muốn giới thiệu đó. Câu hỏi trên có quá. 1339 01:19:55,730 --> 01:19:58,050 >> [Sinh viên] Có một cách dễ dàng tích hợp vào ngôn ngữ nước ngoài, 1340 01:19:58,050 --> 01:20:00,810 như Nhật Bản hay Trung Quốc, vào các ứng dụng Windows? 1341 01:20:00,810 --> 01:20:03,240 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 1342 01:20:03,240 --> 01:20:08,470 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 - 1343 01:20:08,470 --> 01:20:11,100 lựa chọn xung quanh toàn cầu hóa, nội địa hóa nội dung, 1344 01:20:11,100 --> 01:20:14,320 bao gồm những thứ như là có thể bán tại các thị trường khác nhau 1345 01:20:14,320 --> 01:20:19,190 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 1346 01:20:19,190 --> 01:20:21,080 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 1347 01:20:21,080 --> 01:20:22,980 Chúng tôi đã hỗ trợ cho rằng cho mãi mãi, 1348 01:20:22,980 --> 01:20:26,630 và mang về phía trước vào lựa chọn của bạn cho Windows Store. 1349 01:20:26,630 --> 01:20:30,450 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, 1350 01:20:30,450 --> 01:20:34,050 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, 1351 01:20:34,050 --> 01:20:42,220 "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 1352 01:20:42,220 --> 01:20:44,510 "Hoặc sử dụng quyền đọc lại." 1353 01:20:44,510 --> 01:20:51,290 Đó là tất cả một phần của WinJS mặc định và WinRT API. Tốt câu hỏi. 1354 01:20:51,290 --> 01:20:54,770 >> Làm thế nào chúng ta làm gì? Bất kỳ những người khác? 1355 01:20:54,770 --> 01:20:58,850 Và nếu có ai trên video có câu hỏi, tôi đang cbowen @ microsoft, 1356 01:20:58,850 --> 01:21:02,790 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. 1357 01:21:02,790 --> 01:21:05,690 Rất - Từ tương lai, tương lai [bắt chước tiếng vang]. 1358 01:21:05,690 --> 01:21:09,140 Vì vậy, đây là tôi. Hãy để tôi đưa trở lại liên lạc của tôi ở đây. 1359 01:21:09,140 --> 01:21:11,840 Vì vậy chỉ cần gửi cho tôi một lưu ý, cbowen @ microsoft, 1360 01:21:11,840 --> 01:21:15,190 và tôi sẽ lấy lại cho bạn ngay khi có thể. 1361 01:21:15,190 --> 01:21:19,010 >> Bất cứ điều gì khác mà bạn đang tự hỏi? Chúng ta tốt? 1362 01:21:19,010 --> 01:21:24,050 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] 1363 01:21:24,800 --> 01:21:27,000 >> [CS50.TV]