1 00:00:00,000 --> 00:00:02,420 [Powered by Google Translate] [세미나 - 윈도우 8 - 앱 / 게임 개발 HTML5로] 2 00:00:02,420 --> 00:00:05,090 [크리스 보웬, 에드윈 Guarin - 하버드 대학] 3 00:00:05,090 --> 00:00:07,350 [이 CS50입니다. - CS50.TV] 4 00:00:07,350 --> 00:00:10,290 >> 안녕하세요, 여러분. 내 이름은 에드윈 Guarin입니다. 이 크리스 보웬입니다. 5 00:00:10,290 --> 00:00:12,310 나는 그 두 번째로 자신을 소개 드리겠습니다. 6 00:00:12,310 --> 00:00:14,100 난 그냥 빨리 발표를하려고합니다. 7 00:00:14,100 --> 00:00:18,340 우선, 당신이 학생 CS50 모두 무료로 윈도우 8을 얻을. 8 00:00:18,340 --> 00:00:23,150 실제로 최종 프로젝트를 위해 그것을 사용하는 방법에 대해 생각하고 있다면, 그것은 당신입니다. 9 00:00:23,150 --> 00:00:25,740 네이트 지침은 나중에 이메일을 보내드립니다. 10 00:00:25,740 --> 00:00:32,850 당신은 당신의 CS50 최종 프로젝트의 윈도우 8 애플리케이션을 작성하기로 결정하는 경우 두 번째 문제이며, 11 00:00:32,850 --> 00:00:35,870 우리는 몇 가지 경품을하고있을 것입니다 : X 박스, 12 00:00:35,870 --> 00:00:38,870 우리는 거리에 같은 물건을 슬레이트를 줄 수 있습니다. 13 00:00:38,870 --> 00:00:42,460 그래서 당신을 다시 들고 뭔가가 있다면, 크리스하자 또는 알 수 14 00:00:42,460 --> 00:00:45,010 우리가 어떻게 당신이 정말 멋진 뭔가를 구축하는 데 도움이 될 수 있습니다. 15 00:00:45,010 --> 00:00:48,580 그래서 덕분에 오늘 다시오고, 그리고에 크리스에 넘겨 있습니다. 16 00:00:48,580 --> 00:00:50,500 >> 에드윈 감사합니다. 17 00:00:51,000 --> 00:00:52,740 감사합니다 여러분, 오늘 저희를 결합하십시오. 18 00:00:52,740 --> 00:00:55,800 크리스 보웬 해요. 여기 북동부에서 에드윈의 동료 중 하나예요. 19 00:00:55,800 --> 00:00:58,310 난 그냥 당신에 대해 얘기 약간의 시간을 보내고 싶어 20 00:00:58,310 --> 00:01:03,730 어떻게 HTML5, 자바 스크립트와 Windows 스토어의 응용 프로그램을 만드는 방법, 및 CSS 21 00:01:03,730 --> 00:01:07,310 그리고 종류의 당신이 그것에 대해 가질 수있는 질문은 당신을 위해 답변을 얻을 22 00:01:07,310 --> 00:01:12,920 당신은 어쩌면 CS50 파이널 기회를 위해 그것을 사용하는 방법에 대한 생각으로 찾고으로. 23 00:01:12,920 --> 00:01:14,980 >> 즉, 말, 우리는 바로 안으로 다이빙을합니다 24 00:01:14,980 --> 00:01:17,190 여기에 슬라이드에 갈거야. 25 00:01:17,190 --> 00:01:19,440 당신은 질문이있는 경우에, 저에게 이메일을 보내 주시기 바랍니다. 26 00:01:19,440 --> 00:01:23,460 나는 cbowen@microsoft.com 해요, 내 블로그 내 트위터가있다. 27 00:01:23,460 --> 00:01:26,330 당신이 저와 연락을하고 싶어하지만, 그건 괜찮아요. 28 00:01:26,330 --> 00:01:30,110 나는 물건을 한 시간 정도있어, 난 길을 따라 귀하의 질문에 싶어 29 00:01:30,110 --> 00:01:33,720 그래서이 기간 동안 질문이있어서 부끄러워하지 않습니다. 30 00:01:33,720 --> 00:01:36,470 그들은 누가의 기록에 대한 질문을하는 것 볼 수 없습니다, 31 00:01:36,470 --> 00:01:39,090 당신이 원하는만큼 당신은 익명으로 할 수 있습니다. 32 00:01:39,090 --> 00:01:42,780 >> 당신에게 윈도우 8에 대한 빠른 소개를주고, 내가 바로 다이빙을하자, 33 00:01:42,780 --> 00:01:47,400 그리고 당신이 고려할 수 있습니다 Windows 스토어 앱에 대한 것들 중 몇 가지를 보여 34 00:01:47,400 --> 00:01:49,530 당신은 응용 프로그램을 개발하는 방법에 대한 생각으로. 35 00:01:49,530 --> 00:01:52,660 우리는 윈도우 8에서 찾고 있습니다. 우리는 지금 몇 주 밖에 있었어. 36 00:01:52,660 --> 00:01:55,810 이미이 강한 채용을 많이합니다. 37 00:01:55,810 --> 00:01:59,800 당신은 우리가 아니라이 지상 기계는 이미 볼 수 있습니다. 38 00:01:59,800 --> 00:02:03,730 여기에 사람에 있다면 실제로 당신이 좀 걸릴 수 있습니다 여기에 하나가있다. 39 00:02:03,730 --> 00:02:07,530 난 정말 할 얘기가 윈도우 8에 대해 조금의 주위에 당신을 보여줍니다. 40 00:02:07,530 --> 00:02:10,759 윈도우 8과 아이디어는, 정말 앞으로 당신이 윈도우에 대해 알고있는 모든 물건을 가져 않습니다 41 00:02:10,759 --> 00:02:16,840 새로운 경험에 - 특히, 가지, 터치 표면의 컴퓨터에 좋아 42 00:02:16,840 --> 00:02:20,000 시장에 지금보다 모바일 장치의 이러한 종류, 43 00:02:20,000 --> 00:02:22,360 그러나 그것의 핵심은 Windows입니다. 44 00:02:22,360 --> 00:02:25,850 그래서, 당신은 윈도우 7을 실행 아무것도 정말 설치 할 수 있음을 의미 45 00:02:25,850 --> 00:02:30,770 노트북에 이르기까지 가장 큰 트리플 SLI의 게임 장비에서 46 00:02:30,770 --> 00:02:36,200 당신의 빛나는 새로운 다른 장치에 오늘은 데리러 그. 47 00:02:36,200 --> 00:02:38,450 그들은 윈도우 8을 실행합니다. 48 00:02:38,450 --> 00:02:40,530 내가 당신에게 조금 주위에 보여줄 것, 49 00:02:40,530 --> 00:02:44,670 당신은 여기에서 볼 수있는 모든 경험을 만들 수있는 것들입니다. 50 00:02:44,670 --> 00:02:47,760 아이디어는 터치, 마우스, 키보드의 여부이다, 51 00:02:47,760 --> 00:02:51,870 장치 응용 프로그램을 실행하고 있는지 무엇이든, 그것은 훌륭한 실행하는 것입니다. 52 00:02:51,870 --> 00:02:55,180 윈도우 8은 이러한 모든 시나리오에 도움이 될 것입니다. 53 00:02:55,180 --> 00:02:59,600 >> 옆이 슬라이드는, 그냥 바로 여기서 살펴 본다으로하세요. 54 00:02:59,600 --> 00:03:03,270 내 홈 화면을 보여 드리죠. 이것은 내 시작 화면입니다. 55 00:03:03,270 --> 00:03:05,810 난 그냥 당신이 여기에 여행을 조금 줄 것이다. 56 00:03:05,810 --> 00:03:09,610 나는 너무 많은 내 노트북​​ 화면을 터치 원하는대로, 비 터치 시스템에있어 57 00:03:09,610 --> 00:03:13,400 그것은 일을하지 않을 것이다, 그래서 난 그냥 여기에 조금의 주위에 스크롤을 보여 드리겠습니다. 58 00:03:13,400 --> 00:03:17,950 당신이 알 수있는 몇 가지 일들이이 라이브 타일이라는 것을 사실이다 59 00:03:17,950 --> 00:03:21,470 실제로 애니메이션을 적용 할 수 있습니다, 그들은 당신에게 정보를 제공 할 수 있습니다 - 60 00:03:21,470 --> 00:03:24,750 게임에 대한 통계에 아마 업데이트 61 00:03:24,750 --> 00:03:30,970 또는 당신이 왼쪽에 위치 이전의 애플 리케이션의 일부에서 뉴스를 보여줍니다. 62 00:03:30,970 --> 00:03:35,350 거기 우리는 간다. 나는 양의와 환상적으로 좋은 소식 확신합니다. 63 00:03:35,350 --> 00:03:38,450 당신은 정말 말을 다시 응용 프로그램에 당신의주의를 부르고 여기에서 볼 수 있습니다, 64 00:03:38,450 --> 00:03:43,010 "이봐, 새로운 무언가가 여기에있다.보세요. 다시 와서 당신을 위해 새로운 기능을 참조하십시오." 65 00:03:43,010 --> 00:03:45,320 즉 라이브 타일이라고, 당신은 통지를 할 수있다 66 00:03:45,320 --> 00:03:47,070 응용 프로그램 자체에서 바로 하나 67 00:03:47,070 --> 00:03:52,220 좀 더 자세히 살펴 경우 또는, 당신은 원격 서비스를 작성하는 방법에 대해 알아 보겠습니다 68 00:03:52,220 --> 00:03:54,340 즉, 실제로 타일에 정보를 푸시 할 수 있습니다, 69 00:03:54,340 --> 00:03:56,520 이는이 뉴스 앱에 무슨 일이 일어나고 있습니다. 70 00:03:56,520 --> 00:04:00,080 그들은 실제로 거기 클라우드에서 뉴스를 얻고 타일을 업데이트하고 71 00:04:00,080 --> 00:04:03,710 그래서 사람들은 응용 프로그램을 열고 살펴하는 이유가 알고 72 00:04:03,710 --> 00:04:06,950 무엇에 대한 최신 뉴스는 이들 중입니다 73 00:04:06,950 --> 00:04:10,060 또는 새로운 조리법 또는 이길 수있는 새로운 높은 점수가 있다면 74 00:04:10,060 --> 00:04:13,560 또는 이러한 응용 프로그램의 친구 재생 또는 무엇이든. 75 00:04:13,560 --> 00:04:15,550 그것은 높은 평가를 유도하는 뭔가 76 00:04:15,550 --> 00:04:18,640 그래서 그 라이브 타일인데, 그 사람이 될 수있는, 그것뿐만 아니라 웹 사이트 일 수있다. 77 00:04:18,640 --> 00:04:20,790 보통은 응용 프로그램의. 78 00:04:20,790 --> 00:04:25,320 >> 거의 여기가 이런 것들을 모두 Windows 스토어에서왔다. 그를 시작합니다. 79 00:04:25,320 --> 00:04:27,890 그것은 당신이 기본적으로 얻을 수있는 응용 프로그램 중 하나입니다 80 00:04:27,890 --> 00:04:30,350 윈도우 8을 실행중인 모든 컴퓨터에. 81 00:04:30,350 --> 00:04:33,040 당신은 당신이 원하는 것 무엇이든을 찾기 위해 여기에 올 수있다, 82 00:04:33,040 --> 00:04:37,240 내가 전에 보지 못한 게임에 강조 것들에서. 83 00:04:37,240 --> 00:04:39,440 오, 와우, 우리는 여기에서 새로운 핀볼 있어요. 84 00:04:39,440 --> 00:04:41,580 당신은 매장에서 바로 여기에이를 설치할 수 있습니다, 85 00:04:41,580 --> 00:04:43,420 우리는 이것들을 개발하는 방법에 대해 이야기 할 것입니다. 86 00:04:43,420 --> 00:04:45,670 당신은 당신이 그들을 만드는 방법에 많은 선택이있다. 87 00:04:45,670 --> 00:04:49,020 우리는 HTML과 CSS와 자바 스크립트의 이야기에 초점을 맞추겠습니다, 88 00:04:49,020 --> 00:04:52,790 하지만 사용자에게 응용 프로그램의 구매자에게, 그것은이 안으로 작성되었습니다 중요하지 않습니다 89 00:04:52,790 --> 00:04:54,670 그들은 가서 작업 할 수 있습니다. 90 00:04:54,670 --> 00:04:57,870 나는이 일에 관심이 있어요, 그래서 나는이를 열고 살펴해야합니다. 91 00:04:57,870 --> 00:05:02,310 당신이 제출하고 판매하거나 무료로 멀리 줄 수있는 사람을 포함하여 모든 응용 프로그램, 92 00:05:02,310 --> 00:05:06,240 당신이 가게에서하고 싶은대로,이 같은 홈 페이지를 얻을 것이다. 93 00:05:06,240 --> 00:05:10,750 당신은 응용 프로그램의 스크린 샷의 무리와 함께 제출할 수 있습니다 - 만약 당신이 여기에 몇 가지를 참조하십시오 - 94 00:05:10,750 --> 00:05:15,970 응용 프로그램에 대한 자세한 내용은, 시간이 지남에 당신은 둘 등급을 축적합니다 - 95 00:05:15,970 --> 00:05:19,020 , 리뷰 - 그들은 기본적으로 그냥 등급입니다 96 00:05:19,020 --> 00:05:20,690 좀 더 통찰력을 제공한다. 97 00:05:20,690 --> 00:05:24,380 사실, 누군가가 뭔가를 입력하고 당신이 얼마나 멋진 당신에게있다 98 00:05:24,380 --> 00:05:29,300 그리고 그게 내가 못 봤어하는, 여기에 당신의 리뷰 섹션으로 이동합니다. 99 00:05:29,300 --> 00:05:33,890 환상적인. "열리지 않을 것이다." 얼마나 좋은가. 100 00:05:33,890 --> 00:05:39,000 음,이 오픈하고 실행 한 사람에 대해 사람들을 위해, 그들은 정말 그것을 즐길 수있는 것 같습니다. [웃음] 101 00:05:39,000 --> 00:05:43,770 이 점을 염두에 두십시오. 인터넷. 사람은 그들이 당신의 응용 프로그램에 대해 원하는 것을 말할 수 있습니다. 102 00:05:43,770 --> 00:05:45,780 그래서 당신이 그것으로 좋은 일을하고 있는지 확인하십시오, 103 00:05:45,780 --> 00:05:49,030 당신은 당신이 할 수있는 사용자가 아니라 편안하게하고 있는지 확인 104 00:05:49,030 --> 00:05:52,720 그들은 부부가 떨어져 리뷰를 제공에서 클릭이기 때문에, 105 00:05:52,720 --> 00:05:55,870 그것은 당신의 전반적인 검토 평가까지 누적됩니다. 106 00:05:55,870 --> 00:05:58,990 당신이 다른 응용 프로그램에 대한 될 것입니다 때문에 당신은 당신의 최선을 다하려고합니다. 107 00:05:58,990 --> 00:06:01,830 이미 저장소에 응용 프로그램의 수천이있을 것입니다, 108 00:06:01,830 --> 00:06:06,880 그리고 기회는 당신이 무슨 일을하는지와 비슷한 기능을 수행 무언가가있을 수 있습니다. 109 00:06:06,880 --> 00:06:12,740 당신이 정말로 군중에서 밖으로 서 할 수 있다면, 그것은 물론, 당신의 이점에있을거야. 110 00:06:12,740 --> 00:06:15,300 >> 우리는 조금 나중에 가게에 얻을 것이다. 111 00:06:15,300 --> 00:06:17,090 난 정말 애플 리케이션을 만드는 방법에 초점을 맞추고 자. 112 00:06:17,090 --> 00:06:20,760 하지만 그 가게의 짧은 버전은 전 세계적으로 분포, 113 00:06:20,760 --> 00:06:25,430 자동으로 윈도우 8의 일부 사람들은, 그냥 불 여기에 다양한 응용 프로그램을 살펴 114 00:06:25,430 --> 00:06:29,070 당신은 드레스 업 스티커 도서 및 각종 응용 프로그램의 모든 종류가있다. 115 00:06:29,070 --> 00:06:33,690 가난하지만, 나는 그것을 많이 사용 - 신선한 페인트, 나는이 많이 사용합니다. 116 00:06:33,690 --> 00:06:36,080 그것은 이미 그것을 소유 저를 보여주는 것. 117 00:06:36,080 --> 00:06:41,280 내가 당신에게 내가 가지고 있지 않은 뭔가를 보여 드리겠습니다 - UVideos 나는 새로운으로하지 않습니다. 118 00:06:41,280 --> 00:06:43,660 당신은 무료 여기를 참조하십시오, 그래서 당신은 바로 매장에서 설치할 수 있습니다. 119 00:06:43,660 --> 00:06:46,430 당신은 선택이있다. 당신은 물론 멀리 줄 수 있습니다. 120 00:06:46,430 --> 00:06:49,660 당신은 응용 프로그램이나 게임에 광고를 넣을 수 있습니다. 121 00:06:49,660 --> 00:06:54,770 당신은 또한 청구 할 수있다, 당신은 쉽게뿐만 아니라 응용 프로그램의 평가판을 제공 할 수있다 122 00:06:54,770 --> 00:06:58,220 그래서 당신은 사람들이 일주일 또는 무엇이든 당신이 원하는 그것을 시도 할 수 있습니다. 123 00:06:58,220 --> 00:07:01,540 즉, 포털을 통해 단지 사용자 정의 할 수 있습니다. 당신은 그것을위한 코드를 작성하지 않습니다. 124 00:07:01,540 --> 00:07:03,990 그래서 당신은 "당신은 일주일 동안이 사용할 수하고 당신이 그것을 살 수있어"라고 125 00:07:03,990 --> 00:07:07,130 또는 당신은 당신이이 게임의 처음 3 레벨을 플레이 할 수 있습니다 "와 같은 일을 할 수있어 126 00:07:07,130 --> 00:07:09,820 "그리고 당신은 나머지에 액세스 할 수 구입할 수있어." 127 00:07:09,820 --> 00:07:12,310 당신이 말할 수있는, 그래서 당신은,뿐만 아니라, 인 - 앱 구매를 할 수있는 128 00:07:12,310 --> 00:07:17,880 "우리는 추가 모험 또는 잠금이 해제되는 그래픽이나 사물의 집합을 가지고있다 - 129 00:07:17,880 --> 00:07:21,430 "잠금이 해제되어 더 레시피 -. 당신은 이러한 확장 세트를 구매하는 경우" 130 00:07:21,430 --> 00:07:24,260 그리고 당신은 모든 응용 프로그램 또는 게임 자체 내에서 해당 작업을 수행 할 수 있습니다. 131 00:07:24,260 --> 00:07:26,070 그래서, 완전히 당신까지, 당신의 선택. 132 00:07:26,070 --> 00:07:28,070 당신이 가게에서 할 수있는 일들이 많이,있다 133 00:07:28,070 --> 00:07:31,660 다음 기본적으로는 인증 채널에 제출하고 있습니다. 134 00:07:31,660 --> 00:07:35,380 우리는 나중에 그 조금에 대한 모든 이야기를 할 수 있지만,이 목표입니다. 135 00:07:35,380 --> 00:07:40,410 현재 매장에서 앱 세계적으로 시야를 얻으려면. 136 00:07:40,410 --> 00:07:44,170 >> 여기로 시작 화면에서, 나는 조금 더 주변을 보여 드리겠습니다. 137 00:07:44,170 --> 00:07:50,580 나는이 응용 프로그램을 실행하는 경우, 내가 당신에게 몇 가지 상호 응용 프로그램 기능의 예를 여기에 제공 할 수 있습니다. 138 00:07:50,580 --> 00:07:53,070 이를 위해, 나는 신선한 페인트를 시작합니다. 139 00:07:53,070 --> 00:07:55,550 여기에서 볼 수 있습니다 한가지는 화면의 모든 단일 비트입니다, 140 00:07:55,550 --> 00:07:58,040 화면의 모든 픽셀은, 귀하의 응용 프로그램으로 이동합니다. 141 00:07:58,040 --> 00:08:01,990 사라는 창문 주위에있는 테두리를 가지고 일합니다 142 00:08:01,990 --> 00:08:05,120 항상 공간에 모든 시간을이 차지하는 버튼의 많은. 143 00:08:05,120 --> 00:08:09,430 지금 당신은 정말 비켜하려는 당신의 콘텐츠가 초점이 될 수 있습니다. 144 00:08:09,430 --> 00:08:13,710 우리는 다른 종류의 메뉴에 액세스하여 Windows와 함께 일을 할 수있다. 145 00:08:13,710 --> 00:08:16,840 그 중 하나는, 매력 바라는 것을 실제로 146 00:08:16,840 --> 00:08:18,870 그리고 화면 측으로부터 나온다. 147 00:08:18,870 --> 00:08:21,270 당신은 터치 스크린이있는 경우에 당신은 실제로 옆에서 가볍게 할 수 있습니다 148 00:08:21,270 --> 00:08:24,840 당신이 바로, 당신은 마우스를 사용하는 경우, 그것을위한 키보드 단축키가의 클릭 수 149 00:08:24,840 --> 00:08:29,490 여기에 환경에서 작업을 수행하는 하나 이상의 방법은 항상있다. 150 00:08:29,490 --> 00:08:31,680 그게 당신이 할 수있는 일의 번호를 제공합니다. 151 00:08:31,680 --> 00:08:33,870 가장 눈에 띄는, 당신은 시작 화면으로 돌아갈 수 있습니다 152 00:08:33,870 --> 00:08:36,780 그러나 다른 4 매력이라고 무엇입니까. 153 00:08:36,780 --> 00:08:41,059 그들은 당신이 응용 프로그램 개발자에 연결할 수있는 계약이다. 그들은 정말 멋진 일입니다. 154 00:08:41,059 --> 00:08:43,340 검색, 그게 당신이 할 것입니다 뭔가 확신, 155 00:08:43,340 --> 00:08:44,950 나는 초에 보여주지 공유 156 00:08:44,950 --> 00:08:48,450 및 장치 및 설정, 이러한 모든 앱이에 연결할 수있는 것들 157 00:08:48,450 --> 00:08:51,960 Windows를 활용하여, 말, "내가 할 일은 다했다 158 00:08:51,960 --> 00:08:54,700 "나는 Windows가 다른 기능을 지원하려면, 159 00:08:54,700 --> 00:08:56,750 "나는 그렇게하기 위해 많은 코드를 작성하지 않습니다." 160 00:08:56,750 --> 00:08:59,480 정말 이러한 기능을 사용하는 혜택이다. 161 00:08:59,480 --> 00:09:01,340 내가 당신에게 하나를 보여 드리겠습니다. 162 00:09:01,340 --> 00:09:05,170 이를 위해, 나는 새로운 그림을 만들 수 있습니다. 163 00:09:05,170 --> 00:09:08,240 또한 앱에 대한 모든 픽셀을 사용하는 방법에 대해 이야기했다. 164 00:09:08,240 --> 00:09:11,850 기본적으로이 페인트 응용 프로그램은 당신이 그것을 사용할 때의 모습입니다. 165 00:09:11,850 --> 00:09:14,960 그것은 당신이 그리는 무엇 이건에 대해 정말 귀하의 콘텐츠입니다. 166 00:09:14,960 --> 00:09:20,850 여기 끔찍한 일을 할 수 있습니다. 나는 무엇을 그릴 것인가? 모르겠어요. 167 00:09:20,850 --> 00:09:23,110 낙서? 오, 이런. 나는 낙서를 할 수 있습니다. 환상적인. 168 00:09:23,110 --> 00:09:25,130 칠면조? [웃음] 169 00:09:25,130 --> 00:09:28,500 이것은 당신이 볼 가장 추상적 인 칠면조입니다. 170 00:09:28,500 --> 00:09:31,780 또한, 앱 바라는 것을 가져올 수 있습니다 171 00:09:31,780 --> 00:09:33,850 이 정말 사용할 수있는 주요 방법 중 하나입니다 172 00:09:33,850 --> 00:09:37,210 앱 또는 게임 이전에 있었다 수있는 모든 물건을 멀리 숨길 수 173 00:09:37,210 --> 00:09:39,570 다만 공간이 모든 시간을 차지. 174 00:09:39,570 --> 00:09:43,270 그래서 지금 당신은 여기를 넣을 수 있습니다, 이것은 정말 더 아름다운 경험 중 하나입니다 175 00:09:43,270 --> 00:09:46,380 내가 본 응용 프로그램 바. 176 00:09:46,380 --> 00:09:48,800 다른 색상을 선택 여기를 선택했습니다. 177 00:09:48,800 --> 00:09:54,310 우리는 터키를 원했다, 그래서 우리는 몇 가지의 색상 혼합을 시작, 여기에 약간의 갈색을 넣을 수 있습니다. 178 00:09:54,310 --> 00:09:58,790 우리는 여기에 중간 색상을하고 여기에 다시 얻을 수 있습니다. 179 00:09:58,790 --> 00:10:02,990 당신은 그림을 시작할 수 있습니다. 당신의 칠면조가있다. 환상적인. 180 00:10:02,990 --> 00:10:07,660 I로 시작하는 그릴,하지만 청중 앞에서의 터치 패드와 함께 할 것이 더 낫다조차 할 수 없습니다. 181 00:10:07,660 --> 00:10:09,640 이 굉장합니다. 182 00:10:09,640 --> 00:10:13,030 아이디어는, 그러나, 나는 표면에 바로 여기에 관한 관심이 전부입니다. 183 00:10:13,030 --> 00:10:17,060 이제 내가 누군가와 함께 공유 할 수있어 그이에 아주 만족 해요 가정 해 봅시다. 184 00:10:17,060 --> 00:10:19,680 일반적으로 당신이 다른 Windows 버전과 함께 할 것입니다, 185 00:10:19,680 --> 00:10:22,900 당신은 어쩌면 스크린 샷을 걸릴 것이다, 당신은 당신의 일부 텍스트 복사 - 붙여 넣기를 할 것 186 00:10:22,900 --> 00:10:24,950 또는 당신이 밖으로 공유 할 그런 것, 187 00:10:24,950 --> 00:10:27,260 다음 이동 및 다른 응용 프로그램을 열고에 넣어. 188 00:10:27,260 --> 00:10:28,630 여기에 당신은 그렇게 할 필요가 없습니다. 189 00:10:28,630 --> 00:10:32,400 당신은 실제로 매력 줄을 가져오고, 말할 수 있습니다 "나는이 공유하고 싶습니다." 190 00:10:32,400 --> 00:10:35,000 이 시점에서 그것은 당신에게 모든 애플 리케이션을 보여 것 191 00:10:35,000 --> 00:10:38,080 즉, 공유되고 어떤 작업하는 방법을 알고있다. 192 00:10:38,080 --> 00:10:41,590 이 경우 그림, 그래서 그것은 말할거야 "나는 당신이 사진을 가지고 참조하십시오." 193 00:10:41,590 --> 00:10:45,590 "당신은 공유 하시겠습니까?" 당신은 나 자신의 모든 시간을 채운다 이메일 볼 수 있습니다. 194 00:10:45,590 --> 00:10:49,420 그것은 그 인식, 그리고 그 바로 가기로, 저를 제공하는 것 195 00:10:49,420 --> 00:10:53,270 그러나 그것은 또한 나에게 사진 촬영을 처리하는 방법을 알고있는 모든 응용 프로그램을 표시하는 것 196 00:10:53,270 --> 00:10:55,520 그것으로 뭔가를하고. 197 00:10:55,520 --> 00:10:57,890 이들은 모두가 그렇게 할 수있는 윈도우에 표시했다. 198 00:10:57,890 --> 00:10:59,240 이 시점에서이은 Windows입니다. 199 00:10:59,240 --> 00:11:01,680 사용자는 단지 그들이 그것으로 수행 할 작업을 선택합니다. 200 00:11:01,680 --> 00:11:06,610 나는 PuzzleTouch의 평소을 다하겠습니다. 당신은 내가 시간이 지남에 따라 퍼즐의 모든 종류를 만들었습니다 볼 수 있습니다. 201 00:11:06,610 --> 00:11:11,790 나는 PuzzleTouch을 가지고 말할 수 있습니다 "나는 PuzzleTouch으로이 놀라운 창조를 공유하고 싶습니다." 202 00:11:11,790 --> 00:11:16,670 그것은 가서 말할 것 "중대한. 당신은? 우수함이 공유하고 싶습니다." 203 00:11:16,670 --> 00:11:19,260 "당신은, 중간, 쉽게 퍼즐을 만들려면 무엇 이건?" 204 00:11:19,260 --> 00:11:20,800 여기 중간 하나를 만들 수 있습니다. 205 00:11:20,800 --> 00:11:24,890 그것은 퍼즐을 만든다. 그것은 주로 빈이기 때문에 그것은 끔찍한 퍼즐이 될 것. 206 00:11:24,890 --> 00:11:28,100 그러나 준비하고, 다시 다른 응용 프로그램에서 실제로입니다. 207 00:11:28,100 --> 00:11:32,360 내가 여기에 가게되면, 그것을 위해 검색을 시작할 수 있습니다. 208 00:11:32,360 --> 00:11:38,100 우리가 여기서 조금 이상 이동하면, 이제, 우리는 어딘가에 내 생성을 볼 수 있습니다. 209 00:11:38,100 --> 00:11:42,930 나는 어디로 갔을까요? 나는 퍼즐의 종류를 확인 했습니까? 나는 쉽게 했습니까? 210 00:11:42,930 --> 00:11:46,110 아, 거기가 바로 거기에있다. 211 00:11:46,110 --> 00:11:49,550 아직도, 그것은 여기에 쉽게 알아볼 터키 퍼즐입니다. 212 00:11:49,550 --> 00:11:52,360 그러나 나는 당신에게 지적하고 싶은 것은, 여기에 좋은 점 213 00:11:52,360 --> 00:11:54,710 응용 프로그램은 서로에 대해 아무것도 몰랐됩니다. 214 00:11:54,710 --> 00:11:58,740 그들은 단지 "나는 공유 할 수있는 사진을 가지고, 내가 사진을 처리하는 방법을 알고있다"고 말했다. 215 00:11:58,740 --> 00:12:01,420 그리고 개발자로서 당신은, 당신은 코드를 작성할 필요가 없습니다. 216 00:12:01,420 --> 00:12:05,350 사람이 공유하는 저를 요청하면,이 작은 데이터 구조에 몇 가지 데이터를 넣을거야 217 00:12:05,350 --> 00:12:06,740 나는, 됐습니다. 218 00:12:06,740 --> 00:12:10,990 다른 응용 프로그램은, 인계의 일을하고, 그 경험을 공유의 끝. 219 00:12:10,990 --> 00:12:14,550 정말, 정말 강력한 - 즉, 당신이 할 수있는 한 가지입니다 - 220 00:12:14,550 --> 00:12:17,570 그것은 정말로 앱을 차별화 할 수있는 것들 중 하나가 될 것 221 00:12:17,570 --> 00:12:20,090 또한 상점에​​서 너무 게임. 222 00:12:20,090 --> 00:12:22,220 사람들은 말 할 수있을거야 "이것은 정말 유용합니다." 223 00:12:22,220 --> 00:12:25,430 "나는이 퍼즐 작성자에게 모든 시간을 사용합니다. 환상적이다." 224 00:12:25,430 --> 00:12:30,490 >> 즉, 여기에서 무슨 일이 일어나고 있는지에 대한 간략한 개요에 대한 충분합니다. 225 00:12:30,490 --> 00:12:33,670 우리는 코드를 통해 이동과 같은 다른 기능도 어쩌면 우리가 강조 표시됩니다 몇 가지가있다. 226 00:12:33,670 --> 00:12:37,710 하지만 슬라이드에 다이빙을하고, 그렇게하고 싶은, 내가 바탕 화면으로 갈거야 227 00:12:37,710 --> 00:12:40,940 하는 자체가 여기에 또 다른 라이브 타일입니다. 228 00:12:40,940 --> 00:12:43,840 내가 과연이로 갈 수 있습니다, 나는 나의 슬라이드에있어 229 00:12:43,840 --> 00:12:46,320 하지만 우리가 어디 있는지 실제로 보여 드리겠습니다. 230 00:12:46,320 --> 00:12:48,460 우리는 바탕 화면 모드에서 실제로입니다. 231 00:12:48,460 --> 00:12:52,580 이건 정말 어디 Windows가 이월에 대해 이전에 한 말 232 00:12:52,580 --> 00:12:54,850 새로운 경험에 자신을 보여줍니다. 233 00:12:54,850 --> 00:12:56,450 이것은 당신이 알고있는 윈도우입니다. 234 00:12:56,450 --> 00:12:59,730 Windows 응용 프로그램은 데스크톱 응용 프로그램이라고합니다. 그들은 여기에서 실행합니다. 235 00:12:59,730 --> 00:13:02,730 당신이 애플 리케이션을 기존이있는 경우, 윈도우 8을 실행하려면 236 00:13:02,730 --> 00:13:04,710 당신은 절대적으로 그 작업을 수행 할 수 있습니다. 237 00:13:04,710 --> 00:13:07,590 이들은 여기에 있습니다 저장소 응용 프로그램과 동일한 것이 아닙니다 238 00:13:07,590 --> 00:13:12,240 신선한 페인트 이러한 NBC 뉴스의 앱과 같은 것들이있다. 사람들은 매장에서 올 것이다. 239 00:13:12,240 --> 00:13:14,450 그들은 내가 당신에게 보여주는 된 기능 중 일부에 연결할 수 240 00:13:14,450 --> 00:13:16,620 난 아직 당신을 표시하지 않은 사람. 241 00:13:16,620 --> 00:13:21,460 그러나 다만 명심. 우리는뿐만 아니라 이러한 것들을 모두 지원합니다. 242 00:13:21,460 --> 00:13:27,000 미안 해요. 뭔가 화면에 표시되지 않는 이유는 무엇입니까? 나는 완전히 잃었습니다. 이상 하군요. 243 00:13:29,000 --> 00:13:31,000 좋아요. 그 밖에 지적 주셔서 감사합니다. 244 00:13:31,000 --> 00:13:34,770 당신이 잠시 동안보고하지 않은 것은 내 바탕 화면이 여기에 있음을 보여주고있다. 245 00:13:34,770 --> 00:13:37,540 당신이 마지막으로 본 것은 무엇입니까? 당신이 봤어? 246 00:13:37,540 --> 00:13:39,490 이 바탕 화면입니다. 당신은 이미 어떻게 생겼는지. 247 00:13:39,490 --> 00:13:42,070 그것은 정말 이상한 아무것도 없습니다. 248 00:13:42,070 --> 00:13:46,940 그것은 우리가 당신을 위해 앞으로 그 경험을 운반하고 당신이 가지고 있던 물건을 사용시키는 것. 249 00:13:46,940 --> 00:13:50,460 예를 들어, 내가 당신에게 Visual Studio를 표시 할 수 있습니다. 즉, 데스크톱 응용 프로그램입니다. 250 00:13:50,460 --> 00:13:52,600 그것은이 모드에서 실행하는 것입니다. 251 00:13:52,600 --> 00:13:54,960 이는보다 복잡한 환경에 대응할 것 252 00:13:54,960 --> 00:14:01,470 옵션과 같은 많은 것, 그래서으로는 데스크톱 응용 프로그램과 같은 좋은 옵션이 있습니다. 253 00:14:01,470 --> 00:14:04,810 >> 즉, 말, 그냥 조금을 위해 슬라이드에 가자 254 00:14:04,810 --> 00:14:09,720 당신에게 몇 가지 소개 내용을 제공하고 여기에 실제로 코딩에 들어가. 255 00:14:09,720 --> 00:14:14,070 좋은 소식은 당신이 CSS와 자바 스크립트, HTML의 많은에 초점을 맞추고있어 들었어요입니다. 256 00:14:14,070 --> 00:14:18,110 당신이 Windows 스토어의 앱을 만들기로 직접 휴대 배운 건데, 그 모든 것들. 257 00:14:18,110 --> 00:14:22,920 당신은 CSS 셀렉터 모든 것들을 적용에 대해 들었어요 것들 258 00:14:22,920 --> 00:14:27,180 매장 여기를 사용하여 응용 프로그램을 만들려면 똑같이 것입니다. 259 00:14:27,180 --> 00:14:29,640 우리는 비트에 의해 이런 일 비트를 통해 이동합니다. 260 00:14:29,640 --> 00:14:34,130 기본적으로, 나는 당신이 이미 배울 수있는 시간을 촬영 한 물건에 짓고 있어요. 261 00:14:34,130 --> 00:14:36,520 이것은 당신이 사용할 수있는 기술의 전반적인 차트 262 00:14:36,520 --> 00:14:38,790 윈도우 8 용 응용 프로그램을 만들 수 있습니다. 263 00:14:38,790 --> 00:14:42,840 오른쪽, 데스크톱 응용 프로그램에 물건을 우리가 이미 알고 정말. 264 00:14:42,840 --> 00:14:46,840 정말 윈도우 8에 이월 윈도우 7 세계입니다 물건입니다. 265 00:14:46,840 --> 00:14:51,920 이러한 옵션은 모두 이월 : C의 #, VB, 개발의 Win32 종류. 266 00:14:51,920 --> 00:14:54,450 좋아요. 문제 없어요. 새로운 물건이 왼쪽에있다. 267 00:14:54,450 --> 00:14:58,220 그게 내가 내 응용 프로그램이 윈도우 8에 유선 얻을하려는 경우 그건, Windows 스토어 앱의 268 00:14:58,220 --> 00:15:02,300 이러한 모든 기능을 사용하면, 가게에 그것을 얻을, 그리고 정말 멋진 경험을 269 00:15:02,300 --> 00:15:05,260 Windows 스토어의 응용 프로그램. 270 00:15:05,260 --> 00:15:10,350 이를 위해, 당신은 당신이 XAML 모든 선택 사항을 가지고있어 여기에서 볼 수 있습니다, C + +, 271 00:15:10,350 --> 00:15:14,100 C의 #, VB, 당신의 DirectX를 할 수있는, 그런 것, 슬라이드 넘어 가지. 272 00:15:14,100 --> 00:15:18,650 그러나 우리를 위해, 우리는 사실에 오른쪽 초점을거야 그 HTML, CSS, 그리고 자바 스크립트 273 00:15:18,650 --> 00:15:22,890 윈도우 8 용 응용 프로그램을 만들기위한 정말 일류 시민 274 00:15:22,890 --> 00:15:24,960 및 윈도우 스토어. 275 00:15:24,960 --> 00:15:27,950 그래서이 모두 여기와 비디오를 보는 사람들을 위해 좋다 276 00:15:27,950 --> 00:15:30,760 당신은 당신이 가진 그 모든 경험을 활용할 수 있기 때문에 277 00:15:30,760 --> 00:15:33,900 정말 윈도우가 제공하는 무엇으로 넥타이. 278 00:15:33,900 --> 00:15:37,870 당신은 놀라운 일이 아니다 API 세트를 통해 그렇게 할 것입니다. 279 00:15:37,870 --> 00:15:39,920 모든 OS는 자신의 API를 가지고 있습니다. 280 00:15:39,920 --> 00:15:43,530 우리는 Windows가 WinRT라는 것을 통해 무엇을 할 수 있는지에 노출. 281 00:15:43,530 --> 00:15:46,370 그것은 당신을 위해 모든 작업을 수행하는 API 집합입니다. 282 00:15:46,370 --> 00:15:51,650 당신이 파일을 열 필요가있는 경우에, 당신은 카메라, 위치 정보, 같은 물건을 사용할 필요가, 283 00:15:51,650 --> 00:15:55,700 그들은 Windows가 당신에게 무엇을 제공 할 수있는을 통해 이동합니다. 284 00:15:55,700 --> 00:15:59,370 그 액세스하려면, 우리는 더욱 쉽게 만들려고 좀 더 자바 스크립트가 285 00:15:59,370 --> 00:16:02,510 당신이하는 질문에. 우리는 순간에 그 얻을 수 있습니다. 286 00:16:02,510 --> 00:16:04,060 하지만 지금은 그 기본적 로드맵이다. 287 00:16:04,060 --> 00:16:06,770 이미 일부 API를 위에해온 것들 288 00:16:06,770 --> 00:16:11,280 당신이 윈도우에서 작동하는지 도움 매장 응용 프로그램을 동일합니다. 289 00:16:11,280 --> 00:16:14,210 그리고 정말 당신이 높은 수준에서 알 필요가 전부 야. 290 00:16:14,210 --> 00:16:17,370 >> 우리는 실제로 지금 물건 작업에 뛰어들 수 있습니다. 291 00:16:18,940 --> 00:16:21,950 당신은 아마 이미 한 무리를 본 적이 것들 292 00:16:21,950 --> 00:16:26,760 IE9으로 잠시 돌아 우리는 시간에 많은 지원을 도입 293 00:16:26,760 --> 00:16:30,340 새로운 웹의 표준, 그래서 새로운 CSS의 기능을 많이, 294 00:16:30,340 --> 00:16:34,380 정말 자바 스크립트입니다 새 HTML, ECMA 스크립트 5, 많이. 295 00:16:34,380 --> 00:16:38,090 그래서 엄격 모드를 제외하고이에 대한 모든 IE9에 있었다. 296 00:16:38,090 --> 00:16:42,290 CSS와 함께 물건을 그냥 톤, CSS3, 모두 거기에. 297 00:16:42,290 --> 00:16:45,300 그리고이 모든 것들은 우리가 윈도우 8과 함께 무슨 일을하는지에 앞으로 수행한다. 298 00:16:45,300 --> 00:16:49,350 당신은이 일을 사용할 수 있습니다, 당신은 IE10의 새로운 모든 것을 사용할 수 있습니다. 299 00:16:49,350 --> 00:16:54,640 IE10으로 우리는 물론이 모든 지원을 소개합니다. 300 00:16:54,640 --> 00:16:59,340 그들이있어 모든 하드웨어 가속, 그래서 당신은 GPU의 어떤 종류가있는 시스템에 있다면, 301 00:16:59,340 --> 00:17:04,190 이는 아마 거의 과거 팔년에 접근 할 수있는 기계이다, 302 00:17:04,190 --> 00:17:07,609 당신은 하드웨어 가속 출력을 가질 수있을 것입니다, 303 00:17:07,609 --> 00:17:11,770 CSS와 영상 출력, 캔버스, SVG. 304 00:17:11,770 --> 00:17:14,339 그 모든 일들이 하드웨어 가속을 통해 이동합니다 305 00:17:14,339 --> 00:17:16,060 그 훨씬 더 빠르고 효율적. 306 00:17:16,060 --> 00:17:20,440 이 모든의 짧은 버전 - 난 여기서 매일 일을 통해 갈 수 없습니다 - 307 00:17:20,440 --> 00:17:23,200 만약 당신이 목록에서 볼 경우, 당신은 IE10에서 그것을 할 수 있다면, 308 00:17:23,200 --> 00:17:25,650 이 IE10에서 작동 당신은 실행중인 웹 응용 프로그램의 경우, 309 00:17:25,650 --> 00:17:28,640 그것은 당신이 Windows 스토어의 앱으로 할 수있는 일입니다. 310 00:17:28,640 --> 00:17:33,100 그리고 꽤 많이 있습니다. 이 IE10에서 작동한다면, 그것은 Windows 스토어의 앱으로 작동하는 것입니다. 311 00:17:33,100 --> 00:17:36,370 그것은 당신이 사용할 수있는 무언가로 테이블에 있습니다. 312 00:17:36,370 --> 00:17:40,510 >> 많은 여기에있다. 우리는 자정까지이없는, 그래서 여기에 모든 것을 검토 할 수 없습니다. 313 00:17:40,510 --> 00:17:44,060 그러나 당신이이 일을 수행 할 수있는 작업을 이해하는 데 도움이 될 몇 가지 사이트가 있습니다, 314 00:17:44,060 --> 00:17:45,520 나는 두 번째에 당신에게 그 중 하나를 보여 드리겠습니다. 315 00:17:45,520 --> 00:17:48,410 난 그냥 당신이 볼 수있는 중요한 것들 중 몇 가지를 지적하고 싶었습니다. 316 00:17:48,410 --> 00:17:51,560 어쩌면 당신은 이미 당신의 연구에서 이들 중 일부를 본 적이 317 00:17:51,560 --> 00:17:56,610 그러나 이들은 CSS 측에서, Windows 스토어의 앱과 함께 특히, 정말 도움이됩니다. 318 00:17:56,610 --> 00:18:02,420 그래서 변환 및 전환을 할 수있는 것은, 애니메이션에 모션을 제공합니다 - 319 00:18:02,420 --> 00:18:07,010 이들은, 이제 CSS의 일부입니다, 그들은 모든 현대 브라우저에서 지원하는 320 00:18:07,010 --> 00:18:11,370 및 IE10 및 IE9은이 모든 것들에 대한 시간에 따른 지원을 추가했습니다. 321 00:18:11,370 --> 00:18:15,220 그리고 왜 직접 쓰기, 왜 손으로이 일을하는 모든 문제를 통해 이동 322 00:18:15,220 --> 00:18:19,970 당신은 당신의 응용 프로그램에 대한 3D 효과를 만드는 간단한 CSS 변환을 사용할 수 있습니다 때? 323 00:18:19,970 --> 00:18:22,740 좋아요. 그것이 작동하는 방법. 324 00:18:22,740 --> 00:18:24,530 나는 그것보다 더 어렵게 만들 수 없습니다. 325 00:18:24,530 --> 00:18:28,330 당신이 CSS에서 작업을 수행하는 방법을 알고 있다면, 당신은 Windows 스토어의 앱에서 작업을 수행하는 방법을 알고있다. 326 00:18:28,330 --> 00:18:32,080 >> 레이아웃에 넘어 가고, 심지어 매장 응용 프로그램 같은 것들, 327 00:18:32,080 --> 00:18:35,350 그러나 당신에게 기사를 보여주는 것 어쩌면 뉴스 앱을보고, 그 넘어 328 00:18:35,350 --> 00:18:40,160 또는 그런 조리법이나 가지, CSS의 기능을 다른 종류의 정말 유용합니다 : 329 00:18:40,160 --> 00:18:45,610 그리드, 플렉스 박스는 CSS 영역은 상당히 새로운 표준의 더뿐만 아니라이다. 330 00:18:45,610 --> 00:18:51,190 이런 일들은 모든 콘텐츠를 배치하고 섹션 사이의 콘텐츠 흐름 도움이 될 수 있습니다 331 00:18:51,190 --> 00:18:55,470 당신은 물건을 직접 작성하지 않고도 매김하고 하이픈을 할 수있을 것이다. 332 00:18:55,470 --> 00:18:57,500 당신은 "나를 위해, 다음을 수행하십시오"라고 333 00:18:57,500 --> 00:19:00,850 화면 부동산은 다른 컴퓨터에서 다른 상태로 334 00:19:00,850 --> 00:19:03,850 응용 프로그램을 스냅 또는 당신은 잠시 살펴 보 겠지만 335 00:19:03,850 --> 00:19:07,920 화면 공간의 작은 금액을 가지고, 그 CSS에 대한 아무 문제 없습니다. 336 00:19:07,920 --> 00:19:11,160 그것은 활용할 수 있습니다 - 두 번째 미디어 쿼리에 대한 우리 '이야기 - 337 00:19:11,160 --> 00:19:15,880 그것은 지역에서 콘텐츠를 흐르는, 콘텐츠를 재배치와 함께 일을 돌볼 수 338 00:19:15,880 --> 00:19:21,240 당신이 이미 웹 기술로 볼 수도있는 것들로. 339 00:19:21,240 --> 00:19:25,470 >> HTML5 측면에서의 여러 가지 방법도 있습니다 340 00:19:25,470 --> 00:19:28,140 즉, Windows 스토어 앱에 당신을위한 매우 도움이 될 것입니다. 341 00:19:28,140 --> 00:19:30,980 다시 말하지만, 우리는이 모든 통과하지 않습니다,하지만 그냥 여기있어. 342 00:19:30,980 --> 00:19:35,470 그래서 당신이 그것을 사용해야하는 경우, 오디오 - 비디오, 폼에서 유효성 검사를 수행하려는 경우, 343 00:19:35,470 --> 00:19:40,570 지리적 위치, 당신은 자바 스크립트를 5 개에서 ECMAScript 5와 자바 스크립트로 할 수있는 모든 것들, 344 00:19:40,570 --> 00:19:44,070 색인화 된 로컬 저장 -이 당신을 위해 모든 옵션이 있습니다. 345 00:19:44,070 --> 00:19:49,300 당신이 대답을 찾고 있다면, 그냥 HTML5 및 CSS 기존의 기술을보고 346 00:19:49,300 --> 00:19:53,880 그리고 당신은 그 물건을 많이 너 자신을 롤 것보다 쉽게​​ 답을 찾을 수 있습니다. 347 00:19:53,880 --> 00:19:55,510 내가 여기에 조금의 주위에 당신을 보여 드리죠. 348 00:19:55,510 --> 00:19:57,920 나는 우리가 갈 수있는 사이트를 가지고있다. 349 00:19:57,920 --> 00:20:01,590 내가 두 번째이 슬라이드 밖으로 종료 할 수 있습니다. 350 00:20:01,590 --> 00:20:06,450 >> 우리는 IETestDrive.com에 외출하는 경우 351 00:20:06,450 --> 00:20:08,960 여기 데모의 많은 것을 할 수 없습니다. 352 00:20:08,960 --> 00:20:14,360 IETestDrive.com 정말 당신에게 IE10의 새로운 기능을 많이 보여주고있다 353 00:20:14,360 --> 00:20:16,220 당신이 할 수있는 일. 354 00:20:16,220 --> 00:20:19,130 나는,이 때문에 대신 백서의 무리를 통해 읽는 정말 유용합니다 찾을 수 355 00:20:19,130 --> 00:20:23,020 몇 가지 데모를 보면, 그것은 여러분 자신의 레이더에 넣어 도움이 될 것 356 00:20:23,020 --> 00:20:26,620 기술도 함께 더 이상 연구를 할 의미가 있는지에 대한 357 00:20:26,620 --> 00:20:29,070 그래서 당신은 "나는이에 대해 무엇을 참조하십시오."이해합니다 358 00:20:29,070 --> 00:20:32,780 "나는 요청 애니메이션 프레임이 나를 위해 무엇을 이해합니다." 359 00:20:32,780 --> 00:20:36,900 "나는 지역 또는 SVG 필터를 사용할 수있는 방법을 알고 있습니다." 360 00:20:36,900 --> 00:20:40,190 당신이 예에서 볼, 행동에서 그들을 볼, 361 00:20:40,190 --> 00:20:44,930 그 자신의 프로젝트에 저쪽에 당신을 위해 도움이 될 것 경우 자신을 위해 결정 362 00:20:44,930 --> 00:20:47,840 당신은 웹 기술로 작업을 계속. 363 00:20:47,840 --> 00:20:49,900 여기에 그냥 살펴 보시기 바랍니다 것입니다. 364 00:20:49,900 --> 00:20:52,880 나는 실제로이 실행 많은 시간을 보낼 수있을 거라 생각하지 않습니다. 365 00:20:52,880 --> 00:20:56,030 우리는 코드 작성과 표시 할만큼있어. 366 00:20:56,030 --> 00:21:01,640 당신은 터치 효과를 해당 섹션에 터치 기반의 게임에서 여기에 물건을 볼 수 있습니다 367 00:21:01,640 --> 00:21:06,050 애니메이션이 정말 빠른 하드웨어 가속 애니메이션, 368 00:21:06,050 --> 00:21:11,230 일부 당신은뿐만 아니라 이러한 샘플의 일부에 볼 수 있습니다 최적화, 369 00:21:11,230 --> 00:21:12,770 많은, 더 많은있다. 370 00:21:12,770 --> 00:21:15,330 여기에 가서 사이트 맵을 열면, 371 00:21:15,330 --> 00:21:19,070 여기에 샘플의 단지 우스운 수있다. 372 00:21:19,070 --> 00:21:20,690 여기 그들 모두를 볼 수 있습니다. 373 00:21:20,690 --> 00:21:22,900 당신이 뭔가를보고하거나하는 경우 당신이 뭔가에 대해 들어 374 00:21:22,900 --> 00:21:25,850 당신은, 어쩌면이 응용 프로그램에서 사용하는 멋진 일이 될 것입니다 궁금해 375 00:21:25,850 --> 00:21:31,720 여기에서 찾고 시도하고 자신에게 시간을 절약 할 수있는 아주 좋은 데모는 아마이있다. 376 00:21:31,720 --> 00:21:35,980 >> 좋아? 질문 지금까지 여기에 사람에 대한? 377 00:21:35,980 --> 00:21:39,620 좋아요. 우리는 여기에서 수행합니다. 378 00:21:39,620 --> 00:21:41,920 다시 말하지만, 그냥를 확인하세요. 379 00:21:41,920 --> 00:21:45,450 그들은 웹 표준, 그래서 당신이 알고있는 다른 쇼케이스 사이트로 이동 380 00:21:45,450 --> 00:21:50,550 이러한 기술은 당신이 뭘 하려는지에 대한 이해가 경우를 참조하십시오. 381 00:21:50,550 --> 00:21:53,190 >> 슬라이드에 백업합니다. 382 00:21:53,190 --> 00:22:00,290 즉, 말, 당신은 정말 설치 로컬 응용 프로그램의 세계로 웹 세계에서 이동 383 00:22:00,290 --> 00:22:01,850 그래서 여기에 지적하는 몇 가지있다. 384 00:22:01,850 --> 00:22:03,690 우선, 여기에 반군 웹 서버가 없습니다. 385 00:22:03,690 --> 00:22:06,120 더 아파치는 여기에서 실행중인 IIS가 없다, 없다 386 00:22:06,120 --> 00:22:10,170 원격 브라우저 에이전트, 원격 클라이언트에 페이지를 제공. 387 00:22:10,170 --> 00:22:13,000 이 경우, 정말 모든 것이 당신을 위해 포장된다. 388 00:22:13,000 --> 00:22:16,630 당신은 상점에 당신의 응용 프로그램으로,이 인증을 가져옵니다 제출 389 00:22:16,630 --> 00:22:22,190 그것은 매장에서, 그리고 다음 수천 명의 사람들이 게임 또는 앱을 설치합니다. 390 00:22:22,190 --> 00:22:24,780 그러나 기본적으로, 그들은 그들의 시스템에 로컬로 잡아 당기는입니다. 391 00:22:24,780 --> 00:22:29,080 원격 API를 필요로 통화를하지 않는 한 더 이상 웹에 나가 할 필요가 없습니다, 392 00:22:29,080 --> 00:22:31,790 그뿐만 아니라 너무 완벽하게 정상입니다. 393 00:22:31,790 --> 00:22:35,330 그러나 그들은 서버에서 요청 응답을 가서 그들이 가지고있는 그 모드로하지 않을거야 394 00:22:35,330 --> 00:22:37,910 콘텐츠의 다음 페이지를 얻을 수 있습니다. 395 00:22:37,910 --> 00:22:41,380 그래서 그 말, 몇 가지 사소한 API의 차이가있다. 이들은 매우 작은 수 있습니다. 396 00:22:41,380 --> 00:22:46,850 그들은 당신의 일반적인 코딩에 당신을 공격하지 않을,하지만 그들은 적어도 설명입니다. 397 00:22:46,850 --> 00:22:50,030 그들은 종류의이 경우 가장자리입니다. 398 00:22:50,030 --> 00:22:53,370 >> 지적 가치가 다른 것은 신뢰의 차이입니다. 399 00:22:53,370 --> 00:22:58,070 난 그냥하고 싶은 때문에 만이 언급 있는지 나는 말했다 400 00:22:58,070 --> 00:23:01,580 그래서 나중에 그것으로 실행하는 경우, 당신이 생각하는 것 "크리스, 이것에 대해 뭔가를 말했다 401 00:23:01,580 --> 00:23:04,890 "어쩌면,, 그래, 그래"하고 되돌아 가서 당신은 무엇인지 알아보십시오. 402 00:23:04,890 --> 00:23:06,480 컨텍스트가 중요. 403 00:23:06,480 --> 00:23:11,450 기본적으로 우리는 공격 벡터로부터 사용자를 보호하려고합니다. 404 00:23:11,450 --> 00:23:13,400 당신은 기본적으로 할 수있는 특정 일이있다 405 00:23:13,400 --> 00:23:16,130 그리고 어떤 일을 활성화하는 컨텍스트를 변경해야합니다. 406 00:23:16,130 --> 00:23:19,860 당신은 거기에 몇 가지 라이브러리를 사용하는 것처럼 - 닭살은 이미 jQuery로 작업 한 407 00:23:19,860 --> 00:23:23,650 당신이 거기에 다른 라이브러리를 보면 -하지만 당신은 몇 가지 기능을 사용할 수 있습니다 408 00:23:23,650 --> 00:23:28,000 그 종류의보다 역동적 인 상호 작용, 지방의 사용을 넘어 않습니다 간다 409 00:23:28,000 --> 00:23:30,360 XHR 요청, 그런 것. 410 00:23:30,360 --> 00:23:33,090 때때로 사람들은 기본적으로 비활성화됩니다 찾을 수있는, 411 00:23:33,090 --> 00:23:37,790 그 경우에, 다만, 로컬 및 웹 컨텍스트를 찾아, 검색을 수행 412 00:23:37,790 --> 00:23:39,560 그리고 당신은 그 문제를 해결하는 방법을 찾을 수 있습니다. 413 00:23:39,560 --> 00:23:42,580 다른 프레임 워크를 사용하기 시작으로 그냥, 당신이 그것에 대해 알고 확인 414 00:23:42,580 --> 00:23:45,720 내가 언급해야하는, 당신은 완벽하게 수행 할 수있게되었습니다. 415 00:23:45,720 --> 00:23:49,290 그래서 당신은 다른 프레임 워크를 찾을 경우 - 두 번째에있는이 약, 이에 대해서는 이야기 - 416 00:23:49,290 --> 00:23:54,000 당신이 그것을 사용하려는 게임을 위해, 당신은 거기에 몇 가지 제어 라이브러리를 사용하려면 417 00:23:54,000 --> 00:23:57,990 그리고 당신은 그 물건을 직접 쓰고 싶지 않아 - 그것은 바로, 좋은 생각? - 418 00:23:57,990 --> 00:23:59,560 당신은 절대적으로이 물건을 사용할 수 있습니다. 419 00:23:59,560 --> 00:24:03,660 다시 자바 스크립트를 기반으로 라이브러리의 어떤 종류를 사용에서 당신을 들고 거기에 아무것도, 420 00:24:03,660 --> 00:24:05,380 CSS, HTML5. 421 00:24:05,380 --> 00:24:09,740 다시, 당신이 요즘 많아서입니다 IE10에서 할 수있는 일이 있다면, 422 00:24:09,740 --> 00:24:11,220 당신은 그것을 할 수 있습니다. 423 00:24:11,220 --> 00:24:14,800 귀하의 응용 프로그램에 당겨 자바 스크립트 라이브러리 및 응용 프로그램에서 사용하는 것을 참조 424 00:24:14,800 --> 00:24:19,880 당신이 한 동안 보안 컨텍스트를 칠 수 있습니다 염두에두고 - 아니 자주. 425 00:24:19,880 --> 00:24:24,150 >> 우리가 가서 다음 기능은, 우리는 그 중 몇 가지를 통해 이동합니다. 426 00:24:24,150 --> 00:24:27,500 당신이 더 많은 응용 프로그램을 볼 수대로의 종류에 익숙해 질거야 UX 427 00:24:27,500 --> 00:24:29,250 Windows 스토어에서. 428 00:24:29,250 --> 00:24:33,870 당신은 그들이 작동하는 방법에 대한 느낌을 얻을하는 방법과 디자인 미학이 작동하는 경향이있다 429 00:24:33,870 --> 00:24:37,720 다른 응용 프로그램과 무엇을 통해 사람들이 경험하는 데 사용됩니다. 430 00:24:37,720 --> 00:24:39,660 정말 중요한 부분입니다. 431 00:24:39,660 --> 00:24:42,460 그들은 당신의 앱을 불 때이 설명서를 읽을 필요가 없습니다 있는지 확인합니다, 432 00:24:42,460 --> 00:24:44,300 그들은 그런데, 절대로하지 말아있다. 433 00:24:44,300 --> 00:24:46,650 그들은 단지 응용 프로그램과 함께 연주를 시작 할 수 있어야한다 434 00:24:46,650 --> 00:24:49,450 그리고 많은 어려움없이 파악. 435 00:24:49,450 --> 00:24:52,660 고집과 이러한 관행의 많은에 부착함으로써, 436 00:24:52,660 --> 00:24:57,640 당신은 쉽게 만들고, 사용자의 큰 부탁을 할 것입니다. 437 00:24:57,640 --> 00:25:01,810 >> 좋아요. 마지막으로 API 측의 일, 그리고, 우리는 실제로 코드를 작성에 얻을 것이다. 438 00:25:01,810 --> 00:25:05,660 WinJS 내가 그 복잡한 슬라이드 매우 간략하게 언급 한 것입니다 439 00:25:05,660 --> 00:25:08,850 당신은 응용 프로그램을 만들기위한이 모든 그 다른 선택과 함께. 440 00:25:08,850 --> 00:25:10,890 WinJS, 당신은 친구로 생각할 수 있습니다. 441 00:25:10,890 --> 00:25:13,680 그것은 당신이 더 빨리 물건을 작성하는 데 도움이 당신의 친구입니다. 442 00:25:13,680 --> 00:25:18,820 그냥 자바 스크립트와 CSS의. 당신은 그것을 사용할 필요가 없습니다. 당신은 그것을 사용할 수 있습니다. 443 00:25:18,820 --> 00:25:22,180 당신이 Windows 기능에 호출 할 거라면, 당신은 그것을 사용하게됩니다, 444 00:25:22,180 --> 00:25:27,210 하지만 당신이 정말로 사용하지 않는 일부 디자인 패턴이나 컨트롤 같은 것들이 있다면, 445 00:25:27,210 --> 00:25:29,090 당신이 다른 것을 사용하려면, 그것은 당신에게 달려 있습니다. 446 00:25:29,090 --> 00:25:32,580 당신이 사용하려는 당신이 사용하고 싶은 스타일을 결정합니다. 447 00:25:32,580 --> 00:25:37,250 의 네임과 클래스 세대 기능 - 당신까지. 448 00:25:37,250 --> 00:25:41,650 당신은 둘 중 하나를 선호하는 경우, 그것은 전적으로 당신의 선택. 아직도 자바 스크립트와 CSS의. 449 00:25:41,650 --> 00:25:43,860 그러나 당신이 물건을 많이 할 수 있도록하는 것입니다. 450 00:25:43,860 --> 00:25:47,780 예를 들어, 다음은 무엇을 할 수 있는지의 부분 집합이다, 451 00:25:47,780 --> 00:25:50,790 약속과 비동기 프로그래밍을 돕는 같은 것들. 452 00:25:50,790 --> 00:25:54,000 당신의 모든이 들어 나 Node.js와 협력? 453 00:25:54,000 --> 00:25:59,520 그것은 비동기 프로그래밍 작업을 할 수있는 일반적인 패턴이다. 454 00:25:59,520 --> 00:26:02,370 그래서 기본적으로 당신이 무슨 말을하는지, "뭔가를 이동, 455 00:26:02,370 --> 00:26:05,790 "당신은 나에게 작업이 완료되면 당신이 나에게 돌아갑니다 약속을 제공하는 것입니다." 456 00:26:05,790 --> 00:26:08,400 즉, 무슨 일이 일어나고 있는지 본질적이다. 457 00:26:08,400 --> 00:26:12,400 사용자가 이동하고 파일을 따기 동안 그래서 당신은 응용 프로그램을 동결하지 않습니다 458 00:26:12,400 --> 00:26:15,810 또는 뭔가 웹에서 아래로 스트리밍되고있다. 459 00:26:15,810 --> 00:26:17,210 UI는 반응 남아있다. 460 00:26:17,210 --> 00:26:19,410 그리고 당신은 비동기 프로그래밍을 사용하여 해당 작업을 수행 할 수 있습니다. 461 00:26:19,410 --> 00:26:23,620 그것은 엄청나게 복잡한 소리지만, 당신이 약속을 사용하고 있기 때문에 정말 쉽게 462 00:26:23,620 --> 00:26:27,900 그리고 당신은 "이 작업을 수행 이동 작업이 완료되면,이 방법을 다시 호출합니다."라고 463 00:26:27,900 --> 00:26:30,270 즉, 꽤 많이 있습니다. 즉 WinJS에 내장 전부입니다. 464 00:26:30,270 --> 00:26:35,120 그것은 훨씬 더 쉽게 정말 유연하고 강력한 응용 프로그램을 작성할 수 있도록하는 것입니다. 465 00:26:35,120 --> 00:26:37,870 >> 당신은 여기에 애니메이션을 많이 나머지 부분을 볼 수 있습니다. 466 00:26:37,870 --> 00:26:41,240 아마이 슬라이드에 더 중요한 것들 중 하나는 컨트롤입니다. 467 00:26:41,240 --> 00:26:44,680 나는 전체를 생각 - 그래, 내가 할. 468 00:26:44,680 --> 00:26:48,900 다음은 응용 프로그램에서 사용할 수있는 컨트롤의 단지 일부의 예입니다. 469 00:26:48,900 --> 00:26:51,060 이것은 모든 똑바로 WinJS에 있습니다. 470 00:26:51,060 --> 00:26:53,430 당신이 스스로를 작성하지 않습니다, 471 00:26:53,430 --> 00:26:55,990 당신은 "여기 내 응용 프로그램을 작성하는 방법입니다."라고 472 00:26:55,990 --> 00:26:59,420 "나는 다른 그림 사이에 갈 수 있도록 플립 뷰를 사용합니다." 473 00:26:59,420 --> 00:27:03,380 나는 당신에게 시맨틱 줌을 표시하지 않았습니다. 잠깐 당신에게 그것을 보여 드리죠. 474 00:27:03,380 --> 00:27:05,700 ListView도. 있는 GridViews있다. 475 00:27:05,700 --> 00:27:08,680 이미 매장 응용 프로그램의 일부로 그리드를 본 적이 476 00:27:08,680 --> 00:27:12,170 이렇게 콘텐츠 블록을 사용할 수있는 그 걸쳐 스크롤링. 477 00:27:12,170 --> 00:27:15,660 플라이 아웃 메뉴는 수시로 볼 수 있습니다. 478 00:27:15,660 --> 00:27:19,090 앱 바는 내가 그뿐만 아니라 신선한 페인트 응용 프로그램에 당신을 보여준 479 00:27:19,090 --> 00:27:22,190 그래서 당신은 당신이 그것에 버튼을 넣어 그것을 사용자 정의 할 수 있습니다 방법을 살펴 보았다 480 00:27:22,190 --> 00:27:26,360 당신이 그것을 사용하는 상관하지 않습니다 때 멀리 숨길 필요. 481 00:27:26,360 --> 00:27:28,120 즉, 사용하는 전적으로 당신에게 달려 정말입니다. 482 00:27:28,120 --> 00:27:30,210 이들은 WinJS에 포함 된 모든 컨트롤입니다. 483 00:27:30,210 --> 00:27:33,640 , 내가 어떻게 그냥 초에 이러한을 확인하는 방법을 보여 드리겠습니다,하지만 단지 이것보다 더있어 484 00:27:33,640 --> 00:27:37,060 그리고 중요한 것은 당신이 원하는 경우에 시간을 절약, 그들을 사용합니다. 485 00:27:37,060 --> 00:27:40,830 >> 당신은 당신이 사용하려는 다른 제어 라이브러리가있는 경우, 너무 완벽하게 괜찮아요. 486 00:27:40,830 --> 00:27:46,300 jQuery를 UI 같은 것들뿐만 아니라, 아이디어의이 종류를 많이 할 487 00:27:46,300 --> 00:27:51,280 당신이 HTML과 자바 스크립트로 할 수있는 확장 이상의 컨트롤을 제공한다. 488 00:27:52,690 --> 00:27:55,680 이미 그런 말을 한 안으로의 다이빙을 할 수 있습니다. 당신은 당신이 좋아 한 것을 사용합니다. 489 00:27:55,680 --> 00:27:59,680 그냥 당신이 어떤 상황에 맞는 문제로 실행 할 수 있다는 점에 유의해야합니다. 490 00:27:59,680 --> 00:28:03,380 하지만 당신은 확실히, 혼합하고 편안있어 라이브러리의 어떤 종류를 일치시킬 수 있습니다 491 00:28:03,380 --> 00:28:06,770 당신은 당신 자신에게 시간을 절약하기 위해, 사용하고 싶은, 배우고 싶다. 492 00:28:06,770 --> 00:28:09,850 >> 그냥 두 번째위한 도구에 대해 얘기하자. 493 00:28:09,850 --> 00:28:12,400 당신은 당신이 Windows 스토어의 응용 프로그램 작업을 시작하는 데 필요한 것을 얻을 수 있습니다. 494 00:28:12,400 --> 00:28:17,360 내가 돌아 간다면, 내가 여기까지 너무 많은 일을해야합니다. 495 00:28:17,360 --> 00:28:21,770 당신은 dev.windows.com가이 페이지로 이동하는 경우, 496 00:28:21,770 --> 00:28:23,300 당신은 당신이 필요로하는 모든 것을 다운로드 할 수 있습니다. 497 00:28:23,300 --> 00:28:28,170 학생으로, 당신은 일반 대중보다 더에 액세스 할 수 있습니다 498 00:28:28,170 --> 00:28:30,670 그래서 당신은 비주얼 스튜디오의 높은 엔드 버전을 얻을 수 있습니다. 499 00:28:30,670 --> 00:28:34,090 에드윈은 이미뿐만 아니라 윈도우를 얻을 수 있습니다 언급했다. 500 00:28:34,090 --> 00:28:36,790 그러나 일반적으로, 모든 개발자를위한, 당신은이 사이트를 방문 할 수 있습니다 501 00:28:36,790 --> 00:28:40,380 당신은 응용 프로그램을 만들기 위해 필요한 모든 기능을 다운로드하고 모든 무료입니다. 502 00:28:40,380 --> 00:28:42,460 그래서 비주얼 스튜디오의 무료 버전이있다 503 00:28:42,460 --> 00:28:44,450 그와 함께 설치하는 몇 가지 도구가 있습니다 - 504 00:28:44,450 --> 00:28:47,240 응용 프로그램을 작성하고 테스트하는 데 필요한 모든. 505 00:28:47,240 --> 00:28:50,130 그것은 당신이 가게에 응용 프로그램을 게시 할거야있어 경우에만 506 00:28:50,130 --> 00:28:52,470 당신은 개발자 계정이 필요합니다 거라고. 507 00:28:52,470 --> 00:28:56,100 이것은 너무 I는 무료입니다 믿습니다. 그것은뿐만 아니라 학생들을위한 무료입니까? >> [Guarin] 어떤 사람? 508 00:28:56,100 --> 00:28:57,970 개발자 계정, 실제 제출. >> [Guarin] 예. 509 00:28:57,970 --> 00:28:59,580 즉, 더 좋은 소식. 510 00:28:59,580 --> 00:29:00,840 이보고 갈 수 있습니다. 511 00:29:00,840 --> 00:29:03,840 그것은 49 달러의 기본적으로 개별 말할 수 있습니다. 512 00:29:03,840 --> 00:29:06,140 그러나 학생으로 그 가입하지 않습니다. 513 00:29:06,140 --> 00:29:10,250 우리는 당신이 무료로 계정을 얻을 수있는 프로그램을 통해 몇 가지 정보를 얻을 수 있습니다, 514 00:29:10,250 --> 00:29:13,980 그것은 당신이 그 때 바로 저장까지 당신의 신청서를 제출하게됩니다, 515 00:29:13,980 --> 00:29:17,370 로 당신이 원하는대로 많은, 그리고 그 미덕의 모든 곧 따를 것이다. 516 00:29:17,370 --> 00:29:19,710 그래서 dev.windows.com입니다. 517 00:29:19,710 --> 00:29:22,170 당신은 당신이 여기에서해야 할 도구를 다운로드 할 수 있습니다. 518 00:29:22,170 --> 00:29:25,310 당신이 원하는 경우에, 당신은 여기에 윈도우의 평가판을받을 수 있습니다 519 00:29:25,310 --> 00:29:27,160 그러나 다시, 당신은 할 필요가 없습니다. 520 00:29:27,160 --> 00:29:32,880 >> 다른 사이트 - 나 빨리 당신이 하나를 지적하자가 - design.windows.com입니다. 521 00:29:32,880 --> 00:29:34,770 즉 dev.windows.com했다. 522 00:29:34,770 --> 00:29:37,770 Design.windows.com, 당신은 그것을 위해 무엇을 추측 할 수있다. 523 00:29:37,770 --> 00:29:40,380 그것은 실제로 꽤있는 사이트입니다. 좋은 정보를 많이 여기에있다. 524 00:29:40,380 --> 00:29:41,770 당신은 그것을 통해 작업 할 수 있습니다. 525 00:29:41,770 --> 00:29:43,960 그것은 당신에게 몇 가지에 대한 몇 가지 조언을 줄 것 526 00:29:43,960 --> 00:29:46,760 어쩌면 당신은 이전에 대해 생각하거나 이전에 처리해야만하지 않은 527 00:29:46,760 --> 00:29:50,780 다른 폼 팩터를위한 디자인, 터치에 대한 설계 등, 528 00:29:50,780 --> 00:29:55,310 윈도우 8의 기능에 대한 설계, 물건은 내가 전에 언급 529 00:29:55,310 --> 00:29:58,740 검색 및 공유 등, 아직 이야기하지 않은 몇 가지. 530 00:29:58,740 --> 00:30:05,570 그들은 모두 여기에 나열하고, 그것은 도움이 파일 페이지의 꽤 좋은 세트의 531 00:30:05,570 --> 00:30:08,670 즉, 당신은 응용 프로그램의 특정 종류를 확인하는 방법을 이해하는 데 도움이됩니다 532 00:30:08,670 --> 00:30:14,250 상호 작용을 수행하는 방법, 응용 프로그램의 UI와 UX를 처리하는 방법. 533 00:30:14,250 --> 00:30:18,630 나는 당신이 어떤 점에서 특히 경우에, 당신은 이것 좀 봐 것을 권장합니다 534 00:30:18,630 --> 00:30:22,960 가게에 응용 프로그램을 게시하는 것을 희망. 535 00:30:22,960 --> 00:30:25,250 당신은 좋은 응용 프로그램을 만드는 방법을 알고 싶은거야 536 00:30:25,250 --> 00:30:28,300 난 당신이 경우 앞서 언급하기 때문에, 그 리뷰는 다시있다. 537 00:30:28,300 --> 00:30:29,930 사람들은 불행 할 것입니다. 538 00:30:29,930 --> 00:30:32,960 그들은 적당한 장소에서 기대하는 일을 찾을 수 없습니다. 539 00:30:32,960 --> 00:30:36,590 아무도 당신에게 일어날 것을 원하지 않습니다. 540 00:30:36,590 --> 00:30:39,220 >> 여기에 앞으로 이동, 내가 그 폐쇄 할 수 있습니다. 541 00:30:39,220 --> 00:30:43,700 지금 당신은 어디에서 일을 얻을 수 알고, 실제로 물건을 사용하여 시작하는 방법을 보여줍니다. 542 00:30:43,700 --> 00:30:48,520 시작하려면, 사실은 내 시작 화면 여기에 데스크톱 응용 프로그램의 예를 보여줍니다. 543 00:30:48,520 --> 00:30:53,600 다음은 Visual Studio를 볼 수있다, 당신은 혼합과 내가 가지고있는 다른 개발자 도구를 볼 수 있습니다. 544 00:30:53,600 --> 00:30:55,890 그들은 약간 다른 타일이 있습니다. 545 00:30:55,890 --> 00:30:57,930 그들은 데스크톱 응용 프로그램이기 때문이다, 546 00:30:57,930 --> 00:31:00,960 그 경우에 그들은 모두 내 바탕 화면에 다시 시작하는거야 547 00:31:00,960 --> 00:31:05,350 정말 것처럼 당신이하는 데 사용하고 있다는 애플 리케이션. 548 00:31:05,350 --> 00:31:06,960 그래서 윈도우의 경험, 그것은 같은 것입니다. 549 00:31:06,960 --> 00:31:12,940 그들은 무장처럼, 예를 들어,하지 않습니다! 또는 이러한 것들. 내가 빨리 하나를 시작하자. 550 00:31:12,940 --> 00:31:14,340 사실, 여기에 흥미로운 하나입니다. 551 00:31:14,340 --> 00:31:19,210 이것은 NERD에서 공동으로 작업 학생들에 의해 개발되었다. 552 00:31:19,210 --> 00:31:23,430 전체 화면 응용 프로그램, 여기에 경험의 이러한 종류. 553 00:31:23,430 --> 00:31:26,290 아, 좋은 컷의 화면과 재미있는 모든 종류의. 554 00:31:26,290 --> 00:31:34,330 그들은이를 개발했다. 우리가 그것을하는 동안 우리는뿐만 아니라 전체를 표시 할 수 있습니다. 555 00:31:37,510 --> 00:31:41,070 사실, 그들에게 물건에 대한 몇 가지 조언을주고, 그들과 함께 약간의 일 556 00:31:41,070 --> 00:31:44,160 그들은 자신의 응용 프로그램에 대한 자바 스크립트를하고 있었기 때문에. 557 00:31:44,160 --> 00:31:46,460 나는 자신의 작품에 대한 크레딧을 먹지 않을거야하십시오, 그들은 모든 일을했다. 558 00:31:46,460 --> 00:31:48,990 난 그냥 여기 저기 그들에게 조언을 좀했다 559 00:31:48,990 --> 00:31:52,400 하지만 그들은 자바 프론트 엔드를 사용하여 좋은 물건을했다 560 00:31:52,400 --> 00:31:56,920 이 많은 일을하기 위해 약간의 물리 엔진과 일에 매. 561 00:32:00,120 --> 00:32:03,360 이동합니다. 그 작동하는지 보자. 562 00:32:03,360 --> 00:32:07,010 와우, 그것은 여전히​​했다. 좋아. 하지만 당신은 아이디어를 얻을. 563 00:32:07,010 --> 00:32:09,350 전체 화면 응용 프로그램, 정말 좋은 경험. 564 00:32:09,350 --> 00:32:14,250 나는 그런 일이 아니라 만지면 내 마우스와 펜뿐만 아니라 지원하고있다. 565 00:32:14,250 --> 00:32:19,420 내가 터치 스크린이 있다면, 난 그냥에 그려 그 작업을 계속할 수 있습니다. 566 00:32:19,420 --> 00:32:21,440 >> 하나는 내가 보여주지 않았다 것, 내가 얘기를 꺼내 이유 567 00:32:21,440 --> 00:32:23,840 나는 당신이 무엇을 할 수 있는지를 보여주는 또 다른 응용 프로그램을하고 싶어하고, 568 00:32:23,840 --> 00:32:29,480 실제로 Windows에서 응용 프로그램을 화면의 측면에 드래그 할 수 있습니다. 569 00:32:29,480 --> 00:32:33,070 이것은 응용 프로그램을 스냅이라고합니다. 570 00:32:33,070 --> 00:32:37,800 이 경우는 Inkarus을 촬영했고 여기 옆에 추가했습니다. 571 00:32:37,800 --> 00:32:42,990 그것은 스냅보기에 지금, 그 해당 응용 프로그램이있는 동안 내가 다른 일을 할 수 있습니다. 572 00:32:42,990 --> 00:32:46,210 당신이 찾을 수 있습니다 대부분의 게임은 단지 일시 중지됩니다. 573 00:32:46,210 --> 00:32:51,090 즉, 일반적으로 게임이 어떻게 든 규모를 축소하지 않는 한 할 수있는 괜찮은 일이 574 00:32:51,090 --> 00:32:54,210 보드 게임의 아마 어떤 종류의 같은 해상도의 작은에 575 00:32:54,210 --> 00:32:55,620 또는 경우에 그런 것. 576 00:32:55,620 --> 00:32:58,570 그러나 일반적으로 할 수있는 쉬운 일이 가장 적절한 것은 게임을 할 수 있습니다 577 00:32:58,570 --> 00:33:00,620 응용 프로그램을 일시 중지하는 것입니다. 578 00:33:00,620 --> 00:33:09,440 그때 나는이 하나를 실행하고있는 경우 뉴스 응용 프로그램과 같은 응용 프로그램의 경우, 나는 그것을 스냅, 579 00:33:09,440 --> 00:33:16,170 당신은 실제로 당신에게 데이터를 제시 어떻게 크게 변경 볼 수 있습니다. 580 00:33:16,170 --> 00:33:20,070 여기 정말에 더 수직 팬 정보를 표시하는 것 581 00:33:20,070 --> 00:33:23,340 하지만 난 여전히 절대적으로 응용 프로그램을 사용할 수 있습니다. 582 00:33:23,340 --> 00:33:25,640 그래서 여전히 매우 유용합니다. 583 00:33:25,640 --> 00:33:29,870 이 작은보기에 있다는 사실은 응용 프로그램을 사용하여 저를 유지하지 않습니다. 그래서 그것에 대해 생각합니다. 584 00:33:29,870 --> 00:33:32,090 그것은 당신이 당신의 애플 리케이션을 어느 정도 수행해야 할 필요가 뭔가, 585 00:33:32,090 --> 00:33:35,370 그러나 당신의 애플 리케이션을 어떻게해야 기능을 결정하기 위해 당신에게 달려 있습니다 586 00:33:35,370 --> 00:33:39,080 작은 환경의 종류. 587 00:33:39,080 --> 00:33:44,780 내가 그런 사람을 닫고 우리가 여기에 있었던 곳으로 돌아 가자. 588 00:33:44,780 --> 00:33:48,110 >> 에드윈, 당신은 이미 날의 사진을 추가? >> [Guarin] 네. >> [보웬] 저것 좀 봐. 589 00:33:48,110 --> 00:33:51,510 봤지? 에드윈은 사진을 추가했습니다. [웃음] 590 00:33:51,510 --> 00:33:54,410 >> 의 비주얼 스튜디오에 이상 여기로 돌아 가자. 내가 당신을 위해 이것을 시작하자. 591 00:33:54,410 --> 00:33:58,170 그 시작 화면에 타일을 클릭 할 수 있었다. 592 00:33:58,170 --> 00:34:02,630 그것은 다시 데스크탑 모드로 나를 데리고, 그리고 비주얼 스튜디오의 데스크톱 응용 프로그램을 시작하는 것. 593 00:34:02,630 --> 00:34:06,790 이것은 당신이 이미 알고있는 윈도우입니다. 594 00:34:06,790 --> 00:34:09,100 내가 가서 여기에 프로젝트를 만들 수 있습니다. 595 00:34:09,100 --> 00:34:11,159 우리는 자바 스크립트, HTML에 다시 초점을 맞추겠습니다. 596 00:34:11,159 --> 00:34:16,510 내가 나가서 자바 스크립트, Windows 스토어에서 여기까지 선택할거야. 597 00:34:16,510 --> 00:34:19,010 사용할 수있는 템플릿은 여러 가지가있을 수 있습니다. 598 00:34:19,010 --> 00:34:21,710 생산성를 들어, 당신이 여기에있는 것들 중 일부를 한번보세요 추천 할 것입니다 599 00:34:21,710 --> 00:34:23,489 그리드 및 분할 등을들 수있다. 600 00:34:23,489 --> 00:34:25,270 응용 프로그램을 제작하는 경우 그들은 정말 유용하다 601 00:34:25,270 --> 00:34:28,960 그 디자인과 네비게이션의 종류를 가질 것입니다. 당신은이를 많이 볼 수 있습니다. 602 00:34:28,960 --> 00:34:33,070 난 그냥 당신을 보여준 사람은 실제로 그리드 응용 프로그램의 인스턴스이었다. 603 00:34:33,070 --> 00:34:36,880 그래서 당신은 뉴스 앱이나 RSS 리더를 만드는 될 것입니다 생각하는 경우 604 00:34:36,880 --> 00:34:43,120 또는 당신이 세부 사항을 표시하고 싶습니다있는 여러 항목을 취급하는 그런 식으로, 605 00:34:43,120 --> 00:34:45,989 빨리 시작하기 위해 이러한 템플릿 중 하나를 사용하는 방법에 대한 생각 606 00:34:45,989 --> 00:34:48,380 거기에서 사용자 정의. 607 00:34:48,380 --> 00:34:50,120 그러나 너무 나는 당신에게 여기에 모든 움직이는 부분을 표시 할 수 있습니다 608 00:34:50,120 --> 00:34:56,120 나는 빈 응용 프로그램을 만들거야, 그 때 우리는 세부 사항에 조금 더 깊게합니다. 609 00:34:56,120 --> 00:34:58,690 난 그냥 여기에 그 빈 응용 프로그램을 만들고 있어요. 610 00:34:58,690 --> 00:35:01,270 그것은 나를 위해 전체 프로젝트를 만드는 것입니다. 611 00:35:01,270 --> 00:35:03,290 나는 기본적으로 당신을 표시 할 물건을 열 수 있습니다. 612 00:35:03,290 --> 00:35:08,550 저 그냥 여기 우리를 위해 만들어 뭔지 보여 조금 확대 할 수 있습니다. 613 00:35:08,550 --> 00:35:11,350 처음 보는거야 일들이 모두 기본 이름입니다. 614 00:35:11,350 --> 00:35:15,970 그래서 당신은 default.html을, Default.js 파일과 default.css를 찾는 것입니다. 615 00:35:15,970 --> 00:35:19,590 지적하는 다른 것은 우리가 이미 앞서 언급 무엇인지에 대한 참조를 가지고있다. 616 00:35:19,590 --> 00:35:24,530 이 WinJS입니다. 아무도 여기에 실제로 그것을이 긴 이름을 호출하지 않습니다. 617 00:35:24,530 --> 00:35:27,710 그것은 WinJS, 자바 스크립트 용 Windows 라이브러리입니다. 618 00:35:27,710 --> 00:35:29,530 당신이 그것을 열 경우, 당신은 여기에 전부 볼 수 있습니다. 619 00:35:29,530 --> 00:35:31,820 다른 CSS 파일이 있습니다, 자바 스크립트가있다. 620 00:35:31,820 --> 00:35:33,520 그것은 당신을 도울있다. 621 00:35:33,520 --> 00:35:37,190 그것은 컨트롤 및 스타일과 당신이 자동으로 사용할 수있는 물건을 제공하기 위해 정말있다. 622 00:35:37,190 --> 00:35:41,240 그러나 다시, 당신은 스타일과 다른 컨트롤의 측면에서 대신 사용하고자하는 일이 있다면, 623 00:35:41,240 --> 00:35:45,600 그것은 전적으로 여러분에게 달려 있습니다. 지금은 그 몇 가지를 사용하는 방법을 보여줍니다. 624 00:35:45,600 --> 00:35:51,020 >> 돌아 가기에 우리의 왼쪽면에, 내가 당신에게 기본 HTML 페이지를 표시 할 수 있습니다. 625 00:35:51,020 --> 00:35:54,490 당신은 이미 WinJS 물건을 본 적이, 그리고 정말 거기에 무슨 모두의 626 00:35:54,490 --> 00:35:59,930 마크 업의 그 중간 선, 그냥 기본적으로 CSS에 데려와 627 00:35:59,930 --> 00:36:02,370 및 WinJS에서 자바 스크립트 파일의 몇 데리고. 628 00:36:02,370 --> 00:36:06,400 당신은 그 파일 내부에서 무슨 일이 일어나고 있는지의 전문가가 될 필요는 없습니다. 629 00:36:06,400 --> 00:36:10,110 그것은 종류의 거기에 무슨 일이 일어나고 있는지 검토하도록 살펴 꽤 흥미로운 630 00:36:10,110 --> 00:36:14,410 거기에서 무슨 일이 일어나고 꽤 흥미 중급 및 고급 기술이 있기 때문 631 00:36:14,410 --> 00:36:18,100 하지만 좋은 점은 개발자로, 당신은 단지 그들을 사용하여 이러한 기능을 활용 할 수있다 632 00:36:18,100 --> 00:36:19,510 정말 그것에 대해 걱정할 필요가 없습니다. 633 00:36:19,510 --> 00:36:21,960 당신은 여전히​​ 오른쪽 어떻게 작동하는지 알 필요없이 차를 운전 할 수 있습니까? 634 00:36:21,960 --> 00:36:24,180 그래서 여기에 무슨 물건의 종류입니다. 635 00:36:24,180 --> 00:36:26,930 당신이 가서 사용할 수있는 컨트롤 및 스타일과 물건이있다 636 00:36:26,930 --> 00:36:31,460 당신은 거기에 무엇을 알 필요없이 두 번째에서 사용할 수있는 코드입니다. 637 00:36:31,460 --> 00:36:33,200 여기에 자신의 파일입니다. 638 00:36:33,200 --> 00:36:35,860 이들은 당신이 당신의 자신의 CSS를 수정 할 수있는 곳입니다 639 00:36:35,860 --> 00:36:38,400 당신의 자신의 자바 스크립트는 일 롤링 얻을 수 있습니다. 640 00:36:38,400 --> 00:36:43,300 당신은 확실히 다른 자바 스크립트 파일과 아마 다른 CSS 파일을 추가 할 수 있습니다 641 00:36:43,300 --> 00:36:47,480 프로젝트가 성장, 그러나 이것은 정말 그냥 출발점으로. 642 00:36:47,480 --> 00:36:52,570 여기에 안녕하세요, HTML의 세계 상응하는, 그래서 우리는 다시 몸 태그입니다. 643 00:36:52,570 --> 00:36:55,990 상단에, 그런데, HTML5의 문서 타입이다, 644 00:36:55,990 --> 00:37:00,060 그래서 지금까지 연습 한 것과 그 인식합니다. 645 00:37:00,060 --> 00:37:04,600 이 전체 IntelliSense는 물론 여기에, 그래서 당신은 비디오 태그 유형과 같은 일을 할 경우 646 00:37:04,600 --> 00:37:07,340 그을 확장, 당신은 아마도 사실에 대해 배웠습니다 647 00:37:07,340 --> 00:37:12,760 당신은 HTML5 비디오 태그에 대한 대체 인코딩을 할 필요가 - 또는 어쩌면 당신은이 - 648 00:37:12,760 --> 00:37:17,490 다른 브라우저를 사용하면 비디오에 대한 지원이 있는지 확인합니다. 649 00:37:17,490 --> 00:37:22,610 우리는 CSS를 통해, 자바 스크립트에서 HTML에 걸쳐이 같은 일을해야합니다. 650 00:37:22,610 --> 00:37:26,020 즉 내장, 그리고 난 당신이 두 번째 CSS를 보여줄 것이다. 651 00:37:26,020 --> 00:37:29,430 여기 가서 코드, 마크 업을 수정 시작할 수 있습니다. 652 00:37:29,430 --> 00:37:33,700 난 아무것도 변경하기 전에 사실, 나는이를 실행하고 당신이 얻을 무엇을 보여 드리겠습니다. 653 00:37:33,700 --> 00:37:35,700 당신은 당신이 사용자 정의 할 수있는 시작 화면을받을거야 654 00:37:35,700 --> 00:37:40,940 다음은여보세요, 여기에 세계의 경험을 얻을. 그것은 바로, 환상적? 655 00:37:40,940 --> 00:37:42,640 앞서 및 선박 이동이, 오른쪽? 656 00:37:42,640 --> 00:37:45,970 내용은 여기에 표시됩니다. 즉, 기본적인 일입니다. 657 00:37:45,970 --> 00:37:48,740 그것은 단지 거기에서 더 얻을 수 있습니다. 658 00:37:48,740 --> 00:37:51,300 우리는 가서 몇 가지 물건에 추가합니다. 659 00:37:51,300 --> 00:37:53,470 나는 여기에 복사거야 마크 업을 조금있어 660 00:37:53,470 --> 00:37:55,740 너무 당신이 입력하는 저를 볼 필요가 없습니다. 661 00:37:55,740 --> 00:38:02,620 내가 여기 도구 상자를 가져 가자, 나는이 몇 번 일을 할 것이기 때문에 나는이 핀 것입니다. 662 00:38:02,620 --> 00:38:05,650 당신이 컨트롤의 무리를 찾아 가고있는 도구는 Visual Studio를 볼 수없는 경우이다. 663 00:38:05,650 --> 00:38:09,050 당신은 또한 당신이 재사용 할 수있는 그것으로 코드 조각을 넣을 수 있습니다. 664 00:38:09,050 --> 00:38:16,360 여기에 그냥 다른 HTML, 전혀 여기에 정말 고급 아무것도 팝업됩니다. 665 00:38:16,360 --> 00:38:20,170 그것은 내가 입력 할 수있는 입력이 말을 그냥 기본 HTML의, 666 00:38:20,170 --> 00:38:23,860 나는 제출할 수있는 버튼이, 그 때 나는 기본적으로 자리 표시의 사업부가 667 00:38:23,860 --> 00:38:27,360 I 출력에 사용할 수있는 "안녕하세요, 당신은이를 입력합니다." 668 00:38:27,360 --> 00:38:32,780 그것은 HTML 예제로 소개합니다. 669 00:38:32,780 --> 00:38:39,340 이것을 실행하면, 우리는 자동으로 HTML을 얻을 수 있지만, 우리는 자동으로 스타일링을 얻을. 670 00:38:39,340 --> 00:38:42,270 이 WinJS에서 중요한 것들 중 하나입니다. 671 00:38:42,270 --> 00:38:47,250 그것은 기본적으로 어떤 모양을 제공하고 정말 일관성을 느낄 것 672 00:38:47,250 --> 00:38:50,520 윈도우 8이 수행하는 작업의 나머지. 673 00:38:50,520 --> 00:38:52,110 여기서 당신은 버튼과 같은 일을 참조하십시오. 674 00:38:52,110 --> 00:38:55,890 HTML에서 기본적으로 버튼이 보이지 않는,하지만 여기에 수행 675 00:38:55,890 --> 00:39:00,880 그것은 WinJS에서 해당 CSS 파일에서 그 CSS의 권리를지고 있기 때문이다. 676 00:39:00,880 --> 00:39:04,680 당신은 다른 뭔가를 사용하려는 경우, 당신이 그것을 변경하려는 경우, 완전히 좋은, 677 00:39:04,680 --> 00:39:06,790 가서 당신이하고 싶은 것을 할. 하지만 그 기본이다. 678 00:39:06,790 --> 00:39:09,610 그것은 사용자에게 더 친숙 할 것입니다. 679 00:39:09,610 --> 00:39:13,510 실제로 코드의 종류를 연결하지 않았기 때문에 물론 이것은 아무것도하지 않습니다 680 00:39:13,510 --> 00:39:16,630 그 반응한다. 그것은 단지 HTML했다. 681 00:39:16,630 --> 00:39:20,630 그래서 나는 그 제거 할 수있다, 그리고 우리는 우리의 응용 프로그램에 제공합니다. 682 00:39:20,630 --> 00:39:25,310 >> 내가 우리의 Default.js 파일로 전환 할 수 있습니다. 683 00:39:25,310 --> 00:39:29,030 이것은 매우 복잡한 보이지만, 그것은 단지 당신을 위해 몇 가지 일을하고 있어요. 684 00:39:29,030 --> 00:39:33,120 그것은 보일러입니다. 그것은 모든 프로젝트에 동일 할 것입니다. 685 00:39:33,120 --> 00:39:36,620 이 일을하는 유일한 방법은 종류의, 질문은 "어떻게 여기 거죠?" 686 00:39:36,620 --> 00:39:39,090 그리고 "당신이 처음으로이 응용 프로그램을 실행하고 있습니까?"라고 687 00:39:39,090 --> 00:39:42,640 "당신이 일시 중단되는 데에서 응용 프로그램을 다시 시작하고 있습니까?" 688 00:39:42,640 --> 00:39:44,510 그런 것들의 커플. 689 00:39:44,510 --> 00:39:50,300 정말, 여기에이 파일에 대한 우리의 초점은 여기에 대한 권리입니다. 690 00:39:50,300 --> 00:39:54,490 이 시점에서,이 코드 한 줄은 매우 중요합니다. 691 00:39:54,490 --> 00:39:57,070 실제로 가서 마크 업의 모든 통해 보는 것 692 00:39:57,070 --> 00:40:01,640 그리고 당신이 컨트롤에 설정 한 것으로 요청했습니다 일을 찾을 것, 693 00:40:01,640 --> 00:40:07,220 플라이 아웃 같은 격자보기와 같은 등급 통제, 같은 깊은 컨트롤 694 00:40:07,220 --> 00:40:09,570 나는 그 전에 슬라이드를 보여 그 다른 것들. 695 00:40:09,570 --> 00:40:12,550 그들은 기본 HTML 컨트롤 아니에요. 696 00:40:12,550 --> 00:40:17,860 당신은 요소로 플라이 아웃 말을하고 무엇을 해야할지하지 않습니다. 697 00:40:17,860 --> 00:40:22,120 우리가 실제로 수행하는 제어 프레임 워크의 다른 종류의 일이 같은 것입니다. 698 00:40:22,120 --> 00:40:26,200 jQuery를 UI는 일반적인 방법 같은 종류의 작업을 수행합니다. 699 00:40:26,200 --> 00:40:30,800 당신은 당신의 HTML에 표시를 사용하고 약간의 자바 스크립트는 나중에 통해 제공하고 말한다 700 00:40:30,800 --> 00:40:35,900 "아, 나는 그것이 무엇인지 알고있다. 즉,이 물건으로 전환 할이 요구이다" 701 00:40:35,900 --> 00:40:39,850 이는, 평가 관리처럼 만들기 위해 다른 표현력 HTML입니다 702 00:40:39,850 --> 00:40:41,790 이는 지금 당신을 보여주지 것입니다. 703 00:40:41,790 --> 00:40:46,140 이 코드 줄은이 약속이 성취 될 때 "말 것 약속, 704 00:40:46,140 --> 00:40:49,090 "당신이 요구 한 모든 것을 다음 만들었습니다." 705 00:40:49,090 --> 00:40:52,780 그리고 바로 그거야. 조금 복잡하게 보이지만, 모든 프로젝트에 정말 동일합니다. 706 00:40:52,780 --> 00:40:56,690 당신이 어떻게해야 할 그 밖의 무엇이든에 추가 할 수 아래로 여기있다 707 00:40:56,690 --> 00:40:58,280 그래서 우리는 초 후에 다시 돌아올 것이다. 708 00:40:58,280 --> 00:41:01,480 >> 우선, 나는 사실에 응답 할 수있는 코드의 비트가 필요 709 00:41:01,480 --> 00:41:03,320 누군가가 버튼을 클릭했다고. 710 00:41:03,320 --> 00:41:06,330 내가 가서 여기까지 남아있는 걸거야. 711 00:41:06,330 --> 00:41:09,620 또, 여기 당신의 앞에 어떤 입력을하지 않을 것이다. 712 00:41:09,620 --> 00:41:12,560 아주 기본적인 자바 스크립트는 단지이 호출 할 때 말 713 00:41:12,560 --> 00:41:15,270 우리는 우리가 여기에 도착하는 방법에 대한 몇 가지 세부 사항을 제공 할 것입니다 714 00:41:15,270 --> 00:41:17,630 그리고, 우리는 몇 가지 기본적인 일을 할 것입니다. 715 00:41:17,630 --> 00:41:21,300 nameInput라는 내 HTML 페이지에있는 것을 찾아 이동 716 00:41:21,300 --> 00:41:28,490 그것을 잡아, 그것의 전면에 그 값을 때리고 "안녕하세요"를 가지고 가고, 스틱 그 결과 문자열 717 00:41:28,490 --> 00:41:31,960 그 전에 정말 아무것도하지 않았다 전에 우리가 가진 그 div 태그에. 718 00:41:31,960 --> 00:41:37,220 이제 우리는 그 태그를 찾아 그 문자열의 내부 내용이 동일 할 것입니다. 719 00:41:37,220 --> 00:41:38,880 아주 간단한 자바 스크립트. 720 00:41:38,880 --> 00:41:42,240 희망이 여기서 무슨 일이 벌어지고있는 이상한 아무것도 정말이 없다는 것을 인식하고 있습니다. 721 00:41:42,240 --> 00:41:45,360 그것은 여기에 직접 HTML 및 JS의 몫이다. 722 00:41:45,360 --> 00:41:48,220 지금이를 실행하면 내가 그것을 유선하지 않았기 때문에, 아직 모든 작업을 수행 할 수 없을거야 723 00:41:48,220 --> 00:41:50,030 이벤트를받을 수 있습니다. 724 00:41:50,030 --> 00:41:55,710 이를 위해, 나는 다시 내 도구 상자에 반환, 바로 여기에 있다고 할 수 있습니다 725 00:41:55,710 --> 00:41:58,730 여기에서 터지는. 726 00:41:58,730 --> 00:42:03,060 나는 당신이 전에 물건의 모든 종류를 본 적이 예상, 그래서 그것을 오버 설명하지 않습니다. 727 00:42:03,060 --> 00:42:05,060 이제 우리는 helloButton 가서 것입니다. 728 00:42:05,060 --> 00:42:07,730 우리는 말할거야 "버튼을 축하합니다." 729 00:42:07,730 --> 00:42:10,130 "여기 지금에 응답하는 이벤트입니다." 730 00:42:10,130 --> 00:42:13,420 "누군가가 당신을 클릭하면이 기능을 buttonClickHandler를 호출합니다." 731 00:42:13,420 --> 00:42:17,070 그리고 우리는 바로 거기 하단에 추가하는 기능입니다. 그거야. 732 00:42:17,070 --> 00:42:20,980 그래서 지금 우리는 놀라 울 기능 응용 프로그램을 가지고있다. 733 00:42:20,980 --> 00:42:24,720 난 당신이 정말 감동 할 것 같아요. 734 00:42:24,720 --> 00:42:32,320 크리스. 그 기다립니다. 와우. 좋아요. 정말 놀라워요. [웃음] 735 00:42:32,320 --> 00:42:36,570 하지만 더있어. 아직 구입하지 마십시오. 기다립니다. 736 00:42:36,570 --> 00:42:39,610 >> 좀 더 여기에 당신에게 약간을 표시하고 전체 화면으로 나가자. 737 00:42:39,610 --> 00:42:42,690 우리는 우리가 실행하기 전에 걸을 것입니다. 738 00:42:42,690 --> 00:42:45,530 내가 가서 실제로 당신에게 CSS를 조금 보여 드리겠습니다. 739 00:42:45,530 --> 00:42:49,480 다만 기본적으로, 우리가 여기에 페이지를 다시 보면, 740 00:42:49,480 --> 00:42:53,570 우리는 WinJS에서 이러한 것들을 뽑아 우리는 UI 어두운을 가지고 때마다 741 00:42:53,570 --> 00:42:58,550 사실, 당신은 빛의 응용 프로그램을 사용하기위한 기본으로 변경할 수 있습니다. 742 00:42:58,550 --> 00:43:03,450 UI 어두운는 사진을 많이 사용하여 같은 그래픽 응용 프로그램에 대한 좋은 743 00:43:03,450 --> 00:43:05,740 당신은 영상 콘텐츠를 많이 게재하고 있습니다. 744 00:43:05,740 --> 00:43:12,560 당신이 텍스트 콘텐츠를 많이 게재하는 경우, UI 빛은 일반적으로 좋은 선택입니다. 745 00:43:12,560 --> 00:43:15,160 당신은 그것을 선택할 필요가 없습니다,하지만 난 그것에 전환했습니다 746 00:43:15,160 --> 00:43:17,690 지금은 같은 마크 업, 같은 모든 것을보고있다, 747 00:43:17,690 --> 00:43:20,320 그냥 여기에 기본적으로 반전 방식을 이용하고 있어요 748 00:43:20,320 --> 00:43:24,770 모든 흰색에 검정 텍스트를 만드는입니다. 749 00:43:24,770 --> 00:43:26,460 그게 잘 좋다. 750 00:43:26,460 --> 00:43:30,680 내가 여기서하자, 그리고의 실제로 CSS와 함께 조금 더 많은 작업을 수행 할 수 있습니다. 751 00:43:30,680 --> 00:43:34,830 나는 그것이 화면에 표시하는 것이 쉽게 생각하기 때문에 나는 어둠에 다시 넣을 게 752 00:43:34,830 --> 00:43:36,970 나는이 일을 시작할 때. 753 00:43:36,970 --> 00:43:40,150 나는 몸을 한 번 더 교체거야. 754 00:43:40,150 --> 00:43:44,040 나는 여기로 이동합니다. 날이 핵 폭탄 보자. 755 00:43:44,040 --> 00:43:48,690 의 수업으로 몸에 가져 보자. 756 00:43:48,690 --> 00:43:53,000 난 당신이 CSS 이미 그런 것들과 기본 선택기를 수행 한 생각 757 00:43:53,000 --> 00:43:55,380 그래서 당신은 아마 여기에서 무슨 일이 일어나고 있는지 알고있다. 758 00:43:55,380 --> 00:43:59,250 다만 우리의 헤더에 일부 클래스를 할당하고, 우리는 새로운 사업부를 만드는 759 00:43:59,250 --> 00:44:04,430 우리가 모두 함께 스타일을 사용할 수있는 물건의 나머지 부분을 감싸는. 760 00:44:04,430 --> 00:44:07,760 그래서 내가 지금 할 수있는 것은 우리의 기본 CSS에 가서이다. 761 00:44:07,760 --> 00:44:11,900 아직 미디어 쿼리 봤어? 당신은 전혀 그것에 대해 이야기 했습니까? 762 00:44:11,900 --> 00:44:17,220 미디어 쿼리는이 긴급 추세의 일부입니다 - 763 00:44:17,220 --> 00:44:19,660 또는 웹에서 지금 실제로 설립 추세입니다 - 764 00:44:19,660 --> 00:44:22,760 응답 디자인이나 적응을위한, 765 00:44:22,760 --> 00:44:28,480 그리고 아이디어는 응용 프로그램이 정말 적절하게 자신을 조절할 수 있다는 것입니다 766 00:44:28,480 --> 00:44:31,910 그들이에 표시되고있어 장치가 무엇을 할 수 있는지에 따라. 767 00:44:31,910 --> 00:44:35,040 모바일 장치에있어 경우에 따라서, 분명 당신은 많은 화면 공간을하지 않을거야 768 00:44:35,040 --> 00:44:41,520 당신은 큰 30 인치 모니터에 바탕 화면에 앉아있는 것 같은, 그런 큰 PC. 769 00:44:41,520 --> 00:44:46,710 그래서에 대한 이전 응답은 같은 페이지의 5, 6 개의 다른 버전이하는 것 770 00:44:46,710 --> 00:44:51,350 당신은 그 특정 크기의 화면에 맞게 조정 된 버전을 열 것입니다. 771 00:44:51,350 --> 00:44:55,420 좋은하지 않습니다. 그것은 매우, 매우 반복적 인의 해당 작업을 수행하는 유지 보수의 톤이있다. 772 00:44:55,420 --> 00:44:58,120 이제 우리는 CSS 미디어 쿼리라고 뭔가를, 773 00:44:58,120 --> 00:45:02,530 우리는 특정 크기가있을 때 자동으로 감지하려면이 옵션을 사용할 수 있습니다 774 00:45:02,530 --> 00:45:07,030 또는 콘텐츠의 특정 용도가 수행된다. 775 00:45:07,030 --> 00:45:09,580 따라서이 경우, "좋아, 당신은에 응답 할 수 있습니다 당신은 말할 수있다 776 00:45:09,580 --> 00:45:12,580 "당신은 아마 내가 여기에 무슨 말할 필요가 없습니다." 777 00:45:12,580 --> 00:45:18,020 내가 전에 당신을 보여 주었다처럼 이것은 단지,이 응용 프로그램이 스냅되면 말하고있다 - 778 00:45:18,020 --> 00:45:20,830 그것을 잡아 화면 측에 넣은 - 779 00:45:20,830 --> 00:45:23,910 다음의 다음 유행에 따라 디자인 해 보자. 780 00:45:23,910 --> 00:45:25,850 스타일링은 같은 색상과 재료에 대한 없습니다. 781 00:45:25,850 --> 00:45:29,860 그것은 크기 조정 및 마진과 패딩과 내용의 방향에 관한거야 782 00:45:29,860 --> 00:45:34,040 또는 비활성화하거나 페이지의 전체 부품을 가능하게 783 00:45:34,040 --> 00:45:36,420 그리고,이 경우, 응용 프로그램 또는 게임뿐만 아니라. 784 00:45:36,420 --> 00:45:39,210 당신이 원하는대로 이렇게 여기에서 당신은 간단하게 할 수 있습니다. 785 00:45:39,210 --> 00:45:46,720 이것은 당신의 애플리케이션에 유용하지 않을 것입니다 만, 데모 시간, 786 00:45:46,720 --> 00:45:50,530 그래서 앞서 갈거야 그냥 기본적인 신체 선택에 추가하고 말 787 00:45:50,530 --> 00:45:58,360 "내가 찍은거야 때의 전방 이동 및 배경 색을하고의 뭔가를 선택할 수 있도록 할 수 있습니다." 788 00:45:58,360 --> 00:46:00,400 현재 IntelliSense를 가지고있다. 이 사실은 정말 멋지다. 789 00:46:00,400 --> 00:46:05,720 2012 년 우리는 CSS 지원 및 자바 스크립트와 HTML에 대한 많은 것들을 추가했습니다. 790 00:46:05,720 --> 00:46:08,690 물론 당신이 너무 드롭 다운 IntelliSense를 가지고,하지만 멋진 것은 아니다. 791 00:46:08,690 --> 00:46:11,730 좋은 점은 당신이뿐만 아니라 많은 것들을 시각적 선택기를 가지고 있습니다. 792 00:46:11,730 --> 00:46:14,120 그래서, 당신은을 통해 갈 수있는 단지 색상을 선택 793 00:46:14,120 --> 00:46:17,580 또는 당신은 나가서 더 구체적으로 당신이 선택할 수 있습니다 - 794 00:46:17,580 --> 00:46:22,330 이 끔찍한 될 것입니다. 사실 여기에 괜찮은 색상을 선택합니다. 795 00:46:22,330 --> 00:46:26,500 그런데, 너무 마크 업을보세요. 즉, 거기에 RGB 표준 형식입니다. 796 00:46:26,500 --> 00:46:30,780 내가 불투명도를 전환하는 경우, 그것은 여기에 알파 채널 선택으로 전환하는 것입니다. 797 00:46:30,780 --> 00:46:36,910 그래서 당신은, 당신이 그것에 대해이 본질적 %의 투명도와 색상을 것을 볼 수 있습니다 798 00:46:36,910 --> 00:46:38,860 모두가 거기에 구운. 799 00:46:38,860 --> 00:46:42,530 나는 내가 그와 함께 수행하고있을 때 다음 100 %로 유지하고 갈거야, 모두 잘 좋다. 800 00:46:42,530 --> 00:46:46,160 이제 응용 프로그램을 실행하고 우리가 애플 리케이션을 가지고 우리가 스냅하는 경우, 801 00:46:46,160 --> 00:46:49,000 그 배경 색상이 자동으로 조정되는 802 00:46:49,000 --> 00:46:53,410 우리는 말한다, 일부 CSS가 "그냥 그렇게 이동을." 803 00:46:53,410 --> 00:46:55,580 또한 그 같은 일을 할 것입니다 너무 자바 스크립트를 작성할 수 있습니다 804 00:46:55,580 --> 00:47:03,010 또는 당신은 실제로 게임을 일시 중지하는 데 사용할 수있는 것으로, 그 같은 일을 할. 805 00:47:03,010 --> 00:47:04,310 당신은 자바 스크립트를 사용하려는 경우 그것은 아마. 806 00:47:04,310 --> 00:47:06,610 당신은 그 시점에서 게임 루프를 해제합니다. 807 00:47:06,610 --> 00:47:09,970 즉 당신이 CSS는 것이 뭔가하지 않기 때문에 당신은 어떤 자바 스크립트가 필요합니다. 808 00:47:09,970 --> 00:47:11,760 그러나 그것은 단지 이벤트의 명심하십시오. 809 00:47:11,760 --> 00:47:14,860 당신은, 내 응용 프로그램의 크기를 변경했을 경우 "라고 말할 수 있습니다 810 00:47:14,860 --> 00:47:17,780 "우리는 스냅하는 경우 보자." 그리고 바로 그거야. 811 00:47:17,780 --> 00:47:24,440 >> 좋아? 내가 자주 이야기했습니다. 질문은 지금까지 우리가 어디에서 있는가? 그래. 812 00:47:24,440 --> 00:47:29,310 [학생] 사람이 더 많은 정보를 얻을 수에 대한 튜토리얼이 있습니까? >> 네. 813 00:47:29,310 --> 00:47:33,510 문제는 이것에 대한 튜토리얼이있다? 난 그냥 모든 것을 연장됩니다. 814 00:47:33,510 --> 00:47:37,490 당신이 갈 수있는 몇 가지가있다. 의 실제로 여기서 나가자. 815 00:47:37,490 --> 00:47:40,150 내가 여기에서 밖으로 돌아 가자. 816 00:47:40,150 --> 00:47:45,180 지적 할 점은 비주얼 스튜디오 자체 내장 자습서가 817 00:47:45,180 --> 00:47:47,650 날이 없애 보자. 818 00:47:47,650 --> 00:47:51,520 당신이 가서 새 프로젝트를 만들 경우 않는 파일, 새 프로젝트, 819 00:47:51,520 --> 00:47:56,750 그리고 왼쪽에 보면,이 선택의 온라인 노드가있다. 820 00:47:56,750 --> 00:47:59,790 그것은 조금 걸릴 거예요. 여기에 내 MyFi에있어. 821 00:47:59,790 --> 00:48:02,300 그러나 올 것 그것은 나에게 템플릿을 찾을 수있는 기회를 제공거야 822 00:48:02,300 --> 00:48:05,190 뿐만 아니라, 더 중요한 것은, 샘플뿐만 아니라. 823 00:48:05,190 --> 00:48:06,750 그래서 자바 스크립트를 클릭 할 수 있습니다. 824 00:48:06,750 --> 00:48:10,050 그것은 나를 위해 샘플을 찾을 것입니다. 내 해상도는 방법 높은 여기에있다. 825 00:48:10,050 --> 00:48:15,070 일반적으로, 당신은 여기에 다른 많은 것들의 목록을 볼 수있을 것입니다. 826 00:48:15,070 --> 00:48:18,280 당신이 시도 할 언어를 선택하고 싶은 무언가가있는 경우에, 827 00:48:18,280 --> 00:48:20,970 여기에 자바 스크립트, 그리고 "나는 위치 정보를 수행하는 방법을 모르겠어요."라고 828 00:48:20,970 --> 00:48:22,220 "나는 파일을 여는 방법을 모르겠어요." 829 00:48:22,220 --> 00:48:25,840 "나는 웹캠을 활용하는 방법을 몰라 830 00:48:25,840 --> 00:48:28,290 "나 터치 나 같은 명소를 최적화 할 수 있습니다." 831 00:48:28,290 --> 00:48:33,190 공유, 검색, 앱 바 : 모두를위한 샘플이 있습니다 832 00:48:33,190 --> 00:48:37,520 서비스,​​ JSON 인코딩에 대한 원격 호출을. 833 00:48:37,520 --> 00:48:40,390 모든 것들 종류의 샘플이 여기에있다, 834 00:48:40,390 --> 00:48:44,560 그들은 떨어져 끌어 밤 당신을 데려 갈거야 거대한 샘플 아니에요 835 00:48:44,560 --> 00:48:46,820 다만 한 가지 배우고 싶다고 찾을 수 있습니다. 836 00:48:46,820 --> 00:48:49,870 그들은 정말 좋은거야. 그들은 바로 샘플의 포인트 종류, 작은입니다. 837 00:48:49,870 --> 00:48:52,330 나는이를 통해 자신을 이동하여 톤을 배웠습니다, 838 00:48:52,330 --> 00:48:55,260 그래서 내가 추천하는 한 가지로 많은. 839 00:48:55,260 --> 00:49:01,750 >> 너무 지적하는 또 다른 것은 물론이다 I가 보여 당신은 dev.windows.com, 840 00:49:01,750 --> 00:49:07,490 당신이 그때로 돌아갈 경우에, 당신은 여기에 샘플도 거기에 하단에 볼 수 있습니다. 841 00:49:07,490 --> 00:49:12,560 그래서 당신은 한 번에 모두를 다운로드 할 수 있지만, 다른 많은 자원도 여기가 너무의 842 00:49:12,560 --> 00:49:14,400 즉, 속도까지 얻을 수 있습니다. 843 00:49:14,400 --> 00:49:17,870 >> 또 한가지는, 난 정말 당신이 이것을 시도하는 것이 좋습니다 것 844 00:49:17,870 --> 00:49:24,510 내 블로그에 있어요,하지만 난 그냥 바로 이동합니다. 845 00:49:24,510 --> 00:49:28,220 내가 당신을 보여 드리죠. 내 블로그 자원과 같은 일들이 있습니다. 846 00:49:28,220 --> 00:49:35,300 당신의 아이디어 : 지적하는 것들 중 하나는, 바로 여기 것입니다. 귀하의 응용 프로그램. 30 일. 847 00:49:35,300 --> 00:49:40,960 이 클릭하면, 그것은 정말 도움이 사이트에 당신을 데려 올거야. 848 00:49:40,960 --> 00:49:44,650 이것은 당신이 예상하는 것보다 훨씬 더 도움이됩니다. 849 00:49:44,650 --> 00:49:49,040 이것은 기본적으로 팁 및 유용한 정보를 얻을 수있는 콘텐츠의 30 일이 될 것입니다 850 00:49:49,040 --> 00:49:51,990 당신이 응용 프로그램을 만드는 등 그 과정에 걸쳐. 851 00:49:51,990 --> 00:49:55,980 당신이 기대하지 않을 수 있으므로, 당신은 실제로 너무 게임을 위해 그것을 얻을 수 있습니다 852 00:49:55,980 --> 00:49:57,840 전화 응용 프로그램에 대한, 그런 것. 853 00:49:57,840 --> 00:50:01,000 그러니까 기본적으로, 그것을 위해 서명하고, 그들은 당신에 대한 팁과 트릭을 보낼거야 854 00:50:01,000 --> 00:50:03,010 "당신은이 일에 대해 생각? 당신이 스냅을 지원합니까?" 855 00:50:03,010 --> 00:50:04,900 "여기 잘 그 작업을 수행하는 방법에 대한 몇 가지 지침입니다." 856 00:50:04,900 --> 00:50:07,440 "당신이 가게에 제출에 대한 생각?" 857 00:50:07,440 --> 00:50:09,370 "당신이 당신의 응용 프로그램을 판매하는 것입니다 방법에 대한 생각?" 858 00:50:09,370 --> 00:50:11,490 그것은 모든 여러 가지를 살펴거야. 859 00:50:11,490 --> 00:50:13,380 실제로, 당신은 게임의 궤도에 있다면, 어떤 점에서 860 00:50:13,380 --> 00:50:17,010 당신은 당신이 얘기하는 사람을 인식 시작합니다 861 00:50:17,010 --> 00:50:22,850 사실은 거기에 그 기록이 동영상을 수행 할 Redmint로 이동했기 때문에. 862 00:50:22,850 --> 00:50:25,240 그러나 모든 게임 트랙의 일부, 863 00:50:25,240 --> 00:50:27,650 일반 응용 프로그램 개발을위한 전체 트랙도 있습니다. 864 00:50:27,650 --> 00:50:29,380 즉 세대 앱라고. 865 00:50:29,380 --> 00:50:33,460 나는 확실히 샘플뿐만 아니라뿐만 아니라 당신에게 그것을 추천 할 것입니다. 866 00:50:33,460 --> 00:50:38,110 >> 많은 비디오뿐만 아니라 채널 9라는 사이트에 있습니다. 867 00:50:38,110 --> 00:50:42,790 그것은 아마 우리가 여기에 이​​동하기 전에 나뿐만 아니라 추천 할 것입니다 마지막으로 한 일이야. 868 00:50:42,790 --> 00:50:45,280 Channel9.msdn.com. 869 00:50:45,280 --> 00:50:48,880 당신이 백서의 톤을 읽지 않을 것입니다 때문에 이것은 좋은 것입니다. 870 00:50:48,880 --> 00:50:53,880 그것은 기본적으로 지점에 맞다 동영상, 스크린 캐스트 및 많은 것들입니다. 871 00:50:53,880 --> 00:50:57,940 전 항상 지점에서 오른쪽으로 말할 수 없습니다. 그것은 이야기를하고있는 사람 따라 달라집니다. 872 00:50:57,940 --> 00:51:02,290 그러나 일반적으로, 정말 투 - 포인트 동영상은 여기에 있습니다 873 00:51:02,290 --> 00:51:06,230 즉, 당신이 배우거나 시연을 참조 할 수있는 몇 가지 특정 일을 표시합니다. 874 00:51:06,230 --> 00:51:11,110 우리의 모든 콘텐츠는 몇 주 전에 일어난 우리의 회의에서도 있습니다 875 00:51:11,110 --> 00:51:14,380 빌드라고, 당신은 그 바로 볼 수 있습니다. 876 00:51:14,380 --> 00:51:18,450 윈도우 8 게임을위한 핵심 기술이있다. 거기 당신은 간다. 877 00:51:18,450 --> 00:51:23,150 사실이 있었다. 당신은 저를 볼 수 없습니다. 나는 여기에 있었다. 878 00:51:23,150 --> 00:51:27,560 그러나 어쨌든, 그건 제쳐두고, 당신이 그 동영상을 확인하는 것이 좋습니다 것입니다. 879 00:51:27,560 --> 00:51:29,330 그들은 꽤 도움이입니다. 880 00:51:29,330 --> 00:51:32,620 당신이 뭔가에 붙어 또는 당신이 뭔가를 할 수있는 기능을 참조하려는 경우, 사람들을 불. 881 00:51:32,620 --> 00:51:36,890 >> [Guarin] 윈도우 메일은 콘텐츠에 대한 링크가 나에게 이메일을 보내 882 00:51:36,890 --> 00:51:42,140 학생들은 같은 샘플 코드 및 물건을 다운로드 할 수. >> [보웬] 좋아요. 883 00:51:42,140 --> 00:51:45,510 신난다. 에드윈 감사합니다. 884 00:51:45,510 --> 00:51:48,320 >> 좋은. >> [학생] 내가 질문이 있습니다. >> [보웬 오. 제발, 그래. 885 00:51:48,320 --> 00:51:55,030 [들리지 학생 질문] >> [보웬] 오, 난 당신이 그 질문을해서 기뻐 해요. 예. 886 00:51:55,030 --> 00:51:58,940 문제는 내가 일을 만들 수 있도록 시각적 인터페이스가 있었다? 887 00:51:58,940 --> 00:52:01,630 에드윈은 그 질문에 대해 후한 당신을 보상합니다. 888 00:52:01,630 --> 00:52:04,310 이를 수행하는 방법이있다. 889 00:52:04,310 --> 00:52:09,040 우리가 지금해야합니까? 의 지금하자. 890 00:52:09,040 --> 00:52:11,780 나는 지금 당장에 갈거야. 891 00:52:11,780 --> 00:52:14,070 사실, 내가이 데모에 한 가지 더 추가 할 수있는, 892 00:52:14,070 --> 00:52:16,710 그리고 당신에게 실제 답을 보여줄 것이다. 893 00:52:16,710 --> 00:52:21,340 나는 여기에 조금 더 CSS를 추가하려고 했어요. 894 00:52:21,340 --> 00:52:23,980 여기 접선에 조금 떨어져 있었다. 895 00:52:23,980 --> 00:52:26,770 저를 활용하는 몇 가지 CSS에 넣어 보자 896 00:52:26,770 --> 00:52:29,980 우리가 조금 전에 추가 된 클래스의, 897 00:52:29,980 --> 00:52:33,930 헤더, 달력 주소 검색 Maincontent 사업부에 다음 greetingOutput합니다. 898 00:52:33,930 --> 00:52:37,920 나는 그렇게하고 실행하면, 지금 우리는 조금 다른 패딩과 마진을 가지고 볼 수 있습니다 899 00:52:37,920 --> 00:52:40,310 그래서 우리는 여기에서 실제로 어떤 오프셋이 있습니다. 900 00:52:40,310 --> 00:52:44,630 이들은 당신이 최종 연마 응용 프로그램의 기대하는 거냐을 향해 더 있습니다. 901 00:52:44,630 --> 00:52:47,770 똑바로 CSS 달려 있기 때문에 난 그냥 당신이를 표시하고 있습니다. 902 00:52:47,770 --> 00:52:51,910 그래서 만약 당신이 이미 알고있는 것을 당신은 당신이 원하는대로 콘텐츠를 조정할 여기에 사용할 수 있습니다. 903 00:52:51,910 --> 00:52:55,100 이미 배경이 그 방법을 변경하는 방법을 살펴 보았습니다. 904 00:52:55,100 --> 00:53:02,980 >> 내가 다시 우리의 HTML에 나갈 경우에, 나는, 마크 업의 하나 세트에 추가 할거야 905 00:53:02,980 --> 00:53:06,140 이 사실은 WinJS에서 제어 될 것입니다. 906 00:53:06,140 --> 00:53:09,840 내가 가서이 레이블을 잡아 갈거야. 나를 내가 맞는 장소에 일을 해요 있는지 확인하자. 907 00:53:09,840 --> 00:53:11,740 충분히 아마 좋은. 908 00:53:11,740 --> 00:53:15,590 여기에 그냥 추가 한 - 당신은 모든 일을 볼 수 있도록 우리는 전체 화면으로 이동합니다 - 909 00:53:15,590 --> 00:53:18,520 나는 다음의 div 레이블을 추가했습니다. 910 00:53:18,520 --> 00:53:20,890 사업부는 ratingControlDiv이라고합니다. 911 00:53:20,890 --> 00:53:23,090 그 자체로는 아무 작업도 수행하지 않습니다. 912 00:53:23,090 --> 00:53:28,570 브라우저에서이 작업을 열 경우, 당신은 빈에서 DIV 자신을 찾고있을 것입니다. 913 00:53:28,570 --> 00:53:31,820 그러나 때문에 전에 보여준 코드의 신비 라인, 914 00:53:31,820 --> 00:53:35,650 모든 과정은,이처럼 보이는 뭔가를 찾는 것 - 915 00:53:35,650 --> 00:53:40,380 데이터 - 윈​​ 제어 - 그리고 그 매개 변수에 무엇이든 찾을 것입니다. 916 00:53:40,380 --> 00:53:44,560 그것은 그게 가리키는 것 무엇이든의 인스턴스를 만들 것입니다. 917 00:53:44,560 --> 00:53:48,850 이 경우, 평가 관리, 그래서 내가 가서이 일을 교체하십시오 "말하는거야 918 00:53:48,850 --> 00:53:51,400 "무엇 이건 당신은 등급 통제를 만들기 위해 수행해야합니다." 919 00:53:51,400 --> 00:53:56,610 그것은 플립 제어 할 수 있습니다, 그것은 진행 링이든 제어 사용할 수 있습니다. 920 00:53:56,610 --> 00:53:59,390 그들은 모두 기본적으로 동일한 방식으로 작동하는 것입니다. 921 00:53:59,390 --> 00:54:02,920 당신은 당신이 원하는 것을 나타 내기 위해 표준 HTML5 마크 업을 사용하고, 922 00:54:02,920 --> 00:54:07,670 그리고 당신은이 말에 컨트롤을 얻을 것입니다. 날이 실행하자. 923 00:54:07,670 --> 00:54:12,270 나는 단지 그것을 복사하고, 지금 마크 업이됩니다 924 00:54:12,270 --> 00:54:15,280 실제로 HTML 요소의 꽤 번호입니다. 925 00:54:15,280 --> 00:54:18,440 이러한 모든 개별 이미지, 그리고 선택기로 주위의 div가있다. 926 00:54:18,440 --> 00:54:22,610 바라건대 당신은 볼 수 있습니다. 조금 미묘. 927 00:54:22,610 --> 00:54:27,380 나는 다른 항목 위로 마우스를 가져 가면 수 있고, 내가 여기에 평가를 볼 수 있도록하는 것입니다. 928 00:54:27,380 --> 00:54:31,560 나는 그것을 클릭 할 수 있고, 평가를 기억하지만 그것에 대해이야. 929 00:54:31,560 --> 00:54:33,100 정말 평가와 아무것도 아니에요. 930 00:54:33,100 --> 00:54:35,230 >> 나는이 당신을 보여주고 싶은 마지막 일 931 00:54:35,230 --> 00:54:37,820 우리는 시각적 인 디자인 경험으로 전환하기 전에 932 00:54:37,820 --> 00:54:42,680 나는이 WinJS 컨트롤에 응답하는 데 사용할 수있는 약간의 코드입니다. 933 00:54:42,680 --> 00:54:47,540 내가 다시 전체 화면 밖으로, 밖으로의이하자, 934 00:54:47,540 --> 00:54:52,690 그리고 두 번째 여기 JS로 전환. 935 00:54:52,690 --> 00:54:57,450 바로 여기에이 작업을 수행 할 수 있습니다. 나는이 모든 것을 대체 할 수있을 거라 생각. 936 00:54:57,450 --> 00:55:03,080 사실, 난 그것을 모두 대체 할 생각하지만, 우리가 함께 알아 보겠습니다. 937 00:55:03,080 --> 00:55:07,350 여기에 넣고 있습니다. 그래. 나도이 삭제하겠습니다. 938 00:55:07,350 --> 00:55:11,790 나는 무엇을 추가 했습니까? 그것은 많은 것 같습니다. 그것은 많이하지 않습니다. 939 00:55:11,790 --> 00:55:14,920 난 그냥 내가 이미 전에 이야기 코드의 라인 확장 940 00:55:14,920 --> 00:55:18,590 나는 내 모든 컨트롤을 만든되었을 때, 모든 것이 완료되면 "말하는거야 941 00:55:18,590 --> 00:55:23,660 "다음이 작업을 수행합니다." 그럼 완성이라는 기능을 실행합니다. 942 00:55:23,660 --> 00:55:27,080 이 경우, 이것은 당신이 알아낼 수있는 것들이다. 943 00:55:27,080 --> 00:55:29,040 그 DIV 컨트롤을 찾아 이동합니다. 944 00:55:29,040 --> 00:55:30,790 사실, 난 지적해야 한 가지가있다. 945 00:55:30,790 --> 00:55:35,630 그 다음 줄은 실제로 "나는 그 ratingControlDiv 있어요.", 말하는 946 00:55:35,630 --> 00:55:39,770 "나는 진짜 제어, WinJS 컨트롤 인 것처럼 얘기하고 싶어요." 947 00:55:39,770 --> 00:55:42,020 그러니까 기본적으로, 당신은 그것에서 그 요구하고 있습니다. 948 00:55:42,020 --> 00:55:44,600 당신은 "나는 컨트롤로 얘기하고 싶습니다."말을하는지 949 00:55:44,600 --> 00:55:47,810 그리고 당신은 우리가 당신을 위해 수신기를 추가거야 "같은 것들을 말하는 시작할 수 있습니다 950 00:55:47,810 --> 00:55:51,430 "당신이 변화 할 때 우리는 응답 할 수 있습니다." 951 00:55:51,430 --> 00:55:56,930 그리고 우리는 또한이 같은 작업을 수행 할 수 있습니다. 사실, 그가 예전의 코드입니다. 952 00:55:56,930 --> 00:55:59,600 나는 또 하나의 기능에 붙여 넣기를 놓치고 생각, 953 00:55:59,600 --> 00:56:05,030 그리고 그 변경되는 평가 컨트롤에 반응 할 것입니다 실제 함수가 될 것이다. 954 00:56:05,030 --> 00:56:07,710 내가 바로 여기에 그 넣겠습니다, 955 00:56:07,710 --> 00:56:09,840 어딘가에있다. 956 00:56:09,840 --> 00:56:14,930 이 경우, 새로운 유일한 것은 우리가에려고하고 있다는 사실이다 957 00:56:14,930 --> 00:56:21,000 평가 제어가 우리에게 알려줍니다 우리는 tentativeRa​​ting라는 것에 대해 무엇을 요구하는지. 958 00:56:21,000 --> 00:56:23,150 해당 컨트롤이 당신에게 말할 수있는 여러 다른 것들의 무리가있다, 959 00:56:23,150 --> 00:56:25,310 그것은 제어에 의해 제어 간다. 960 00:56:25,310 --> 00:56:29,140 그것은 매우 간단합니다. 당신은 어떠한 문제를 알아낼 수있을 것이다. 961 00:56:29,140 --> 00:56:34,040 나는 등급을 변경하고 등급을 클릭하면, 지금을 실행하고 962 00:56:34,040 --> 00:56:36,480 당신은 지금 실제로 그것에 반응하고 볼 수 있습니다. 963 00:56:36,480 --> 00:56:40,280 그것은 그 그렇지 않으면 빈 div 태그로 화면에 그 평가를 태우고 964 00:56:40,280 --> 00:56:42,970 등급 통제 아래. 965 00:56:42,970 --> 00:56:46,670 즉, 여기에 너무 많은 재료의 마술. 966 00:56:46,670 --> 00:56:49,580 , 당신은 Windows 스토어 용 응용 프로그램을 만드는 사람으로서 967 00:56:49,580 --> 00:56:52,930 당신이 사용할 수있는 컨트롤의 톤이있다. 그들 모두는 다음과 같이 작동합니다. 968 00:56:52,930 --> 00:56:58,670 >> 내가 당신에게 이러한 애플리케이션을 위해 디자인의 시각적 인면을 보여 드리겠습니다. 969 00:56:58,670 --> 00:57:03,440 좋은 소식은 당신이 모든 것을 설치할 때 이미이 도구를해야합니다입니다 970 00:57:03,440 --> 00:57:06,240 당신은 다운로드에 가서 당신은 Visual Studio를 얻는 경우. 971 00:57:06,240 --> 00:57:09,890 바로이 클릭 할 수 있습니다. I는 확대되지 않습니다 972 00:57:09,890 --> 00:57:12,040 그냥 Blend에서 열기 말한다. 973 00:57:12,040 --> 00:57:16,040 Blend는 비주얼 스튜디오와 나란히 작동 또 다른 도구입니다 974 00:57:16,040 --> 00:57:19,230 물건의 디자인면에 훨씬 더 초점을 맞추고, 975 00:57:19,230 --> 00:57:23,660 그래서 정말 스타일을 만들기위한 최적화 된 도구를 표면, 976 00:57:23,660 --> 00:57:29,720 애니메이션을 만드는 CSS 작업, 정맥의 종류에있는 많은 것들. 977 00:57:29,720 --> 00:57:36,380 여기에 무엇을 매우 흥미롭고 매우 분명해야하는 것은 바로 우리가 응용 프로그램에서 찾고있다. 978 00:57:36,380 --> 00:57:40,060 바라건대 우리는 여전히 수 있습니다. 979 00:57:40,060 --> 00:57:42,650 대신에 우리는 여전히 바닥에 보는가 코드를 보는, 980 00:57:42,650 --> 00:57:45,350 우리는 애플리케이션의 실제적인 표현을보고있다. 981 00:57:45,350 --> 00:57:49,640 무엇보다,이 응용 프로그램의 단지 표현이 아니다, 실제로 응용 프로그램을 실행합니다. 982 00:57:49,640 --> 00:57:52,010 그리고 정말 혼합에 대한 좋은거야. 983 00:57:52,010 --> 00:57:58,620 이 팀은이 도구로 HTML 및 자바 스크립트와 CSS를 가지고 많은 작업을했다. 984 00:57:58,620 --> 00:58:01,930 당신은 호기심이 있다면 지금 당신은 실제로 "그게 무슨 뜻 이죠? 내가 무엇을 할 수 있습니까?"수 985 00:58:01,930 --> 00:58:08,310 이 같은 일이 내 마크 업에 존재하지 않는 경우에도 사실은이 응용 프로그램을 설계 할 수 있습니다. 986 00:58:08,310 --> 00:58:13,230 그 평가의 제어를 기억 하는가? 그냥 div 태그이었다. 987 00:58:13,230 --> 00:58:17,090 이 물건은, 그 별은, 실행시에 존재합니다. 어떻게 그 알 수 있습니까? 988 00:58:17,090 --> 00:58:20,300 여기에 약간의 마법이있다. 989 00:58:20,300 --> 00:58:21,700 이러한 번개 볼트가 보이십니까? 990 00:58:21,700 --> 00:58:25,570 당신이 번개를 볼 때마다, 즉 런타임에 무언가에 의해 생성 된 것을 의미한다. 991 00:58:25,570 --> 00:58:31,770 일부 자바 스크립트가 실행 및 설정이에 뭔가를 또는 어떤 논리로이 문제를 만들었습니다. 992 00:58:31,770 --> 00:58:37,100 그 당신이이 WinJS으로 자바 스크립트에 의해 생성 된 참조 별. 993 00:58:37,100 --> 00:58:41,800 좋은 것은 그것이 나에게 중요하지 않습니다,, 난 여전히 그것을 디자인 할 수있다, 994 00:58:41,800 --> 00:58:44,410 난 여전히 가서 변경할 수 있습니다, 나는 무슨 일이 일어나고 확인할 수 있습니다 995 00:58:44,410 --> 00:58:50,260 내가 CSS 볼 수 있습니다, 내가 가서 색이는 방법입니다 이유를 찾을 수 있습니다 996 00:58:50,260 --> 00:58:54,610 나는 것들로 장난 및 관광 명소 끔찍한 만들기 시작할 수 있습니다 997 00:58:54,610 --> 00:58:58,360 내가하고 싶은대로. 998 00:58:58,360 --> 00:59:01,020 사실, 난 혼자 일을 남겨 둘 것이다. 999 00:59:01,020 --> 00:59:03,980 그러나 당신은 모든 CSS의 여기에서 볼 수 있으며, 여기에 당신을 보여주는거야. 1000 00:59:03,980 --> 00:59:10,120 내가 거기까지 갈 경우, 그것은 당신에게 그들이 승리 호출 모든 것을 보여줄 것, 1001 00:59:10,120 --> 00:59:14,850 가장 구체적이고 대부분의 해당 항목에 대한 선택되도록 CSS 규칙, 1002 00:59:14,850 --> 00:59:17,110 하는 당신은 아마 이미 수업에 갔어요, 1003 00:59:17,110 --> 00:59:22,000 여기서 당신은 우리가 모든 것을 적용하고 일반 글꼴이 말할 수 있습니다 1004 00:59:22,000 --> 00:59:26,860 이 H1이며, 때문에 나는 H1S에 대해 정의 된 색상이 1005 00:59:26,860 --> 00:59:29,820 그것은이 색이 될 것, 그것이 body1보다 특정의​​ 때문이다. 1006 00:59:29,820 --> 00:59:32,590 여기이 한 것은 당신이 모든 것을 보여줍니다, 1007 00:59:32,590 --> 00:59:35,470 당신이 더 복잡 얻을 그리고 정말 강력한 물건의 1008 00:59:35,470 --> 00:59:38,160 이러한 일들이 그들이 방법입니다 왜 궁금. 1009 00:59:38,160 --> 00:59:41,020 그것은 실제로 당신을 말할 것이다, 당신은 여기에 이​​러한 항목 중 하나를 선택할 수 있습니다. 1010 00:59:41,020 --> 00:59:43,370 그 색깔은 실제로 너무 나쁘지 않다. 1011 00:59:43,370 --> 00:59:47,150 당신을 선택할 수 있습니다. 바라건대 당신은이를 볼 수 있습니다. 1012 00:59:47,150 --> 00:59:52,410 응용 프로그램에 대한 모든 것을 들어, 전체 폭포를 볼 수 1013 00:59:52,410 --> 00:59:56,070 그 어느 하나에 적용이 할 수있는 모든 CSS의 승리, 1014 00:59:56,070 --> 00:59:58,050 어느 실제로 우선 순위를했다. 1015 00:59:58,050 --> 01:00:00,930 이러한 종류의 지루한됩니다. 이들 중 일부에서 무슨 일이 많이 아니에요. 1016 01:00:00,930 --> 01:00:04,660 내가 가서 색상을 변경하는 경우, 당신은 약간의 폭포를보고 시작합니다. 1017 01:00:04,660 --> 01:00:07,760 또한 여기뿐만 아니라 HTML을 사용할 수 있습니다. 1018 01:00:07,760 --> 01:00:12,490 나는 통과 내가 원하는대로 이러한 것들 모두를위한 HTML 속성을 수정할 수 있습니다. 1019 01:00:12,490 --> 01:00:14,620 여기에 물건을 그냥 톤이있다. 1020 01:00:14,620 --> 01:00:18,070 >> 여기서 모든 것을 통해 이동하여 시간을두고 싶지 않습니다. 그냥 여기 알고. 1021 01:00:18,070 --> 01:00:21,700 당신을 위해 바로 사용할 수의 디자인 중심의 많은 기능이있다 1022 01:00:21,700 --> 01:00:26,730 그래서 당신은, 시각 유지 응용 프로그램과 함께 작업하고, 추측을 많이 할 수 없습니다 1023 01:00:26,730 --> 01:00:32,180 당신은, 다시 디자인으로 다시 브라우저에서 일반적으로 자전거 타기해야 할 것 1024 01:00:32,180 --> 01:00:33,940 브라우저에 백업합니다. 1025 01:00:33,940 --> 01:00:37,010 이것은 정말 멋지다 물건입니다, 당신은 Windows 스토어의 앱을 개발할 때, 1026 01:00:37,010 --> 01:00:39,650 당신이 더 많은 생산성을거야. 1027 01:00:39,650 --> 01:00:45,150 >> 당신은 또한 여기에 태그를 추적하고 CSS있어 볼 수 있습니다 1028 01:00:45,150 --> 01:00:47,270 당신은 여러 가지 작업하면서. 1029 01:00:47,270 --> 01:00:50,180 당신이 특히 비디오에, 그 참조하는 것은 아마 정말 어렵다, 1030 01:00:50,180 --> 01:00:54,680 하지만 무슨 일이 일어나고 있는지, 그리고 난 당신이 익숙해지는 것이 좋습니다. 1031 01:00:54,680 --> 01:00:57,240 그것은 당신에게 많은 시간을 저장합니다. 즉, 혼합입니다. 1032 01:00:57,240 --> 01:01:00,520 여기에 어떤 변경하는 경우, 그들은 자동으로 다시 이상 실시 예정 1033 01:01:00,520 --> 01:01:01,870 비주얼 스튜디오. 1034 01:01:01,870 --> 01:01:06,590 그것은 동일한 모두의 정보, 동일 파일이다. 나는 혼자 남겨 둘 것이다. 1035 01:01:06,590 --> 01:01:08,650 난 당신을 보여주고 싶은 것이 더 나은 예를 들어 있습니다. 1036 01:01:08,650 --> 01:01:11,660 내가 거기에 변경을 수행하고 저장하고 내가 다시 비주얼 스튜디오에 온 경우, 그것은 말할 것입니다, 1037 01:01:11,660 --> 01:01:16,390 "이봐, 당신은 뭔가를 변경했습니다. 나는 당신을 위해 그것을 다시 할 수 있습니까?" 예. 1038 01:01:16,390 --> 01:01:18,770 그리고 당신은이 같은 물건을 사용하고 있습니다. 1039 01:01:18,770 --> 01:01:21,320 즉, 특정 샘플의 끝. 1040 01:01:21,320 --> 01:01:28,170 >> 난 그냥 당신에게 다른 기능의 뷰를 제공하는 당신에게 높은 엔드 샘플을 보여주고 싶어 1041 01:01:28,170 --> 01:01:30,350 당신은뿐만 아니라에 대해 생각할 수 있습니다. 1042 01:01:30,350 --> 01:01:32,280 이것은 당신이 다운로드 할 수있는 샘플 응용 프로그램입니다. 1043 01:01:32,280 --> 01:01:35,620 당신은 상자의 Windows 캠프라고 뭔가를 보면, 1044 01:01:35,620 --> 01:01:40,340 이 점에서 몇 가지 샘플이 있고, 그 중 하나는 Contoso의 요리 책입니다. 1045 01:01:40,340 --> 01:01:41,640 난 그냥 당신이 실행할 수 있습니다. 1046 01:01:41,640 --> 01:01:44,700 정의 초기 화면. 이 격자보기 응용 프로그램입니다. 1047 01:01:44,700 --> 01:01:49,590 그들은 여기에 몇 가지 사용자 지정 데이터를 결합했습니다. 이 탐색 할 수 있습니다. 1048 01:01:49,590 --> 01:01:53,090 당신은 가서 금요일 오후에 우리는 배고픈 것 여러 가지를 볼 수있다. 1049 01:01:53,090 --> 01:01:57,760 모르겠어요. 무엇이 나를 가장 배고픈 만들려고? 1050 01:01:57,760 --> 01:02:00,530 모르겠어요. 난 그냥 하나를 선택하겠습니다. 1051 01:02:00,530 --> 01:02:02,460 이러한 것들로 이동합니다. 그것은 당신에게 제조법을 표시합니다. 1052 01:02:02,460 --> 01:02:04,900 당신은 할 수 또한 대신 항목을 클릭의, 1053 01:02:04,900 --> 01:02:10,360 당신은 콘텐츠의 종류, 내용의 해당 부분으로 바로 이동할 수 있습니다. 1054 01:02:10,360 --> 01:02:15,590 이 경우에, 당신은 여기에이 조리법에 대해 모든 이야기 가짜 라틴어를 많이 읽을 수 있습니다 1055 01:02:15,590 --> 01:02:17,720 다음 바로 특정 제조법으로 이동합니다. 1056 01:02:17,720 --> 01:02:22,770 이 또한 내가 사진과 함께 전에 보여준 공유 같은 것들을 지원합니다. 1057 01:02:22,770 --> 01:02:26,160 또한도이 응용 프로그램으로 검색 할 수 있습니다. 1058 01:02:26,160 --> 01:02:28,880 이 검색을 수행하는 것은 매우 간단합니다. 1059 01:02:28,880 --> 01:02:31,300 기본적으로, 당신은 윈도우에서 텍스트 문자열을 받고있어 1060 01:02:31,300 --> 01:02:34,720 당신은 당신이 검색을 처리하는 방법을 결정합니다. 1061 01:02:34,720 --> 01:02:39,830 그것은 그것을 얻기 위해 몇 줄의 코드, 그리고 그 후에 당신이 그 후 그것과는 완전히 당신에게 달려 있습니다. 1062 01:02:39,830 --> 01:02:44,180 >> 여기 그들은 또한 다른 기능을 사용하는 앱 바있다. 1063 01:02:44,180 --> 01:02:45,430 나는 단지 그것이 무엇인지 말해주지. 1064 01:02:45,430 --> 01:02:48,220 알림 토스트 알림라는 것을 사용하는 것입니다. 1065 01:02:48,220 --> 01:02:52,930 이 일이 일어 났을 때 사용자가 알려 주셔서 정말 편리합니다, 1066 01:02:52,930 --> 01:02:55,850 같은 응용 프로그램을 설치 또는 무언가가 완료되었습니다. 1067 01:02:55,850 --> 01:02:57,950 너무 또한 게임을 위해 좋다. 1068 01:02:57,950 --> 01:03:02,360 당신은 영구적 인 세계 또는 리더 보드 및 호스팅있어 서비스가있는 경우 그 1069 01:03:02,360 --> 01:03:08,490 아마 별도의 시스템에, 그 통지는 기계로 보낼 수 있습니다 1070 01:03:08,490 --> 01:03:12,240 심지어 사용자가 게임을하거나 응용 프로그램을 실행, 게임을 사용하지 않는 경우, 1071 01:03:12,240 --> 01:03:15,170 그들은 여전히​​ 사건의 그 종류에 대한 알림을받을 수 있습니다. 1072 01:03:15,170 --> 01:03:19,350 그래서 당신은 "당신의 성이 파괴 된 또는 거의 파괴된다."라고 말할 수 있습니다 1073 01:03:19,350 --> 01:03:22,870 "여기에 다시 가서 그것을 방어"또는 그런 일. 1074 01:03:22,870 --> 01:03:26,830 당신은 알림을 클릭하면 바로 게임에 돌아 가서, 당신은 그것을 할 수있다. 1075 01:03:26,830 --> 01:03:32,170 그래서 그러한 종류의 일들이 정말 꽤 효과적으로 응용 프로그램에 다시 사람을 그리는 데 도움이 될 수 있습니다. 1076 01:03:32,170 --> 01:03:37,450 >> 마이크, 웹캠을 사용하는이 응용 프로그램의 지원도있다, 1077 01:03:37,450 --> 01:03:39,560 비디오를하고 사진을 찍고. 1078 01:03:39,560 --> 01:03:42,080 또한 보조 타일을 고정 할 수 있습니다. 1079 01:03:42,080 --> 01:03:46,760 당신이 바로 어떤 내용으로 진행 타일을하려는 경우에 유용합니다. 1080 01:03:46,760 --> 01:03:49,960 이 경우,이 레시피에 적당한 간다. 1081 01:03:49,960 --> 01:03:51,300 난 그냥 보여 드리는 제가 언급하고있어 모든 1082 01:03:51,300 --> 01:03:53,270 그것은 당신이뿐만 아니라 사용하는 방법에 대해 생각할 수있는 것들이기 때문에. 1083 01:03:53,270 --> 01:03:57,590 대부분의 경우, 그들은 사용하기 매우 간단하다. 1084 01:03:57,590 --> 01:04:00,070 난 그냥 당신이 샘플 탐색기를 가지고 추천 할 것입니다 1085 01:04:00,070 --> 01:04:03,600 어떻게 할 수 있는지 방법을 보여줄 수있는 샘플을 찾을 수 있습니다. 1086 01:04:03,600 --> 01:04:07,140 그것은뿐만 아니라 거기에 애플 리케이션에 사람들을 가지고 아주 간단합니다. 1087 01:04:07,140 --> 01:04:11,030 >> 난 당신이 여기 정말 멋진의 다른 뭔가를 보여 주겠다했다. 1088 01:04:11,030 --> 01:04:15,230 나는이 응용 프로그램을 스냅 수 있습니다, 그리고 다시 비주얼 스튜디오에 갈거야. 1089 01:04:15,230 --> 01:04:18,870 이 응용 프로그램이 실행 중입니다. 그것은 비주얼 스튜디오에서 실행중인. 1090 01:04:18,870 --> 01:04:21,370 나는 그와 함께 몇 가지 멋진 물건을 할 수 있습니다. 1091 01:04:21,370 --> 01:04:23,840 실제로 요소를 선택할 수있는 옵션이 있습니다, 1092 01:04:23,840 --> 01:04:28,250 나는 라이브 응용 프로그램을 통해 여기에 갈 수있는 내가 말할 수있는, 1093 01:04:28,250 --> 01:04:34,000 "나는 왜 준비 시간이 제목 자체보다 조금 밝은 회색 궁금하네요?" 1094 01:04:34,000 --> 01:04:35,680 나는 그것을 클릭 할 수 있습니다. 1095 01:04:35,680 --> 01:04:38,080 그것은 다시 비주얼 스튜디오로 그를 동기화하는거야 1096 01:04:38,080 --> 01:04:43,780 그리고 UI의 일부 결과 정확하게 생성 한 콘텐츠 나에게 보여 것입니다. 1097 01:04:43,780 --> 01:04:47,270 따라서이 경우에는 항목을 자막과 H4 이중 구조의, 1098 01:04:47,270 --> 01:04:51,110 그것은 아마, 그 때문에 컨텍스트 내에서 H4로 우리가 알아야 할 것을 우리에게 알려줍니다 1099 01:04:51,110 --> 01:04:53,550 그것은 글꼴의 특정 종류를 얻을 것입니다. 1100 01:04:53,550 --> 01:04:56,410 난 아직도 이유를 모른다면, 나는 추적의 스타일을 클릭 할 수 있습니다. 1101 01:04:56,410 --> 01:05:02,330 그런 다음 색상을 확장 할 수 있고 색상은 바디 컬러하지 정확하게 이유를 찾을 수 있습니다 1102 01:05:02,330 --> 01:05:04,640 그러나 실제로 다른 무언가이다. 1103 01:05:04,640 --> 01:05:07,210 이것은 본질적으로 인터넷 익스플로러에서 dev에 도구입니다 1104 01:05:07,210 --> 01:05:09,530 비주얼 스튜디오에 가져 정도. 1105 01:05:09,530 --> 01:05:12,110 당신은 크롬 개발 도구로 작업 한 경우, 방화범, 그런 것, 1106 01:05:12,110 --> 01:05:14,720 그 브라우저에있는 도구의 종류를, 1107 01:05:14,720 --> 01:05:17,340 기능의 종류가 바로 비주얼 스튜디오로 가져왔다 1108 01:05:17,340 --> 01:05:22,090 그래서 당신은 실제로 브라우저를 실행하고 개별적으로 이러한 도구로 작업 할 필요가 없습니다. 1109 01:05:22,090 --> 01:05:24,320 지금은 그냥 실행하는 Windows 스토어의 앱을 가지고, 1110 01:05:24,320 --> 01:05:27,840 나는 떨어져 당겨 물건들이 무엇을하고있는 이유를 찾기 시작 할 수 있습니다. 1111 01:05:27,840 --> 01:05:30,440 >> 나는 또한 그것을 역시이 방법을 수행 할 수 있습니다. 1112 01:05:30,440 --> 01:05:35,020 내가 가서 바로 마크 업에서 무언가를 선택하고 그것이 무엇인지 알 수 있습니다 1113 01:05:35,020 --> 01:05:38,560 응용 프로그램 자체에서. 나는 모든 지나간 것 같아요. 1114 01:05:38,560 --> 01:05:41,440 여기에서 나는이 유혹하고 있습니다. 나는 그것을 선택할 수 있습니다. 1115 01:05:41,440 --> 01:05:45,540 그것은 그 일이 실제 실행중인 응용 프로그램에서 저를 보여줄 것 1116 01:05:45,540 --> 01:05:48,070 지금은 태그에서 클릭 걸. 1117 01:05:48,070 --> 01:05:49,700 정말 멋진 물건. 1118 01:05:49,700 --> 01:05:52,710 당신은 무슨 일이 일어나고 있는지 알아 내기 위해 노력하고 어떤 HTML이하고있는 바와 같이, 1119 01:05:52,710 --> 01:05:56,080 무엇을하고 있는지 CSS,이 점을 염두에 보관하십시오. 1120 01:05:56,080 --> 01:05:58,450 이 당신을 위해 여기에 기억 1121 01:05:58,450 --> 01:06:02,070 또한 그 Blend는 라이브 실행중인 응용 프로그램으로 작업 할 수 있습니다. 1122 01:06:02,070 --> 01:06:06,070 >> 나는이 응용 프로그램을 보여주고 싶었다 마지막으로 하나 - 1123 01:06:06,070 --> 01:06:09,290 그런데, 상황이 너무 변화에 따라 당신이 델타 보여줍니다 1124 01:06:09,290 --> 01:06:11,160 그래서 당신은 그 노란색 하이라이트에 볼 수 있습니다. 1125 01:06:11,160 --> 01:06:14,060 사람들은 단지 응용 프로그램에서 변경 한 것들입니다. 1126 01:06:14,060 --> 01:06:16,350 그러나 마지막으로 한 가지. 여기서 잠깐 혼합 다시 가고 싶어요. 1127 01:06:16,350 --> 01:06:21,790 우리는 조화, 같은 응용 프로그램, 같은 모든 일에 오픈,이 열 수 있습니다. 1128 01:06:21,790 --> 01:06:28,660 나는 단지 당신이 홈 페이지에 붙어있어되지 않은 당신에게 여기에 경험을 보여주고 싶어 1129 01:06:28,660 --> 01:06:32,880 당신이 응용 프로그램을 실행할 때 기본적으로 얻을하고 거기에 앉아 드리겠습니다 사물을 보는. 1130 01:06:32,880 --> 01:06:36,490 또한 여기까지이 아주 작은 아이콘을 설정할 수 있습니다. 1131 01:06:36,490 --> 01:06:38,560 그것은 대화 형 모드라고합니다. 1132 01:06:38,560 --> 01:06:41,560 당신은을 클릭합니다. 그것은 당신의 응용 프로그램을 가져올 것입니다. 1133 01:06:41,560 --> 01:06:43,730 당신은 더 이상 디자인 모드에 있지, 그래서 당신은 물건을 클릭하지 않을거야 1134 01:06:43,730 --> 01:06:47,270 기능을 변경할 수 있습니다,하지만 당신은 지금 실제로 응용 프로그램과 함께 작업 할 수 있습니다. 1135 01:06:47,270 --> 01:06:51,560 당신은을 통해 클릭 할 수 있습니다, 당신은, 당신이 걱정 레시피대로를 얻을 수행 할 수 있습니다 1136 01:06:51,560 --> 01:06:54,810 또는 범주. 의는이 범주에 가자. 1137 01:06:54,810 --> 01:06:56,880 나는 "나는 디자인 할 위치 좋아, 여기에 있습니다."라고 말할 수 있습니다 1138 01:06:56,880 --> 01:06:59,680 그런 다음 다시 그 버튼을 클릭, 당신을 디자인 화면에 다시 나타납니다, 1139 01:06:59,680 --> 01:07:02,130 그리고 지금 당신은 내가 전에 얘기했던 그 모든 일을 할 수있다. 1140 01:07:02,130 --> 01:07:06,230 나는이 선택 얻을 때까지, 그 크기를 찾아서 클릭을하겠습니다 1141 01:07:06,230 --> 01:07:09,890 그것을위한 HTML, 그것을위한 CSS를 찾아 1142 01:07:09,890 --> 01:07:14,990 실행중인 응용 프로그램의 경우, 응용 프로그램의 일부 최신 부분. 1143 01:07:14,990 --> 01:07:17,780 매우, 매우 유용합니다. 나는 당신이 보여주지. 1144 01:07:17,780 --> 01:07:21,340 이있는 코드를 작성 찾는다면 마음에 보관 해주세요 1145 01:07:21,340 --> 01:07:26,070 그것은 당신에게 번거 로움을 많이 저장할 것, 그것은 꽤 좋은 물건이기 때문에. 1146 01:07:26,070 --> 01:07:32,370 즉, 거의 내가 그 모두를 위해 혼합에 Visual Studio에서 당신을 보여주고 싶었다 전부입니다. 1147 01:07:32,370 --> 01:07:36,130 >> 이러한 도구 중 하나에 대한 질문? 1148 01:07:36,130 --> 01:07:40,000 모든 건? >> [Guarin] 나는, 정말 좋은 질문이 좋은 물건을 제공하는 물건이 있습니다. 1149 01:07:40,000 --> 01:07:43,700 >> 난 이미 당신이 여기 내 데모를 보여 주었다 [보웬 (웃음). 1150 01:07:43,700 --> 01:07:47,000 나는 자원 페이지에 넣어 지금의 질문에 설정하는거야. 1151 01:07:47,000 --> 01:07:53,850 즉, 첫 번째 기준은 게임 트랙과 애플리케이션 트랙이 생성 앱 사이트입니다. 1152 01:07:53,850 --> 01:07:55,040 그 가입. 1153 01:07:55,040 --> 01:07:57,210 당신은 내용을 얻기 위해 30 일을 기다려야 할 필요가 없습니다. 1154 01:07:57,210 --> 01:08:00,370 당신은 당신이 원하는대로 이동하고 내용을보고 시작할 수 있습니다. 1155 01:08:00,370 --> 01:08:04,380 [웃음] - 당신의 시간 프레임이 다를 수 있습니다 이해 1156 01:08:04,380 --> 01:08:07,780 그래서 때 해킹 마라톤은? 그건 바로, 몇 주입니까? 1157 01:08:07,780 --> 01:08:09,620 그래서 당신은 기다려야 삼십일이 없습니다. 1158 01:08:09,620 --> 01:08:13,180 그래서 그래, 당신은에 가입 할 수 있습니다 다음 단지에서 컨텐츠를 당기는 시작합니다. 1159 01:08:13,180 --> 01:08:15,320 또한 개발자 및 디자인 센터. 1160 01:08:15,320 --> 01:08:17,620 그리고이 언급하지 않았다,하지만 그 가게 문서도 있습니다. 1161 01:08:17,620 --> 01:08:22,880 당신이 가게에 대한 귀하의 응용 프로그램을 제출 시작할 준비로이 해킹 마라톤 후이 될 것입니다. 1162 01:08:22,880 --> 01:08:27,350 몇 가지 유용한 지침이 가게에 물건을 얻을하는 방법에 대한 몇 가지 지침은 여기에 있습니다 1163 01:08:27,350 --> 01:08:29,960 당신을 넘어 수있는 몇 가지 일반적인 문제, 1164 01:08:29,960 --> 01:08:32,540 그것은 이러한 리소스의 끝. 1165 01:08:32,540 --> 01:08:35,300 >> 그래서 당신의 마음에 무엇입니까? 다른 것은 당신 - 1166 01:08:35,300 --> 01:08:40,580 [Guarin] 누가 CS50에 대한 Windows 응용 프로그램을 수행에 대한 생각? 쿨. 1167 01:08:40,580 --> 01:08:42,200 [보웬] 냉각. 좋아요. 1168 01:08:44,149 --> 01:08:49,410 >> 당신이 지금까지 본 것들과 어떻게에 대한 질문이 관련? 1169 01:08:49,410 --> 01:08:54,540 예를 들어, 더 많은 시간과 내가 작성한 게임을 취할 수 1170 01:08:54,540 --> 01:08:57,310 그것은 브라우저에서 실행 단지 종류의 절차를 통해 1171 01:08:57,310 --> 01:08:59,870 비주얼 스튜디오에 그를 데려하고 Windows 스토어의 앱 만들기의. 1172 01:08:59,870 --> 01:09:02,870 우리가 정말 오늘 포함했던 것보다 더 많은 시간이 걸립니다, 1173 01:09:02,870 --> 01:09:08,010 하지만 짧은 버전, 당신은 브라우저에서 실행되는 것과 동일한 코드의입니다 1174 01:09:08,010 --> 01:09:11,680 당신이 변화 일들은 윈도우 8에 연결하기로 결정 것들입니다. 1175 01:09:11,680 --> 01:09:16,220 그래서 당신은 매력을 사용하려는 경우, 당신은 검색하거나 공유 할 경우, 1176 01:09:16,220 --> 01:09:19,899 당신은에 몇 가지 기능을 멀리 숨길 수있는 응용 프로그램 모음을 작성해야합니다, 1177 01:09:19,899 --> 01:09:21,939 사람들은 당신이 변화 할 물건의 종류입니다. 1178 01:09:21,939 --> 01:09:25,229 그러나 웹 응용 프로그램의 핵심은 그대로 남아있을 수 있습니다. 1179 01:09:25,229 --> 01:09:29,590 다시로는, IE10의 작품으로, 그것은 정말 쉽게 포트 될 것 1180 01:09:29,590 --> 01:09:33,680 혼합에, 그 물건을 비주얼 스튜디오에 반입하고, Windows 스토어의 앱 만들 수 있습니다. 1181 01:09:33,680 --> 01:09:37,500 다시 말하지만, 당신이 배울 필요가있는 유일한 일이 그 다른 기능입니다 1182 01:09:37,500 --> 01:09:41,830 당신은 라이브 타일과 사물의 그 종류와 같은 응용 프로그램을 조명하는 데 사용할 수있다. 1183 01:09:41,830 --> 01:09:46,899 >> 그래. >> [학생] 내 질문은 모바일 작업에 대한 것입니다. 1184 01:09:46,899 --> 01:09:52,210 그래서 당신은 바탕 화면에 응용 프로그램으로 작동하는 응용 프로그램을 만드는 경우, 1185 01:09:52,210 --> 01:09:56,480 모바일로 전송하기가 정말 쉽습니다, 또는입니다 - 1186 01:09:56,480 --> 01:10:01,270 난 정말이 환경에 최적화 된 Windows 스토어의 응용 프로그램을 만드는 경우에 문제는, 1187 01:10:01,270 --> 01:10:06,430 나는 그 일에 관여 무슨, 모바일 세계에 가지고 싶어? 1188 01:10:06,430 --> 01:10:10,060 즉, 많은 질문처럼, 항상 끊임없이 변화하는 대답이다. 1189 01:10:10,060 --> 01:10:16,190 좋은 소식은 당신이 HTML과 자바 스크립트, CSS와 고집하는 경우입니다, 1190 01:10:16,190 --> 01:10:18,720 당신은 Windows 스토어의 앱에서 시작하는 경우, 1191 01:10:18,720 --> 01:10:20,590 그것은 당신이 웹에 그것을 가지고 할 것 1192 01:10:20,590 --> 01:10:24,650 다음 미디어 쿼리와 가지와 같은 기술의 그 종류를 사용, 1193 01:10:24,650 --> 01:10:27,180 다른 크기의 장치에 적응. 1194 01:10:27,180 --> 01:10:29,900 즉, 말, 프레임 워크 및 가지 거기 항상있다 1195 01:10:29,900 --> 01:10:33,450 지원하는 다른 기술, 다른 플랫폼을 확장. 1196 01:10:33,450 --> 01:10:35,670 즉, 모든 시간을 변경합니다. 1197 01:10:35,670 --> 01:10:40,030 우리는 우리가 지금 무엇을 향해 보면 우리는 또한뿐만 아니라 물건을 변경하는 1198 01:10:40,030 --> 01:10:42,950 실제로 윈도우 폰 8 중. 1199 01:10:42,950 --> 01:10:44,930 우리는 일부 공유의 핵심 인프라가 1200 01:10:44,930 --> 01:10:48,180 이러한 환경을위한 응용 프로그램간에 제공. 1201 01:10:48,180 --> 01:10:51,200 그래서 당신은 Windows 스토어의 앱을 만들하고있는 물건, 1202 01:10:51,200 --> 01:10:57,790 그 많은뿐만 아니라 윈도우 전화 8 응용 프로그램으로 이월 할 수 있습니다. 1203 01:10:57,790 --> 01:11:02,270 즉, 다시 새로운 이야기, 그래서 빌드에서 그것에 대해 몇 가지 내용이있다. 1204 01:11:02,270 --> 01:11:06,780 SDK는 조금 전에 나왔다. 그것은 바로 조금 전에 발표되었습니다. 1205 01:11:06,780 --> 01:11:09,920 그러나 너무 다른 플랫폼의 관점에서, 1206 01:11:09,920 --> 01:11:13,360 당신은 아마뿐만 아니라 많은 크로스 플랫폼 프레임 워크로 실행합니다. 1207 01:11:13,360 --> 01:11:16,170 좋은 소식은, 당신이하고있는 물건입니다 1208 01:11:16,170 --> 01:11:19,620 핵심 기능은 바로 웹 표준 물건 달려있다. 1209 01:11:19,620 --> 01:11:24,010 쉽게 번역 할 유일한 일이, 윈도우 8이하는 것들 1210 01:11:24,010 --> 01:11:28,060 이 Windows 기능 때문에 그러나 그것은 놀랄 없습니다. 1211 01:11:28,060 --> 01:11:34,090 당신은 다른 모든 플랫폼에서 공유 또는 계약 유사한 종류의를 찾을하지 않을거야. 1212 01:11:34,090 --> 01:11:37,480 그래서 사람들은 당신이 디자인의 관점에서 원하는 것 것들 1213 01:11:37,480 --> 01:11:40,820 그래서 당신이 말할 수있는 당신이 밖으로 그 초록 종류의 방법을 가지고 있는지 확인, 1214 01:11:40,820 --> 01:11:42,970 "나는이에서 실행 해요, 내가 그렇게 할 수 있습니다." 1215 01:11:42,970 --> 01:11:48,120 나는이지 않는 경우에, 당신이 떠나있는 그 물건을 숨기는 데 사용할 수있는 몇 가지 디자인 패턴이있다. 1216 01:11:48,120 --> 01:11:53,360 그러나 명심. 그래. 미안 해요. 어서. 1217 01:11:53,360 --> 01:11:58,130 >> [학생] 내가 들리지]의 상단에 내 Windows 응용 프로그램을 테스트하려면 1218 01:11:58,130 --> 01:12:02,310 [보웬] 네. 너무 한 가지 더 생략했다. 그래. 1219 01:12:02,310 --> 01:12:04,910 나는 나는 당신에게 내가 언급하는 것을 잊었다 기능을 보여주지, 첫 번째 질문에 대한 답변을합니다. 1220 01:12:04,910 --> 01:12:09,220 우리는 지역에서 가능한 일부 시스템을하지 않아도됩니다. 미안 해요. 1221 01:12:09,220 --> 01:12:11,240 문제는 어떻게 장치에 물건을 테스트합니까이었다 1222 01:12:11,240 --> 01:12:14,230 내가 선택할 수있는 것을하는이 일이없는 경우? 1223 01:12:14,230 --> 01:12:17,130 [Guarin] 우리는, 제가 생각하기에, 당신에게 5 또는 6을 사람을 빌려 주었다. 당신은 얼마나 필요합니까? 1224 01:12:17,130 --> 01:12:20,940 [학생] 우리는 그들 4를 얻었다. >> 좋아요. 너희들은 놀러 4 슬레이트를 얻었다. 1225 01:12:20,940 --> 01:12:25,520 그래서 확실히, 모두가 알고있다 할 수 있습니다. [웃음] >> [보웬] 신난다. 1226 01:12:25,520 --> 01:12:27,610 그게 내가 당신을 줄 예정했던 것보다 더 좋은 대답이다. 1227 01:12:27,610 --> 01:12:31,250 저희는 우리가 우리의 사무실에서 할 개발자를위한 근무 시간이 1228 01:12:31,250 --> 01:12:35,110 그리고 지금, 저기,에 마이크로 소프트 스토어에 빨리오고 1229 01:12:35,110 --> 01:12:37,010 하지만 에드윈 이미 알아서했다. 1230 01:12:37,010 --> 01:12:42,180 대부에 해당하는 4 슬레이트는 테스트가 있습니다. 1231 01:12:42,180 --> 01:12:45,440 거기 우리는 간다. 거기에 하나의 업의 예는있다. 1232 01:12:45,440 --> 01:12:47,340 그래서 그래, 절대적으로. 좋아요. 1233 01:12:47,340 --> 01:12:52,700 물론 지금까지 테스트하는 가장 좋은 방법은 장치에 있어야하는 것입니다. 1234 01:12:52,700 --> 01:12:56,810 아직 하나가 일이없는하거나 눈에 캠퍼스를 활보하지 않으려면 1235 01:12:56,810 --> 01:13:01,130 하나 또는 무엇이든을 잡아, Visual Studio에서이 백을 할 수있는 방법이있다. 1236 01:13:01,130 --> 01:13:10,360 내가 다시 여기 어디에로 이동하는 경우에, 여기에서 대신 로컬 컴퓨터를 사용, 1237 01:13:10,360 --> 01:13:13,590 당신은 원격 컴퓨터에 연결할 수 있지만, 내가 여기에 대해 이야기하고있는 것이 아니다. 1238 01:13:13,590 --> 01:13:16,830 시뮬레이터는 조사 할 수있는 것입니다. 1239 01:13:16,830 --> 01:13:22,120 나는이 작업을 실행합니다, 정말 그것이 무엇인지, 그것이 자신의 시스템에 기본적으로 창의. 1240 01:13:22,120 --> 01:13:26,260 여기에, Contoso의 실행, 실제로 내 시스템을 실행합니다 1241 01:13:26,260 --> 01:13:29,550 하지만 내가 실행 매개 변수의 일부를 변경할 수있는 방법으로, 1242 01:13:29,550 --> 01:13:31,060 환경 매개 변수를 설정합니다. 1243 01:13:31,060 --> 01:13:34,150 그래서 내가 "당신은 무엇을 알아?"여기에서 말할 수 있습니다 1244 01:13:34,150 --> 01:13:39,240 오. 나는 이미 2560 해상도에서 시뮬레이션 된 27 인치 모니터에서 실행했다. 1245 01:13:39,240 --> 01:13:44,930 쉽게 그 드롭 다운 내 응용 프로그램이 작은 화면으로 무엇을 할 것이라고 볼 수있다 1246 01:13:44,930 --> 01:13:47,480 또는 DPI 설정 또는 무엇이든을 변경하여. 1247 01:13:47,480 --> 01:13:50,700 그래서 작은 화면에, 10.6, 무엇을 할 것입니까? 1248 01:13:50,700 --> 01:13:53,040 즉, 여전히 오른쪽 꽤 좋아 보인다? 1249 01:13:53,040 --> 01:13:58,220 우리가 있기 때문에, 당신은 가게에 제출하는 특히,이 작업을 수행 할 수 있습니다 1250 01:13:58,220 --> 01:14:00,480 테스트 과정의 일부로. 1251 01:14:00,480 --> 01:14:02,400 그리고 그와 같은 문제가있는 경우, 1252 01:14:02,400 --> 01:14:06,160 당신은 상점에 대한 인증을 받고 문제로 실행할 수 있습니다. 1253 01:14:06,160 --> 01:14:09,240 그러나 시뮬레이터의 일부입니다. 정말 멋진. 그렇게하는 것은 매우 쉽습니다. 1254 01:14:09,240 --> 01:14:11,480 당신은 또한뿐만 아니라 그것을 회전과 같은 기능을 사용할 수 있습니다. 1255 01:14:11,480 --> 01:14:15,650 나는 여기에 버튼을 클릭 할 수는 회전이, 사람이 경험으로이 될지 참조 1256 01:14:15,650 --> 01:14:20,970 자신의 슬레이트를 회전 자신의 태블릿, 그와 함께 응용 프로그램을 사용하여. 1257 01:14:20,970 --> 01:14:25,060 너무 터치 에뮬레이션 및 다른 것들과 같은 몇 가지 다른 것들이 있습니다, 1258 01:14:25,060 --> 01:14:27,210 GPS를 설정. 1259 01:14:27,210 --> 01:14:31,050 나는 다른 위치에있어 척하고 내 응용 프로그램이 무엇을 볼 수 있습니다 1260 01:14:31,050 --> 01:14:34,690 나는 다시 시애틀에 살고있는 걸 척 할 때. 1261 01:14:34,690 --> 01:14:41,970 하지만 정말 유용한 기능, 그리고 그것은 모두 비주얼 스튜디오와 혼합 기본적으로 제공. 1262 01:14:41,970 --> 01:14:44,460 예. 귀하의 질문입니다. 1263 01:14:44,460 --> 01:14:48,530 >> [학생] 당신이 게임을 작성하는 경우, Visual Studio에서는 애니메이션에 대한 지원이 있습니까? 1264 01:14:48,530 --> 01:14:55,550 그래. 문제는 특히 게임과 애니메이션 지원 정도입니다. 1265 01:14:55,550 --> 01:14:58,380 그것은 의존한다. [ㅎ ㅎ] 1266 01:14:58,380 --> 01:15:06,870 자바 스크립트로 나는 XAML 측이보다 적은 지원이 거기에 아마 말할 것이다 1267 01:15:06,870 --> 01:15:11,430 타임 라인을 가지고있는, 스토리 보드 및 내장되어 일을 가지고 1268 01:15:11,430 --> 01:15:18,710 자바 응용 프로그램에 애니메이션, 난 당신을 제공하는 방법을 많이 대답 모르겠어요. 1269 01:15:18,710 --> 01:15:25,110 나는 두 물리학 애니메이션 많은 옵션을 통해 이동 내 블로그에 자원이 1270 01:15:25,110 --> 01:15:29,280 윈도우 8에 자바 스크립트 중심의 게임에 대한 옵션을 제공합니다. 1271 01:15:29,280 --> 01:15:31,300 나는 당신이 그 참조합니다. 1272 01:15:31,300 --> 01:15:34,300 기본적으로, 너무 많은 선택이있다. 1273 01:15:34,300 --> 01:15:37,770 내가 망설 였는데 그 이유는 자바 스크립트와 애니메이션을 수행하는 너무 많은 선택이있을 수 있습니다. 1274 01:15:37,770 --> 01:15:44,280 그것은 CSS 될 수있다, 그것은 캔버스 기반 할 수 있습니다, 그것은 단지 기본 DOM 애니메이션이 될 수 1275 01:15:44,280 --> 01:15:47,470 그것은 다른 많은 것들을 할 수있는, 그래서 정말 당신의 선택에 달려있다. 1276 01:15:47,470 --> 01:15:55,790 당신은 Create.js 또는 석회 또는 프레임 워크의 다른 종류 같은 것을 사용하기로 결정하는 경우 -보기 1277 01:15:55,790 --> 01:15:59,150 글쎄, 난 당신이 높은 엔드 프레임 워크를 사용할 수있게 될 것입니다 모르겠어요 1278 01:15:59,150 --> 01:16:01,370 영향을 좋아하거나 구축합니다. 1279 01:16:01,370 --> 01:16:07,000 즉, 처음부터 고려하는 것보다 더 많은 코드를 생성하는 경향이있다. 1280 01:16:07,000 --> 01:16:11,730 하지만 그 경우에, 당신은 아직도 당신이 환경을 사용할 수 있습니다, 시뮬레이터를 사용할 수 있습니다, 1281 01:16:11,730 --> 01:16:17,480 난 그냥 그 경우 내 테스트 플랫폼이 환경을 사용하는 경향이 1282 01:16:17,480 --> 01:16:19,930 나는 게임을 개발하고 있어요으로. 1283 01:16:19,930 --> 01:16:22,110 나는, 특히 캔버스 애니메이션으로 잘 지냈어 1284 01:16:22,110 --> 01:16:23,850 아마도 가장 일반적인 일이다. 1285 01:16:23,850 --> 01:16:27,360 당신은 아마 찾을거야 최고의 브라우저의 개발 도구입니다 1286 01:16:27,360 --> 01:16:30,160 Visual Studio에서 개발 도구. 1287 01:16:30,160 --> 01:16:34,610 이 구불 구불 한 대답의 종류는, 그러나 희망 나는 당신의 대답을 얻었다. 예. 당신. 1288 01:16:34,610 --> 01:16:36,470 >> [학생] 윈도우 8 애플리케이션을위한 데이터 스토리지 옵션은 무엇입니까? 1289 01:16:36,470 --> 01:16:41,100 윈도우 8 애플리케이션을위한 데이터 스토리지 옵션은 Windows 스토어 앱은 무엇입니까? 1290 01:16:41,100 --> 01:16:46,790 옵션은 정말 각 응용 프로그램이 로컬 스토리지의 자신의 수영장을 얻을 수 있습니다 1291 01:16:46,790 --> 01:16:52,150 설정 및 데이터뿐만 아니라 스토리지 로밍 사용 안되게 쉽다 1292 01:16:52,150 --> 01:16:54,920 클라우드 기반의 스토리지를 사용합니다. 그것은 무료입니다. 1293 01:16:54,920 --> 01:16:58,250 무슨 일이 당신이 기본적으로 다른 클래스를 선택하고 당신이 말하는 것입니다, 1294 01:16:58,250 --> 01:17:03,370 "로밍 설정, 저장, 내용이 특정 세트" 1295 01:17:03,370 --> 01:17:06,050 그들은로 로그인 한 무엇이든 자신의 Microsoft 계정, 1296 01:17:06,050 --> 01:17:08,620 주위에 정보를 로밍하는 열쇠가 될 것입니다. 1297 01:17:08,620 --> 01:17:13,790 그래서 난 내 노트북​​에서 게임을 사용하고 난 같은 계정으로 로그인하면 1298 01:17:13,790 --> 01:17:18,900 나는 표면에 게임이나 태블릿을 재생, 1299 01:17:18,900 --> 01:17:23,610 즉, 자동으로 그 기계 사이의 설정 및 데이터 로밍합니다. 1300 01:17:23,610 --> 01:17:27,550 즉, 기본 것입니다. 즉, 특정 데이터 양을 위해 좋은입니다. 1301 01:17:27,550 --> 01:17:30,220 당신은 그에 거대한 데이터베이스를 넣어하지 않을 것입니다. 1302 01:17:30,220 --> 01:17:35,350 이를 위해 당신은 클라우드 호스팅 데이터베이스와 같은 솔루션의 다른 종류로 이동해야합니다, 1303 01:17:35,350 --> 01:17:36,690 그런 것. 1304 01:17:36,690 --> 01:17:39,840 데이터 기술의 다른 종류의 주위에 다른 지역 사회의 옵션이 있습니다. 1305 01:17:39,840 --> 01:17:42,920 나도 주위에 지역 사회의 일부 SQLite는 옵션을 본 적이있다. 1306 01:17:42,920 --> 01:17:46,690 그래서 점점 더 부각되고 있지만, 사람들은 당신을 향해 볼 것입니다 기본 것들 1307 01:17:46,690 --> 01:17:49,430 게임이나 응용 프로그램에 대한. 1308 01:17:49,430 --> 01:17:50,610 그리고 당신도 다시 질문을했다. 1309 01:17:50,610 --> 01:18:02,390 >> 네트워크의 관점에서 [학생] [들림] 업로드하거나 파일을 다운로드 [들림] 1310 01:18:02,390 --> 01:18:04,870 [보웬] 질문하는 방법을 당신이 어떻게 당신이 그것을 디버그하고 테스트하거나 볼 수 있습니까? 1311 01:18:04,870 --> 01:18:10,630 [학생] 어떻게 당신이 그것을 디버깅 할 수 있습니다 [들림] 1312 01:18:10,630 --> 01:18:12,670 미안 해요. 나는 모두를들을 수 없습니다. 1313 01:18:12,670 --> 01:18:16,480 [학생] 어떻게 당신이 또한 버그 테스트를 얻을 않습니다 [들림] 1314 01:18:16,480 --> 01:18:17,490 좋아요. 좋아요. 1315 01:18:17,490 --> 01:18:21,860 어떻게 네트워크와 함께 작동합니까?이 어떻게 당신이 무슨 일이야 볼 수 있습니까? 1316 01:18:21,860 --> 01:18:23,620 이 하나에 여러 가지 답변이있다 1317 01:18:23,620 --> 01:18:26,420 그러나 내가 여기에서 아마 가장 쉬운 방법을 보여 드리겠습니다. 1318 01:18:26,420 --> 01:18:29,350 내게는 두 번째에 대한 시뮬레이터를 제거 할 수 있습니다. 1319 01:18:29,350 --> 01:18:31,740 네트워킹을위한 단지 몇 디버깅 옵션을 제공합니다. 1320 01:18:31,740 --> 01:18:36,070 바로 WinRT 수준과 WinJS에서 모두에 구운 전체 네트워크 스택이있다, 1321 01:18:36,070 --> 01:18:42,810 그래서 당신은 아주 쉽게 XHR을 만들 수 있습니다, AJAX 유형은 그렇게 게임이나 응용 프로그램에서 호출합니다. 1322 01:18:42,810 --> 01:18:47,250 주로, 나는 2 가지를 사용하는 경향이 있습니다. 1323 01:18:47,250 --> 01:18:53,660 나는 그들에 구운 네트워크 스택을 실제 개발 도구 자체를 사용합니다. 1324 01:18:53,660 --> 01:18:55,870 내가 당신에게 윈도우 홈 페이지를 표시 할 수 있습니다. 1325 01:18:55,870 --> 01:19:02,730 나는이 문제를 제기 할 수 있으며, 여기에 이​​러한 도구에 구운 네트워크 프록시는 실제로있다. 1326 01:19:02,730 --> 01:19:08,390 그래서 나는,이 작업을 수행 할 수 있습니다 내가 페이지를 새로 고침 할 수 있고, 모든 상호 작용 보여줘 것 1327 01:19:08,390 --> 01:19:14,550 등의 AJAX는 요청의 기간 동안, 해당 세션을 요구한다. 1328 01:19:14,550 --> 01:19:17,600 유용합니다. 그것은 브라우저 기반의 애플리케이션에 매우 유용 할 것입니다. 1329 01:19:17,600 --> 01:19:20,470 Windows 스토어의 애플리케이션을 포함하여 애플리케이션의 다른 종류를 위해, 1330 01:19:20,470 --> 01:19:23,970 내가 피들러라는 도구를 사용합니다. 1331 01:19:23,970 --> 01:19:29,650 당신은 응답으로 게임을받을거야. [ㅎ ㅎ] 1332 01:19:29,650 --> 01:19:32,750 피들러는 간단한 프록시입니다. 나는 당신에게 그것을 보여줄 수있다 생각합니다. 1333 01:19:32,750 --> 01:19:40,190 그것은 흥미롭게도, 내 네트워크 스택을 추적하고있어, 단지 GetFiddler.com,의 1334 01:19:40,190 --> 01:19:41,740 GetFiddler에가는. 1335 01:19:41,740 --> 01:19:45,700 그러나 어쨌든, 피들러는 IE 팀의 PM의 하나에 의해 작성되었습니다, 1336 01:19:45,700 --> 01:19:48,290 그래서 그는 자신이 무엇을하고 있는지 알고있다. 1337 01:19:48,290 --> 01:19:52,630 이렇게하면 디버깅 네트워크 트래픽에 사용할 수있는 좋은 프록시입니다. 1338 01:19:52,630 --> 01:19:55,730 나는 그에게 추천 할 것입니다. 질문도 저기. 1339 01:19:55,730 --> 01:19:58,050 >> [학생] 외국어 입력을 손쉽게 통합 할 수있는 방법이 있나요, 1340 01:19:58,050 --> 01:20:00,810 일본어 또는 중국어, 윈도우 응용 프로그램에? 등 1341 01:20:00,810 --> 01:20:03,240 나는 나 자신 그것의 너무 많은 일을했지만, 그것은 안으로 구워 말할 수 없다 1342 01:20:03,240 --> 01:20:08,470 물론 응용 프로그램을 방출하기위한 옵션이 있습니다 - 미안 해요, 내가 질문에 대답하지 않았다 - 1343 01:20:08,470 --> 01:20:11,100 세계화의 주위에 옵션, 콘텐츠의 현지화, 1344 01:20:11,100 --> 01:20:14,320 다른 시장에서 판매 할 수있는 같은 것들을 포함 1345 01:20:14,320 --> 01:20:19,190 그리고 그 각각의 언어에 대한 응용 프로그램의 버전을 대상으로 1346 01:20:19,190 --> 01:20:21,080 또는 그런 문화 또는 일. 물론 내장 1347 01:20:21,080 --> 01:20:22,980 우리는 영원히에 대한 그 지원을 했어, 1348 01:20:22,980 --> 01:20:26,630 그 앞으로 Windows 스토어에 대한 옵션에 전달한다. 1349 01:20:26,630 --> 01:20:30,450 당신은, 저장소 자체에 그렇게 다른 시장에 판매 할 수있다, 1350 01:20:30,450 --> 01:20:34,050 당신이 정의하는 자원을 이용하여뿐만 아니라 너무 응용 프로그램에서이 작업을 수행 할 수 있습니다 1351 01:20:34,050 --> 01:20:42,220 나는이 문화를 개발하고있는 경우 "다음 내 텍스트 콘텐츠가 이러한 재정의를 사용 1352 01:20:42,220 --> 01:20:44,510 "왼쪽이나 독자에 대한 권리를 사용합니다." 1353 01:20:44,510 --> 01:20:51,290 사람들은 모든 기본 WinJS과 WinRT API 중 일부입니다. 좋은 질문입니다. 1354 01:20:51,290 --> 01:20:54,770 >> 우리는 어떻게 지내세요? 어떤 사람? 1355 01:20:54,770 --> 01:20:58,850 비디오에 사람이 질문이 있다면, 나는, 마이크로 소프트 @ cbowen 해요 1356 01:20:58,850 --> 01:21:02,790 그래서 나는 미래에서 귀하의 질문 중 하나를 가지고 행복 해요. 1357 01:21:02,790 --> 01:21:05,690 아주 - 미래에서 미래 [모방 에코]. 1358 01:21:05,690 --> 01:21:09,140 그래서 여기에 나와 있습니다. 내가 여기에서 내 연락처를 다시 넣어 보자. 1359 01:21:09,140 --> 01:21:11,840 그러니 나에게 마이크로 소프트 @ cbowen 메모를 보내 1360 01:21:11,840 --> 01:21:15,190 나는 최대한 빨리 답변을 드릴 것입니다. 1361 01:21:15,190 --> 01:21:19,010 >> 당신이 궁금해하는 다른 건? 우리는 좋은가요? 1362 01:21:19,010 --> 01:21:24,050 좋아요. 괜찮아요. 대단히 감사합니다. 나는 그것을 감사드립니다. [박수] 1363 01:21:24,800 --> 01:21:27,000 >> [CS50.TV]