[Powered by Google Translate] [세미나 - 윈도우 8 - 앱 / 게임 개발 HTML5로]
[크리스 보웬, 에드윈 Guarin - 하버드 대학]
[이 CS50입니다. - CS50.TV]
>> 안녕하세요, 여러분. 내 이름은 에드윈 Guarin입니다. 이 크리스 보웬입니다.
나는 그 두 번째로 자신을 소개 드리겠습니다.
난 그냥 빨리 발표를하려고합니다.
우선, 당신이 학생 CS50 모두 무료로 윈도우 8을 얻을.
실제로 최종 프로젝트를 위해 그것을 사용하는 방법에 대해 생각하고 있다면, 그것은 당신입니다.
네이트 지침은 나중에 이메일을 보내드립니다.
당신은 당신의 CS50 최종 프로젝트의 윈도우 8 애플리케이션을 작성하기로 결정하는 경우 두 번째 문제이며,
우리는 몇 가지 경품을하고있을 것입니다 : X 박스,
우리는 거리에 같은 물건을 슬레이트를 줄 수 있습니다.
그래서 당신을 다시 들고 뭔가가 있다면, 크리스하자 또는 알 수
우리가 어떻게 당신이 정말 멋진 뭔가를 구축하는 데 도움이 될 수 있습니다.
그래서 덕분에 오늘 다시오고, 그리고에 크리스에 넘겨 있습니다.
>> 에드윈 감사합니다.
감사합니다 여러분, 오늘 저희를 결합하십시오.
크리스 보웬 해요. 여기 북동부에서 에드윈의 동료 중 하나예요.
난 그냥 당신에 대해 얘기 약간의 시간을 보내고 싶어
어떻게 HTML5, 자바 스크립트와 Windows 스토어의 응용 프로그램을 만드는 방법, 및 CSS
그리고 종류의 당신이 그것에 대해 가질 수있는 질문은 당신을 위해 답변을 얻을
당신은 어쩌면 CS50 파이널 기회를 위해 그것을 사용하는 방법에 대한 생각으로 찾고으로.
>> 즉, 말, 우리는 바로 안으로 다이빙을합니다
여기에 슬라이드에 갈거야.
당신은 질문이있는 경우에, 저에게 이메일을 보내 주시기 바랍니다.
나는 cbowen@microsoft.com 해요, 내 블로그 내 트위터가있다.
당신이 저와 연락을하고 싶어하지만, 그건 괜찮아요.
나는 물건을 한 시간 정도있어, 난 길을 따라 귀하의 질문에 싶어
그래서이 기간 동안 질문이있어서 부끄러워하지 않습니다.
그들은 누가의 기록에 대한 질문을하는 것 볼 수 없습니다,
당신이 원하는만큼 당신은 익명으로 할 수 있습니다.
>> 당신에게 윈도우 8에 대한 빠른 소개를주고, 내가 바로 다이빙을하자,
그리고 당신이 고려할 수 있습니다 Windows 스토어 앱에 대한 것들 중 몇 가지를 보여
당신은 응용 프로그램을 개발하는 방법에 대한 생각으로.
우리는 윈도우 8에서 찾고 있습니다. 우리는 지금 몇 주 밖에 있었어.
이미이 강한 채용을 많이합니다.
당신은 우리가 아니라이 지상 기계는 이미 볼 수 있습니다.
여기에 사람에 있다면 실제로 당신이 좀 걸릴 수 있습니다 여기에 하나가있다.
난 정말 할 얘기가 윈도우 8에 대해 조금의 주위에 당신을 보여줍니다.
윈도우 8과 아이디어는, 정말 앞으로 당신이 윈도우에 대해 알고있는 모든 물건을 가져 않습니다
새로운 경험에 - 특히, 가지, 터치 표면의 컴퓨터에 좋아
시장에 지금보다 모바일 장치의 이러한 종류,
그러나 그것의 핵심은 Windows입니다.
그래서, 당신은 윈도우 7을 실행 아무것도 정말 설치 할 수 있음을 의미
노트북에 이르기까지 가장 큰 트리플 SLI의 게임 장비에서
당신의 빛나는 새로운 다른 장치에 오늘은 데리러 그.
그들은 윈도우 8을 실행합니다.
내가 당신에게 조금 주위에 보여줄 것,
당신은 여기에서 볼 수있는 모든 경험을 만들 수있는 것들입니다.
아이디어는 터치, 마우스, 키보드의 여부이다,
장치 응용 프로그램을 실행하고 있는지 무엇이든, 그것은 훌륭한 실행하는 것입니다.
윈도우 8은 이러한 모든 시나리오에 도움이 될 것입니다.
>> 옆이 슬라이드는, 그냥 바로 여기서 살펴 본다으로하세요.
내 홈 화면을 보여 드리죠. 이것은 내 시작 화면입니다.
난 그냥 당신이 여기에 여행을 조금 줄 것이다.
나는 너무 많은 내 노트북​​ 화면을 터치 원하는대로, 비 터치 시스템에있어
그것은 일을하지 않을 것이다, 그래서 난 그냥 여기에 조금의 주위에 스크롤을 보여 드리겠습니다.
당신이 알 수있는 몇 가지 일들이이 라이브 타일이라는 것을 사실이다
실제로 애니메이션을 적용 할 수 있습니다, 그들은 당신에게 정보를 제공 할 수 있습니다 -
게임에 대한 통계에 아마 업데이트
또는 당신이 왼쪽에 위치 이전의 애플 리케이션의 일부에서 뉴스를 보여줍니다.
거기 우리는 간다. 나는 양의와 환상적으로 좋은 소식 확신합니다.
당신은 정말 말을 다시 응용 프로그램에 당신의주의를 부르고 여기에서 볼 수 있습니다,
"이봐, 새로운 무언가가 여기에있다.보세요. 다시 와서 당신을 위해 새로운 기능을 참조하십시오."
즉 라이브 타일이라고, 당신은 통지를 할 수있다
응용 프로그램 자체에서 바로 하나
좀 더 자세히 살펴 경우 또는, 당신은 원격 서비스를 작성하는 방법에 대해 알아 보겠습니다
즉, 실제로 타일에 정보를 푸시 할 수 있습니다,
이는이 뉴스 앱에 무슨 일이 일어나고 있습니다.
그들은 실제로 거기 클라우드에서 뉴스를 얻고 타일을 업데이트하고
그래서 사람들은 응용 프로그램을 열고 살펴하는 이유가 알고
무엇에 대한 최신 뉴스는 이들 중입니다
또는 새로운 조리법 또는 이길 수있는 새로운 높은 점수가 있다면
또는 이러한 응용 프로그램의 친구 재생 또는 무엇이든.
그것은 높은 평가를 유도하는 뭔가
그래서 그 라이브 타일인데, 그 사람이 될 수있는, 그것뿐만 아니라 웹 사이트 일 수있다.
보통은 응용 프로그램의.
>> 거의 여기가 이런 것들을 모두 Windows 스토어에서왔다. 그를 시작합니다.
그것은 당신이 기본적으로 얻을 수있는 응용 프로그램 중 하나입니다
윈도우 8을 실행중인 모든 컴퓨터에.
당신은 당신이 원하는 것 무엇이든을 찾기 위해 여기에 올 수있다,
내가 전에 보지 못한 게임에 강조 것들에서.
오, 와우, 우리는 여기에서 새로운 핀볼 있어요.
당신은 매장에서 바로 여기에이를 설치할 수 있습니다,
우리는 이것들을 개발하는 방법에 대해 이야기 할 것입니다.
당신은 당신이 그들을 만드는 방법에 많은 선택이있다.
우리는 HTML과 CSS와 자바 스크립트의 이야기에 초점을 맞추겠습니다,
하지만 사용자에게 응용 프로그램의 구매자에게, 그것은이 안으로 작성되었습니다 중요하지 않습니다
그들은 가서 작업 할 수 있습니다.
나는이 일에 관심이 있어요, 그래서 나는이를 열고 살펴해야합니다.
당신이 제출하고 판매하거나 무료로 멀리 줄 수있는 사람을 포함하여 모든 응용 프로그램,
당신이 가게에서하고 싶은대로,이 같은 홈 페이지를 얻을 것이다.
당신은 응용 프로그램의 스크린 샷의 무리와 함께 제출할 수 있습니다 - 만약 당신이 여기에 몇 가지를 참조하십시오 -
응용 프로그램에 대한 자세한 내용은, 시간이 지남에 당신은 둘 등급을 축적합니다 -
, 리뷰 - 그들은 기본적으로 그냥 등급입니다
좀 더 통찰력을 제공한다.
사실, 누군가가 뭔가를 입력하고 당신이 얼마나 멋진 당신에게있다
그리고 그게 내가 못 봤어하는, 여기에 당신의 리뷰 섹션으로 이동합니다.
환상적인. "열리지 않을 것이다." 얼마나 좋은가.
음,이 오픈하고 실행 한 사람에 대해 사람들을 위해, 그들은 정말 그것을 즐길 수있는 것 같습니다. [웃음]
이 점을 염두에 두십시오. 인터넷. 사람은 그들이 당신의 응용 프로그램에 대해 원하는 것을 말할 수 있습니다.
그래서 당신이 그것으로 좋은 일을하고 있는지 확인하십시오,
당신은 당신이 할 수있는 사용자가 아니라 편안하게하고 있는지 확인
그들은 부부가 떨어져 리뷰를 제공에서 클릭이기 때문에,
그것은 당신의 전반적인 검토 평가까지 누적됩니다.
당신이 다른 응용 프로그램에 대한 될 것입니다 때문에 당신은 당신의 최선을 다하려고합니다.
이미 저장소에 응용 프로그램의 수천이있을 것입니다,
그리고 기회는 당신이 무슨 일을하는지와 비슷한 기능을 수행 무언가가있을 수 있습니다.
당신이 정말로 군중에서 밖으로 서 할 수 있다면, 그것은 물론, 당신의 이점에있을거야.
>> 우리는 조금 나중에 가게에 얻을 것이다.
난 정말 애플 리케이션을 만드는 방법에 초점을 맞추고 자.
하지만 그 가게의 짧은 버전은 전 세계적으로 분포,
자동으로 윈도우 8의 일부 사람들은, 그냥 불 여기에 다양한 응용 프로그램을 살펴
당신은 드레스 업 스티커 도서 및 각종 응용 프로그램의 모든 종류가있다.
가난하지만, 나는 그것을 많이 사용 - 신선한 페인트, 나는이 많이 사용합니다.
그것은 이미 그것을 소유 저를 보여주는 것.
내가 당신에게 내가 가지고 있지 않은 뭔가를 보여 드리겠습니다 - UVideos 나는 새로운으로하지 않습니다.
당신은 무료 여기를 참조하십시오, 그래서 당신은 바로 매장에서 설치할 수 있습니다.
당신은 선택이있다. 당신은 물론 멀리 줄 수 있습니다.
당신은 응용 프로그램이나 게임에 광고를 넣을 수 있습니다.
당신은 또한 청구 할 수있다, 당신은 쉽게뿐만 아니라 응용 프로그램의 평가판을 제공 할 수있다
그래서 당신은 사람들이 일주일 또는 무엇이든 당신이 원하는 그것을 시도 할 수 있습니다.
즉, 포털을 통해 단지 사용자 정의 할 수 있습니다. 당신은 그것을위한 코드를 작성하지 않습니다.
그래서 당신은 "당신은 일주일 동안이 사용할 수하고 당신이 그것을 살 수있어"라고
또는 당신은 당신이이 게임의 처음 3 레벨을 플레이 할 수 있습니다 "와 같은 일을 할 수있어
"그리고 당신은 나머지에 액세스 할 수 구입할 수있어."
당신이 말할 수있는, 그래서 당신은,뿐만 아니라, 인 - 앱 구매를 할 수있는
"우리는 추가 모험 또는 잠금이 해제되는 그래픽이나 사물의 집합을 가지고있다 -
"잠금이 해제되어 더 레시피 -. 당신은 이러한 확장 세트를 구매하는 경우"
그리고 당신은 모든 응용 프로그램 또는 게임 자체 내에서 해당 작업을 수행 할 수 있습니다.
그래서, 완전히 당신까지, 당신의 선택.
당신이 가게에서 할 수있는 일들이 많이,있다
다음 기본적으로는 인증 채널에 제출하고 있습니다.
우리는 나중에 그 조금에 대한 모든 이야기를 할 수 있지만,이 목표입니다.
현재 매장에서 앱 세계적으로 시야를 얻으려면.
>> 여기로 시작 화면에서, 나는 조금 더 주변을 보여 드리겠습니다.
나는이 응용 프로그램을 실행하는 경우, 내가 당신에게 몇 가지 상호 응용 프로그램 기능의 예를 여기에 제공 할 수 있습니다.
이를 위해, 나는 신선한 페인트를 시작합니다.
여기에서 볼 수 있습니다 한가지는 화면의 모든 단일 비트입니다,
화면의 모든 픽셀은, 귀하의 응용 프로그램으로 이동합니다.
사라는 창문 주위에있는 테두리를 가지고 일합니다
항상 공간에 모든 시간을이 차지하는 버튼의 많은.
지금 당신은 정말 비켜하려는 당신의 콘텐츠가 초점이 될 수 있습니다.
우리는 다른 종류의 메뉴에 액세스하여 Windows와 함께 일을 할 수있다.
그 중 하나는, 매력 바라는 것을 실제로
그리고 화면 측으로부터 나온다.
당신은 터치 스크린이있는 경우에 당신은 실제로 옆에서 가볍게 할 수 있습니다
당신이 바로, 당신은 마우스를 사용하는 경우, 그것을위한 키보드 단축키가의 클릭 수
여기에 환경에서 작업을 수행하는 하나 이상의 방법은 항상있다.
그게 당신이 할 수있는 일의 번호를 제공합니다.
가장 눈에 띄는, 당신은 시작 화면으로 돌아갈 수 있습니다
그러나 다른 4 매력이라고 무엇입니까.
그들은 당신이 응용 프로그램 개발자에 연결할 수있는 계약이다. 그들은 정말 멋진 일입니다.
검색, 그게 당신이 할 것입니다 뭔가 확신,
나는 초에 보여주지 공유
및 장치 및 설정, 이러한 모든 앱이에 연결할 수있는 것들
Windows를 활용하여, 말, "내가 할 일은 다했다
"나는 Windows가 다른 기능을 지원하려면,
"나는 그렇게하기 위해 많은 코드를 작성하지 않습니다."
정말 이러한 기능을 사용하는 혜택이다.
내가 당신에게 하나를 보여 드리겠습니다.
이를 위해, 나는 새로운 그림을 만들 수 있습니다.
또한 앱에 대한 모든 픽셀을 사용하는 방법에 대해 이야기했다.
기본적으로이 페인트 응용 프로그램은 당신이 그것을 사용할 때의 모습입니다.
그것은 당신이 그리는 무엇 이건에 대해 정말 귀하의 콘텐츠입니다.
여기 끔찍한 일을 할 수 있습니다. 나는 무엇을 그릴 것인가? 모르겠어요.
낙서? 오, 이런. 나는 낙서를 할 수 있습니다. 환상적인.
칠면조? [웃음]
이것은 당신이 볼 가장 추상적 인 칠면조입니다.
또한, 앱 바라는 것을 가져올 수 있습니다
이 정말 사용할 수있는 주요 방법 중 하나입니다
앱 또는 게임 이전에 있었다 수있는 모든 물건을 멀리 숨길 수
다만 공간이 모든 시간을 차지.
그래서 지금 당신은 여기를 넣을 수 있습니다, 이것은 정말 더 아름다운 경험 중 하나입니다
내가 본 응용 프로그램 바.
다른 색상을 선택 여기를 선택했습니다.
우리는 터키를 원했다, 그래서 우리는 몇 가지의 색상 혼합을 시작, 여기에 약간의 갈색을 넣을 수 있습니다.
우리는 여기에 중간 색상을하고 여기에 다시 얻을 수 있습니다.
당신은 그림을 시작할 수 있습니다. 당신의 칠면조가있다. 환상적인.
I로 시작하는 그릴,하지만 청중 앞에서의 터치 패드와 함께 할 것이 더 낫다조차 할 수 없습니다.
이 굉장합니다.
아이디어는, 그러나, 나는 표면에 바로 여기에 관한 관심이 전부입니다.
이제 내가 누군가와 함께 공유 할 수있어 그이에 아주 만족 해요 가정 해 봅시다.
일반적으로 당신이 다른 Windows 버전과 함께 할 것입니다,
당신은 어쩌면 스크린 샷을 걸릴 것이다, 당신은 당신의 일부 텍스트 복사 - 붙여 넣기를 할 것
또는 당신이 밖으로 공유 할 그런 것,
다음 이동 및 다른 응용 프로그램을 열고에 넣어.
여기에 당신은 그렇게 할 필요가 없습니다.
당신은 실제로 매력 줄을 가져오고, 말할 수 있습니다 "나는이 공유하고 싶습니다."
이 시점에서 그것은 당신에게 모든 애플 리케이션을 보여 것
즉, 공유되고 어떤 작업하는 방법을 알고있다.
이 경우 그림, 그래서 그것은 말할거야 "나는 당신이 사진을 가지고 참조하십시오."
"당신은 공유 하시겠습니까?" 당신은 나 자신의 모든 시간을 채운다 이메일 볼 수 있습니다.
그것은 그 인식, 그리고 그 바로 가기로, 저를 제공하는 것
그러나 그것은 또한 나에게 사진 촬영을 처리하는 방법을 알고있는 모든 응용 프로그램을 표시하는 것
그것으로 뭔가를하고.
이들은 모두가 그렇게 할 수있는 윈도우에 표시했다.
이 시점에서이은 Windows입니다.
사용자는 단지 그들이 그것으로 수행 할 작업을 선택합니다.
나는 PuzzleTouch의 평소을 다하겠습니다. 당신은 내가 시간이 지남에 따라 퍼즐의 모든 종류를 만들었습니다 볼 수 있습니다.
나는 PuzzleTouch을 가지고 말할 수 있습니다 "나는 PuzzleTouch으로이 놀라운 창조를 공유하고 싶습니다."
그것은 가서 말할 것 "중대한. 당신은? 우수함이 공유하고 싶습니다."
"당신은, 중간, 쉽게 퍼즐을 만들려면 무엇 이건?"
여기 중간 하나를 만들 수 있습니다.
그것은 퍼즐을 만든다. 그것은 주로 빈이기 때문에 그것은 끔찍한 퍼즐이 될 것.
그러나 준비하고, 다시 다른 응용 프로그램에서 실제로입니다.
내가 여기에 가게되면, 그것을 위해 검색을 시작할 수 있습니다.
우리가 여기서 조금 이상 이동하면, 이제, 우리는 어딘가에 내 생성을 볼 수 있습니다.
나는 어디로 갔을까요? 나는 퍼즐의 종류를 확인 했습니까? 나는 쉽게 했습니까?
아, 거기가 바로 거기에있다.
아직도, 그것은 여기에 쉽게 알아볼 터키 퍼즐입니다.
그러나 나는 당신에게 지적하고 싶은 것은, 여기에 좋은 점
응용 프로그램은 서로에 대해 아무것도 몰랐됩니다.
그들은 단지 "나는 공유 할 수있는 사진을 가지고, 내가 사진을 처리하는 방법을 알고있다"고 말했다.
그리고 개발자로서 당신은, 당신은 코드를 작성할 필요가 없습니다.
사람이 공유하는 저를 요청하면,이 작은 데이터 구조에 몇 가지 데이터를 넣을거야
나는, 됐습니다.
다른 응용 프로그램은, 인계의 일을하고, 그 경험을 공유의 끝.
정말, 정말 강력한 - 즉, 당신이 할 수있는 한 가지입니다 -
그것은 정말로 앱을 차별화 할 수있는 것들 중 하나가 될 것
또한 상점에​​서 너무 게임.
사람들은 말 할 수있을거야 "이것은 정말 유용합니다."
"나는이 퍼즐 작성자에게 모든 시간을 사용합니다. 환상적이다."
>> 즉, 여기에서 무슨 일이 일어나고 있는지에 대한 간략한 개요에 대한 충분합니다.
우리는 코드를 통해 이동과 같은 다른 기능도 어쩌면 우리가 강조 표시됩니다 몇 가지가있다.
하지만 슬라이드에 다이빙을하고, 그렇게하고 싶은, 내가 바탕 화면으로 갈거야
하는 자체가 여기에 또 다른 라이브 타일입니다.
내가 과연이로 갈 수 있습니다, 나는 나의 슬라이드에있어
하지만 우리가 어디 있는지 실제로 보여 드리겠습니다.
우리는 바탕 화면 모드에서 실제로입니다.
이건 정말 어디 Windows가 이월에 대해 이전에 한 말
새로운 경험에 자신을 보여줍니다.
이것은 당신이 알고있는 윈도우입니다.
Windows 응용 프로그램은 데스크톱 응용 프로그램이라고합니다. 그들은 여기에서 실행합니다.
당신이 애플 리케이션을 기존이있는 경우, 윈도우 8을 실행하려면
당신은 절대적으로 그 작업을 수행 할 수 있습니다.
이들은 여기에 있습니다 저장소 응용 프로그램과 동일한 것이 아닙니다
신선한 페인트 이러한 NBC 뉴스의 앱과 같은 것들이있다. 사람들은 매장에서 올 것이다.
그들은 내가 당신에게 보여주는 된 기능 중 일부에 연결할 수
난 아직 당신을 표시하지 않은 사람.
그러나 다만 명심. 우리는뿐만 아니라 이러한 것들을 모두 지원합니다.
미안 해요. 뭔가 화면에 표시되지 않는 이유는 무엇입니까? 나는 완전히 잃었습니다. 이상 하군요.
좋아요. 그 밖에 지적 주셔서 감사합니다.
당신이 잠시 동안보고하지 않은 것은 내 바탕 화면이 여기에 있음을 보여주고있다.
당신이 마지막으로 본 것은 무엇입니까? 당신이 봤어?
이 바탕 화면입니다. 당신은 이미 어떻게 생겼는지.
그것은 정말 이상한 아무것도 없습니다.
그것은 우리가 당신을 위해 앞으로 그 경험을 운반하고 당신이 가지고 있던 물건을 사용시키는 것.
예를 들어, 내가 당신에게 Visual Studio를 표시 할 수 있습니다. 즉, 데스크톱 응용 프로그램입니다.
그것은이 모드에서 실행하는 것입니다.
이는보다 복잡한 환경에 대응할 것
옵션과 같은 많은 것, 그래서으로는 데스크톱 응용 프로그램과 같은 좋은 옵션이 있습니다.
>> 즉, 말, 그냥 조금을 위해 슬라이드에 가자
당신에게 몇 가지 소개 내용을 제공하고 여기에 실제로 코딩에 들어가.
좋은 소식은 당신이 CSS와 자바 스크립트, HTML의 많은에 초점을 맞추고있어 들었어요입니다.
당신이 Windows 스토어의 앱을 만들기로 직접 휴대 배운 건데, 그 모든 것들.
당신은 CSS 셀렉터 모든 것들을 적용에 대해 들었어요 것들
매장 여기를 사용하여 응용 프로그램을 만들려면 똑같이 것입니다.
우리는 비트에 의해 이런 일 비트를 통해 이동합니다.
기본적으로, 나는 당신이 이미 배울 수있는 시간을 촬영 한 물건에 짓고 있어요.
이것은 당신이 사용할 수있는 기술의 전반적인 차트
윈도우 8 용 응용 프로그램을 만들 수 있습니다.
오른쪽, 데스크톱 응용 프로그램에 물건을 우리가 이미 알고 정말.
정말 윈도우 8에 이월 윈도우 7 세계입니다 물건입니다.
이러한 옵션은 모두 이월 : C의 #, VB, 개발의 Win32 종류.
좋아요. 문제 없어요. 새로운 물건이 왼쪽에있다.
그게 내가 내 응용 프로그램이 윈도우 8에 유선 얻을하려는 경우 그건, Windows 스토어 앱의
이러한 모든 기능을 사용하면, 가게에 그것을 얻을, 그리고 정말 멋진 경험을
Windows 스토어의 응용 프로그램.
이를 위해, 당신은 당신이 XAML 모든 선택 사항을 가지고있어 여기에서 볼 수 있습니다, C + +,
C의 #, VB, 당신의 DirectX를 할 수있는, 그런 것, 슬라이드 넘어 가지.
그러나 우리를 위해, 우리는 사실에 오른쪽 초점을거야 그 HTML, CSS, 그리고 자바 스크립트
윈도우 8 용 응용 프로그램을 만들기위한 정말 일류 시민
및 윈도우 스토어.
그래서이 모두 여기와 비디오를 보는 사람들을 위해 좋다
당신은 당신이 가진 그 모든 경험을 활용할 수 있기 때문에
정말 윈도우가 제공하는 무엇으로 넥타이.
당신은 놀라운 일이 아니다 API 세트를 통해 그렇게 할 것입니다.
모든 OS는 자신의 API를 가지고 있습니다.
우리는 Windows가 WinRT라는 것을 통해 무엇을 할 수 있는지에 노출.
그것은 당신을 위해 모든 작업을 수행하는 API 집합입니다.
당신이 파일을 열 필요가있는 경우에, 당신은 카메라, 위치 정보, 같은 물건을 사용할 필요가,
그들은 Windows가 당신에게 무엇을 제공 할 수있는을 통해 이동합니다.
그 액세스하려면, 우리는 더욱 쉽게 만들려고 좀 더 자바 스크립트가
당신이하는 질문에. 우리는 순간에 그 얻을 수 있습니다.
하지만 지금은 그 기본적 로드맵이다.
이미 일부 API를 위에해온 것들
당신이 윈도우에서 작동하는지 도움 매장 응용 프로그램을 동일합니다.
그리고 정말 당신이 높은 수준에서 알 필요가 전부 야.
>> 우리는 실제로 지금 물건 작업에 뛰어들 수 있습니다.
당신은 아마 이미 한 무리를 본 적이 것들
IE9으로 잠시 돌아 우리는 시간에 많은 지원을 도입
새로운 웹의 표준, 그래서 새로운 CSS의 기능을 많이,
정말 자바 스크립트입니다 새 HTML, ECMA 스크립트 5, 많이.
그래서 엄격 모드를 제외하고이에 대한 모든 IE9에 있었다.
CSS와 함께 물건을 그냥 톤, CSS3, 모두 거기에.
그리고이 모든 것들은 우리가 윈도우 8과 함께 무슨 일을하는지에 앞으로 수행한다.
당신은이 일을 사용할 수 있습니다, 당신은 IE10의 새로운 모든 것을 사용할 수 있습니다.
IE10으로 우리는 물론이 모든 지원을 소개합니다.
그들이있어 모든 하드웨어 가속, 그래서 당신은 GPU의 어떤 종류가있는 시스템에 있다면,
이는 아마 거의 과거 팔년에 접근 할 수있는 기계이다,
당신은 하드웨어 가속 출력을 가질 수있을 것입니다,
CSS와 영상 출력, 캔버스, SVG.
그 모든 일들이 하드웨어 가속을 통해 이동합니다
그 훨씬 더 빠르고 효율적.
이 모든의 짧은 버전 - 난 여기서 매일 일을 통해 갈 수 없습니다 -
만약 당신이 목록에서 볼 경우, 당신은 IE10에서 그것을 할 수 있다면,
이 IE10에서 작동 당신은 실행중인 웹 응용 프로그램의 경우,
그것은 당신이 Windows 스토어의 앱으로 할 수있는 일입니다.
그리고 꽤 많이 있습니다. 이 IE10에서 작동한다면, 그것은 Windows 스토어의 앱으로 작동하는 것입니다.
그것은 당신이 사용할 수있는 무언가로 테이블에 있습니다.
>> 많은 여기에있다. 우리는 자정까지이없는, 그래서 여기에 모든 것을 검토 할 수 없습니다.
그러나 당신이이 일을 수행 할 수있는 작업을 이해하는 데 도움이 될 몇 가지 사이트가 있습니다,
나는 두 번째에 당신에게 그 중 하나를 보여 드리겠습니다.
난 그냥 당신이 볼 수있는 중요한 것들 중 몇 가지를 지적하고 싶었습니다.
어쩌면 당신은 이미 당신의 연구에서 이들 중 일부를 본 적이
그러나 이들은 CSS 측에서, Windows 스토어의 앱과 함께 특히, 정말 도움이됩니다.
그래서 변환 및 전환을 할 수있는 것은, 애니메이션에 모션을 제공합니다 -
이들은, 이제 CSS의 일부입니다, 그들은 모든 현대 브라우저에서 지원하는
및 IE10 및 IE9은이 모든 것들에 대한 시간에 따른 지원을 추가했습니다.
그리고 왜 직접 쓰기, 왜 손으로이 일을하는 모든 문제를 통해 이동
당신은 당신의 응용 프로그램에 대한 3D 효과를 만드는 간단한 CSS 변환을 사용할 수 있습니다 때?
좋아요. 그것이 작동하는 방법.
나는 그것보다 더 어렵게 만들 수 없습니다.
당신이 CSS에서 작업을 수행하는 방법을 알고 있다면, 당신은 Windows 스토어의 앱에서 작업을 수행하는 방법을 알고있다.
>> 레이아웃에 넘어 가고, 심지어 매장 응용 프로그램 같은 것들,
그러나 당신에게 기사를 보여주는 것 어쩌면 뉴스 앱을보고, 그 넘어
또는 그런 조리법이나 가지, CSS의 기능을 다른 종류의 정말 유용합니다 :
그리드, 플렉스 박스는 CSS 영역은 상당히 새로운 표준의 더뿐만 아니라이다.
이런 일들은 모든 콘텐츠를 배치하고 섹션 사이의 콘텐츠 흐름 도움이 될 수 있습니다
당신은 물건을 직접 작성하지 않고도 매김하고 하이픈을 할 수있을 것이다.
당신은 "나를 위해, 다음을 수행하십시오"라고
화면 부동산은 다른 컴퓨터에서 다른 상태로
응용 프로그램을 스냅 또는 당신은 잠시 살펴 보 겠지만
화면 공간의 작은 금액을 가지고, 그 CSS에 대한 아무 문제 없습니다.
그것은 활용할 수 있습니다 - 두 번째 미디어 쿼리에 대한 우리 '이야기 -
그것은 지역에서 콘텐츠를 흐르는, 콘텐츠를 재배치와 함께 일을 돌볼 수
당신이 이미 웹 기술로 볼 수도있는 것들로.
>> HTML5 측면에서의 여러 가지 방법도 있습니다
즉, Windows 스토어 앱에 당신을위한 매우 도움이 될 것입니다.
다시 말하지만, 우리는이 모든 통과하지 않습니다,하지만 그냥 여기있어.
그래서 당신이 그것을 사용해야하는 경우, 오디오 - 비디오, 폼에서 유효성 검사를 수행하려는 경우,
지리적 위치, 당신은 자바 스크립트를 5 개에서 ECMAScript 5와 자바 스크립트로 할 수있는 모든 것들,
색인화 된 로컬 저장 -이 당신을 위해 모든 옵션이 있습니다.
당신이 대답을 찾고 있다면, 그냥 HTML5 및 CSS 기존의 기술을보고
그리고 당신은 그 물건을 많이 너 자신을 롤 것보다 쉽게​​ 답을 찾을 수 있습니다.
내가 여기에 조금의 주위에 당신을 보여 드리죠.
나는 우리가 갈 수있는 사이트를 가지고있다.
내가 두 번째이 슬라이드 밖으로 종료 할 수 있습니다.
>> 우리는 IETestDrive.com에 외출하는 경우
여기 데모의 많은 것을 할 수 없습니다.
IETestDrive.com 정말 당신에게 IE10의 새로운 기능을 많이 보여주고있다
당신이 할 수있는 일.
나는,이 때문에 대신 백서의 무리를 통해 읽는 정말 유용합니다 찾을 수
몇 가지 데모를 보면, 그것은 여러분 자신의 레이더에 넣어 도움이 될 것
기술도 함께 더 이상 연구를 할 의미가 있는지에 대한
그래서 당신은 "나는이에 대해 무엇을 참조하십시오."이해합니다
"나는 요청 애니메이션 프레임이 나를 위해 무엇을 이해합니다."
"나는 지역 또는 SVG 필터를 사용할 수있는 방법을 알고 있습니다."
당신이 예에서 볼, 행동에서 그들을 볼,
그 자신의 프로젝트에 저쪽에 당신을 위해 도움이 될 것 경우 자신을 위해 결정
당신은 웹 기술로 작업을 계속.
여기에 그냥 살펴 보시기 바랍니다 것입니다.
나는 실제로이 실행 많은 시간을 보낼 수있을 거라 생각하지 않습니다.
우리는 코드 작성과 표시 할만큼있어.
당신은 터치 효과를 해당 섹션에 터치 기반의 게임에서 여기에 물건을 볼 수 있습니다
애니메이션이 정말 빠른 하드웨어 가속 애니메이션,
일부 당신은뿐만 아니라 이러한 샘플의 일부에 볼 수 있습니다 최적화,
많은, 더 많은있다.
여기에 가서 사이트 맵을 열면,
여기에 샘플의 단지 우스운 수있다.
여기 그들 모두를 볼 수 있습니다.
당신이 뭔가를보고하거나하는 경우 당신이 뭔가에 대해 들어
당신은, 어쩌면이 응용 프로그램에서 사용하는 멋진 일이 될 것입니다 궁금해
여기에서 찾고 시도하고 자신에게 시간을 절약 할 수있는 아주 좋은 데모는 아마이있다.
>> 좋아? 질문 지금까지 여기에 사람에 대한?
좋아요. 우리는 여기에서 수행합니다.
다시 말하지만, 그냥를 확인하세요.
그들은 웹 표준, 그래서 당신이 알고있는 다른 쇼케이스 사이트로 이동
이러한 기술은 당신이 뭘 하려는지에 대한 이해가 경우를 참조하십시오.
>> 슬라이드에 백업합니다.
즉, 말, 당신은 정말 설치 로컬 응용 프로그램의 세계로 웹 세계에서 이동
그래서 여기에 지적하는 몇 가지있다.
우선, 여기에 반군 웹 서버가 없습니다.
더 아파치는 여기에서 실행중인 IIS가 없다, 없다
원격 브라우저 에이전트, 원격 클라이언트에 페이지를 제공.
이 경우, 정말 모든 것이 당신을 위해 포장된다.
당신은 상점에 당신의 응용 프로그램으로,이 인증을 가져옵니다 제출
그것은 매장에서, 그리고 다음 수천 명의 사람들이 게임 또는 앱을 설치합니다.
그러나 기본적으로, 그들은 그들의 시스템에 로컬로 잡아 당기는입니다.
원격 API를 필요로 통화를하지 않는 한 더 이상 웹에 나가 할 필요가 없습니다,
그뿐만 아니라 너무 완벽하게 정상입니다.
그러나 그들은 서버에서 요청 응답을 가서 그들이 가지고있는 그 모드로하지 않을거야
콘텐츠의 다음 페이지를 얻을 수 있습니다.
그래서 그 말, 몇 가지 사소한 API의 차이가있다. 이들은 매우 작은 수 있습니다.
그들은 당신의 일반적인 코딩에 당신을 공격하지 않을,하지만 그들은 적어도 설명입니다.
그들은 종류의이 경우 가장자리입니다.
>> 지적 가치가 다른 것은 신뢰의 차이입니다.
난 그냥하고 싶은 때문에 만이 언급 있는지 나는 말했다
그래서 나중에 그것으로 실행하는 경우, 당신이 생각하는 것 "크리스, 이것에 대해 뭔가를 말했다
"어쩌면,, 그래, 그래"하고 되돌아 가서 당신은 무엇인지 알아보십시오.
컨텍스트가 중요.
기본적으로 우리는 공격 벡터로부터 사용자를 보호하려고합니다.
당신은 기본적으로 할 수있는 특정 일이있다
그리고 어떤 일을 활성화하는 컨텍스트를 변경해야합니다.
당신은 거기에 몇 가지 라이브러리를 사용하는 것처럼 - 닭살은 이미 jQuery로 작업 한
당신이 거기에 다른 라이브러리를 보면 -하지만 당신은 몇 가지 기능을 사용할 수 있습니다
그 종류의보다 역동적 인 상호 작용, 지방의 사용을 넘어 않습니다 간다
XHR 요청, 그런 것.
때때로 사람들은 기본적으로 비활성화됩니다 찾을 수있는,
그 경우에, 다만, 로컬 및 웹 컨텍스트를 찾아, 검색을 수행
그리고 당신은 그 문제를 해결하는 방법을 찾을 수 있습니다.
다른 프레임 워크를 사용하기 시작으로 그냥, 당신이 그것에 대해 알고 확인
내가 언급해야하는, 당신은 완벽하게 수행 할 수있게되었습니다.
그래서 당신은 다른 프레임 워크를 찾을 경우 - 두 번째에있는이 약, 이에 대해서는 이야기 -
당신이 그것을 사용하려는 게임을 위해, 당신은 거기에 몇 가지 제어 라이브러리를 사용하려면
그리고 당신은 그 물건을 직접 쓰고 싶지 않아 - 그것은 바로, 좋은 생각? -
당신은 절대적으로이 물건을 사용할 수 있습니다.
다시 자바 스크립트를 기반으로 라이브러리의 어떤 종류를 사용에서 당신을 들고 거기에 아무것도,
CSS, HTML5.
다시, 당신이 요즘 많아서입니다 IE10에서 할 수있는 일이 있다면,
당신은 그것을 할 수 있습니다.
귀하의 응용 프로그램에 당겨 자바 스크립트 라이브러리 및 응용 프로그램에서 사용하는 것을 참조
당신이 한 동안 보안 컨텍스트를 칠 수 있습니다 염두에두고 - 아니 자주.
>> 우리가 가서 다음 기능은, 우리는 그 중 몇 가지를 통해 이동합니다.
당신이 더 많은 응용 프로그램을 볼 수대로의 종류에 익숙해 질거야 UX
Windows 스토어에서.
당신은 그들이 작동하는 방법에 대한 느낌을 얻을하는 방법과 디자인 미학이 작동하는 경향이있다
다른 응용 프로그램과 무엇을 통해 사람들이 경험하는 데 사용됩니다.
정말 중요한 부분입니다.
그들은 당신의 앱을 불 때이 설명서를 읽을 필요가 없습니다 있는지 확인합니다,
그들은 그런데, 절대로하지 말아있다.
그들은 단지 응용 프로그램과 함께 연주를 시작 할 수 있어야한다
그리고 많은 어려움없이 파악.
고집과 이러한 관행의 많은에 부착함으로써,
당신은 쉽게 만들고, 사용자의 큰 부탁을 할 것입니다.
>> 좋아요. 마지막으로 API 측의 일, 그리고, 우리는 실제로 코드를 작성에 얻을 것이다.
WinJS 내가 그 복잡한 슬라이드 매우 간략하게 언급 한 것입니다
당신은 응용 프로그램을 만들기위한이 모든 그 다른 선택과 함께.
WinJS, 당신은 친구로 생각할 수 있습니다.
그것은 당신이 더 빨리 물건을 작성하는 데 도움이 당신의 친구입니다.
그냥 자바 스크립트와 CSS의. 당신은 그것을 사용할 필요가 없습니다. 당신은 그것을 사용할 수 있습니다.
당신이 Windows 기능에 호출 할 거라면, 당신은 그것을 사용하게됩니다,
하지만 당신이 정말로 사용하지 않는 일부 디자인 패턴이나 컨트롤 같은 것들이 있다면,
당신이 다른 것을 사용하려면, 그것은 당신에게 달려 있습니다.
당신이 사용하려는 당신이 사용하고 싶은 스타일을 결정합니다.
의 네임과 클래스 세대 기능 - 당신까지.
당신은 둘 중 하나를 선호하는 경우, 그것은 전적으로 당신의 선택. 아직도 자바 스크립트와 CSS의.
그러나 당신이 물건을 많이 할 수 있도록하는 것입니다.
예를 들어, 다음은 무엇을 할 수 있는지의 부분 집합이다,
약속과 비동기 프로그래밍을 돕는 같은 것들.
당신의 모든이 들어 나 Node.js와 협력?
그것은 비동기 프로그래밍 작업을 할 수있는 일반적인 패턴이다.
그래서 기본적으로 당신이 무슨 말을하는지, "뭔가를 이동,
"당신은 나에게 작업이 완료되면 당신이 나에게 돌아갑니다 약속을 제공하는 것입니다."
즉, 무슨 일이 일어나고 있는지 본질적이다.
사용자가 이동하고 파일을 따기 동안 그래서 당신은 응용 프로그램을 동결하지 않습니다
또는 뭔가 웹에서 아래로 스트리밍되고있다.
UI는 반응 남아있다.
그리고 당신은 비동기 프로그래밍을 사용하여 해당 작업을 수행 할 수 있습니다.
그것은 엄청나게 복잡한 소리지만, 당신이 약속을 사용하고 있기 때문에 정말 쉽게
그리고 당신은 "이 작업을 수행 이동 작업이 완료되면,이 방법을 다시 호출합니다."라고
즉, 꽤 많이 있습니다. 즉 WinJS에 내장 전부입니다.
그것은 훨씬 더 쉽게 정말 유연하고 강력한 응용 프로그램을 작성할 수 있도록하는 것입니다.
>> 당신은 여기에 애니메이션을 많이 나머지 부분을 볼 수 있습니다.
아마이 슬라이드에 더 중요한 것들 중 하나는 컨트롤입니다.
나는 전체를 생각 - 그래, 내가 할.
다음은 응용 프로그램에서 사용할 수있는 컨트롤의 단지 일부의 예입니다.
이것은 모든 똑바로 WinJS에 있습니다.
당신이 스스로를 작성하지 않습니다,
당신은 "여기 내 응용 프로그램을 작성하는 방법입니다."라고
"나는 다른 그림 사이에 갈 수 있도록 플립 뷰를 사용합니다."
나는 당신에게 시맨틱 줌을 표시하지 않았습니다. 잠깐 당신에게 그것을 보여 드리죠.
ListView도. 있는 GridViews있다.
이미 매장 응용 프로그램의 일부로 그리드를 본 적이
이렇게 콘텐츠 블록을 사용할 수있는 그 걸쳐 스크롤링.
플라이 아웃 메뉴는 수시로 볼 수 있습니다.
앱 바는 내가 그뿐만 아니라 신선한 페인트 응용 프로그램에 당신을 보여준
그래서 당신은 당신이 그것에 버튼을 넣어 그것을 사용자 정의 할 수 있습니다 방법을 살펴 보았다
당신이 그것을 사용하는 상관하지 않습니다 때 멀리 숨길 필요.
즉, 사용하는 전적으로 당신에게 달려 정말입니다.
이들은 WinJS에 포함 된 모든 컨트롤입니다.
, 내가 어떻게 그냥 초에 이러한을 확인하는 방법을 보여 드리겠습니다,하지만 단지 이것보다 더있어
그리고 중요한 것은 당신이 원하는 경우에 시간을 절약, 그들을 사용합니다.
>> 당신은 당신이 사용하려는 다른 제어 라이브러리가있는 경우, 너무 완벽하게 괜찮아요.
jQuery를 UI 같은 것들뿐만 아니라, 아이디어의이 종류를 많이 할
당신이 HTML과 자바 스크립트로 할 수있는 확장 이상의 컨트롤을 제공한다.
이미 그런 말을 한 안으로의 다이빙을 할 수 있습니다. 당신은 당신이 좋아 한 것을 사용합니다.
그냥 당신이 어떤 상황에 맞는 문제로 실행 할 수 있다는 점에 유의해야합니다.
하지만 당신은 확실히, 혼합하고 편안있어 라이브러리의 어떤 종류를 일치시킬 수 있습니다
당신은 당신 자신에게 시간을 절약하기 위해, 사용하고 싶은, 배우고 싶다.
>> 그냥 두 번째위한 도구에 대해 얘기하자.
당신은 당신이 Windows 스토어의 응용 프로그램 작업을 시작하는 데 필요한 것을 얻을 수 있습니다.
내가 돌아 간다면, 내가 여기까지 너무 많은 일을해야합니다.
당신은 dev.windows.com가이 페이지로 이동하는 경우,
당신은 당신이 필요로하는 모든 것을 다운로드 할 수 있습니다.
학생으로, 당신은 일반 대중보다 더에 액세스 할 수 있습니다
그래서 당신은 비주얼 스튜디오의 높은 엔드 버전을 얻을 수 있습니다.
에드윈은 이미뿐만 아니라 윈도우를 얻을 수 있습니다 언급했다.
그러나 일반적으로, 모든 개발자를위한, 당신은이 사이트를 방문 할 수 있습니다
당신은 응용 프로그램을 만들기 위해 필요한 모든 기능을 다운로드하고 모든 무료입니다.
그래서 비주얼 스튜디오의 무료 버전이있다
그와 함께 설치하는 몇 가지 도구가 있습니다 -
응용 프로그램을 작성하고 테스트하는 데 필요한 모든.
그것은 당신이 가게에 응용 프로그램을 게시 할거야있어 경우에만
당신은 개발자 계정이 필요합니다 거라고.
이것은 너무 I는 무료입니다 믿습니다. 그것은뿐만 아니라 학생들을위한 무료입니까? >> [Guarin] 어떤 사람?
개발자 계정, 실제 제출. >> [Guarin] 예.
즉, 더 좋은 소식.
이보고 갈 수 있습니다.
그것은 49 달러의 기본적으로 개별 말할 수 있습니다.
그러나 학생으로 그 가입하지 않습니다.
우리는 당신이 무료로 계정을 얻을 수있는 프로그램을 통해 몇 가지 정보를 얻을 수 있습니다,
그것은 당신이 그 때 바로 저장까지 당신의 신청서를 제출하게됩니다,
로 당신이 원하는대로 많은, 그리고 그 미덕의 모든 곧 따를 것이다.
그래서 dev.windows.com입니다.
당신은 당신이 여기에서해야 할 도구를 다운로드 할 수 있습니다.
당신이 원하는 경우에, 당신은 여기에 윈도우의 평가판을받을 수 있습니다
그러나 다시, 당신은 할 필요가 없습니다.
>> 다른 사이트 - 나 빨리 당신이 하나를 지적하자가 - design.windows.com입니다.
즉 dev.windows.com했다.
Design.windows.com, 당신은 그것을 위해 무엇을 추측 할 수있다.
그것은 실제로 꽤있는 사이트입니다. 좋은 정보를 많이 여기에있다.
당신은 그것을 통해 작업 할 수 있습니다.
그것은 당신에게 몇 가지에 대한 몇 가지 조언을 줄 것
어쩌면 당신은 이전에 대해 생각하거나 이전에 처리해야만하지 않은
다른 폼 팩터를위한 디자인, 터치에 대한 설계 등,
윈도우 8의 기능에 대한 설계, 물건은 내가 전에 언급
검색 및 공유 등, 아직 이야기하지 않은 몇 가지.
그들은 모두 여기에 나열하고, 그것은 도움이 파일 페이지의 꽤 좋은 세트의
즉, 당신은 응용 프로그램의 특정 종류를 확인하는 방법을 이해하는 데 도움이됩니다
상호 작용을 수행하는 방법, 응용 프로그램의 UI와 UX를 처리하는 방법.
나는 당신이 어떤 점에서 특히 경우에, 당신은 이것 좀 봐 것을 권장합니다
가게에 응용 프로그램을 게시하는 것을 희망.
당신은 좋은 응용 프로그램을 만드는 방법을 알고 싶은거야
난 당신이 경우 앞서 언급하기 때문에, 그 리뷰는 다시있다.
사람들은 불행 할 것입니다.
그들은 적당한 장소에서 기대하는 일을 찾을 수 없습니다.
아무도 당신에게 일어날 것을 원하지 않습니다.
>> 여기에 앞으로 이동, 내가 그 폐쇄 할 수 있습니다.
지금 당신은 어디에서 일을 얻을 수 알고, 실제로 물건을 사용하여 시작하는 방법을 보여줍니다.
시작하려면, 사실은 내 시작 화면 여기에 데스크톱 응용 프로그램의 예를 보여줍니다.
다음은 Visual Studio를 볼 수있다, 당신은 혼합과 내가 가지고있는 다른 개발자 도구를 볼 수 있습니다.
그들은 약간 다른 타일이 있습니다.
그들은 데스크톱 응용 프로그램이기 때문이다,
그 경우에 그들은 모두 내 바탕 화면에 다시 시작하는거야
정말 것처럼 당신이하는 데 사용하고 있다는 애플 리케이션.
그래서 윈도우의 경험, 그것은 같은 것입니다.
그들은 무장처럼, 예를 들어,하지 않습니다! 또는 이러한 것들. 내가 빨리 하나를 시작하자.
사실, 여기에 흥미로운 하나입니다.
이것은 NERD에서 공동으로 작업 학생들에 의해 개발되었다.
전체 화면 응용 프로그램, 여기에 경험의 이러한 종류.
아, 좋은 컷의 화면과 재미있는 모든 종류의.
그들은이를 개발했다. 우리가 그것을하는 동안 우리는뿐만 아니라 전체를 표시 할 수 있습니다.
사실, 그들에게 물건에 대한 몇 가지 조언을주고, 그들과 함께 약간의 일
그들은 자신의 응용 프로그램에 대한 자바 스크립트를하고 있었기 때문에.
나는 자신의 작품에 대한 크레딧을 먹지 않을거야하십시오, 그들은 모든 일을했다.
난 그냥 여기 저기 그들에게 조언을 좀했다
하지만 그들은 자바 프론트 엔드를 사용하여 좋은 물건을했다
이 많은 일을하기 위해 약간의 물리 엔진과 일에 매.
이동합니다. 그 작동하는지 보자.
와우, 그것은 여전히​​했다. 좋아. 하지만 당신은 아이디어를 얻을.
전체 화면 응용 프로그램, 정말 좋은 경험.
나는 그런 일이 아니라 만지면 내 마우스와 펜뿐만 아니라 지원하고있다.
내가 터치 스크린이 있다면, 난 그냥에 그려 그 작업을 계속할 수 있습니다.
>> 하나는 내가 보여주지 않았다 것, 내가 얘기를 꺼내 이유
나는 당신이 무엇을 할 수 있는지를 보여주는 또 다른 응용 프로그램을하고 싶어하고,
실제로 Windows에서 응용 프로그램을 화면의 측면에 드래그 할 수 있습니다.
이것은 응용 프로그램을 스냅이라고합니다.
이 경우는 Inkarus을 촬영했고 여기 옆에 추가했습니다.
그것은 스냅보기에 지금, 그 해당 응용 프로그램이있는 동안 내가 다른 일을 할 수 있습니다.
당신이 찾을 수 있습니다 대부분의 게임은 단지 일시 중지됩니다.
즉, 일반적으로 게임이 어떻게 든 규모를 축소하지 않는 한 할 수있는 괜찮은 일이
보드 게임의 아마 어떤 종류의 같은 해상도의 작은에
또는 경우에 그런 것.
그러나 일반적으로 할 수있는 쉬운 일이 가장 적절한 것은 게임을 할 수 있습니다
응용 프로그램을 일시 중지하는 것입니다.
그때 나는이 하나를 실행하고있는 경우 뉴스 응용 프로그램과 같은 응용 프로그램의 경우, 나는 그것을 스냅,
당신은 실제로 당신에게 데이터를 제시 어떻게 크게 변경 볼 수 있습니다.
여기 정말에 더 수직 팬 정보를 표시하는 것
하지만 난 여전히 절대적으로 응용 프로그램을 사용할 수 있습니다.
그래서 여전히 매우 유용합니다.
이 작은보기에 있다는 사실은 응용 프로그램을 사용하여 저를 유지하지 않습니다. 그래서 그것에 대해 생각합니다.
그것은 당신이 당신의 애플 리케이션을 어느 정도 수행해야 할 필요가 뭔가,
그러나 당신의 애플 리케이션을 어떻게해야 기능을 결정하기 위해 당신에게 달려 있습니다
작은 환경의 종류.
내가 그런 사람을 닫고 우리가 여기에 있었던 곳으로 돌아 가자.
>> 에드윈, 당신은 이미 날의 사진을 추가? >> [Guarin] 네. >> [보웬] 저것 좀 봐.
봤지? 에드윈은 사진을 추가했습니다. [웃음]
>> 의 비주얼 스튜디오에 이상 여기로 돌아 가자. 내가 당신을 위해 이것을 시작하자.
그 시작 화면에 타일을 클릭 할 수 있었다.
그것은 다시 데스크탑 모드로 나를 데리고, 그리고 비주얼 스튜디오의 데스크톱 응용 프로그램을 시작하는 것.
이것은 당신이 이미 알고있는 윈도우입니다.
내가 가서 여기에 프로젝트를 만들 수 있습니다.
우리는 자바 스크립트, HTML에 다시 초점을 맞추겠습니다.
내가 나가서 자바 스크립트, Windows 스토어에서 여기까지 선택할거야.
사용할 수있는 템플릿은 여러 가지가있을 수 있습니다.
생산성를 들어, 당신이 여기에있는 것들 중 일부를 한번보세요 추천 할 것입니다
그리드 및 분할 등을들 수있다.
응용 프로그램을 제작하는 경우 그들은 정말 유용하다
그 디자인과 네비게이션의 종류를 가질 것입니다. 당신은이를 많이 볼 수 있습니다.
난 그냥 당신을 보여준 사람은 실제로 그리드 응용 프로그램의 인스턴스이었다.
그래서 당신은 뉴스 앱이나 RSS 리더를 만드는 될 것입니다 생각하는 경우
또는 당신이 세부 사항을 표시하고 싶습니다있는 여러 항목을 취급하는 그런 식으로,
빨리 시작하기 위해 이러한 템플릿 중 하나를 사용하는 방법에 대한 생각
거기에서 사용자 정의.
그러나 너무 나는 당신에게 여기에 모든 움직이는 부분을 표시 할 수 있습니다
나는 빈 응용 프로그램을 만들거야, 그 때 우리는 세부 사항에 조금 더 깊게합니다.
난 그냥 여기에 그 빈 응용 프로그램을 만들고 있어요.
그것은 나를 위해 전체 프로젝트를 만드는 것입니다.
나는 기본적으로 당신을 표시 할 물건을 열 수 있습니다.
저 그냥 여기 우리를 위해 만들어 뭔지 보여 조금 확대 할 수 있습니다.
처음 보는거야 일들이 모두 기본 이름입니다.
그래서 당신은 default.html을, Default.js 파일과 default.css를 찾는 것입니다.
지적하는 다른 것은 우리가 이미 앞서 언급 무엇인지에 대한 참조를 가지고있다.
이 WinJS입니다. 아무도 여기에 실제로 그것을이 긴 이름을 호출하지 않습니다.
그것은 WinJS, 자바 스크립트 용 Windows 라이브러리입니다.
당신이 그것을 열 경우, 당신은 여기에 전부 볼 수 있습니다.
다른 CSS 파일이 있습니다, 자바 스크립트가있다.
그것은 당신을 도울있다.
그것은 컨트롤 및 스타일과 당신이 자동으로 사용할 수있는 물건을 제공하기 위해 정말있다.
그러나 다시, 당신은 스타일과 다른 컨트롤의 측면에서 대신 사용하고자하는 일이 있다면,
그것은 전적으로 여러분에게 달려 있습니다. 지금은 그 몇 가지를 사용하는 방법을 보여줍니다.
>> 돌아 가기에 우리의 왼쪽면에, 내가 당신에게 기본 HTML 페이지를 표시 할 수 있습니다.
당신은 이미 WinJS 물건을 본 적이, 그리고 정말 거기에 무슨 모두의
마크 업의 그 중간 선, 그냥 기본적으로 CSS에 데려와
및 WinJS에서 자바 스크립트 파일의 몇 데리고.
당신은 그 파일 내부에서 무슨 일이 일어나고 있는지의 전문가가 될 필요는 없습니다.
그것은 종류의 거기에 무슨 일이 일어나고 있는지 검토하도록 살펴 꽤 흥미로운
거기에서 무슨 일이 일어나고 꽤 흥미 중급 및 고급 기술이 있기 때문
하지만 좋은 점은 개발자로, 당신은 단지 그들을 사용하여 이러한 기능을 활용 할 수있다
정말 그것에 대해 걱정할 필요가 없습니다.
당신은 여전히​​ 오른쪽 어떻게 작동하는지 알 필요없이 차를 운전 할 수 있습니까?
그래서 여기에 무슨 물건의 종류입니다.
당신이 가서 사용할 수있는 컨트롤 및 스타일과 물건이있다
당신은 거기에 무엇을 알 필요없이 두 번째에서 사용할 수있는 코드입니다.
여기에 자신의 파일입니다.
이들은 당신이 당신의 자신의 CSS를 수정 할 수있는 곳입니다
당신의 자신의 자바 스크립트는 일 롤링 얻을 수 있습니다.
당신은 확실히 다른 자바 스크립트 파일과 아마 다른 CSS 파일을 추가 할 수 있습니다
프로젝트가 성장, 그러나 이것은 정말 그냥 출발점으로.
여기에 안녕하세요, HTML의 세계 상응하는, 그래서 우리는 다시 몸 태그입니다.
상단에, 그런데, HTML5의 문서 타입이다,
그래서 지금까지 연습 한 것과 그 인식합니다.
이 전체 IntelliSense는 물론 여기에, 그래서 당신은 비디오 태그 유형과 같은 일을 할 경우
그을 확장, 당신은 아마도 사실에 대해 배웠습니다
당신은 HTML5 비디오 태그에 대한 대체 인코딩을 할 필요가 - 또는 어쩌면 당신은이 -
다른 브라우저를 사용하면 비디오에 대한 지원이 있는지 확인합니다.
우리는 CSS를 통해, 자바 스크립트에서 HTML에 걸쳐이 같은 일을해야합니다.
즉 내장, 그리고 난 당신이 두 번째 CSS를 보여줄 것이다.
여기 가서 코드, 마크 업을 수정 시작할 수 있습니다.
난 아무것도 변경하기 전에 사실, 나는이를 실행하고 당신이 얻을 무엇을 보여 드리겠습니다.
당신은 당신이 사용자 정의 할 수있는 시작 화면을받을거야
다음은여보세요, 여기에 세계의 경험을 얻을. 그것은 바로, 환상적?
앞서 및 선박 이동이, 오른쪽?
내용은 여기에 표시됩니다. 즉, 기본적인 일입니다.
그것은 단지 거기에서 더 얻을 수 있습니다.
우리는 가서 몇 가지 물건에 추가합니다.
나는 여기에 복사거야 마크 업을 조금있어
너무 당신이 입력하는 저를 볼 필요가 없습니다.
내가 여기 도구 상자를 가져 가자, 나는이 몇 번 일을 할 것이기 때문에 나는이 핀 것입니다.
당신이 컨트롤의 무리를 찾아 가고있는 도구는 Visual Studio를 볼 수없는 경우이다.
당신은 또한 당신이 재사용 할 수있는 그것으로 코드 조각을 넣을 수 있습니다.
여기에 그냥 다른 HTML, 전혀 여기에 정말 고급 아무것도 팝업됩니다.
그것은 내가 입력 할 수있는 입력이 말을 그냥 기본 HTML의,
나는 제출할 수있는 버튼이, 그 때 나는 기본적으로 자리 표시의 사업부가
I 출력에 사용할 수있는 "안녕하세요, 당신은이를 입력합니다."
그것은 HTML 예제로 소개합니다.
이것을 실행하면, 우리는 자동으로 HTML을 얻을 수 있지만, 우리는 자동으로 스타일링을 얻을.
이 WinJS에서 중요한 것들 중 하나입니다.
그것은 기본적으로 어떤 모양을 제공하고 정말 일관성을 느낄 것
윈도우 8이 수행하는 작업의 나머지.
여기서 당신은 버튼과 같은 일을 참조하십시오.
HTML에서 기본적으로 버튼이 보이지 않는,하지만 여기에 수행
그것은 WinJS에서 해당 CSS 파일에서 그 CSS의 권리를지고 있기 때문이다.
당신은 다른 뭔가를 사용하려는 경우, 당신이 그것을 변경하려는 경우, 완전히 좋은,
가서 당신이하고 싶은 것을 할. 하지만 그 기본이다.
그것은 사용자에게 더 친숙 할 것입니다.
실제로 코드의 종류를 연결하지 않았기 때문에 물론 이것은 아무것도하지 않습니다
그 반응한다. 그것은 단지 HTML했다.
그래서 나는 그 제거 할 수있다, 그리고 우리는 우리의 응용 프로그램에 제공합니다.
>> 내가 우리의 Default.js 파일로 전환 할 수 있습니다.
이것은 매우 복잡한 보이지만, 그것은 단지 당신을 위해 몇 가지 일을하고 있어요.
그것은 보일러입니다. 그것은 모든 프로젝트에 동일 할 것입니다.
이 일을하는 유일한 방법은 종류의, 질문은 "어떻게 여기 거죠?"
그리고 "당신이 처음으로이 응용 프로그램을 실행하고 있습니까?"라고
"당신이 일시 중단되는 데에서 응용 프로그램을 다시 시작하고 있습니까?"
그런 것들의 커플.
정말, 여기에이 파일에 대한 우리의 초점은 여기에 대한 권리입니다.
이 시점에서,이 코드 한 줄은 매우 중요합니다.
실제로 가서 마크 업의 모든 통해 보는 것
그리고 당신이 컨트롤에 설정 한 것으로 요청했습니다 일을 찾을 것,
플라이 아웃 같은 격자보기와 같은 등급 통제, 같은 깊은 컨트롤
나는 그 전에 슬라이드를 보여 그 다른 것들.
그들은 기본 HTML 컨트롤 아니에요.
당신은 요소로 플라이 아웃 말을하고 무엇을 해야할지하지 않습니다.
우리가 실제로 수행하는 제어 프레임 워크의 다른 종류의 일이 같은 것입니다.
jQuery를 UI는 일반적인 방법 같은 종류의 작업을 수행합니다.
당신은 당신의 HTML에 표시를 사용하고 약간의 자바 스크립트는 나중에 통해 제공하고 말한다
"아, 나는 그것이 무엇인지 알고있다. 즉,이 물건으로 전환 할이 요구이다"
이는, 평가 관리처럼 만들기 위해 다른 표현력 HTML입니다
이는 지금 당신을 보여주지 것입니다.
이 코드 줄은이 약속이 성취 될 때 "말 것 약속,
"당신이 요구 한 모든 것을 다음 만들었습니다."
그리고 바로 그거야. 조금 복잡하게 보이지만, 모든 프로젝트에 정말 동일합니다.
당신이 어떻게해야 할 그 밖의 무엇이든에 추가 할 수 아래로 여기있다
그래서 우리는 초 후에 다시 돌아올 것이다.
>> 우선, 나는 사실에 응답 할 수있는 코드의 비트가 필요
누군가가 버튼을 클릭했다고.
내가 가서 여기까지 남아있는 걸거야.
또, 여기 당신의 앞에 어떤 입력을하지 않을 것이다.
아주 기본적인 자바 스크립트는 단지이 호출 할 때 말
우리는 우리가 여기에 도착하는 방법에 대한 몇 가지 세부 사항을 제공 할 것입니다
그리고, 우리는 몇 가지 기본적인 일을 할 것입니다.
nameInput라는 내 HTML 페이지에있는 것을 찾아 이동
그것을 잡아, 그것의 전면에 그 값을 때리고 "안녕하세요"를 가지고 가고, 스틱 그 결과 문자열
그 전에 정말 아무것도하지 않았다 전에 우리가 가진 그 div 태그에.
이제 우리는 그 태그를 찾아 그 문자열의 내부 내용이 동일 할 것입니다.
아주 간단한 자바 스크립트.
희망이 여기서 무슨 일이 벌어지고있는 이상한 아무것도 정말이 없다는 것을 인식하고 있습니다.
그것은 여기에 직접 HTML 및 JS의 몫이다.
지금이를 실행하면 내가 그것을 유선하지 않았기 때문에, 아직 모든 작업을 수행 할 수 없을거야
이벤트를받을 수 있습니다.
이를 위해, 나는 다시 내 도구 상자에 반환, 바로 여기에 있다고 할 수 있습니다
여기에서 터지는.
나는 당신이 전에 물건의 모든 종류를 본 적이 예상, 그래서 그것을 오버 설명하지 않습니다.
이제 우리는 helloButton 가서 것입니다.
우리는 말할거야 "버튼을 축하합니다."
"여기 지금에 응답하는 이벤트입니다."
"누군가가 당신을 클릭하면이 기능을 buttonClickHandler를 호출합니다."
그리고 우리는 바로 거기 하단에 추가하는 기능입니다. 그거야.
그래서 지금 우리는 놀라 울 기능 응용 프로그램을 가지고있다.
난 당신이 정말 감동 할 것 같아요.
크리스. 그 기다립니다. 와우. 좋아요. 정말 놀라워요. [웃음]
하지만 더있어. 아직 구입하지 마십시오. 기다립니다.
>> 좀 더 여기에 당신에게 약간을 표시하고 전체 화면으로 나가자.
우리는 우리가 실행하기 전에 걸을 것입니다.
내가 가서 실제로 당신에게 CSS를 조금 보여 드리겠습니다.
다만 기본적으로, 우리가 여기에 페이지를 다시 보면,
우리는 WinJS에서 이러한 것들을 뽑아 우리는 UI 어두운을 가지고 때마다
사실, 당신은 빛의 응용 프로그램을 사용하기위한 기본으로 변경할 수 있습니다.
UI 어두운는 사진을 많이 사용하여 같은 그래픽 응용 프로그램에 대한 좋은
당신은 영상 콘텐츠를 많이 게재하고 있습니다.
당신이 텍스트 콘텐츠를 많이 게재하는 경우, UI 빛은 일반적으로 좋은 선택입니다.
당신은 그것을 선택할 필요가 없습니다,하지만 난 그것에 전환했습니다
지금은 같은 마크 업, 같은 모든 것을보고있다,
그냥 여기에 기본적으로 반전 방식을 이용하고 있어요
모든 흰색에 검정 텍스트를 만드는입니다.
그게 잘 좋다.
내가 여기서하자, 그리고의 실제로 CSS와 함께 조금 더 많은 작업을 수행 할 수 있습니다.
나는 그것이 화면에 표시하는 것이 쉽게 생각하기 때문에 나는 어둠에 다시 넣을 게
나는이 일을 시작할 때.
나는 몸을 한 번 더 교체거야.
나는 여기로 이동합니다. 날이 핵 폭탄 보자.
의 수업으로 몸에 가져 보자.
난 당신이 CSS 이미 그런 것들과 기본 선택기를 수행 한 생각
그래서 당신은 아마 여기에서 무슨 일이 일어나고 있는지 알고있다.
다만 우리의 헤더에 일부 클래스를 할당하고, 우리는 새로운 사업부를 만드는
우리가 모두 함께 스타일을 사용할 수있는 물건의 나머지 부분을 감싸는.
그래서 내가 지금 할 수있는 것은 우리의 기본 CSS에 가서이다.
아직 미디어 쿼리 봤어? 당신은 전혀 그것에 대해 이야기 했습니까?
미디어 쿼리는이 긴급 추세의 일부입니다 -
또는 웹에서 지금 실제로 설립 추세입니다 -
응답 디자인이나 적응을위한,
그리고 아이디어는 응용 프로그램이 정말 적절하게 자신을 조절할 수 있다는 것입니다
그들이에 표시되고있어 장치가 무엇을 할 수 있는지에 따라.
모바일 장치에있어 경우에 따라서, 분명 당신은 많은 화면 공간을하지 않을거야
당신은 큰 30 인치 모니터에 바탕 화면에 앉아있는 것 같은, 그런 큰 PC.
그래서에 대한 이전 응답은 같은 페이지의 5, 6 개의 다른 버전이하는 것
당신은 그 특정 크기의 화면에 맞게 조정 된 버전을 열 것입니다.
좋은하지 않습니다. 그것은 매우, 매우 반복적 인의 해당 작업을 수행하는 유지 보수의 톤이있다.
이제 우리는 CSS 미디어 쿼리라고 뭔가를,
우리는 특정 크기가있을 때 자동으로 감지하려면이 옵션을 사용할 수 있습니다
또는 콘텐츠의 특정 용도가 수행된다.
따라서이 경우, "좋아, 당신은에 응답 할 수 있습니다 당신은 말할 수있다
"당신은 아마 내가 여기에 무슨 말할 필요가 없습니다."
내가 전에 당신을 보여 주었다처럼 이것은 단지,이 응용 프로그램이 스냅되면 말하고있다 -
그것을 잡아 화면 측에 넣은 -
다음의 다음 유행에 따라 디자인 해 보자.
스타일링은 같은 색상과 재료에 대한 없습니다.
그것은 크기 조정 및 마진과 패딩과 내용의 방향에 관한거야
또는 비활성화하거나 페이지의 전체 부품을 가능하게
그리고,이 경우, 응용 프로그램 또는 게임뿐만 아니라.
당신이 원하는대로 이렇게 여기에서 당신은 간단하게 할 수 있습니다.
이것은 당신의 애플리케이션에 유용하지 않을 것입니다 만, 데모 시간,
그래서 앞서 갈거야 그냥 기본적인 신체 선택에 추가하고 말
"내가 찍은거야 때의 전방 이동 및 배경 색을하고의 뭔가를 선택할 수 있도록 할 수 있습니다."
현재 IntelliSense를 가지고있다. 이 사실은 정말 멋지다.
2012 년 우리는 CSS 지원 및 자바 스크립트와 HTML에 대한 많은 것들을 추가했습니다.
물론 당신이 너무 드롭 다운 IntelliSense를 가지고,하지만 멋진 것은 아니다.
좋은 점은 당신이뿐만 아니라 많은 것들을 시각적 선택기를 가지고 있습니다.
그래서, 당신은을 통해 갈 수있는 단지 색상을 선택
또는 당신은 나가서 더 구체적으로 당신이 선택할 수 있습니다 -
이 끔찍한 될 것입니다. 사실 여기에 괜찮은 색상을 선택합니다.
그런데, 너무 마크 업을보세요. 즉, 거기에 RGB 표준 형식입니다.
내가 불투명도를 전환하는 경우, 그것은 여기에 알파 채널 선택으로 전환하는 것입니다.
그래서 당신은, 당신이 그것에 대해이 본질적 %의 투명도와 색상을 것을 볼 수 있습니다
모두가 거기에 구운.
나는 내가 그와 함께 수행하고있을 때 다음 100 %로 유지하고 갈거야, 모두 잘 좋다.
이제 응용 프로그램을 실행하고 우리가 애플 리케이션을 가지고 우리가 스냅하는 경우,
그 배경 색상이 자동으로 조정되는
우리는 말한다, 일부 CSS가 "그냥 그렇게 이동을."
또한 그 같은 일을 할 것입니다 너무 자바 스크립트를 작성할 수 있습니다
또는 당신은 실제로 게임을 일시 중지하는 데 사용할 수있는 것으로, 그 같은 일을 할.
당신은 자바 스크립트를 사용하려는 경우 그것은 아마.
당신은 그 시점에서 게임 루프를 해제합니다.
즉 당신이 CSS는 것이 뭔가하지 않기 때문에 당신은 어떤 자바 스크립트가 필요합니다.
그러나 그것은 단지 이벤트의 명심하십시오.
당신은, 내 응용 프로그램의 크기를 변경했을 경우 "라고 말할 수 있습니다
"우리는 스냅하는 경우 보자." 그리고 바로 그거야.
>> 좋아? 내가 자주 이야기했습니다. 질문은 지금까지 우리가 어디에서 있는가? 그래.
[학생] 사람이 더 많은 정보를 얻을 수에 대한 튜토리얼이 있습니까? >> 네.
문제는 이것에 대한 튜토리얼이있다? 난 그냥 모든 것을 연장됩니다.
당신이 갈 수있는 몇 가지가있다. 의 실제로 여기서 나가자.
내가 여기에서 밖으로 돌아 가자.
지적 할 점은 비주얼 스튜디오 자체 내장 자습서가
날이 없애 보자.
당신이 가서 새 프로젝트를 만들 경우 않는 파일, 새 프로젝트,
그리고 왼쪽에 보면,이 선택의 온라인 노드가있다.
그것은 조금 걸릴 거예요. 여기에 내 MyFi에있어.
그러나 올 것 그것은 나에게 템플릿을 찾을 수있는 기회를 제공거야
뿐만 아니라, 더 중요한 것은, 샘플뿐만 아니라.
그래서 자바 스크립트를 클릭 할 수 있습니다.
그것은 나를 위해 샘플을 찾을 것입니다. 내 해상도는 방법 높은 여기에있다.
일반적으로, 당신은 여기에 다른 많은 것들의 목록을 볼 수있을 것입니다.
당신이 시도 할 언어를 선택하고 싶은 무언가가있는 경우에,
여기에 자바 스크립트, 그리고 "나는 위치 정보를 수행하는 방법을 모르겠어요."라고
"나는 파일을 여는 방법을 모르겠어요."
"나는 웹캠을 활용하는 방법을 몰라
"나 터치 나 같은 명소를 최적화 할 수 있습니다."
공유, 검색, 앱 바 : 모두를위한 샘플이 있습니다
서비스,​​ JSON 인코딩에 대한 원격 호출을.
모든 것들 종류의 샘플이 여기에있다,
그들은 떨어져 끌어 밤 당신을 데려 갈거야 거대한 샘플 아니에요
다만 한 가지 배우고 싶다고 찾을 수 있습니다.
그들은 정말 좋은거야. 그들은 바로 샘플의 포인트 종류, 작은입니다.
나는이를 통해 자신을 이동하여 톤을 배웠습니다,
그래서 내가 추천하는 한 가지로 많은.
>> 너무 지적하는 또 다른 것은 물론이다 I가 보여 당신은 dev.windows.com,
당신이 그때로 돌아갈 경우에, 당신은 여기에 샘플도 거기에 하단에 볼 수 있습니다.
그래서 당신은 한 번에 모두를 다운로드 할 수 있지만, 다른 많은 자원도 여기가 너무의
즉, 속도까지 얻을 수 있습니다.
>> 또 한가지는, 난 정말 당신이 이것을 시도하는 것이 좋습니다 것
내 블로그에 있어요,하지만 난 그냥 바로 이동합니다.
내가 당신을 보여 드리죠. 내 블로그 자원과 같은 일들이 있습니다.
당신의 아이디어 : 지적하는 것들 중 하나는, 바로 여기 것입니다. 귀하의 응용 프로그램. 30 일.
이 클릭하면, 그것은 정말 도움이 사이트에 당신을 데려 올거야.
이것은 당신이 예상하는 것보다 훨씬 더 도움이됩니다.
이것은 기본적으로 팁 및 유용한 정보를 얻을 수있는 콘텐츠의 30 일이 될 것입니다
당신이 응용 프로그램을 만드는 등 그 과정에 걸쳐.
당신이 기대하지 않을 수 있으므로, 당신은 실제로 너무 게임을 위해 그것을 얻을 수 있습니다
전화 응용 프로그램에 대한, 그런 것.
그러니까 기본적으로, 그것을 위해 서명하고, 그들은 당신에 대한 팁과 트릭을 보낼거야
"당신은이 일에 대해 생각? 당신이 스냅을 지원합니까?"
"여기 잘 그 작업을 수행하는 방법에 대한 몇 가지 지침입니다."
"당신이 가게에 제출에 대한 생각?"
"당신이 당신의 응용 프로그램을 판매하는 것입니다 방법에 대한 생각?"
그것은 모든 여러 가지를 살펴거야.
실제로, 당신은 게임의 궤도에 있다면, 어떤 점에서
당신은 당신이 얘기하는 사람을 인식 시작합니다
사실은 거기에 그 기록이 동영상을 수행 할 Redmint로 이동했기 때문에.
그러나 모든 게임 트랙의 일부,
일반 응용 프로그램 개발을위한 전체 트랙도 있습니다.
즉 세대 앱라고.
나는 확실히 샘플뿐만 아니라뿐만 아니라 당신에게 그것을 추천 할 것입니다.
>> 많은 비디오뿐만 아니라 채널 9라는 사이트에 있습니다.
그것은 아마 우리가 여기에 이​​동하기 전에 나뿐만 아니라 추천 할 것입니다 마지막으로 한 일이야.
Channel9.msdn.com.
당신이 백서의 톤을 읽지 않을 것입니다 때문에 이것은 좋은 것입니다.
그것은 기본적으로 지점에 맞다 동영상, 스크린 캐스트 및 많은 것들입니다.
전 항상 지점에서 오른쪽으로 말할 수 없습니다. 그것은 이야기를하고있는 사람 따라 달라집니다.
그러나 일반적으로, 정말 투 - 포인트 동영상은 여기에 있습니다
즉, 당신이 배우거나 시연을 참조 할 수있는 몇 가지 특정 일을 표시합니다.
우리의 모든 콘텐츠는 몇 주 전에 일어난 우리의 회의에서도 있습니다
빌드라고, 당신은 그 바로 볼 수 있습니다.
윈도우 8 게임을위한 핵심 기술이있다. 거기 당신은 간다.
사실이 있었다. 당신은 저를 볼 수 없습니다. 나는 여기에 있었다.
그러나 어쨌든, 그건 제쳐두고, 당신이 그 동영상을 확인하는 것이 좋습니다 것입니다.
그들은 꽤 도움이입니다.
당신이 뭔가에 붙어 또는 당신이 뭔가를 할 수있는 기능을 참조하려는 경우, 사람들을 불.
>> [Guarin] 윈도우 메일은 콘텐츠에 대한 링크가 나에게 이메일을 보내
학생들은 같은 샘플 코드 및 물건을 다운로드 할 수. >> [보웬] 좋아요.
신난다. 에드윈 감사합니다.
>> 좋은. >> [학생] 내가 질문이 있습니다. >> [보웬 오. 제발, 그래.
[들리지 학생 질문] >> [보웬] 오, 난 당신이 그 질문을해서 기뻐 해요. 예.
문제는 내가 일을 만들 수 있도록 시각적 인터페이스가 있었다?
에드윈은 그 질문에 대해 후한 당신을 보상합니다.
이를 수행하는 방법이있다.
우리가 지금해야합니까? 의 지금하자.
나는 지금 당장에 갈거야.
사실, 내가이 데모에 한 가지 더 추가 할 수있는,
그리고 당신에게 실제 답을 보여줄 것이다.
나는 여기에 조금 더 CSS를 추가하려고 했어요.
여기 접선에 조금 떨어져 있었다.
저를 활용하는 몇 가지 CSS에 넣어 보자
우리가 조금 전에 추가 된 클래스의,
헤더, 달력 주소 검색 Maincontent 사업부에 다음 greetingOutput합니다.
나는 그렇게하고 실행하면, 지금 우리는 조금 다른 패딩과 마진을 가지고 볼 수 있습니다
그래서 우리는 여기에서 실제로 어떤 오프셋이 있습니다.
이들은 당신이 최종 연마 응용 프로그램의 기대하는 거냐을 향해 더 있습니다.
똑바로 CSS 달려 있기 때문에 난 그냥 당신이를 표시하고 있습니다.
그래서 만약 당신이 이미 알고있는 것을 당신은 당신이 원하는대로 콘텐츠를 조정할 여기에 사용할 수 있습니다.
이미 배경이 그 방법을 변경하는 방법을 살펴 보았습니다.
>> 내가 다시 우리의 HTML에 나갈 경우에, 나는, 마크 업의 하나 세트에 추가 할거야
이 사실은 WinJS에서 제어 될 것입니다.
내가 가서이 레이블을 잡아 갈거야. 나를 내가 맞는 장소에 일을 해요 있는지 확인하자.
충분히 아마 좋은.
여기에 그냥 추가 한 - 당신은 모든 일을 볼 수 있도록 우리는 전체 화면으로 이동합니다 -
나는 다음의 div 레이블을 추가했습니다.
사업부는 ratingControlDiv이라고합니다.
그 자체로는 아무 작업도 수행하지 않습니다.
브라우저에서이 작업을 열 경우, 당신은 빈에서 DIV 자신을 찾고있을 것입니다.
그러나 때문에 전에 보여준 코드의 신비 라인,
모든 과정은,이처럼 보이는 뭔가를 찾는 것 -
데이터 - 윈​​ 제어 - 그리고 그 매개 변수에 무엇이든 찾을 것입니다.
그것은 그게 가리키는 것 무엇이든의 인스턴스를 만들 것입니다.
이 경우, 평가 관리, 그래서 내가 가서이 일을 교체하십시오 "말하는거야
"무엇 이건 당신은 등급 통제를 만들기 위해 수행해야합니다."
그것은 플립 제어 할 수 있습니다, 그것은 진행 링이든 제어 사용할 수 있습니다.
그들은 모두 기본적으로 동일한 방식으로 작동하는 것입니다.
당신은 당신이 원하는 것을 나타 내기 위해 표준 HTML5 마크 업을 사용하고,
그리고 당신은이 말에 컨트롤을 얻을 것입니다. 날이 실행하자.
나는 단지 그것을 복사하고, 지금 마크 업이됩니다
실제로 HTML 요소의 꽤 번호입니다.
이러한 모든 개별 이미지, 그리고 선택기로 주위의 div가있다.
바라건대 당신은 볼 수 있습니다. 조금 미묘.
나는 다른 항목 위로 마우스를 가져 가면 수 있고, 내가 여기에 평가를 볼 수 있도록하는 것입니다.
나는 그것을 클릭 할 수 있고, 평가를 기억하지만 그것에 대해이야.
정말 평가와 아무것도 아니에요.
>> 나는이 당신을 보여주고 싶은 마지막 일
우리는 시각적 인 디자인 경험으로 전환하기 전에
나는이 WinJS 컨트롤에 응답하는 데 사용할 수있는 약간의 코드입니다.
내가 다시 전체 화면 밖으로, 밖으로의이하자,
그리고 두 번째 여기 JS로 전환.
바로 여기에이 작업을 수행 할 수 있습니다. 나는이 모든 것을 대체 할 수있을 거라 생각.
사실, 난 그것을 모두 대체 할 생각하지만, 우리가 함께 알아 보겠습니다.
여기에 넣고 있습니다. 그래. 나도이 삭제하겠습니다.
나는 무엇을 추가 했습니까? 그것은 많은 것 같습니다. 그것은 많이하지 않습니다.
난 그냥 내가 이미 전에 이야기 코드의 라인 확장
나는 내 모든 컨트롤을 만든되었을 때, 모든 것이 완료되면 "말하는거야
"다음이 작업을 수행합니다." 그럼 완성이라는 기능을 실행합니다.
이 경우, 이것은 당신이 알아낼 수있는 것들이다.
그 DIV 컨트롤을 찾아 이동합니다.
사실, 난 지적해야 한 가지가있다.
그 다음 줄은 실제로 "나는 그 ratingControlDiv 있어요.", 말하는
"나는 진짜 제어, WinJS 컨트롤 인 것처럼 얘기하고 싶어요."
그러니까 기본적으로, 당신은 그것에서 그 요구하고 있습니다.
당신은 "나는 컨트롤로 얘기하고 싶습니다."말을하는지
그리고 당신은 우리가 당신을 위해 수신기를 추가거야 "같은 것들을 말하는 시작할 수 있습니다
"당신이 변화 할 때 우리는 응답 할 수 있습니다."
그리고 우리는 또한이 같은 작업을 수행 할 수 있습니다. 사실, 그가 예전의 코드입니다.
나는 또 하나의 기능에 붙여 넣기를 놓치고 생각,
그리고 그 변경되는 평가 컨트롤에 반응 할 것입니다 실제 함수가 될 것이다.
내가 바로 여기에 그 넣겠습니다,
어딘가에있다.
이 경우, 새로운 유일한 것은 우리가에려고하고 있다는 사실이다
평가 제어가 우리에게 알려줍니다 우리는 tentativeRa​​ting라는 것에 대해 무엇을 요구하는지.
해당 컨트롤이 당신에게 말할 수있는 여러 다른 것들의 무리가있다,
그것은 제어에 의해 제어 간다.
그것은 매우 간단합니다. 당신은 어떠한 문제를 알아낼 수있을 것이다.
나는 등급을 변경하고 등급을 클릭하면, 지금을 실행하고
당신은 지금 실제로 그것에 반응하고 볼 수 있습니다.
그것은 그 그렇지 않으면 빈 div 태그로 화면에 그 평가를 태우고
등급 통제 아래.
즉, 여기에 너무 많은 재료의 마술.
, 당신은 Windows 스토어 용 응용 프로그램을 만드는 사람으로서
당신이 사용할 수있는 컨트롤의 톤이있다. 그들 모두는 다음과 같이 작동합니다.
>> 내가 당신에게 이러한 애플리케이션을 위해 디자인의 시각적 인면을 보여 드리겠습니다.
좋은 소식은 당신이 모든 것을 설치할 때 이미이 도구를해야합니다입니다
당신은 다운로드에 가서 당신은 Visual Studio를 얻는 경우.
바로이 클릭 할 수 있습니다. I는 확대되지 않습니다
그냥 Blend에서 열기 말한다.
Blend는 비주얼 스튜디오와 나란히 작동 또 다른 도구입니다
물건의 디자인면에 훨씬 더 초점을 맞추고,
그래서 정말 스타일을 만들기위한 최적화 된 도구를 표면,
애니메이션을 만드는 CSS 작업, 정맥의 종류에있는 많은 것들.
여기에 무엇을 매우 흥미롭고 매우 분명해야하는 것은 바로 우리가 응용 프로그램에서 찾고있다.
바라건대 우리는 여전히 수 있습니다.
대신에 우리는 여전히 바닥에 보는가 코드를 보는,
우리는 애플리케이션의 실제적인 표현을보고있다.
무엇보다,이 응용 프로그램의 단지 표현이 아니다, 실제로 응용 프로그램을 실행합니다.
그리고 정말 혼합에 대한 좋은거야.
이 팀은이 도구로 HTML 및 자바 스크립트와 CSS를 가지고 많은 작업을했다.
당신은 호기심이 있다면 지금 당신은 실제로 "그게 무슨 뜻 이죠? 내가 무엇을 할 수 있습니까?"수
이 같은 일이 내 마크 업에 존재하지 않는 경우에도 사실은이 응용 프로그램을 설계 할 수 있습니다.
그 평가의 제어를 기억 하는가? 그냥 div 태그이었다.
이 물건은, 그 별은, 실행시에 존재합니다. 어떻게 그 알 수 있습니까?
여기에 약간의 마법이있다.
이러한 번개 볼트가 보이십니까?
당신이 번개를 볼 때마다, 즉 런타임에 무언가에 의해 생성 된 것을 의미한다.
일부 자바 스크립트가 실행 및 설정이에 뭔가를 또는 어떤 논리로이 문제를 만들었습니다.
그 당신이이 WinJS으로 자바 스크립트에 의해 생성 된 참조 별.
좋은 것은 그것이 나에게 중요하지 않습니다,, 난 여전히 그것을 디자인 할 수있다,
난 여전히 가서 변경할 수 있습니다, 나는 무슨 일이 일어나고 확인할 수 있습니다
내가 CSS 볼 수 있습니다, 내가 가서 색이는 방법입니다 이유를 찾을 수 있습니다
나는 것들로 장난 및 관광 명소 끔찍한 만들기 시작할 수 있습니다
내가하고 싶은대로.
사실, 난 혼자 일을 남겨 둘 것이다.
그러나 당신은 모든 CSS의 여기에서 볼 수 있으며, 여기에 당신을 보여주는거야.
내가 거기까지 갈 경우, 그것은 당신에게 그들이 승리 호출 모든 것을 보여줄 것,
가장 구체적이고 대부분의 해당 항목에 대한 선택되도록 CSS 규칙,
하는 당신은 아마 이미 수업에 갔어요,
여기서 당신은 우리가 모든 것을 적용하고 일반 글꼴이 말할 수 있습니다
이 H1이며, 때문에 나는 H1S에 대해 정의 된 색상이
그것은이 색이 될 것, 그것이 body1보다 특정의​​ 때문이다.
여기이 한 것은 당신이 모든 것을 보여줍니다,
당신이 더 복잡 얻을 그리고 정말 강력한 물건의
이러한 일들이 그들이 방법입니다 왜 궁금.
그것은 실제로 당신을 말할 것이다, 당신은 여기에 이​​러한 항목 중 하나를 선택할 수 있습니다.
그 색깔은 실제로 너무 나쁘지 않다.
당신을 선택할 수 있습니다. 바라건대 당신은이를 볼 수 있습니다.
응용 프로그램에 대한 모든 것을 들어, 전체 폭포를 볼 수
그 어느 하나에 적용이 할 수있는 모든 CSS의 승리,
어느 실제로 우선 순위를했다.
이러한 종류의 지루한됩니다. 이들 중 일부에서 무슨 일이 많이 아니에요.
내가 가서 색상을 변경하는 경우, 당신은 약간의 폭포를보고 시작합니다.
또한 여기뿐만 아니라 HTML을 사용할 수 있습니다.
나는 통과 내가 원하는대로 이러한 것들 모두를위한 HTML 속성을 수정할 수 있습니다.
여기에 물건을 그냥 톤이있다.
>> 여기서 모든 것을 통해 이동하여 시간을두고 싶지 않습니다. 그냥 여기 알고.
당신을 위해 바로 사용할 수의 디자인 중심의 많은 기능이있다
그래서 당신은, 시각 유지 응용 프로그램과 함께 작업하고, 추측을 많이 할 수 없습니다
당신은, 다시 디자인으로 다시 브라우저에서 일반적으로 자전거 타기해야 할 것
브라우저에 백업합니다.
이것은 정말 멋지다 물건입니다, 당신은 Windows 스토어의 앱을 개발할 때,
당신이 더 많은 생산성을거야.
>> 당신은 또한 여기에 태그를 추적하고 CSS있어 볼 수 있습니다
당신은 여러 가지 작업하면서.
당신이 특히 비디오에, 그 참조하는 것은 아마 정말 어렵다,
하지만 무슨 일이 일어나고 있는지, 그리고 난 당신이 익숙해지는 것이 좋습니다.
그것은 당신에게 많은 시간을 저장합니다. 즉, 혼합입니다.
여기에 어떤 변경하는 경우, 그들은 자동으로 다시 이상 실시 예정
비주얼 스튜디오.
그것은 동일한 모두의 정보, 동일 파일이다. 나는 혼자 남겨 둘 것이다.
난 당신을 보여주고 싶은 것이 더 나은 예를 들어 있습니다.
내가 거기에 변경을 수행하고 저장하고 내가 다시 비주얼 스튜디오에 온 경우, 그것은 말할 것입니다,
"이봐, 당신은 뭔가를 변경했습니다. 나는 당신을 위해 그것을 다시 할 수 있습니까?" 예.
그리고 당신은이 같은 물건을 사용하고 있습니다.
즉, 특정 샘플의 끝.
>> 난 그냥 당신에게 다른 기능의 뷰를 제공하는 당신에게 높은 엔드 샘플을 보여주고 싶어
당신은뿐만 아니라에 대해 생각할 수 있습니다.
이것은 당신이 다운로드 할 수있는 샘플 응용 프로그램입니다.
당신은 상자의 Windows 캠프라고 뭔가를 보면,
이 점에서 몇 가지 샘플이 있고, 그 중 하나는 Contoso의 요리 책입니다.
난 그냥 당신이 실행할 수 있습니다.
정의 초기 화면. 이 격자보기 응용 프로그램입니다.
그들은 여기에 몇 가지 사용자 지정 데이터를 결합했습니다. 이 탐색 할 수 있습니다.
당신은 가서 금요일 오후에 우리는 배고픈 것 여러 가지를 볼 수있다.
모르겠어요. 무엇이 나를 가장 배고픈 만들려고?
모르겠어요. 난 그냥 하나를 선택하겠습니다.
이러한 것들로 이동합니다. 그것은 당신에게 제조법을 표시합니다.
당신은 할 수 또한 대신 항목을 클릭의,
당신은 콘텐츠의 종류, 내용의 해당 부분으로 바로 이동할 수 있습니다.
이 경우에, 당신은 여기에이 조리법에 대해 모든 이야기 가짜 라틴어를 많이 읽을 수 있습니다
다음 바로 특정 제조법으로 이동합니다.
이 또한 내가 사진과 함께 전에 보여준 공유 같은 것들을 지원합니다.
또한도이 응용 프로그램으로 검색 할 수 있습니다.
이 검색을 수행하는 것은 매우 간단합니다.
기본적으로, 당신은 윈도우에서 텍스트 문자열을 받고있어
당신은 당신이 검색을 처리하는 방법을 결정합니다.
그것은 그것을 얻기 위해 몇 줄의 코드, 그리고 그 후에 당신이 그 후 그것과는 완전히 당신에게 달려 있습니다.
>> 여기 그들은 또한 다른 기능을 사용하는 앱 바있다.
나는 단지 그것이 무엇인지 말해주지.
알림 토스트 알림라는 것을 사용하는 것입니다.
이 일이 일어 났을 때 사용자가 알려 주셔서 정말 편리합니다,
같은 응용 프로그램을 설치 또는 무언가가 완료되었습니다.
너무 또한 게임을 위해 좋다.
당신은 영구적 인 세계 또는 리더 보드 및 호스팅있어 서비스가있는 경우 그
아마 별도의 시스템에, 그 통지는 기계로 보낼 수 있습니다
심지어 사용자가 게임을하거나 응용 프로그램을 실행, 게임을 사용하지 않는 경우,
그들은 여전히​​ 사건의 그 종류에 대한 알림을받을 수 있습니다.
그래서 당신은 "당신의 성이 파괴 된 또는 거의 파괴된다."라고 말할 수 있습니다
"여기에 다시 가서 그것을 방어"또는 그런 일.
당신은 알림을 클릭하면 바로 게임에 돌아 가서, 당신은 그것을 할 수있다.
그래서 그러한 종류의 일들이 정말 꽤 효과적으로 응용 프로그램에 다시 사람을 그리는 데 도움이 될 수 있습니다.
>> 마이크, 웹캠을 사용하는이 응용 프로그램의 지원도있다,
비디오를하고 사진을 찍고.
또한 보조 타일을 고정 할 수 있습니다.
당신이 바로 어떤 내용으로 진행 타일을하려는 경우에 유용합니다.
이 경우,이 레시피에 적당한 간다.
난 그냥 보여 드리는 제가 언급하고있어 모든
그것은 당신이뿐만 아니라 사용하는 방법에 대해 생각할 수있는 것들이기 때문에.
대부분의 경우, 그들은 사용하기 매우 간단하다.
난 그냥 당신이 샘플 탐색기를 가지고 추천 할 것입니다
어떻게 할 수 있는지 방법을 보여줄 수있는 샘플을 찾을 수 있습니다.
그것은뿐만 아니라 거기에 애플 리케이션에 사람들을 가지고 아주 간단합니다.
>> 난 당신이 여기 정말 멋진의 다른 뭔가를 보여 주겠다했다.
나는이 응용 프로그램을 스냅 수 있습니다, 그리고 다시 비주얼 스튜디오에 갈거야.
이 응용 프로그램이 실행 중입니다. 그것은 비주얼 스튜디오에서 실행중인.
나는 그와 함께 몇 가지 멋진 물건을 할 수 있습니다.
실제로 요소를 선택할 수있는 옵션이 있습니다,
나는 라이브 응용 프로그램을 통해 여기에 갈 수있는 내가 말할 수있는,
"나는 왜 준비 시간이 제목 자체보다 조금 밝은 회색 궁금하네요?"
나는 그것을 클릭 할 수 있습니다.
그것은 다시 비주얼 스튜디오로 그를 동기화하는거야
그리고 UI의 일부 결과 정확하게 생성 한 콘텐츠 나에게 보여 것입니다.
따라서이 경우에는 항목을 자막과 H4 이중 구조의,
그것은 아마, 그 때문에 컨텍스트 내에서 H4로 우리가 알아야 할 것을 우리에게 알려줍니다
그것은 글꼴의 특정 종류를 얻을 것입니다.
난 아직도 이유를 모른다면, 나는 추적의 스타일을 클릭 할 수 있습니다.
그런 다음 색상을 확장 할 수 있고 색상은 바디 컬러하지 정확하게 이유를 찾을 수 있습니다
그러나 실제로 다른 무언가이다.
이것은 본질적으로 인터넷 익스플로러에서 dev에 도구입니다
비주얼 스튜디오에 가져 정도.
당신은 크롬 개발 도구로 작업 한 경우, 방화범, 그런 것,
그 브라우저에있는 도구의 종류를,
기능의 종류가 바로 비주얼 스튜디오로 가져왔다
그래서 당신은 실제로 브라우저를 실행하고 개별적으로 이러한 도구로 작업 할 필요가 없습니다.
지금은 그냥 실행하는 Windows 스토어의 앱을 가지고,
나는 떨어져 당겨 물건들이 무엇을하고있는 이유를 찾기 시작 할 수 있습니다.
>> 나는 또한 그것을 역시이 방법을 수행 할 수 있습니다.
내가 가서 바로 마크 업에서 무언가를 선택하고 그것이 무엇인지 알 수 있습니다
응용 프로그램 자체에서. 나는 모든 지나간 것 같아요.
여기에서 나는이 유혹하고 있습니다. 나는 그것을 선택할 수 있습니다.
그것은 그 일이 실제 실행중인 응용 프로그램에서 저를 보여줄 것
지금은 태그에서 클릭 걸.
정말 멋진 물건.
당신은 무슨 일이 일어나고 있는지 알아 내기 위해 노력하고 어떤 HTML이하고있는 바와 같이,
무엇을하고 있는지 CSS,이 점을 염두에 보관하십시오.
이 당신을 위해 여기에 기억
또한 그 Blend는 라이브 실행중인 응용 프로그램으로 작업 할 수 있습니다.
>> 나는이 응용 프로그램을 보여주고 싶었다 마지막으로 하나 -
그런데, 상황이 너무 변화에 따라 당신이 델타 보여줍니다
그래서 당신은 그 노란색 하이라이트에 볼 수 있습니다.
사람들은 단지 응용 프로그램에서 변경 한 것들입니다.
그러나 마지막으로 한 가지. 여기서 잠깐 혼합 다시 가고 싶어요.
우리는 조화, 같은 응용 프로그램, 같은 모든 일에 오픈,이 열 수 있습니다.
나는 단지 당신이 홈 페이지에 붙어있어되지 않은 당신에게 여기에 경험을 보여주고 싶어
당신이 응용 프로그램을 실행할 때 기본적으로 얻을하고 거기에 앉아 드리겠습니다 사물을 보는.
또한 여기까지이 아주 작은 아이콘을 설정할 수 있습니다.
그것은 대화 형 모드라고합니다.
당신은을 클릭합니다. 그것은 당신의 응용 프로그램을 가져올 것입니다.
당신은 더 이상 디자인 모드에 있지, 그래서 당신은 물건을 클릭하지 않을거야
기능을 변경할 수 있습니다,하지만 당신은 지금 실제로 응용 프로그램과 함께 작업 할 수 있습니다.
당신은을 통해 클릭 할 수 있습니다, 당신은, 당신이 걱정 레시피대로를 얻을 수행 할 수 있습니다
또는 범주. 의는이 범주에 가자.
나는 "나는 디자인 할 위치 좋아, 여기에 있습니다."라고 말할 수 있습니다
그런 다음 다시 그 버튼을 클릭, 당신을 디자인 화면에 다시 나타납니다,
그리고 지금 당신은 내가 전에 얘기했던 그 모든 일을 할 수있다.
나는이 선택 얻을 때까지, 그 크기를 찾아서 클릭을하겠습니다
그것을위한 HTML, 그것을위한 CSS를 찾아
실행중인 응용 프로그램의 경우, 응용 프로그램의 일부 최신 부분.
매우, 매우 유용합니다. 나는 당신이 보여주지.
이있는 코드를 작성 찾는다면 마음에 보관 해주세요
그것은 당신에게 번거 로움을 많이 저장할 것, 그것은 꽤 좋은 물건이기 때문에.
즉, 거의 내가 그 모두를 위해 혼합에 Visual Studio에서 당신을 보여주고 싶었다 전부입니다.
>> 이러한 도구 중 하나에 대한 질문?
모든 건? >> [Guarin] 나는, 정말 좋은 질문이 좋은 물건을 제공하는 물건이 있습니다.
>> 난 이미 당신이 여기 내 데모를 보여 주었다 [보웬 (웃음).
나는 자원 페이지에 넣어 지금의 질문에 설정하는거야.
즉, 첫 번째 기준은 게임 트랙과 애플리케이션 트랙이 생성 앱 사이트입니다.
그 가입.
당신은 내용을 얻기 위해 30 일을 기다려야 할 필요가 없습니다.
당신은 당신이 원하는대로 이동하고 내용을보고 시작할 수 있습니다.
[웃음] - 당신의 시간 프레임이 다를 수 있습니다 이해
그래서 때 해킹 마라톤은? 그건 바로, 몇 주입니까?
그래서 당신은 기다려야 삼십일이 없습니다.
그래서 그래, 당신은에 가입 할 수 있습니다 다음 단지에서 컨텐츠를 당기는 시작합니다.
또한 개발자 및 디자인 센터.
그리고이 언급하지 않았다,하지만 그 가게 문서도 있습니다.
당신이 가게에 대한 귀하의 응용 프로그램을 제출 시작할 준비로이 해킹 마라톤 후이 될 것입니다.
몇 가지 유용한 지침이 가게에 물건을 얻을하는 방법에 대한 몇 가지 지침은 여기에 있습니다
당신을 넘어 수있는 몇 가지 일반적인 문제,
그것은 이러한 리소스의 끝.
>> 그래서 당신의 마음에 무엇입니까? 다른 것은 당신 -
[Guarin] 누가 CS50에 대한 Windows 응용 프로그램을 수행에 대한 생각? 쿨.
[보웬] 냉각. 좋아요.
>> 당신이 지금까지 본 것들과 어떻게에 대한 질문이 관련?
예를 들어, 더 많은 시간과 내가 작성한 게임을 취할 수
그것은 브라우저에서 실행 단지 종류의 절차를 통해
비주얼 스튜디오에 그를 데려하고 Windows 스토어의 앱 만들기의.
우리가 정말 오늘 포함했던 것보다 더 많은 시간이 걸립니다,
하지만 짧은 버전, 당신은 브라우저에서 실행되는 것과 동일한 코드의입니다
당신이 변화 일들은 윈도우 8에 연결하기로 결정 것들입니다.
그래서 당신은 매력을 사용하려는 경우, 당신은 검색하거나 공유 할 경우,
당신은에 몇 가지 기능을 멀리 숨길 수있는 응용 프로그램 모음을 작성해야합니다,
사람들은 당신이 변화 할 물건의 종류입니다.
그러나 웹 응용 프로그램의 핵심은 그대로 남아있을 수 있습니다.
다시로는, IE10의 작품으로, 그것은 정말 쉽게 포트 될 것
혼합에, 그 물건을 비주얼 스튜디오에 반입하고, Windows 스토어의 앱 만들 수 있습니다.
다시 말하지만, 당신이 배울 필요가있는 유일한 일이 그 다른 기능입니다
당신은 라이브 타일과 사물의 그 종류와 같은 응용 프로그램을 조명하는 데 사용할 수있다.
>> 그래. >> [학생] 내 질문은 모바일 작업에 대한 것입니다.
그래서 당신은 바탕 화면에 응용 프로그램으로 작동하는 응용 프로그램을 만드는 경우,
모바일로 전송하기가 정말 쉽습니다, 또는입니다 -
난 정말이 환경에 최적화 된 Windows 스토어의 응용 프로그램을 만드는 경우에 문제는,
나는 그 일에 관여 무슨, 모바일 세계에 가지고 싶어?
즉, 많은 질문처럼, 항상 끊임없이 변화하는 대답이다.
좋은 소식은 당신이 HTML과 자바 스크립트, CSS와 고집하는 경우입니다,
당신은 Windows 스토어의 앱에서 시작하는 경우,
그것은 당신이 웹에 그것을 가지고 할 것
다음 미디어 쿼리와 가지와 같은 기술의 그 종류를 사용,
다른 크기의 장치에 적응.
즉, 말, 프레임 워크 및 가지 거기 항상있다
지원하는 다른 기술, 다른 플랫폼을 확장.
즉, 모든 시간을 변경합니다.
우리는 우리가 지금 무엇을 향해 보면 우리는 또한뿐만 아니라 물건을 변경하는
실제로 윈도우 폰 8 중.
우리는 일부 공유의 핵심 인프라가
이러한 환경을위한 응용 프로그램간에 제공.
그래서 당신은 Windows 스토어의 앱을 만들하고있는 물건,
그 많은뿐만 아니라 윈도우 전화 8 응용 프로그램으로 이월 할 수 있습니다.
즉, 다시 새로운 이야기, 그래서 빌드에서 그것에 대해 몇 가지 내용이있다.
SDK는 조금 전에 나왔다. 그것은 바로 조금 전에 발표되었습니다.
그러나 너무 다른 플랫폼의 관점에서,
당신은 아마뿐만 아니라 많은 크로스 플랫폼 프레임 워크로 실행합니다.
좋은 소식은, 당신이하고있는 물건입니다
핵심 기능은 바로 웹 표준 물건 달려있다.
쉽게 번역 할 유일한 일이, 윈도우 8이하는 것들
이 Windows 기능 때문에 그러나 그것은 놀랄 없습니다.
당신은 다른 모든 플랫폼에서 공유 또는 계약 유사한 종류의를 찾을하지 않을거야.
그래서 사람들은 당신이 디자인의 관점에서 원하는 것 것들
그래서 당신이 말할 수있는 당신이 밖으로 그 초록 종류의 방법을 가지고 있는지 확인,
"나는이에서 실행 해요, 내가 그렇게 할 수 있습니다."
나는이지 않는 경우에, 당신이 떠나있는 그 물건을 숨기는 데 사용할 수있는 몇 가지 디자인 패턴이있다.
그러나 명심. 그래. 미안 해요. 어서.
>> [학생] 내가 들리지]의 상단에 내 Windows 응용 프로그램을 테스트하려면
[보웬] 네. 너무 한 가지 더 생략했다. 그래.
나는 나는 당신에게 내가 언급하는 것을 잊었다 기능을 보여주지, 첫 번째 질문에 대한 답변을합니다.
우리는 지역에서 가능한 일부 시스템을하지 않아도됩니다. 미안 해요.
문제는 어떻게 장치에 물건을 테스트합니까이었다
내가 선택할 수있는 것을하는이 일이없는 경우?
[Guarin] 우리는, 제가 생각하기에, 당신에게 5 또는 6을 사람을 빌려 주었다. 당신은 얼마나 필요합니까?
[학생] 우리는 그들 4를 얻었다. >> 좋아요. 너희들은 놀러 4 슬레이트를 얻었다.
그래서 확실히, 모두가 알고있다 할 수 있습니다. [웃음] >> [보웬] 신난다.
그게 내가 당신을 줄 예정했던 것보다 더 좋은 대답이다.
저희는 우리가 우리의 사무실에서 할 개발자를위한 근무 시간이
그리고 지금, 저기,에 마이크로 소프트 스토어에 빨리오고
하지만 에드윈 이미 알아서했다.
대부에 해당하는 4 슬레이트는 테스트가 있습니다.
거기 우리는 간다. 거기에 하나의 업의 예는있다.
그래서 그래, 절대적으로. 좋아요.
물론 지금까지 테스트하는 가장 좋은 방법은 장치에 있어야하는 것입니다.
아직 하나가 일이없는하거나 눈에 캠퍼스를 활보하지 않으려면
하나 또는 무엇이든을 잡아, Visual Studio에서이 백을 할 수있는 방법이있다.
내가 다시 여기 어디에로 이동하는 경우에, 여기에서 대신 로컬 컴퓨터를 사용,
당신은 원격 컴퓨터에 연결할 수 있지만, 내가 여기에 대해 이야기하고있는 것이 아니다.
시뮬레이터는 조사 할 수있는 것입니다.
나는이 작업을 실행합니다, 정말 그것이 무엇인지, 그것이 자신의 시스템에 기본적으로 창의.
여기에, Contoso의 실행, 실제로 내 시스템을 실행합니다
하지만 내가 실행 매개 변수의 일부를 변경할 수있는 방법으로,
환경 매개 변수를 설정합니다.
그래서 내가 "당신은 무엇을 알아?"여기에서 말할 수 있습니다
오. 나는 이미 2560 해상도에서 시뮬레이션 된 27 인치 모니터에서 실행했다.
쉽게 그 드롭 다운 내 응용 프로그램이 작은 화면으로 무엇을 할 것이라고 볼 수있다
또는 DPI 설정 또는 무엇이든을 변경하여.
그래서 작은 화면에, 10.6, 무엇을 할 것입니까?
즉, 여전히 오른쪽 꽤 좋아 보인다?
우리가 있기 때문에, 당신은 가게에 제출하는 특히,이 작업을 수행 할 수 있습니다
테스트 과정의 일부로.
그리고 그와 같은 문제가있는 경우,
당신은 상점에 대한 인증을 받고 문제로 실행할 수 있습니다.
그러나 시뮬레이터의 일부입니다. 정말 멋진. 그렇게하는 것은 매우 쉽습니다.
당신은 또한뿐만 아니라 그것을 회전과 같은 기능을 사용할 수 있습니다.
나는 여기에 버튼을 클릭 할 수는 회전이, 사람이 경험으로이 될지 참조
자신의 슬레이트를 회전 자신의 태블릿, 그와 함께 응용 프로그램을 사용하여.
너무 터치 에뮬레이션 및 다른 것들과 같은 몇 가지 다른 것들이 있습니다,
GPS를 설정.
나는 다른 위치에있어 척하고 내 응용 프로그램이 무엇을 볼 수 있습니다
나는 다시 시애틀에 살고있는 걸 척 할 때.
하지만 정말 유용한 기능, 그리고 그것은 모두 비주얼 스튜디오와 혼합 기본적으로 제공.
예. 귀하의 질문입니다.
>> [학생] 당신이 게임을 작성하는 경우, Visual Studio에서는 애니메이션에 대한 지원이 있습니까?
그래. 문제는 특히 게임과 애니메이션 지원 정도입니다.
그것은 의존한다. [ㅎ ㅎ]
자바 스크립트로 나는 XAML 측이보다 적은 지원이 거기에 아마 말할 것이다
타임 라인을 가지고있는, 스토리 보드 및 내장되어 일을 가지고
자바 응용 프로그램에 애니메이션, 난 당신을 제공하는 방법을 많이 대답 모르겠어요.
나는 두 물리학 애니메이션 많은 옵션을 통해 이동 내 블로그에 자원이
윈도우 8에 자바 스크립트 중심의 게임에 대한 옵션을 제공합니다.
나는 당신이 그 참조합니다.
기본적으로, 너무 많은 선택이있다.
내가 망설 였는데 그 이유는 자바 스크립트와 애니메이션을 수행하는 너무 많은 선택이있을 수 있습니다.
그것은 CSS 될 수있다, 그것은 캔버스 기반 할 수 있습니다, 그것은 단지 기본 DOM 애니메이션이 될 수
그것은 다른 많은 것들을 할 수있는, 그래서 정말 당신의 선택에 달려있다.
당신은 Create.js 또는 석회 또는 프레임 워크의 다른 종류 같은 것을 사용하기로 결정하는 경우 -보기
글쎄, 난 당신이 높은 엔드 프레임 워크를 사용할 수있게 될 것입니다 모르겠어요
영향을 좋아하거나 구축합니다.
즉, 처음부터 고려하는 것보다 더 많은 코드를 생성하는 경향이있다.
하지만 그 경우에, 당신은 아직도 당신이 환경을 사용할 수 있습니다, 시뮬레이터를 사용할 수 있습니다,
난 그냥 그 경우 내 테스트 플랫폼이 환경을 사용하는 경향이
나는 게임을 개발하고 있어요으로.
나는, 특히 캔버스 애니메이션으로 잘 지냈어
아마도 가장 일반적인 일이다.
당신은 아마 찾을거야 최고의 브라우저의 개발 도구입니다
Visual Studio에서 개발 도구.
이 구불 구불 한 대답의 종류는, 그러나 희망 나는 당신의 대답을 얻었다. 예. 당신.
>> [학생] 윈도우 8 애플리케이션을위한 데이터 스토리지 옵션은 무엇입니까?
윈도우 8 애플리케이션을위한 데이터 스토리지 옵션은 Windows 스토어 앱은 무엇입니까?
옵션은 정말 각 응용 프로그램이 로컬 스토리지의 자신의 수영장을 얻을 수 있습니다
설정 및 데이터뿐만 아니라 스토리지 로밍 사용 안되게 쉽다
클라우드 기반의 스토리지를 사용합니다. 그것은 무료입니다.
무슨 일이 당신이 기본적으로 다른 클래스를 선택하고 당신이 말하는 것입니다,
"로밍 설정, 저장, 내용이 특정 세트"
그들은로 로그인 한 무엇이든 자신의 Microsoft 계정,
주위에 정보를 로밍하는 열쇠가 될 것입니다.
그래서 난 내 노트북​​에서 게임을 사용하고 난 같은 계정으로 로그인하면
나는 표면에 게임이나 태블릿을 재생,
즉, 자동으로 그 기계 사이의 설정 및 데이터 로밍합니다.
즉, 기본 것입니다. 즉, 특정 데이터 양을 위해 좋은입니다.
당신은 그에 거대한 데이터베이스를 넣어하지 않을 것입니다.
이를 위해 당신은 클라우드 호스팅 데이터베이스와 같은 솔루션의 다른 종류로 이동해야합니다,
그런 것.
데이터 기술의 다른 종류의 주위에 다른 지역 사회의 옵션이 있습니다.
나도 주위에 지역 사회의 일부 SQLite는 옵션을 본 적이있다.
그래서 점점 더 부각되고 있지만, 사람들은 당신을 향해 볼 것입니다 기본 것들
게임이나 응용 프로그램에 대한.
그리고 당신도 다시 질문을했다.
>> 네트워크의 관점에서 [학생] [들림] 업로드하거나 파일을 다운로드 [들림]
[보웬] 질문하는 방법을 당신이 어떻게 당신이 그것을 디버그하고 테스트하거나 볼 수 있습니까?
[학생] 어떻게 당신이 그것을 디버깅 할 수 있습니다 [들림]
미안 해요. 나는 모두를들을 수 없습니다.
[학생] 어떻게 당신이 또한 버그 테스트를 얻을 않습니다 [들림]
좋아요. 좋아요.
어떻게 네트워크와 함께 작동합니까?이 어떻게 당신이 무슨 일이야 볼 수 있습니까?
이 하나에 여러 가지 답변이있다
그러나 내가 여기에서 아마 가장 쉬운 방법을 보여 드리겠습니다.
내게는 두 번째에 대한 시뮬레이터를 제거 할 수 있습니다.
네트워킹을위한 단지 몇 디버깅 옵션을 제공합니다.
바로 WinRT 수준과 WinJS에서 모두에 구운 전체 네트워크 스택이있다,
그래서 당신은 아주 쉽게 XHR을 만들 수 있습니다, AJAX 유형은 그렇게 게임이나 응용 프로그램에서 호출합니다.
주로, 나는 2 가지를 사용하는 경향이 있습니다.
나는 그들에 구운 네트워크 스택을 실제 개발 도구 자체를 사용합니다.
내가 당신에게 윈도우 홈 페이지를 표시 할 수 있습니다.
나는이 문제를 제기 할 수 있으며, 여기에 이​​러한 도구에 구운 네트워크 프록시는 실제로있다.
그래서 나는,이 작업을 수행 할 수 있습니다 내가 페이지를 새로 고침 할 수 있고, 모든 상호 작용 보여줘 것
등의 AJAX는 요청의 기간 동안, 해당 세션을 요구한다.
유용합니다. 그것은 브라우저 기반의 애플리케이션에 매우 유용 할 것입니다.
Windows 스토어의 애플리케이션을 포함하여 애플리케이션의 다른 종류를 위해,
내가 피들러라는 도구를 사용합니다.
당신은 응답으로 게임을받을거야. [ㅎ ㅎ]
피들러는 간단한 프록시입니다. 나는 당신에게 그것을 보여줄 수있다 생각합니다.
그것은 흥미롭게도, 내 네트워크 스택을 추적하고있어, 단지 GetFiddler.com,의
GetFiddler에가는.
그러나 어쨌든, 피들러는 IE 팀의 PM의 하나에 의해 작성되었습니다,
그래서 그는 자신이 무엇을하고 있는지 알고있다.
이렇게하면 디버깅 네트워크 트래픽에 사용할 수있는 좋은 프록시입니다.
나는 그에게 추천 할 것입니다. 질문도 저기.
>> [학생] 외국어 입력을 손쉽게 통합 할 수있는 방법이 있나요,
일본어 또는 중국어, 윈도우 응용 프로그램에? 등
나는 나 자신 그것의 너무 많은 일을했지만, 그것은 안으로 구워 말할 수 없다
물론 응용 프로그램을 방출하기위한 옵션이 있습니다 - 미안 해요, 내가 질문에 대답하지 않았다 -
세계화의 주위에 옵션, 콘텐츠의 현지화,
다른 시장에서 판매 할 수있는 같은 것들을 포함
그리고 그 각각의 언어에 대한 응용 프로그램의 버전을 대상으로
또는 그런 문화 또는 일. 물론 내장
우리는 영원히에 대한 그 지원을 했어,
그 앞으로 Windows 스토어에 대한 옵션에 전달한다.
당신은, 저장소 자체에 그렇게 다른 시장에 판매 할 수있다,
당신이 정의하는 자원을 이용하여뿐만 아니라 너무 응용 프로그램에서이 작업을 수행 할 수 있습니다
나는이 문화를 개발하고있는 경우 "다음 내 텍스트 콘텐츠가 이러한 재정의를 사용
"왼쪽이나 독자에 대한 권리를 사용합니다."
사람들은 모든 기본 WinJS과 WinRT API 중 일부입니다. 좋은 질문입니다.
>> 우리는 어떻게 지내세요? 어떤 사람?
비디오에 사람이 질문이 있다면, 나는, 마이크로 소프트 @ cbowen 해요
그래서 나는 미래에서 귀하의 질문 중 하나를 가지고 행복 해요.
아주 - 미래에서 미래 [모방 에코].
그래서 여기에 나와 있습니다. 내가 여기에서 내 연락처를 다시 넣어 보자.
그러니 나에게 마이크로 소프트 @ cbowen 메모를 보내
나는 최대한 빨리 답변을 드릴 것입니다.
>> 당신이 궁금해하는 다른 건? 우리는 좋은가요?
좋아요. 괜찮아요. 대단히 감사합니다. 나는 그것을 감사드립니다. [박수]
>> [CS50.TV]