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