1 00:00:00,000 --> 00:00:07,920 2 00:00:07,920 --> 00:00:10,850 >> 제이슨 허쉬 호른 : 환영합니다, 일주일에 아홉 사람. 3 00:00:10,850 --> 00:00:14,800 우리는 앞으로 우리의 흥미 진진한 주를 우리가 우리의 마지막 문제 세트를 가지고 있기 때문이다. 4 00:00:14,800 --> 00:00:18,330 우리는 또한 새로운 언어를 가지고, 이미있는 자바 스크립트, 5 00:00:18,330 --> 00:00:22,690 이를 위해뿐만 아니라 사용의 중간 문제 세트,하지만 많은 것 6 00:00:22,690 --> 00:00:24,780 아마 마지막에 활용 프로젝트, 특히 7 00:00:24,780 --> 00:00:26,000 웹 기반 최종 돌출한다. 8 00:00:26,000 --> 00:00:32,330 그래서 우리가 이후에 오늘 가서하자 ' 자원에 대해 간단히 이야기 9 00:00:32,330 --> 00:00:33,180 우리는 매주 수행한다. 10 00:00:33,180 --> 00:00:36,850 우리는 자바 스크립트로 이동하고 있습니다 우리는 함께 절을 모두 보낼거야 11 00:00:36,850 --> 00:00:44,460 돌고래 조련사 코딩 활동 실습 매든처럼 2K13, 12 00:00:44,460 --> 00:00:48,650 2013 만 돌고래 그리고 자바 스크립트에서. 13 00:00:48,650 --> 00:00:49,910 >> [웃음] 14 00:00:49,910 --> 00:00:53,670 >> 제이슨 허쉬 호른 : 그래서 항상, 목록 당신이 체크 아웃 할 자원. 15 00:00:53,670 --> 00:01:00,040 이러한 리소스는 특히 중요하다 다음 주에 있기 때문에 16 00:01:00,040 --> 00:01:05,630 수요일 퀴즈 하나, 두 번째입니다 이 과정에서 최종 퀴즈. 17 00:01:05,630 --> 00:01:10,700 그냥 퀴즈 제로처럼, 그것은 75 분 1시 이후에 조금을 시작합니다. 18 00:01:10,700 --> 00:01:16,400 그것은 제로 데이 이후 모든 것을 커버 이 과정의,하지만 확실하게 19 00:01:16,400 --> 00:01:20,360 모든 것을 강조 퀴즈 하나 때문에 일어났다. 20 00:01:20,360 --> 00:01:23,610 >> 그러나 물론, 우리는 루프를 적용 올해 초에. 21 00:01:23,610 --> 00:01:27,130 루프는 아마 아직도 갈거야 들어 이 퀴즈의 일부가 될, 그래서 그것은 아니다 22 00:01:27,130 --> 00:01:31,050 같은 당신이 모든 것을 무시 할 수 일주일에 다섯 퀴즈 제로 전에 무슨 일이 있었 23 00:01:31,050 --> 00:01:32,910 이 과정 빌드 때문에 자체에 많은. 24 00:01:32,910 --> 00:01:37,080 그러나 확실히 강조에있을 것입니다 우리는 6 주째부터 배운 것들. 25 00:01:37,080 --> 00:01:42,520 즉, PHP, 자바 스크립트, SQL에 포함되어 있습니다 확실하고, 또한보다 진보 될 26 00:01:42,520 --> 00:01:46,560 우리는 C.에 대한 이야기​​ 데이터 구조 전혀 다른 주제의 호스트, 그러나 우리는 27 00:01:46,560 --> 00:01:49,860 다음 주에 그 논의 할 것이다 우리는 퀴즈에 대한 검토로. 28 00:01:49,860 --> 00:01:52,940 >> 또한, 언제나처럼, 당신은 어떤이있는 경우 당신이있어로 퀴즈에 대한 질문 29 00:01:52,940 --> 00:01:56,690 준비, 부담없이 그들에게 내 방식을 보낼 수 있습니다. 30 00:01:56,690 --> 00:02:00,230 지금, 누군가는이 있는가 퀴즈에 대한 빠른 질문? 31 00:02:00,230 --> 00:02:03,140 32 00:02:03,140 --> 00:02:03,380 >> OK. 33 00:02:03,380 --> 00:02:06,440 그것은 나 괴물에 대해 걱정할 필요가 없습니다 지금에 대한 아웃 만에 그 유지 34 00:02:06,440 --> 00:02:10,130 당신의 마음의 뒷면, 그 때문에 지금부터 일주일에 하루를 경험을 할 수 있습니다. 35 00:02:10,130 --> 00:02:15,030 >> 마지막으로, 나는 우리를 향해 실행하고 알 학기의 끝 - 36 00:02:15,030 --> 00:02:19,910 후 왼쪽으로 두 개의 섹션이 있습니다 이 -하지만, 난 여전히 흥분하고 있어요 37 00:02:19,910 --> 00:02:21,930 귀하의 의견에 대한 열망 당신은 어떤이있는 경우. 38 00:02:21,930 --> 00:02:24,500 나는 그 확인하려면 지금까지 최고의 두 섹션. 39 00:02:24,500 --> 00:02:27,670 그들은 아마 될 각 때문에 섹션은 놀라운이며 최고의 적. 40 00:02:27,670 --> 00:02:32,260 어떻게 이런 일이 가능하지 않지만 그들은 모두 환상적인 봤는데, 나는 생각한다. 41 00:02:32,260 --> 00:02:37,560 >> 내가 왔 의견은 오프 끌었다있다 대한 이후 아무것도 None으로 42 00:02:37,560 --> 00:02:40,880 주 지난 몇, 그래서주십시오 당신이이 있으면 약간의 조언이다. 43 00:02:40,880 --> 00:02:42,910 그것은 3 분 정도 걸립니다. 44 00:02:42,910 --> 00:02:44,900 당신은 좋은 일이 당신을 말해 줄 수 내가 일을 계속 할 또는 45 00:02:44,900 --> 00:02:46,080 물건은 내가 작업 할 수 있습니다. 46 00:02:46,080 --> 00:02:49,700 나는 최고의 교사가 노력하고있어 수, 또는 나는 최선을 다하기 위해 노력하고있어 47 00:02:49,700 --> 00:02:52,920 나는 할 수있다,하지만 난 할 수 없어 내가하지 않으면 너희들이하고있는 방법을 알고있다. 48 00:02:52,920 --> 00:02:55,080 그리고 그것은 당신이 하락하는 이유 얘기하기 어렵다 수업 시간에 자고, 그래서 나에게하자 49 00:02:55,080 --> 00:02:58,250 그런 경우 이유 후 알고있다. 50 00:02:58,250 --> 00:03:00,940 >> 지난 주에 당신이이 이미지를 보여 주었다. 51 00:03:00,940 --> 00:03:06,910 이 십대 돌연변이 닌자 거북이입니다 어렸을 때 내가 가진 자전거, 52 00:03:06,910 --> 00:03:12,350 우리는 너희들을 밀어 계속하고있다 훈련 바퀴없이 우리가 몰입으로 53 00:03:12,350 --> 00:03:13,630 다른 언어로 당신. 54 00:03:13,630 --> 00:03:18,420 하지만 안심, 자바 스크립트, PHP와 같은, 당신은했습니다 것들과 매우 유사하다 55 00:03:18,420 --> 00:03:18,990 과거에. 56 00:03:18,990 --> 00:03:24,100 논리의 많은 경우에 전송 하지 구문, 정확히 일대일. 57 00:03:24,100 --> 00:03:26,910 그러나 다시, 이러한 언어의 모든 우리는 지난 몇 년에 갔어요 58 00:03:26,910 --> 00:03:30,175 주, 그들은 압도적 인 보일 불구하고, 믿을 수 없을만큼 강력하고 수 59 00:03:30,175 --> 00:03:34,440 당신은 당신의 최종 프로젝트를 많이 수행하는 아마 다른 웹 사이트 당신 60 00:03:34,440 --> 00:03:36,180 미래 코드. 61 00:03:36,180 --> 00:03:41,000 >> 그래서 속히, 우리는거야 자바 스크립트로 다이빙을 시작합니다. 62 00:03:41,000 --> 00:03:44,630 우리는 간단히 얘기 예정입니다 다음 정말 손에 들어가 63 00:03:44,630 --> 00:03:48,300 이 섹션의 부분을 코딩. 64 00:03:48,300 --> 00:03:53,000 그래서 스크립트는 클라이언트 측 스크립팅이며 그것의 의미 언어, 65 00:03:53,000 --> 00:03:56,740 PHP와 다른과는 다르다 C. 자바 스크립트가 컴파일되지 것보다 66 00:03:56,740 --> 00:03:58,740 이것은 서버에 의해 실행 안. 67 00:03:58,740 --> 00:04:02,090 오히려, 당신은 그것을로드합니다. 68 00:04:02,090 --> 00:04:06,710 로드 할 때 자바 스크립트 페이지를로드 웹 페이지, 및 그 후에 실행 69 00:04:06,710 --> 00:04:08,020 당신의 컴퓨터에. 70 00:04:08,020 --> 00:04:11,120 어느 당신이 볼 수있는 의미있는 모든 이었다 자바 스크립트 코드 71 00:04:11,120 --> 00:04:12,240 귀하의 컴퓨터에 전송. 72 00:04:12,240 --> 00:04:21,750 >> 때때로 그것은 단축 또는 암호화되어 비트, 비트 암호화되도록 73 00:04:21,750 --> 00:04:23,390 무슨 일이 일어나고 있는지를 명시 적으로 말할 수 없습니다. 74 00:04:23,390 --> 00:04:26,920 예를 들어, CS50 또는 체크 아웃하는 경우 이번 주에 대한 직원 솔루션 75 00:04:26,920 --> 00:04:31,260 , 문제 설정, 당신은 service.js로 이동 당신은 당신이 실제로 말할 수없는 알 수 있습니다 76 00:04:31,260 --> 00:04:32,560 우리가 당신을 준 것과하세요. 77 00:04:32,560 --> 00:04:37,020 우리는 수 있도록 그것을 비트 암호화 조금 더 어려운 그. 78 00:04:37,020 --> 00:04:40,450 그럼에도 불구하고, 당신은 정확한을 볼 수 있습니다 우리가 실행하는 자바 스크립트 파일 79 00:04:40,450 --> 00:04:42,010 우리의 프로그램이 실행됩니다. 80 00:04:42,010 --> 00:04:46,510 그래서 그것으로 무엇을 의미하는지의 클라이언트 측 스크립트 언어입니다. 81 00:04:46,510 --> 00:04:51,280 >> C와 PHP,하지만, 자바 스크립트와 유사 루프를 들어, / 다른이 82 00:04:51,280 --> 00:04:52,715 조건, 루프 동안. 83 00:04:52,715 --> 00:04:58,290 PHP 유사하게, 그것이 마련되어 foreach 루프뿐만 아니라. 84 00:04:58,290 --> 00:05:02,270 에 다시 매우 유사 우리가 본 구문 85 00:05:02,270 --> 00:05:04,430 우리는 이미했습니다 언어 함께 일했습니다. 86 00:05:04,430 --> 00:05:07,650 >> 마지막으로,의 가장 멋진 부분 중 하나 자바 스크립트, 우리는 할 수 있습니다 뭔가 87 00:05:07,650 --> 00:05:10,010 오늘 많은 일을, 그리고 아마도 당신은거야 당신의 P 세트와 함께 많은 일을 할 수 만약에 당신 88 00:05:10,010 --> 00:05:13,810 이미 그것을 경험하지 않은, 당신은 당신이 가진 모든 오류를 확인하실 수 있습니다 89 00:05:13,810 --> 00:05:16,290 자바 스크립트 콘솔을 통해 코드에서. 90 00:05:16,290 --> 00:05:17,770 우리는 조금 지난 주 보았다. 91 00:05:17,770 --> 00:05:21,800 우리는 콘솔의 다른 유형 보았다 페이지를 검사하지만, IN에 92 00:05:21,800 --> 00:05:28,420 크롬은, 다시, 당신은 레이아웃을 볼 수 있습니다, HTML은 페이지가 해당 문서 93 00:05:28,420 --> 00:05:29,310 화면을 표시합니다. 94 00:05:29,310 --> 00:05:33,820 또한 자바 스크립트를 모두 볼 수 있습니다 같이 해당 페이지를 형성하고, 당신은 또한 수 95 00:05:33,820 --> 00:05:36,410 내가 말했듯이, 모든 오류를 참조하십시오 자바 스크립트 콘솔에서. 96 00:05:36,410 --> 00:05:40,110 그리고 우리는이 발생할 수 있습니다 점에서 더 우리가 코딩을 시작 비트. 97 00:05:40,110 --> 00:05:42,380 >> 에 대해주의 할 점 자바 스크립트 변수. 98 00:05:42,380 --> 00:05:46,950 PHP 변수처럼, 그들이있어 느슨하게 입력, 그래서 당신은 할 필요가 없습니다 99 00:05:46,950 --> 00:05:48,690 그들에게 특정 유형을 제공합니다. 100 00:05:48,690 --> 00:05:52,330 범위의 측면에서, 즉 정의 "VAR"키워드. 101 00:05:52,330 --> 00:05:54,890 그래서 앞의 키워드를 넣어하지 않는 경우 뭔가, 당신은 이름을 쓰기 102 00:05:54,890 --> 00:05:57,870 변수, 다음 대입 연산자,이 경우 등호. 103 00:05:57,870 --> 00:06:00,360 나는 바로 거기에 세미콜론을 잊고 하지만 세미콜론 거기에 가정 104 00:06:00,360 --> 00:06:01,590 바로 거기. 105 00:06:01,590 --> 00:06:03,520 >> 그럼 당신은 만드는 전역 변수. 106 00:06:03,520 --> 00:06:06,960 그런 다음 "VAR"키워드를 넣는 경우 당신은 그것을 지역의 몇 가지 유형을 제공하고 있습니다 107 00:06:06,960 --> 00:06:10,050 범위는 그에게의 여부 함수 또는 루프. 108 00:06:10,050 --> 00:06:12,215 그래서 한 가지입니다 변수에 대한주의. 109 00:06:12,215 --> 00:06:15,650 110 00:06:15,650 --> 00:06:17,550 >> 자바 스크립트 언어입니다. 111 00:06:17,550 --> 00:06:21,830 jQuery를이 상단에 내장 된 라이브러리 자바 스크립트 언어, 그리고 당신이 112 00:06:21,830 --> 00:06:24,180 강의 전에 본. 113 00:06:24,180 --> 00:06:28,010 당신이려고하는 경우에 나는 매우, 추천 최종에서 자바 스크립트를 사용 114 00:06:28,010 --> 00:06:29,690 프로젝트, 당신이 jQuery를 알게있다. 115 00:06:29,690 --> 00:06:33,140 그것은 당신이 원하는 모든 것을 만든다 보다 쉽게​​, 많은 작업을 수행하는. 116 00:06:33,140 --> 00:06:36,730 또한 멋진와 함께 제공 문서 및 얻을 수 있도록 예 117 00:06:36,730 --> 00:06:37,080 당신은 시작했다. 118 00:06:37,080 --> 00:06:39,430 오늘 우리는이 될 것입니다 뿐만 아니라 jQuery를 사용하여. 119 00:06:39,430 --> 00:06:43,320 >> 이, 내가이 슬라이드에 가지고하면, jQuery를의 가장 기본입니다. 120 00:06:43,320 --> 00:06:47,200 HTML 파일 또는 상단에 무엇이든 - 당신의 index.php 파일, 당신의 121 00:06:47,200 --> 00:06:50,070 index.html 파일 - 당신은 필요 이 두 줄 있습니다. 122 00:06:50,070 --> 00:06:51,540 이들은 매우 일반적인 선입니다. 123 00:06:51,540 --> 00:06:57,350 첫 번째 줄은 jQuery를 포함 스크립트 파일과 두 번째 행 124 00:06:57,350 --> 00:07:00,410 당신이 쓴 곳 포함 자신의 자바 스크립트 코드입니다. 125 00:07:00,410 --> 00:07:03,240 그리고 물론, 때문에 당신의 당신은 아마 사용했던 자바 스크립트 코드 126 00:07:03,240 --> 00:07:07,800 일부 jQuery 라이브러리 함수, 그 후 갈 필요가 127 00:07:07,800 --> 00:07:09,650 JQuery와 포함 스크립트. 128 00:07:09,650 --> 00:07:12,560 129 00:07:12,560 --> 00:07:15,550 우리는이를 모색 할 것입니다 다시 잠시. 130 00:07:15,550 --> 00:07:21,640 >> 그리고 마지막으로, 자바 스크립트 파일에서, 나는 1 index.js이를 호출합니다. 131 00:07:21,640 --> 00:07:22,640 그것은 scripts.js 수 있습니다. 132 00:07:22,640 --> 00:07:26,510 그게 뭐든간에, 어떤 자바 스크립트 파일은, 당신은 일반적으로 시작했다 133 00:07:26,510 --> 00:07:30,780 이 코드 라인, 달러 기호, 열린 괄호, 문서, 닫기 괄호, 134 00:07:30,780 --> 00:07:34,810 기간, 준비, 열린 괄호, 기능, 다음 열기 괄호, 가까운 괄호 및 135 00:07:34,810 --> 00:07:35,490 중괄호. 136 00:07:35,490 --> 00:07:38,930 다음 내부가 코드를 던져 가까운, 중괄호으로 끝 137 00:07:38,930 --> 00:07:40,590 괄호, 세미콜론. 138 00:07:40,590 --> 00:07:42,550 >> 그래서 주어진이 걸릴. 139 00:07:42,550 --> 00:07:47,250 당신이 jQuery를 사용하는 거라면, 포장 내부 장치 jQuery 코드의 모든 140 00:07:47,250 --> 00:07:49,230 이 코드 줄. 141 00:07:49,230 --> 00:07:53,150 그리고 우리는 두 번째에서 다시 볼 수 있습니다. 142 00:07:53,150 --> 00:07:56,170 >> 다시 우리는, jQuery로 작업 할 수 있습니다 우리가 가서 질문을하시기 바랍니다 143 00:07:56,170 --> 00:07:58,420 오늘, 그러나 누군가는이 있는가 jQuery를 나에 대한 질문 144 00:07:58,420 --> 00:07:59,670 지금 자바 스크립트? 145 00:07:59,670 --> 00:08:11,410 146 00:08:11,410 --> 00:08:11,780 >> OK. 147 00:08:11,780 --> 00:08:16,780 그래서 속히, 나는 선물 돌고래 조련사 2K13 당신에게. 148 00:08:16,780 --> 00:08:20,656 나는이 최신에 대해 매우 흥분 제품의 버전. 149 00:08:20,656 --> 00:08:22,620 >> 오, 이런! 150 00:08:22,620 --> 00:08:23,590 나는 매우 흥분했다. 151 00:08:23,590 --> 00:08:28,030 난 너희들에게 보여 거라고, 우리가하지 않은처럼 만 보인다 152 00:08:28,030 --> 00:08:28,720 아직 구현. 153 00:08:28,720 --> 00:08:30,340 의이 조금 더 큰 만들어 보자. 154 00:08:30,340 --> 00:08:35,789 나는 돌고래에 대한 코드를로드 그렇다면 트레이너 - 아깝다. 155 00:08:35,789 --> 00:08:37,210 미안, 얘들이야. 156 00:08:37,210 --> 00:08:38,520 나는 공과를 시작하기 전에이 작업을했다. 157 00:08:38,520 --> 00:08:40,350 나는 그것을 완료 줄 알았는데, 하지만 난 여전히이 생각 158 00:08:40,350 --> 00:08:41,210 작업이 완료 될 떠났다. 159 00:08:41,210 --> 00:08:44,400 그러나 다행히도, 너희들 모두 일부를 가지고 자바 스크립트와 jQuery를 연습 때문에 160 00:08:44,400 --> 00:08:48,110 이제 가서 마무리하자 함께이. 161 00:08:48,110 --> 00:08:50,360 >> 난 너희들이 사본을 보내 생각 나는 매우 흥분 때문에 162 00:08:50,360 --> 00:08:52,710 그것에 대해, 그래서 당신은해야 내가 가지고있는 동일한 코드. 163 00:08:52,710 --> 00:08:55,490 의가에 머리를 보자 - 164 00:08:55,490 --> 00:08:56,600 그것은 댕, 얘들 아, 미안 해요. 165 00:08:56,600 --> 00:08:59,280 의, 그래도 터미널에 머리를 보자. 166 00:08:59,280 --> 00:09:02,770 >> 그냥 당신의 과거 문제와 같은 세트, 당신이 내이있는 경우 - 167 00:09:02,770 --> 00:09:05,130 의이 조금 더 큰 만들어 보자, 도 너희들을위한 - 168 00:09:05,130 --> 00:09:06,740 내 zip 파일을했다. 169 00:09:06,740 --> 00:09:10,670 당신은 아마도 압축을 푼. 170 00:09:10,670 --> 00:09:12,970 여기서 가자. 171 00:09:12,970 --> 00:09:22,360 그리고 바라건대, 당신은에 이동 당신이 저장 한 디렉터리와 같은 디렉터리 172 00:09:22,360 --> 00:09:23,540 문제는 여덟 코드를 설정합니다. 173 00:09:23,540 --> 00:09:26,780 그리고 우리는 내가 할 수있는 디렉토리에 저장 액세스 - 또는 우리 모두에 액세스 할 수 있습니다 174 00:09:26,780 --> 00:09:31,740 크롬 브라우저의 코드 우리의 컴퓨터에. 175 00:09:31,740 --> 00:09:36,880 >> 그리고 또, 당신은 그 코드를 얻을 수 있습니다 단지에서 발견 된 주소를 입력 176 00:09:36,880 --> 00:09:41,180 하단의 우측 여기 아래 어플라이언스. 177 00:09:41,180 --> 00:09:42,490 당신은 당신의 IP 주소를 찾을 수 있습니다. 178 00:09:42,490 --> 00:09:45,260 당신은 크롬 브라우저에 다음을 입력 컴퓨터에,이 경우, 179 00:09:45,260 --> 00:09:49,110 우리는 절 구 폴더에 있기 때문에, 우리는 또한 추가해야 180 00:09:49,110 --> 00:09:51,340 섹션 아홉 슬래시. 181 00:09:51,340 --> 00:09:52,820 >> 저를 보자 - 182 00:09:52,820 --> 00:09:54,070 죄송합니다. 183 00:09:54,070 --> 00:09:55,610 184 00:09:55,610 --> 00:09:58,980 나는 그렇게 내가 모르는이 최소화거야 그 링크를 클릭을 유지해야합니다. 185 00:09:58,980 --> 00:10:00,150 >> 그래서 내가이 코드를 설정하는 방법입니다. 186 00:10:00,150 --> 00:10:01,710 이미 이미 했어. 187 00:10:01,710 --> 00:10:04,080 나는 그 통과하지 않을 것이다 그건 단계에 있기 때문에 무엇 188 00:10:04,080 --> 00:10:06,090 설정 문제의 시작은 산책 당신이하는 방법을 통해. 189 00:10:06,090 --> 00:10:11,520 그럼 가서이를 설정하는거야 두 번째로,하지만 먼저하자 최대 190 00:10:11,520 --> 00:10:14,740 그룹으로이 코드를 살펴 봅니다. 191 00:10:14,740 --> 00:10:15,990 >> 의 내가 무슨 짓을 보자. 192 00:10:15,990 --> 00:10:18,340 나는 그것의 대부분을 완료하는 것을 시도 공과를 시작하기 전에,하지만 난 생각 I 193 00:10:18,340 --> 00:10:20,140 조금 뒤에이었다. 194 00:10:20,140 --> 00:10:22,643 그럼 index.html을 열어 보자. 195 00:10:22,643 --> 00:10:36,600 196 00:10:36,600 --> 00:10:36,920 >> OK. 197 00:10:36,920 --> 00:10:39,780 그리고 index.html을 정말 간단합니다 나는하지 않았다 페이지 때문에 198 00:10:39,780 --> 00:10:40,630 너무 미친 싶어. 199 00:10:40,630 --> 00:10:43,200 난 정말 있는지 그것을 확인하고 싶었 작업,하지만 난 생각했다 I 200 00:10:43,200 --> 00:10:44,830 멀리하지 않았다. 201 00:10:44,830 --> 00:10:48,600 >> 바로 여기 오는 머리,의 이러한 HTML 태그 안에, 우리는 알 202 00:10:48,600 --> 00:10:50,180 바로 박쥐 몇 가지. 203 00:10:50,180 --> 00:10:55,320 우리는 CSS 파일의 권한이 여기에 적절한 204 00:10:55,320 --> 00:10:57,600 CSS 파일의 위치입니다. 205 00:10:57,600 --> 00:11:02,080 우리는 바로 여기에 jQuery 라이브러리가 당신은 뭔가 다른 것을 알 수 있습니다 206 00:11:02,080 --> 00:11:03,470 이것에 대해. 207 00:11:03,470 --> 00:11:06,070 소스는 뭔가 정말, 정말 오래. 208 00:11:06,070 --> 00:11:07,500 ajax.googleapis.com/-- 209 00:11:07,500 --> 00:11:12,880 정렬은 URL처럼 보이지만 확실히 보이지 않는 210 00:11:12,880 --> 00:11:15,380 JS / jquery.js. 211 00:11:15,380 --> 00:11:20,280 >> 나는 결정하기 때문에 그건 그 I 다운로드하고 싶지 않아 212 00:11:20,280 --> 00:11:23,750 jQuery를이 파일 및 드래그 및 저장 내 라이브러리에있는 그것, 및 수 213 00:11:23,750 --> 00:11:25,150 그것에 대한 책임을지지 않습니다. 214 00:11:25,150 --> 00:11:31,040 오히려, 난 그냥 걸릴거야 자바 스크립트 파일이 구글의 호스트. 215 00:11:31,040 --> 00:11:34,880 그래서 구글은 실제로 다수의를 개최 라이브러리 및 jQuery를, 그것 하나 때문에 216 00:11:34,880 --> 00:11:36,930 가장 인기있는, 그것은 호스트 하나뿐. 217 00:11:36,930 --> 00:11:40,670 >> 그것을 호스팅하는 것 때문에, 난 몰라 그것에 대해 걱정해야하고 218 00:11:40,670 --> 00:11:43,520 그들은 그것을 갱신 않는 경우, 비록 갱신 아마이를 변경해야합니다 219 00:11:43,520 --> 00:11:44,640 여기 숫자. 220 00:11:44,640 --> 00:11:47,570 하지만 그건 그냥 내 전체 파일을 만들기 위해의 시스템을 좀 덜 청소. 221 00:11:47,570 --> 00:11:49,380 난 정말 호스팅 싫어 모든 파일. 222 00:11:49,380 --> 00:11:51,780 그것은 훨씬 더 멋진의 경우 구글 날을 개최한다. 223 00:11:51,780 --> 00:11:55,180 그래서 이것은, 다시 전체를 받고있다 자바 스크립트 파일,하지만 그냥하는 거예요 224 00:11:55,180 --> 00:11:59,920 구글 대신에 의해 호스팅되는 내 내 컴퓨터의 파일 시스템. 225 00:11:59,920 --> 00:12:05,490 >> 우리는 또한 내가 두 개 더 넣어 볼 파일 dolphins.js 및 trainer.js. 226 00:12:05,490 --> 00:12:07,070 우리는 두 번째에있는 사람들을 살펴 보겠습니다. 227 00:12:07,070 --> 00:12:10,550 그리고 마지막으로, 바로 여기에이 제목입니다. 228 00:12:10,550 --> 00:12:13,980 누가 내부에 어떤 코드 말해 줄 수 이 제목 태그, 위치 229 00:12:13,980 --> 00:12:18,316 그건 내 페이지에 간다? 230 00:12:18,316 --> 00:12:21,560 >> 청중 : 그 일이 마음에 드 셨나요 도구 모음 또는 무엇? 231 00:12:21,560 --> 00:12:23,500 >> 제이슨 허쉬 호른 : 네, 작은 탭 크롬 창 상단에. 232 00:12:23,500 --> 00:12:25,650 텍스트가가는 곳이다. 233 00:12:25,650 --> 00:12:28,680 >> 몸 안에, 당신이 할 수있는 여기에, 많은하지 물건을 참조하십시오. 234 00:12:28,680 --> 00:12:30,900 난 그냥 세의 div가있다. 235 00:12:30,900 --> 00:12:33,130 나는 그들에게 약간의 ID를주고, 난 들어 약간의 텍스트를 넣어 236 00:12:33,130 --> 00:12:37,350 하지만 우리가 할 이유가없는 것 같네요 여기에 무엇을 참조하십시오. 237 00:12:37,350 --> 00:12:39,350 사실, 우리는 돌고래 조련사 2K13를 참조하십시오. 238 00:12:39,350 --> 00:12:39,810 우리는 TODO를 참조하십시오. 239 00:12:39,810 --> 00:12:42,510 그에서 오는 어디 모르겠어요 나는 그 보이지 않을 때문이다. 240 00:12:42,510 --> 00:12:44,510 아마 그 중 하나의 내 자바 스크립트 파일. 241 00:12:44,510 --> 00:12:46,630 두번째로 우리는 그것을 확인합니다. 242 00:12:46,630 --> 00:12:50,120 >> 다른 사람이 나에게 무엇을 말할 수 이 ID는 바로 여기에 의미? 243 00:12:50,120 --> 00:12:54,890 244 00:12:54,890 --> 00:13:00,210 >> 청중 : 그것은 호출 방법 특정 [청취] 섹션 245 00:13:00,210 --> 00:13:00,440 파일? 246 00:13:00,440 --> 00:13:01,250 >> 제이슨 허쉬 호른 : 네. 247 00:13:01,250 --> 00:13:03,980 이 참조하는 단지 방법 이 특정 DIV. 248 00:13:03,980 --> 00:13:07,830 ID가 이상적으로 독특합니다. 249 00:13:07,830 --> 00:13:09,150 OK? 250 00:13:09,150 --> 00:13:10,050 장난이 아닌데. 251 00:13:10,050 --> 00:13:12,690 따라서, ID는 일반적으로 고유합니다. 252 00:13:12,690 --> 00:13:15,210 당신은 하나의 특정에 그들에게 코드의 요소입니다. 253 00:13:15,210 --> 00:13:18,040 254 00:13:18,040 --> 00:13:21,540 >> 나는 숫자를 참조 싶었던 경우 즉, CSS에 대한 여부 요소의 255 00:13:21,540 --> 00:13:23,350 스타일 또는 jQuery를? 256 00:13:23,350 --> 00:13:25,610 나는 그들에게 어떤 특성을 줄 수 있습니까? 257 00:13:25,610 --> 00:13:26,330 >> 청중 : 클래스. 258 00:13:26,330 --> 00:13:27,270 >> 제이슨 허쉬 호른 : 클래스, 정확하게. 259 00:13:27,270 --> 00:13:28,480 오른쪽. 260 00:13:28,480 --> 00:13:32,610 >> 좋아, 그럼 index.html을, 다시, 많은 일이 일어나고 없습니다. 261 00:13:32,610 --> 00:13:42,550 그래서 다른 파일을 열 수 있습니다. 262 00:13:42,550 --> 00:13:43,930 의 내가 무엇을 보자. 263 00:13:43,930 --> 00:13:44,700 그게 내가 여기있는 모든이다. 264 00:13:44,700 --> 00:13:48,455 의는 JS 폴더로 가자. 265 00:13:48,455 --> 00:13:51,570 나는 걱정하지 않을거야 지금의 CSS. 266 00:13:51,570 --> 00:13:55,268 의이 dolphins.js을 열어 보자. 267 00:13:55,268 --> 00:13:56,900 >> 죄송합니다. 268 00:13:56,900 --> 00:13:58,150 또는 오히려 - 269 00:13:58,150 --> 00:14:03,470 270 00:14:03,470 --> 00:14:03,860 OK. 271 00:14:03,860 --> 00:14:07,650 그래서, dolphins.js, 실제로 보이는 일부 코드를 당신에게 매우 유사 272 00:14:07,650 --> 00:14:10,210 문제에서 주어진 것은 여덟을 설정합니다. 273 00:14:10,210 --> 00:14:12,870 당신은 그것을 스크롤 할 수 있습니다. 274 00:14:12,870 --> 00:14:15,730 사람이 저에게 말할 수있는,하지만, 돌고래는 무엇인가? 275 00:14:15,730 --> 00:14:16,840 이 모두 대문자 돌고래? 276 00:14:16,840 --> 00:14:17,810 그것은 무엇입니까? 277 00:14:17,810 --> 00:14:19,810 그 어떤 종류의 데이터인가? 278 00:14:19,810 --> 00:14:20,570 >> 청중 : 배열입니다. 279 00:14:20,570 --> 00:14:22,560 >> 제이슨 허쉬 호른 : 그것은 배열입니다. 280 00:14:22,560 --> 00:14:25,280 그리고 우리는 배열을 알고 있기 때문에, 여기에 이​​러한 대괄호를 참조하십시오. 281 00:14:25,280 --> 00:14:29,335 그리고 다른 사람은 무엇을 그것의 배열? 282 00:14:29,335 --> 00:14:30,229 >> 대상 : 객체? 283 00:14:30,229 --> 00:14:32,900 >> 제이슨 허쉬 호른 : 그건 객체의 배열. 284 00:14:32,900 --> 00:14:33,740 그리고 당신은 그것을 볼 수 있습니다. 285 00:14:33,740 --> 00:14:35,996 어떻게 당신은 아는가 객체의 배열? 286 00:14:35,996 --> 00:14:41,105 >> 청중 : 당신이 대장이 있기 때문에 중괄호 부팅? 287 00:14:41,105 --> 00:14:41,700 >> 제이슨 허쉬 호른 : 오른쪽. 288 00:14:41,700 --> 00:14:44,760 그래서, 여기이 중괄호가 다음은 쉼표를 볼 수 있습니다 289 00:14:44,760 --> 00:14:47,830 다른 분리 이 배열에서 객체. 290 00:14:47,830 --> 00:14:52,040 그리고 각 개체 안에, 나는이 뭔가 콜론과 다른 뭔가. 291 00:14:52,040 --> 00:14:54,920 그리고 무슨 일이 일반적으로 첫 번째 부분입니다, 콜론의 좌측 것은? 292 00:14:54,920 --> 00:14:57,070 무슨라고? 293 00:14:57,070 --> 00:14:57,450 일반적으로? 294 00:14:57,450 --> 00:14:59,090 어떻게 우리가 참조해야합니까? 295 00:14:59,090 --> 00:15:00,335 >> 청중 : 인덱스? 296 00:15:00,335 --> 00:15:02,810 >> 제이슨 허쉬 호른 : 인덱스, 또는 아마 더 일반적으로, 키. 297 00:15:02,810 --> 00:15:04,750 그리고 오른쪽 흥분 면, 값. 298 00:15:04,750 --> 00:15:05,670 그래서 인덱스, 키. 299 00:15:05,670 --> 00:15:07,590 그러나 우리가 그 얘기를하는 경우, 우리는 일반적으로에 일을 의미 300 00:15:07,590 --> 00:15:08,770 왼쪽. 301 00:15:08,770 --> 00:15:11,450 >> 간단한 배열에서, 다시, 우리는 인덱스 0을했다. 302 00:15:11,450 --> 00:15:11,900 1. 303 00:15:11,900 --> 00:15:12,220 2. 304 00:15:12,220 --> 00:15:12,510 3. 305 00:15:12,510 --> 00:15:13,580 4. 306 00:15:13,580 --> 00:15:17,640 그리고 돌고래, 우리는, 돌고래 0을해야합니다 돌고래 1, 돌고래 2, 3 돌고래 307 00:15:17,640 --> 00:15:18,640 돌고래 4. 308 00:15:18,640 --> 00:15:24,900 우리는 또한이 개체 안에, 우리 일반적으로 물건을 참조하지 않습니다. 309 00:15:24,900 --> 00:15:29,460 아니면 우리는 단지이 객체 권한이있는 경우 여기에, 우리는 객체 0 말을하지 않을거야 310 00:15:29,460 --> 00:15:30,480 가공 대상물 (1)는,이 개체. 311 00:15:30,480 --> 00:15:35,460 우리는 개체 이름을 말하려고, 또는입니다 오브젝트 유형, 오브젝트의 길이, 등등. 312 00:15:35,460 --> 00:15:38,120 그리고 그것은 우리가 가치를 얻을 수 있습니다 방법 오른편. 313 00:15:38,120 --> 00:15:41,460 우리는 오브젝트 이름 상기 그렇다면, 예를 들어, 우리는이 문자열을 얻을 것입니다, 314 00:15:41,460 --> 00:15:43,200 "그레이스." 315 00:15:43,200 --> 00:15:47,510 >> 너희들은 나 돌고래를 말했을 정도로 단순히 개체의 배열입니다. 316 00:15:47,510 --> 00:15:49,875 그리고 당신은 모든 개체를 참조 이름, 타입, 속있다. 317 00:15:49,875 --> 00:15:51,920 즉, 제대로 발음? 318 00:15:51,920 --> 00:15:52,880 누군가? 319 00:15:52,880 --> 00:15:53,420 속? 320 00:15:53,420 --> 00:15:53,935 좋아요. 321 00:15:53,935 --> 00:15:55,465 >> 길이, 무게. 322 00:15:55,465 --> 00:15:56,620 즉, 제대로 발음? 323 00:15:56,620 --> 00:15:57,340 나는 그렇게 생각한다. 324 00:15:57,340 --> 00:16:01,870 그리고 사진, 단지 URL 온라인으로 일부 파일에. 325 00:16:01,870 --> 00:16:05,700 그리고 여기, 우리는 배열을 닫습니다, 바로 거기 매우 왼쪽 손에 326 00:16:05,700 --> 00:16:06,930 내 화면의 측면. 327 00:16:06,930 --> 00:16:08,543 그래서 모든 dolphins.js가 있습니다. 328 00:16:08,543 --> 00:16:17,310 329 00:16:17,310 --> 00:16:18,530 >> 오 이런. 330 00:16:18,530 --> 00:16:19,530 이렇게 설명합니다. 331 00:16:19,530 --> 00:16:20,930 나는 완성 된 거라고 생각 모든하지만 모양. 332 00:16:20,930 --> 00:16:22,840 모든 토 도스가 있습니다. 333 00:16:22,840 --> 00:16:25,500 OK, 희망을 우리가 할 수 함께 그 작업을 수행. 334 00:16:25,500 --> 00:16:27,540 우리가하기 전에, 먼저하자 즉, 단지를 통해 산책 335 00:16:27,540 --> 00:16:29,190 이 코드는 매우 빠르게. 336 00:16:29,190 --> 00:16:33,600 >> 내가 언급 그래서, 우리는 매우에 볼 나는에 있던이 줄을 시작 337 00:16:33,600 --> 00:16:36,030 슬라이드 (문서). 준비 (함수 (). 338 00:16:36,030 --> 00:16:38,710 그리고 본질적으로 무엇을 그에게 무슨 당신의 모든 때까지 기다리 않습니다 339 00:16:38,710 --> 00:16:42,690 페이지가로드, 그래서 때까지 기다려야 한 그것은 모든 배열, 모든 것이 좋은에의 340 00:16:42,690 --> 00:16:45,490 이동 한 다음 실행을 시작 이 코드. 341 00:16:45,490 --> 00:16:49,230 당신이 경우, 약간의 PHP를 실행하는 데 필요한 그렇다면 당신은 어떤 이미지를 얻을 필요 342 00:16:49,230 --> 00:16:53,280 그것이 무엇이든, 모든 코드가있다 설정하고 인덱스 페이지에 갈 준비 343 00:16:53,280 --> 00:16:56,270 또는 어떤 페이지가로드 된, 지금은 시작하는거야 344 00:16:56,270 --> 00:16:58,810 코드를 실행. 345 00:16:58,810 --> 00:17:02,020 >> 그래서 우리가 먼저입니다 우리는이 배열을 설정합니다. 346 00:17:02,020 --> 00:17:04,599 그리고 var 키워드가 없습니다 이 때문에는 무엇인가 347 00:17:04,599 --> 00:17:05,650 이 배열의 범위? 348 00:17:05,650 --> 00:17:06,530 >> 청중 : 그것은 지구입니다. 349 00:17:06,530 --> 00:17:09,730 >> 제이슨 허쉬 호른 : 그것은 세계, 그래서 ocean_array가 액세스 할 수 있습니다 350 00:17:09,730 --> 00:17:11,380 이 파일의 아무 곳. 351 00:17:11,380 --> 00:17:14,130 >> 그리고, 우리는 루프에 대해이 작업을 참조하십시오. 352 00:17:14,130 --> 00:17:18,930 그것은 foreach는 말을하지만,이되지 않습니다 기본적으로 foreach 루프입니다. 353 00:17:18,930 --> 00:17:24,010 그리고 이것은 단지 자바 스크립트의 버전입니다, 그래서 돌고래의 각 VAR 돌고래에 대한, 354 00:17:24,010 --> 00:17:25,780 데이터 유형을? 355 00:17:25,780 --> 00:17:30,260 에도 불구하고, 다시, 자바 스크립트는하지 않습니다 이 이러한 데이터 형식 자체, 어떤 356 00:17:30,260 --> 00:17:31,335 데이터 유형은 돌고래? 357 00:17:31,335 --> 00:17:32,460 >> 대상 : 객체. 358 00:17:32,460 --> 00:17:34,290 >> 제이슨 허쉬 호른 : 그것은 개체의. 359 00:17:34,290 --> 00:17:37,590 우리는 각 개체가 있어요 돌고래 배열. 360 00:17:37,590 --> 00:17:42,630 I가 깜빡처럼 그래서 여기에, 그것은 본다 이러한 돌고래를 모두 넣어 우리의 361 00:17:42,630 --> 00:17:46,300 거대한 돌고래로 생각 ocean_array, 그래서 우리는 아마해야 362 00:17:46,300 --> 00:17:47,410 그 첫 번째. 363 00:17:47,410 --> 00:17:50,880 >> 그리고, 무엇인가라는 이 풀의 변수입니다. 364 00:17:50,880 --> 00:17:52,490 나는 null로 설정하고 있습니다. 365 00:17:52,490 --> 00:17:55,080 그리고 나서이 함수를 호출 draw_ocean. 366 00:17:55,080 --> 00:17:56,580 나는 돌고래를 훈련 할 때의 사진은 클릭 - 367 00:17:56,580 --> 00:17:58,140 나는 그것을하지 않은 - 그리고 돌고래를 자유롭게 할 때 368 00:17:58,140 --> 00:17:59,530 버튼을 클릭합니다. 369 00:17:59,530 --> 00:18:01,550 >> 그래서이 내가해야 할 것들입니다. 370 00:18:01,550 --> 00:18:04,770 내가 당신에게 줄 것 같아요 내가 뭘하려고에 배경. 371 00:18:04,770 --> 00:18:08,930 우리는 여기에서 경우에 따라서, 내가 정말 원하는 배열 업처럼이 볼 수 372 00:18:08,930 --> 00:18:12,740 여기에, 오히려 "TODO"나는 말보다 로 본질적 테이블을 원했던 373 00:18:12,740 --> 00:18:14,750 모든 돌고래의 사진. 374 00:18:14,750 --> 00:18:18,150 그리고 당신은, 하나의 그림을 클릭하면 나는 그것을 내려 놓고 싶어 375 00:18:18,150 --> 00:18:21,320 아래 화면의 절반 제공 만약 그것의 모든 정보, 376 00:18:21,320 --> 00:18:24,170 그 풀의 돌고래 것, 당신이 훈련 된 돌고래. 377 00:18:24,170 --> 00:18:25,040 >> 그래서 정말 멋질 거라 생각 했어요. 378 00:18:25,040 --> 00:18:27,980 당신은 바다에서 모든 돌고래가 여기, 당신은 하나를 클릭, 379 00:18:27,980 --> 00:18:30,230 그리고 수영장으로 이동 한 것 당신은 그것을 훈련 할 수 있습니다. 380 00:18:30,230 --> 00:18:31,590 그래서 내가 뭘하려고합니다. 381 00:18:31,590 --> 00:18:33,890 그리고 여기 아래 버튼이있을 것 수영장에서, 당신은 클릭 수, 382 00:18:33,890 --> 00:18:36,950 같은 "자유"당신은 설정할 수 있습니다 무료 돌고래, 그리고 다시 갈 것 383 00:18:36,950 --> 00:18:38,030 바다에. 384 00:18:38,030 --> 00:18:40,390 >> 그래서 내가 만들려고했던거야, 그러나 다시, 당신의 도움이 필요 해요 385 00:18:40,390 --> 00:18:41,490 를 만들 수 있습니다. 386 00:18:41,490 --> 00:18:44,790 이러한 키워드 그래서 바라건대, 몇 가지 또는 이러한 용어의 일부가 시작됩니다 387 00:18:44,790 --> 00:18:47,890 맥락에서 지금 감각을 만들기 이 프로그램의. 388 00:18:47,890 --> 00:18:49,640 >> 이제이 파일을 통해 계속 찾아 보자. 389 00:18:49,640 --> 00:18:50,830 우리는이 기능 draw_ocean를 호출합니다. 390 00:18:50,830 --> 00:18:56,650 우리가 부르는 유일한 기능입니다 document.ready 섹션. 391 00:18:56,650 --> 00:19:01,600 그래서 우리는이 draw_ocean 함수를 호출하고, 이 문자열을 만듭니다 것 같습니다, 392 00:19:01,600 --> 00:19:03,010 변수, 여기. 393 00:19:03,010 --> 00:19:06,790 문자열 풋의 뭔가가 더 추가 문자열에 물건, 더 추가 394 00:19:06,790 --> 00:19:11,750 문자열의 물건과 다음 코드 줄. 395 00:19:11,750 --> 00:19:14,270 난 그 HTML 문자열을 출력 말한다. 396 00:19:14,270 --> 00:19:19,230 그리고 누군가가 나에게 설명 할 것을 이 코드 라인은 무엇입니까? 397 00:19:19,230 --> 00:19:21,800 글쎄, 우선, 무엇을 수행합니다 그 달러 기호 의미? 398 00:19:21,800 --> 00:19:26,550 399 00:19:26,550 --> 00:19:30,914 그것은 PHP 변수 아니지만, 어떤 그 달러 기호 의미합니까? 400 00:19:30,914 --> 00:19:34,680 >> 청중 :의 HTML ID에 링크 - 401 00:19:34,680 --> 00:19:37,220 는 HTML 코드로 연결 같아요? 402 00:19:37,220 --> 00:19:38,430 >> 제이슨 허쉬 호른 : 무엇에 대한 그 달러 기호? 403 00:19:38,430 --> 00:19:40,662 그 달러 기호는 무엇을 나타 냅니까? 404 00:19:40,662 --> 00:19:43,364 >> 청중 : 어떻게 든 HTML로 링크? 405 00:19:43,364 --> 00:19:46,630 >> 제이슨 허쉬 호른 : 우리는 어디에서 볼 수있다 이 달러는 자바 스크립트에 서명하기 전에? 406 00:19:46,630 --> 00:19:47,920 우리는 강의에서 그것을 보았다. 407 00:19:47,920 --> 00:19:48,360 우리는 그것에 대해 이야기했다. 408 00:19:48,360 --> 00:19:50,150 달러 기호는 무엇을 의미합니까? 409 00:19:50,150 --> 00:19:51,220 >> 청중 : jQuery를 함께 뭔가? 410 00:19:51,220 --> 00:19:52,380 >> 제이슨 허쉬 호른 : 맞아 맞아. 411 00:19:52,380 --> 00:19:54,270 이 jQuery를 함께 할 수있는 뭔가가. 412 00:19:54,270 --> 00:19:59,310 이 달러 기호는 내가 사용하고 의미 여기에 jQuery 라이브러리 기능. 413 00:19:59,310 --> 00:20:00,980 정확히 맞아. 414 00:20:00,980 --> 00:20:04,560 >> 그래서 우리는 달러 기호를 쓰고, 우리는이 열려있는 괄호를 닫을 415 00:20:04,560 --> 00:20:09,150 괄호, 그리고 어떤 일이 일어나는지,이 내부 내부가 당신을 사용하는 경우 416 00:20:09,150 --> 00:20:13,380 jQuery 라이브러리의 기능, 당신이있어 jQuery 라이브러리를 사용하여? 417 00:20:13,380 --> 00:20:14,690 다시 말하지만, 당신은 강의에서 이것을 보았다. 418 00:20:14,690 --> 00:20:16,840 누군가가 저를 줄 수있다 - 그리고 당신 또한 여기에 뭔가를 참조하십시오. 419 00:20:16,840 --> 00:20:18,090 무슨 일이 내부에 간다? 420 00:20:18,090 --> 00:20:22,220 421 00:20:22,220 --> 00:20:23,550 >> 제프, 나에게 생각을 준다. 422 00:20:23,550 --> 00:20:27,000 이것이 위의 바다, 보입니까? 423 00:20:27,000 --> 00:20:28,270 우리는 어디에서 그 전에 본 적 있어요? 424 00:20:28,270 --> 00:20:29,920 >> 청중 : 그것은 라이브러리 또는 무엇인가? 425 00:20:29,920 --> 00:20:30,720 난 아무 생각이 없다. 426 00:20:30,720 --> 00:20:36,420 >> 제이슨 허쉬 호른 : 음,하자 나 인덱스 점을 열 - 427 00:20:36,420 --> 00:20:37,710 아니, 잘못된 장소. 428 00:20:37,710 --> 00:20:44,220 429 00:20:44,220 --> 00:20:46,600 >> 그래서 우리는 우리가 뭔가를 참조 여기에 바다했다. 430 00:20:46,600 --> 00:20:50,870 우리는 어디에서 # 바다 해시를 보았다 바다, 구문 전에? 431 00:20:50,870 --> 00:20:53,490 432 00:20:53,490 --> 00:20:53,950 그래? 433 00:20:53,950 --> 00:20:55,190 >> 대상 : CSS? 434 00:20:55,190 --> 00:20:56,810 >> 제이슨 허쉬 호른 : CSS합니다. 435 00:20:56,810 --> 00:21:00,720 그래서 우리는 어떤 스타일을 원했다, 우리는 해시 태그의 CSS를 둘 것 기억 436 00:21:00,720 --> 00:21:05,360 선택, 또는 해시 바다, 예를 들어, 그리고 모든 서식 437 00:21:05,360 --> 00:21:09,270 우리는 물건을주고 싶었다 ID 바다에 우리가 안에 넣어. 438 00:21:09,270 --> 00:21:15,470 >> 그래서 내부 여기가 CSS 아니다 선택은 여기에 간다. 439 00:21:15,470 --> 00:21:17,630 jQuery를 자체를 정의 선택기의 유형입니다. 440 00:21:17,630 --> 00:21:21,650 그러나 실제로는 같은 생각, 그리고 그들 중 많은 CSS와 중복. 441 00:21:21,650 --> 00:21:24,710 당신이 열려있는 괄호 안의 그래서 선택, 그리고 무엇을 넣어 442 00:21:24,710 --> 00:21:28,670 선택기를 의미, 그 무엇 당신이 사용하는 것입니다. 443 00:21:28,670 --> 00:21:32,320 >> 따라서이 경우, 난 ID 바다를 선택. 444 00:21:32,320 --> 00:21:33,690 I 클래스가 있다면 - 445 00:21:33,690 --> 00:21:38,830 이 전 가지의 클래스가 있다고 가정 해 보자 "이미지"라는 난에 그 줄 446 00:21:38,830 --> 00:21:45,662 요소의 많은, 어떻게 참조 않는다 "이미지?"라는 물건의 종류 447 00:21:45,662 --> 00:21:47,110 >> 청중 : 나는 점이었다 생각합니다. 448 00:21:47,110 --> 00:21:48,140 >> 제이슨 허쉬 호른 : 점으로. 449 00:21:48,140 --> 00:21:50,830 대신 여기에 도트 이미지를 넣어,이 경우 그 날의 클래스를 줄 것입니다 450 00:21:50,830 --> 00:21:51,980 일이 "이미지"라고합니다. 451 00:21:51,980 --> 00:21:54,810 >> 물론, 이것은 매우 강력하며 당신은 많은 것들을 참조 할 수 있습니다. 452 00:21:54,810 --> 00:21:59,970 사실, 나는 기본적으로 참조 할 수있다 HTML의 모든 태그입니다. 453 00:21:59,970 --> 00:22:04,630 내가 할 싶어한다면, TD, 즉의 우리가 전에 본 적이 태그 할 때 454 00:22:04,630 --> 00:22:05,750 테이블을 생성. 455 00:22:05,750 --> 00:22:10,060 당신과 함께 아마 잘 알고 P에서 그 일곱을 설정합니다. 456 00:22:10,060 --> 00:22:12,470 이 경우, 실제로 일어나고 그들 모두를 선택합니다. 457 00:22:12,470 --> 00:22:14,920 그것은 나에게 배열을 줄 것 모든 TD 태그. 458 00:22:14,920 --> 00:22:16,760 그러나 조금 압도 얻을 수 있습니다, 그래서 이리저리 지금 우린 459 00:22:16,760 --> 00:22:19,390 단지에 충실 할 것 ID를 참조. 460 00:22:19,390 --> 00:22:23,510 >> 그래서이 무엇을, 다시,이다 즉,이 경우, 도착 - 461 00:22:23,510 --> 00:22:23,970 미안 해요. 462 00:22:23,970 --> 00:22:27,020 index.html을 보려면 여기를 이동합니다. 463 00:22:27,020 --> 00:22:33,510 그것은 오히려 바다 ID, 바다의 DIV, 그래서 이것의이 부분을 참조 464 00:22:33,510 --> 00:22:37,130 코드의 라인은 DIV를 가져옵니다. 465 00:22:37,130 --> 00:22:42,610 >> 그리고이 점은 내가 전화 의미 기능, 그리고 그 이름 466 00:22:42,610 --> 00:22:44,460 기능은 HTML입니다. 467 00:22:44,460 --> 00:22:48,725 너희들이보고 있다면 즉, 약자의 이전에, 달러 기호, 문서, 얻을 점 468 00:22:48,725 --> 00:22:52,200 ID에 의해 요소는 내부 HTML 점. 469 00:22:52,200 --> 00:22:54,350 이것은 단지 jQuery의 버전입니다. 470 00:22:54,350 --> 00:22:57,200 그래서 HTML 함수 다만 내부 HTML을 가져옵니다. 471 00:22:57,200 --> 00:22:58,920 해당 요소의. 472 00:22:58,920 --> 00:23:03,690 우리가 여기에서 보면 그래서 다시, 우리는거야 에 내부 HTML이 없기를 참조하십시오. 473 00:23:03,690 --> 00:23:07,990 내가 이런 짓을하면 그래서, 나는 것 HTML을 얻는 것을 시도 될 수있다. 474 00:23:07,990 --> 00:23:10,390 나는 이것을 입력 할 때, 난 HTML 설정. 475 00:23:10,390 --> 00:23:13,110 그래서 문자열로이 기능을 전달하고있어, 내가 만든 캐릭터 476 00:23:13,110 --> 00:23:18,560 여기에, 그리고 그 둘 말하 바다 사업부 내부. 477 00:23:18,560 --> 00:23:18,980 그래? 478 00:23:18,980 --> 00:23:21,550 >> 청중 : 당신이 얻을 때 HTML, 그냥 있어요 479 00:23:21,550 --> 00:23:22,972 복사를 마우스 오른쪽 경우? 480 00:23:22,972 --> 00:23:25,070 당신은 그것을 제거 아닙니다. 481 00:23:25,070 --> 00:23:25,710 >> 제이슨 허쉬 호른 : 오른쪽. 482 00:23:25,710 --> 00:23:28,640 내가 이런 짓을하고 싶었다면 VAR이 내용을 저장합니다 - 483 00:23:28,640 --> 00:23:31,120 죄송합니다. 484 00:23:31,120 --> 00:23:34,840 즉, 모든 정보가를 얻을 것 거기 다른에 저장 485 00:23:34,840 --> 00:23:35,800 변수, 그것의 복사본을 만듭니다. 486 00:23:35,800 --> 00:23:36,384 >> 청중 : OK. 487 00:23:36,384 --> 00:23:37,634 알았어요. 488 00:23:37,634 --> 00:23:39,900 489 00:23:39,900 --> 00:23:43,860 >> 제이슨 허쉬 호른 : 그래서 우리는 몇 가지를 만들었습니다 HTML은, 문자열이 저장합니다. 490 00:23:43,860 --> 00:23:44,590 우리는 좀 더 많은 저장합니다. 491 00:23:44,590 --> 00:23:47,720 여기에 해당 TODO 문자열을 참조하십시오. 492 00:23:47,720 --> 00:23:51,300 우리가 어디 그래서 아마 시에서 해당 TODO를 받고 493 00:23:51,300 --> 00:23:52,730 우리는 우리의 페이지로 이동합니다. 494 00:23:52,730 --> 00:23:56,610 실제로, 내가 바로 TODO를 클릭하면, 요소를 검사, 우리는 이야기 495 00:23:56,610 --> 00:23:57,240 이 지난 주. 496 00:23:57,240 --> 00:24:02,400 즉, 우리가 HTML을 볼 수 방법 페이지의 구조. 497 00:24:02,400 --> 00:24:03,980 >> 당신은 여기 저기에 알 수 있습니다 - 498 00:24:03,980 --> 00:24:05,230 의도이 조금 더 큰 만들어 보자 - 499 00:24:05,230 --> 00:24:08,060 500 00:24:08,060 --> 00:24:11,390 우리는 바로 여기에 우리의 사업부 ID 바다가있다. 501 00:24:11,390 --> 00:24:14,390 모두 코드 줄을 참조하십시오? 502 00:24:14,390 --> 00:24:16,330 그리고 그것은 우리에게 유형의 index.html 파일에. 503 00:24:16,330 --> 00:24:18,880 504 00:24:18,880 --> 00:24:30,430 >> 그 안에, 우리는이 지금 참조 코드 테이블 라인. 505 00:24:30,430 --> 00:24:34,800 그리고 코드의 테이블 라인은 무엇인가 그것은 우리가 단지에 삽입 된 코드의 506 00:24:34,800 --> 00:24:35,770 이 요소. 507 00:24:35,770 --> 00:24:39,650 그리고 우리는 내부를 들여다 보면되지, 우리 결코 형식화 된 COLGROUP과 TBODY. 508 00:24:39,650 --> 00:24:42,330 즉 우리를 위해 추가되었으므로 우리는 몇 가지 멋진 물건을했다. 509 00:24:42,330 --> 00:24:47,590 하지만 당신은 그럴 필요가있어 알 수 있습니다, TODO와 TD가있다. 510 00:24:47,590 --> 00:24:50,680 >> 또, 같은 해 보인다 우리가 여기에 쓴 코드입니다. 511 00:24:50,680 --> 00:24:52,300 그건 정확히이 라인은하고 있었다. 512 00:24:52,300 --> 00:24:56,940 그것은 우리의 HTML 문자열을 복용하고 있었다 이 안에 넣는 것은 바로 여기에 div에. 513 00:24:56,940 --> 00:24:59,010 그것은 처음에 아무 상관이있다. 514 00:24:59,010 --> 00:25:01,660 이 페이지가로드됩니다. 515 00:25:01,660 --> 00:25:03,160 달러 기호, document.ready. 516 00:25:03,160 --> 00:25:04,490 이 실행이 시작됩니다. 517 00:25:04,490 --> 00:25:08,010 우리는 draw_ocean 함수를 호출하고, 우리가 가지고 draw_ocean 함수 내 518 00:25:08,010 --> 00:25:10,010 이 HTML과 그 DIV 안에 넣어. 519 00:25:10,010 --> 00:25:12,860 520 00:25:12,860 --> 00:25:14,230 >> 우린 그냥 갔다 바로 거기에 많은. 521 00:25:14,230 --> 00:25:16,270 아무도 질문이 있습니까 에 대해? 522 00:25:16,270 --> 00:25:19,050 523 00:25:19,050 --> 00:25:21,110 아니면 어떻게 그 작품, 또는 jQuery를? 524 00:25:21,110 --> 00:25:25,190 때문에 당신이 이해한다면 그 다음, jQuery를 희망 와야한다 525 00:25:25,190 --> 00:25:25,760 상대적으로 쉽다. 526 00:25:25,760 --> 00:25:26,780 그래? 527 00:25:26,780 --> 00:25:29,370 >> 청중 : 당신은 내부에 있었다 무엇 출력 HTML에서 괄호 528 00:25:29,370 --> 00:25:32,150 문자열, 즉의 이름입니다 HTML 변수 당신 529 00:25:32,150 --> 00:25:32,815 이전에 선언 한? 530 00:25:32,815 --> 00:25:33,890 >> 제이슨 허쉬 호른 : 여기에이 권리? 531 00:25:33,890 --> 00:25:34,440 >> 청중 : 예 532 00:25:34,440 --> 00:25:34,720 >> 제이슨 허쉬 호른 : 예. 533 00:25:34,720 --> 00:25:36,600 청중 : 그래서 당신은 명명 된 더라면 다른 것, 즉 다른 것을 534 00:25:36,600 --> 00:25:37,590 여기에 둘 것 것이었다. 535 00:25:37,590 --> 00:25:38,335 >> 제이슨 허쉬 호른 : 맞아 맞아. 536 00:25:38,335 --> 00:25:39,740 그리고 좋은 지적이야. 537 00:25:39,740 --> 00:25:42,600 이 때문에 약간의 혼란 나는 HTML, HTML이있다. 538 00:25:42,600 --> 00:25:46,930 여기에이 내부의 이름 내 변수, 그리고 바로이 부​​분입니다 539 00:25:46,930 --> 00:25:48,680 JQuery와 함수의 이름입니다. 540 00:25:48,680 --> 00:25:52,090 >> 청중 :하지만 jQuery를 위해서는 작동하는 기능, 당신은 그것을 제공해야 541 00:25:52,090 --> 00:25:53,295 일부 HTML 입력? 542 00:25:53,295 --> 00:25:55,030 >> 제이슨 허쉬 호른 : 그렇지. 543 00:25:55,030 --> 00:25:56,530 또는 당신은 그것을 문자열을 제공해야합니다. 544 00:25:56,530 --> 00:26:00,840 그것은 내부에 해당 문자열을 넣어 것입니다 DIV 또는 무엇 이건. 545 00:26:00,840 --> 00:26:01,670 이것은 단지 문자열입니다. 546 00:26:01,670 --> 00:26:05,590 이것이 HTML 알고,하지만하지 않습니다 분명히 할 목적에 포맷 547 00:26:05,590 --> 00:26:07,770 유효한 HTML. 548 00:26:07,770 --> 00:26:08,760 그 질문에 대답합니까? 549 00:26:08,760 --> 00:26:09,480 >> 청중 : 네. 550 00:26:09,480 --> 00:26:10,120 >> 제이슨 허쉬 호른 : OK. 551 00:26:10,120 --> 00:26:10,590 그래? 552 00:26:10,590 --> 00:26:14,380 >> 청중 : 어떤 경우 불리는 바다 버튼이나 뭔가? 553 00:26:14,380 --> 00:26:16,250 . HTML은 무엇을 할 것인가? 554 00:26:16,250 --> 00:26:18,086 그에게 변경됩니다 버튼의 텍스트? 555 00:26:18,086 --> 00:26:23,610 >> 제이슨 허쉬 호른 : 그래서 질문 그것은 무엇 버튼이라고하면? 556 00:26:23,610 --> 00:26:25,970 그것은 내부가 변경됩니다 뭔가의 HTML. 557 00:26:25,970 --> 00:26:29,250 그래서 열린 태그와 가까이있는 경우 태그, 그 사이에 뭔가를 넣어 것입니다 558 00:26:29,250 --> 00:26:30,610 열고 닫는 태그입니다. 559 00:26:30,610 --> 00:26:33,280 개폐 더는 존재하지 않는 경우는 태그, 그것은 아무것도하지 않습니다. 560 00:26:33,280 --> 00:26:35,040 >> 청중 : 그것은 말 그대로 사본의 그리고 일의 김 정렬? 561 00:26:35,040 --> 00:26:35,732 >> 제이슨 허쉬 호른 : 네. 562 00:26:35,732 --> 00:26:39,175 그것은 복사 및 붙여 넣기의에서 무언가를 나는 그것을 통과 어떤 변수 563 00:26:39,175 --> 00:26:41,410 문자열 나는​​ 그 안에 전달 열고 닫는 태그. 564 00:26:41,410 --> 00:26:44,460 565 00:26:44,460 --> 00:26:45,270 >> 여기서 아래로 살펴 보자. 566 00:26:45,270 --> 00:26:48,950 오 이런. draw_pool하지 않았다 거기 아무것도. 567 00:26:48,950 --> 00:26:50,580 그게 안됐다. 568 00:26:50,580 --> 00:26:51,640 와우, 기차. 569 00:26:51,640 --> 00:26:54,290 OK, 그 외에 다른 순전히. 570 00:26:54,290 --> 00:26:56,652 >> 그래서이 시작하자, 그리고 의이를 해결 할 수 있습니다. 571 00:26:56,652 --> 00:27:01,780 나는 모든 사람의 필요 하겠어 이 작업이 완료 얻을하는 데 도움이됩니다. 572 00:27:01,780 --> 00:27:04,030 실제로 많은 줄은 없습니다 코드, 나는 쓰기, 생각합니다. 573 00:27:04,030 --> 00:27:07,270 나는 몇 년 전에 이런 짓을 생각한다 2K12 버전, 거기에 574 00:27:07,270 --> 00:27:08,880 많은 선 안된다 코드를 작성해야. 575 00:27:08,880 --> 00:27:09,230 그 코드를 삭제할 필요가 없습니다. 576 00:27:09,230 --> 00:27:10,920 난 그냥 그것을 저장해야합니다. 577 00:27:10,920 --> 00:27:11,900 아, 미친. 578 00:27:11,900 --> 00:27:14,170 >> 어쨌든, 지금 당장 시작하자. 579 00:27:14,170 --> 00:27:18,850 그래서 나는이 배열에있어, 또는 나는이에있어 라인, 그리고 내 ocean_array있다. 580 00:27:18,850 --> 00:27:24,110 그리고이 모든 것을두고 싶은, 이 파일에서, 내에 모든 것을 581 00:27:24,110 --> 00:27:25,170 ocean_array. 582 00:27:25,170 --> 00:27:27,390 그래서 내가 어떻게 모든 것을 취할 수 거기에, 그리고에 넣어 583 00:27:27,390 --> 00:27:27,630 ocean_array? 584 00:27:27,630 --> 00:27:29,390 이 한 줄의 코드입니다. 585 00:27:29,390 --> 00:27:32,530 누가 나에게 그 코드의 라인 또는 제공 할 수 있습니다 말해, 어떤 생각이 무엇인지 그 라인이 586 00:27:32,530 --> 00:27:33,755 코드로해야합니까? 587 00:27:33,755 --> 00:27:36,350 왜 우리는 여기에서 시작되지 않습니다, 그리고, 우리는거야 방 주위를 계속 이동 588 00:27:36,350 --> 00:27:37,410 질문에 대한 답변. 589 00:27:37,410 --> 00:27:37,780 커트? 590 00:27:37,780 --> 00:27:38,890 먼저 무엇입니까? 591 00:27:38,890 --> 00:27:41,165 >> 청중 : Ocean_array, 브래킷, 돌고래. 592 00:27:41,165 --> 00:27:47,120 593 00:27:47,120 --> 00:27:50,380 돌고래, 브라켓, 돌고래 같음? 594 00:27:50,380 --> 00:27:52,265 자본 모두를 가진 돌고래. 595 00:27:52,265 --> 00:27:57,590 596 00:27:57,590 --> 00:27:58,210 >> 제이슨 허쉬 호른 : OK. 597 00:27:58,210 --> 00:28:00,250 의 구문을 살펴 보겠습니다. 598 00:28:00,250 --> 00:28:04,260 바로 여기,이 foreach 루프처럼, 그래서 실제로 많이하고 있어요 599 00:28:04,260 --> 00:28:05,180 우리를 위해 일. 600 00:28:05,180 --> 00:28:07,220 그리고 돌고래 개체입니다. 601 00:28:07,220 --> 00:28:09,790 그래서 우리는 뭔가를 작성할 필요가 없습니다 돌고래, 돌고래, 때문에 같은 602 00:28:09,790 --> 00:28:12,480 돌고래 자체이며 내가 원하는 것을 반대합니다. 603 00:28:12,480 --> 00:28:13,495 그것은 인덱스 아니다. 604 00:28:13,495 --> 00:28:14,510 그 의미가 있습니까? 605 00:28:14,510 --> 00:28:15,830 >> 청중 : 네. 606 00:28:15,830 --> 00:28:18,870 >> 제이슨 허쉬 호른 : 어떻게 당신이 코드 변경을 제안? 607 00:28:18,870 --> 00:28:23,110 608 00:28:23,110 --> 00:28:24,360 우리가 알고있는 경우에 우리는 인덱스를 부여거야? 609 00:28:24,360 --> 00:28:33,969 610 00:28:33,969 --> 00:28:35,240 >> 아, 죄송합니다. 611 00:28:35,240 --> 00:28:36,100 당신은 좋은거야. 612 00:28:36,100 --> 00:28:41,180 하지만 어떻게 - 613 00:28:41,180 --> 00:28:43,740 나에게 다른 질문을 할 수 있습니다. 614 00:28:43,740 --> 00:28:46,485 우리가 원하는 경우 - 615 00:28:46,485 --> 00:28:47,400 의 사실이 기록 할 수 있습니다. 616 00:28:47,400 --> 00:28:48,170 마음 마십시오. 617 00:28:48,170 --> 00:28:49,080 우리는이를 작성하는 것입니다. 618 00:28:49,080 --> 00:28:49,910 잘 됐네. 619 00:28:49,910 --> 00:28:50,440 미안 해요. 620 00:28:50,440 --> 00:28:52,790 난 그냥 아주가 혼란했다. 621 00:28:52,790 --> 00:28:55,910 >> 의 지금은 저기를 떠나게하고, 우리는 돌고래를 훈련에 돌아올 것이다, 622 00:28:55,910 --> 00:28:56,480 돌고래를 설정. 623 00:28:56,480 --> 00:28:59,840 그냥 먼저이 그림 바다를 해결하자 기능, 우리는에 돌아올거야 624 00:28:59,840 --> 00:29:00,930 커트이. 625 00:29:00,930 --> 00:29:03,490 그러나 지금까지 너무 좋아. 626 00:29:03,490 --> 00:29:06,290 >> 의이 draw_ocean 내부를 살펴 보자. 627 00:29:06,290 --> 00:29:09,500 문제로 보이는 라인이 있습니다 돌고래에서의 "사진을 저장 628 00:29:09,500 --> 00:29:13,320 HTML 문자열에있는 바다. "그리고 바로 지금, 단지 TODO 같은 I,하지만 629 00:29:13,320 --> 00:29:17,230 정말 돌고래를 넣을 바다에서 사진. 630 00:29:17,230 --> 00:29:21,780 그래서, 노아, 당신은 생각합니까 내가 가장 먼저 할 일은? 631 00:29:21,780 --> 00:29:24,570 나는 전체를 통과하려면 배열의 첫 번째 것입니다 632 00:29:24,570 --> 00:29:25,270 내가해야 할 일은? 633 00:29:25,270 --> 00:29:26,713 >> 청중 : 우리는 필요 루프를 만들 수 있습니다. 634 00:29:26,713 --> 00:29:27,610 >> 제이슨 허쉬 호른 : 루프. 635 00:29:27,610 --> 00:29:29,740 그리고 무엇을해야한다고 루프처럼? 636 00:29:29,740 --> 00:29:30,990 >> 청중 : 용 - 637 00:29:30,990 --> 00:29:36,660 638 00:29:36,660 --> 00:29:40,940 우리는 각각의 돌고래를 통해 갈 필요가 바다의 배열. 639 00:29:40,940 --> 00:29:47,093 Var의 돌고래에 대한 그래서 - 640 00:29:47,093 --> 00:29:48,830 당신이 바다의 배열을 쓸 수 있는가? 641 00:29:48,830 --> 00:29:56,200 642 00:29:56,200 --> 00:29:57,450 >> 제이슨 허쉬 호른 : 그 마음에 드 셨나요? 643 00:29:57,450 --> 00:30:00,654 644 00:30:00,654 --> 00:30:04,495 >> 청중 : 아마 맞다. 645 00:30:04,495 --> 00:30:06,280 >> 제이슨 허쉬 호른 :의를 해두 지금은, 그 때 우리는거야 그 646 00:30:06,280 --> 00:30:07,060 다시 돌아올. 647 00:30:07,060 --> 00:30:09,055 그리고 당신은 책임이 될 것입니다 그 라인. 648 00:30:09,055 --> 00:30:11,260 그래서 루프로있다. 649 00:30:11,260 --> 00:30:12,560 마이클, 당신은 지금입니다. 650 00:30:12,560 --> 00:30:15,896 내가 지금해야합니까? 651 00:30:15,896 --> 00:30:23,045 >> 청중 : 당신은 걸릴 것 돌고래의 사진을 저장할 수 있습니다. 652 00:30:23,045 --> 00:30:25,830 >> 제이슨 허쉬 호른 : 어디 그게 저장됩니까? 653 00:30:25,830 --> 00:30:28,318 >> 청중 : 돌고래 배열? 654 00:30:28,318 --> 00:30:33,298 655 00:30:33,298 --> 00:30:36,650 >> 제이슨 허쉬 호른 : 지금 혼란스러워 도 무슨 일이 일어나고 있는지에 대해. 656 00:30:36,650 --> 00:30:38,380 의 우리가 디버깅을 할 수있는 방법을 알아 보자 이, 그 때 나는 갈 게요 657 00:30:38,380 --> 00:30:40,700 OK, 당신 등을 맞댄? 658 00:30:40,700 --> 00:30:43,920 의 상응하는 무엇입니까 자바 스크립트 printf가? 659 00:30:43,920 --> 00:30:44,813 애니? 660 00:30:44,813 --> 00:30:47,315 >> 청중 : 그것은 쓰기 문서의? 661 00:30:47,315 --> 00:30:50,020 >> 제이슨 허쉬 호른 : 또는 어떻게 내가 뭔가를 참조하십시오 662 00:30:50,020 --> 00:30:51,200 바닥에 내려 콘솔? 663 00:30:51,200 --> 00:30:51,940 >> 청중 : CONSOLE.LOG. 664 00:30:51,940 --> 00:30:53,870 >> 제이슨 허쉬 호른 : CONSOLE.LOG, 정확히. 665 00:30:53,870 --> 00:30:59,810 그럼 CONSOLE.LOG하자 및하자 그냥 OK에서 "돌고래"를 넣어? 666 00:30:59,810 --> 00:31:02,710 이 작동하는 경우에 이상적으로, 우리는 갈거야 이 -의 다시 해당 파일에 보자 667 00:31:02,710 --> 00:31:06,030 dolphins.js, 여섯 돌고래가 있었다 그래서 얻을해야하는 6 또는 뭔가 668 00:31:06,030 --> 00:31:08,180 희망에 프린트 콘솔, 오른쪽? 669 00:31:08,180 --> 00:31:11,850 우리가 지금까지 잘 잡히는 곳 이니까 우리 여기까지 커트 라인을했다, 그리고 우리 670 00:31:11,850 --> 00:31:14,630 노아의 루프를했다, 우리는이가 라인, 그렇게 잘하면 우리는 확인해야하는 6 671 00:31:14,630 --> 00:31:16,120 콘솔에 인쇄 된 것들. 672 00:31:16,120 --> 00:31:22,032 그래서 여기 가자, 열 수 있도록 우리의 콘솔 페이지를 새로 고칩니다. 673 00:31:22,032 --> 00:31:27,290 >> OK, 그래서 같습니다 우리는 여섯 인덱스를 보았다. 674 00:31:27,290 --> 00:31:28,390 제로, 하나, 둘, 셋, 4 ~ 5, 그래. 675 00:31:28,390 --> 00:31:30,486 >> 청중 : 어떻게 당신을받을 수 있나요 당신의 내부 해당 페이지 - 676 00:31:30,486 --> 00:31:32,260 >> 제이슨 허쉬 호른 : 어떻게받을 수 있나요 여기까지이 일에? 677 00:31:32,260 --> 00:31:35,830 >> 청중 : 아니, 크롬 페이지 내부 [청취]기구. 678 00:31:35,830 --> 00:31:36,892 우리가를 참조하거나 할 수 없습니다? 679 00:31:36,892 --> 00:31:38,220 >> 제이슨 허쉬 호른이 크롬 여기 페이지? 680 00:31:38,220 --> 00:31:38,490 >> 청중 : 네. 681 00:31:38,490 --> 00:31:43,180 >> 제이슨 허쉬 호른 : 그래서 그냥 같은 P 세트 여덟, 나는 크롬 창에게 연 682 00:31:43,180 --> 00:31:46,410 내 바탕 화면에, 내 매킨토시 데스크톱. 683 00:31:46,410 --> 00:31:51,980 그리고 당신은 최대 여기에이 URL을 통지하는 경우 이 IP와 일치하는 왼쪽, 684 00:31:51,980 --> 00:31:54,630 여기에 아래 주소. 685 00:31:54,630 --> 00:31:58,000 그래서이 작업을 수행하는,하지만 시작 문제의 설정 스펙을 안내합니다 686 00:31:58,000 --> 00:31:59,860 바로이 작업을 수행하는 방법을 통해. 687 00:31:59,860 --> 00:32:02,650 하지만 난 그냥 그 대신 다음과 의 셔틀 코드, 난 그냥 한 688 00:32:02,650 --> 00:32:04,070 우리 자신의 코드입니다. 689 00:32:04,070 --> 00:32:05,970 >> 좋은 점은 우리가 또한 할 수있다 ocean_array 검사합니다. 690 00:32:05,970 --> 00:32:09,530 691 00:32:09,530 --> 00:32:13,080 ocean_array이 같은 그래서 보인다 여섯 개체의 배열 및 692 00:32:13,080 --> 00:32:14,570 의 각 하나를 열 수 있습니다. 693 00:32:14,570 --> 00:32:15,950 붐! 694 00:32:15,950 --> 00:32:16,580 한. 695 00:32:16,580 --> 00:32:19,920 >> 같은 커트, 그것은 보이는 당신의 코드를 완벽하게 일했다. 696 00:32:19,920 --> 00:32:23,510 모든 것이 ocean_array 시작 했어요. 697 00:32:23,510 --> 00:32:24,995 나는 이전에 잘못 말한 때문입니다. 698 00:32:24,995 --> 00:32:26,570 하지만 그래, 멋진 일. 699 00:32:26,570 --> 00:32:30,330 ocean_array는 정확하고, 그것은 본다 지금처럼 우리는 돌고래 것을 볼 700 00:32:30,330 --> 00:32:35,400 0-5 수가 있으므로 보였다 배열의 인덱스 등을들 수있다. 701 00:32:35,400 --> 00:32:37,510 그래서 지식, 마이클, 주어진 우리는 지금 무엇을해야 하는가? 702 00:32:37,510 --> 00:32:43,080 703 00:32:43,080 --> 00:32:43,870 큰 소리로 생각합니다. 704 00:32:43,870 --> 00:32:45,600 우리가 원하는 일이 무엇입니까? 705 00:32:45,600 --> 00:32:51,260 >> 청중 : 우리가하고 싶어 각 돌고래에 대한 JPEG. 706 00:32:51,260 --> 00:32:51,800 >> 제이슨 허쉬 호른 : OK. 707 00:32:51,800 --> 00:32:53,206 어떻게 우리가 참조 할 수 있습니다 - 708 00:32:53,206 --> 00:32:54,760 우리가 어떻게 JPEG를받을 수 있나요? 709 00:32:54,760 --> 00:33:01,172 710 00:33:01,172 --> 00:33:03,726 어디서부터 시작합니까? 711 00:33:03,726 --> 00:33:05,390 모두가 어디에 저장됩니까? 712 00:33:05,390 --> 00:33:07,610 >> 청중 : ocean_array에서? 713 00:33:07,610 --> 00:33:08,320 >> 제이슨 허쉬 호른 : OK. 714 00:33:08,320 --> 00:33:11,450 >> 청중 : 그래서 ocean_array, 돌고래 - 715 00:33:11,450 --> 00:33:16,392 716 00:33:16,392 --> 00:33:19,280 >> 제이슨 허쉬 호른 : 우리는 어떻게 할 안에 뭔가를 얻을 수 - 717 00:33:19,280 --> 00:33:20,860 그래서 이것은 우리에게 해당 개체를 제공합니다. 718 00:33:20,860 --> 00:33:22,770 그리고 우리는 전에 본 적이 구 조를 가진. 719 00:33:22,770 --> 00:33:26,710 그래서 표기의 종류 우리가 사용해야합니까? 720 00:33:26,710 --> 00:33:28,450 >> 청중 : 그것은 점 것입니다. 721 00:33:28,450 --> 00:33:29,400 >> 제이슨 허쉬 호른 : 점. 722 00:33:29,400 --> 00:33:30,960 그리고 어떤 분야? 723 00:33:30,960 --> 00:33:31,510 >> 대상 : 사진? 724 00:33:31,510 --> 00:33:33,816 아니면 그 필드 아니다 - 725 00:33:33,816 --> 00:33:37,400 >> 제이슨 허쉬 호른 : 그것은 무엇입니까 dolphins.js에서 호출? 726 00:33:37,400 --> 00:33:38,270 그리고 당신은 볼 수 있습니다 참조하십시오. 727 00:33:38,270 --> 00:33:38,970 우리는 단지 여기에 다시 갈 수 있습니다. 728 00:33:38,970 --> 00:33:40,700 우리는 ocean_array 볼 수 있습니다 우리는 그것을 탐색 할 수 있습니다. 729 00:33:40,700 --> 00:33:41,380 이 뭐였죠? 730 00:33:41,380 --> 00:33:42,287 >> 대상 : 유형. 731 00:33:42,287 --> 00:33:43,688 기다립니다. 732 00:33:43,688 --> 00:33:44,155 사진? 733 00:33:44,155 --> 00:33:45,560 나는 사진을 밝혔다. 734 00:33:45,560 --> 00:33:46,370 >> 제이슨 허쉬 호른 : 그림. 735 00:33:46,370 --> 00:33:47,610 오른쪽. 736 00:33:47,610 --> 00:33:49,510 당신이 알고있는 것처럼 소리가 나지 않은 것을 당신은하지만,에 대해 얘기했다. 737 00:33:49,510 --> 00:33:50,630 그것은 더 많은 추측 같은 소리. 738 00:33:50,630 --> 00:33:53,700 그래서 그림, 줄 것입니다 그 때문에 우리 사진의 URL. 739 00:33:53,700 --> 00:33:54,720 제프, 당신은 질문이? 740 00:33:54,720 --> 00:33:57,375 >> 청중 : 네, 무엇을 얻을 수 없습니다 당신은 당신의 크롬에이 741 00:33:57,375 --> 00:33:59,320 내 컴퓨터의 브라우저. 742 00:33:59,320 --> 00:34:05,915 난 그냥 "포착되지 않은 참조를 가져 오류, 콘솔은 정의되어 있지 않습니다. " 743 00:34:05,915 --> 00:34:07,780 >> 제이슨 허쉬 호른 : 당신은했습니다 모든 설정? 744 00:34:07,780 --> 00:34:10,090 >> 청중 : 글쎄, 내 생각 I 당신이 모든 것을 한 745 00:34:10,090 --> 00:34:11,800 큰 화면에서했다. 746 00:34:11,800 --> 00:34:13,510 >> 제이슨 허쉬 호른 : 그리고 당신 모든 파일을 chmodded? 747 00:34:13,510 --> 00:34:16,343 그리고 당신은 통과 않았다 전체 설치? 748 00:34:16,343 --> 00:34:17,600 >> 청중 : 내가 다시를 시도 할 것이다. 749 00:34:17,600 --> 00:34:18,300 >> 제이슨 허쉬 호른 : OK. 750 00:34:18,300 --> 00:34:20,630 나는 스킵 그에서 많은 시작,하지만 당신은을 통해 갈 필요가 751 00:34:20,630 --> 00:34:22,199 에서 단지 등 전체 설치 문제 세트 사양의 시작. 752 00:34:22,199 --> 00:34:24,770 chmod를 모든 것을 확인이 안으로의 확인 753 00:34:24,770 --> 00:34:26,360 >> 청중 : 나는 갈 것이다 그것을 재확인. 754 00:34:26,360 --> 00:34:28,655 내가 한 짓을 생각했지만, 나는 검사를 두 배로됩니다. 755 00:34:28,655 --> 00:34:30,270 >> 제이슨 허쉬 호른 : 그래서,이 보인다 같은 그것은 우리에게 줄 것이다 756 00:34:30,270 --> 00:34:30,960 문자열과 그림. 757 00:34:30,960 --> 00:34:31,370 좋아요. 758 00:34:31,370 --> 00:34:32,760 우리는 그림의 URL이 있습니다. 759 00:34:32,760 --> 00:34:35,320 우리가 어떻게 지금에 넣어 않는다 - 760 00:34:35,320 --> 00:34:38,030 우리가 작성하는 경우 어떤 일이 발생 그냥이, 마이클? 761 00:34:38,030 --> 00:34:40,150 >> 청중 : 그것은 단지 그림을 가져옵니다. 762 00:34:40,150 --> 00:34:41,420 그것은 사실이 표시되지 않습니다. 763 00:34:41,420 --> 00:34:42,840 >> 제이슨 허쉬 호른 :하자 무슨 일이 일어 나는지. 764 00:34:42,840 --> 00:34:43,514 우리는을 절약 할 수 있습니다. 765 00:34:43,514 --> 00:34:44,780 우리는 여기에서 실행됩니다. 766 00:34:44,780 --> 00:34:49,460 767 00:34:49,460 --> 00:34:50,510 우리가 아무것도하지 않는 것 같습니다. 768 00:34:50,510 --> 00:34:56,179 나는이 테이블을 탐색하는 경우, 그것은 내부처럼 보이는 - 769 00:34:56,179 --> 00:34:58,170 난 아무것도하지 않는처럼, 그래 보인다. 770 00:34:58,170 --> 00:34:59,963 >> 청중 : 우리가해야합니까 - 771 00:34:59,963 --> 00:35:05,225 772 00:35:05,225 --> 00:35:07,270 >> 제이슨 허쉬 호른 :이 문자열입니다, 바로 여기에이 코드. 773 00:35:07,270 --> 00:35:08,615 나는이 문자열을 넣을 위치를 원하는가? 774 00:35:08,615 --> 00:35:11,250 775 00:35:11,250 --> 00:35:16,000 >> 청중 : 당신이 원하는 바다에 넣어? 776 00:35:16,000 --> 00:35:16,040 >> 제이슨 허쉬 호른 : OK. 777 00:35:16,040 --> 00:35:19,230 그리고 여기 아래 끈을 걸었습니다 바다에 HTML했다. 778 00:35:19,230 --> 00:35:26,350 >> 청중 : 그래서 달러가 될 것입니다 기호, 바다, HTML [들림]. 779 00:35:26,350 --> 00:35:27,985 >> 제이슨 허쉬 호른 : 그 것 바로 거기에 넣어. 780 00:35:27,985 --> 00:35:29,440 하지만 제가에 추가하려면 - 781 00:35:29,440 --> 00:35:30,740 이미 오른쪽 문자열을 만드는거야? 782 00:35:30,740 --> 00:35:33,740 바다에 넣으려면, 무엇의 그 캐릭터의 이름은? 783 00:35:33,740 --> 00:35:34,610 >> 청중 : HTML. 784 00:35:34,610 --> 00:35:35,250 >> 제이슨 허쉬 호른 : HTML. 785 00:35:35,250 --> 00:35:36,355 그래서 나는 다음 씁니까? 786 00:35:36,355 --> 00:35:37,310 >> 청중 : 같음, 같음. 787 00:35:37,310 --> 00:35:38,990 아니면 그냥 같다? 788 00:35:38,990 --> 00:35:41,170 >> 제이슨 허쉬 호른 : 어떤 것 내가 같음을 작성하는 경우 발생? 789 00:35:41,170 --> 00:35:45,940 790 00:35:45,940 --> 00:35:49,222 >> 청중 : 그 설정하지 않음 동일 -하거나하지 않습니다 - 791 00:35:49,222 --> 00:35:51,744 792 00:35:51,744 --> 00:35:53,016 >> 대상 : 지정? 793 00:35:53,016 --> 00:35:55,680 >> 제이슨 허쉬 호른 : 그것은 할당됩니다, 하지만이 모든 것을 일어날 것입니다 794 00:35:55,680 --> 00:35:56,565 그이 전에 그것을에 저장된? 795 00:35:56,565 --> 00:35:57,570 >> 청중 : 그것은 제거됩니다. 796 00:35:57,570 --> 00:35:58,660 >> 제이슨 허쉬 호른 : 그것은 제거됩니다. 797 00:35:58,660 --> 00:35:59,993 어떻게 내가이 말에 추가 할 수 있습니까? 798 00:35:59,993 --> 00:36:02,836 799 00:36:02,836 --> 00:36:04,120 난 그냥 복사합니다 - 800 00:36:04,120 --> 00:36:04,530 >> 청중 : 플러스 같습니다. 801 00:36:04,530 --> 00:36:06,260 >> 제이슨 허쉬 호른 : 플러스 완벽 같습니다. 802 00:36:06,260 --> 00:36:07,120 그게 바로 그렇습니다. 803 00:36:07,120 --> 00:36:08,380 그래서 지금의이가 무엇을 확인 할 수 있습니다. 804 00:36:08,380 --> 00:36:12,500 805 00:36:12,500 --> 00:36:12,760 붐! 806 00:36:12,760 --> 00:36:14,580 오 이런. 807 00:36:14,580 --> 00:36:16,580 즉, 텍스트의 많은 단지입니다. 808 00:36:16,580 --> 00:36:17,580 OK. 809 00:36:17,580 --> 00:36:20,640 >> 우리가 많이 가지고있는 것 그래서 보인다 텍스트로,하지만 좋아요. 810 00:36:20,640 --> 00:36:21,750 너희들은 수행 한 - 811 00:36:21,750 --> 00:36:23,160 나는이 어려운 것을 알고,이 새로운 기능입니다. 812 00:36:23,160 --> 00:36:24,970 지금까지 사람의 세 가지 환상적인 했어요. 813 00:36:24,970 --> 00:36:26,600 >> OK, 당신은 다음입니다. 814 00:36:26,600 --> 00:36:27,960 우리는 다음에 무엇을해야합니까? 815 00:36:27,960 --> 00:36:29,830 우리는 분명히 그것을 원하지 않아요 그냥 문자열을 재생합니다. 816 00:36:29,830 --> 00:36:30,120 그래? 817 00:36:30,120 --> 00:36:30,690 >> 청중 : 난 그냥 질문이 있습니다. 818 00:36:30,690 --> 00:36:35,410 당신이 ocean_array 할 때, 알고 돌고래, 괄호,하지 819 00:36:35,410 --> 00:36:37,550 연관처럼 돌고래 자체 배열? 820 00:36:37,550 --> 00:36:38,230 >> 제이슨 허쉬 호른 : 내가 잘못 말한. 821 00:36:38,230 --> 00:36:41,515 돌고래 인덱스입니다. 822 00:36:41,515 --> 00:36:44,280 >> 청중 :하지만 VAR는 아니다 바다에서 돌고래 - 823 00:36:44,280 --> 00:36:49,540 당신이 처음으로로드 할 때 내 말은, 물론, 돌고래의 VAR 돌고래가 아닌 824 00:36:49,540 --> 00:36:51,950 그 연관 배열을 돌고래? 825 00:36:51,950 --> 00:36:52,970 >> 제이슨 허쉬 호른이 돌고래? 826 00:36:52,970 --> 00:36:53,650 >> 청중 : 네. 827 00:36:53,650 --> 00:36:54,230 >> 제이슨 허쉬 호른 : 호 828 00:36:54,230 --> 00:36:56,366 이 돌고래의 인덱스입니다. 829 00:36:56,366 --> 00:36:57,950 >> 청중 : OK. 830 00:36:57,950 --> 00:36:59,320 그래서 돌고래 변수는 무엇입니까? 831 00:36:59,320 --> 00:37:02,610 나는있는 돌고래 키 같은 의미 연관 배열? 832 00:37:02,610 --> 00:37:04,150 >> 제이슨 허쉬 호른 : 바로 여기? 833 00:37:04,150 --> 00:37:05,075 마찬가지로, dolphin.name? 834 00:37:05,075 --> 00:37:10,440 >> 청중 : 네,이 돌고래 점 등 - 835 00:37:10,440 --> 00:37:13,090 같은 의미 돌고래되지 각각의 객체가 될 수? 836 00:37:13,090 --> 00:37:15,580 >> 청중 : 네, 그건 나는 그렇게 생각. 837 00:37:15,580 --> 00:37:19,985 >> 청중 : 나는 돌고래처럼 생각 돌고래의 연관 배열. 838 00:37:19,985 --> 00:37:22,240 여섯 연관이 있기 때문 돌고래의 배열, 오른쪽? 839 00:37:22,240 --> 00:37:24,050 >> 제이슨 허쉬 호른 : 오른쪽. 840 00:37:24,050 --> 00:37:26,790 우리는이 작성한 방법 지금은 아니다. 841 00:37:26,790 --> 00:37:29,300 >> 청중 : 왜입니까? 842 00:37:29,300 --> 00:37:36,690 >> 제이슨 허쉬 호른 : 우리는 그렇게하고, 수 jQuery를 기능이 실제로있다 843 00:37:36,690 --> 00:37:39,660 라고. 제공 각각 각 일 당신. 844 00:37:39,660 --> 00:37:41,670 그러나이 구문은 아니다 - 845 00:37:41,670 --> 00:37:44,130 나는 이전에 잘못 말한 -이 구문을 즉 지수 없습니다. 846 00:37:44,130 --> 00:37:45,780 이것은 단지 우리에게 인덱스를주고있다. 847 00:37:45,780 --> 00:37:48,490 하지만 당신은 달러 기호를 할 수 있습니다. 각각, 어떤 jQuery를 기능입니다. 848 00:37:48,490 --> 00:37:51,730 즉, 각을 줄 것 연관 배열입니다. 849 00:37:51,730 --> 00:37:52,930 그래서를 확인하세요. 850 00:37:52,930 --> 00:37:55,205 그러나이 모든 코드 설명. 851 00:37:55,205 --> 00:37:59,020 >> 청중 : 루프 그래서 첫 번째, I 그이 6 번 반복 것 같아요 852 00:37:59,020 --> 00:37:59,765 당신은 여섯 인덱스를 가지고 있기 때문에. 853 00:37:59,765 --> 00:38:02,550 그리고 두 번째 for 루프, 그에게 반복되지 854 00:38:02,550 --> 00:38:03,880 시간의 같은 양? 855 00:38:03,880 --> 00:38:04,540 >> 제이슨 허쉬 호른 : 네. 856 00:38:04,540 --> 00:38:07,920 >> 청중 : 그래서 아니 정말 거기에 - 우리 루프에 대한 첫 번째를 쓸 수 857 00:38:07,920 --> 00:38:09,700 다시, 그것은 일 것입니다. 858 00:38:09,700 --> 00:38:11,265 돌고래처럼, VAR 돌고래? 859 00:38:11,265 --> 00:38:13,400 >> 제이슨 허쉬 호른 : 네,하지만 우린 지금 ocean_array를 사용하여. 860 00:38:13,400 --> 00:38:18,010 우리는에 모든 것을 이동했습니다 ocean_array 때문에 우리가 이제까지 싶은 말 861 00:38:18,010 --> 00:38:23,970 dolphins.js에서 무엇을 변경하거나하는 경우 우리는 ocean_array 조작 할 862 00:38:23,970 --> 00:38:27,140 나중에, 우리가 조작하지 않으 돌고래 변수. 863 00:38:27,140 --> 00:38:29,940 우리는 그것의 복사본을 조작하려면, 때문에 우리는 뭔가를 먹고 싶어 864 00:38:29,940 --> 00:38:31,740 중,이 방법은 우리가 그저 안전 할 것. 865 00:38:31,740 --> 00:38:32,820 이해가 될까요. 866 00:38:32,820 --> 00:38:33,085 >> 청중 : 네. 867 00:38:33,085 --> 00:38:34,390 >> 제이슨 허쉬 호른 : OK. 868 00:38:34,390 --> 00:38:39,830 그래서, 카를로스, 어떻게이 문자열을 가지고 간다 대신 그 이미지를 만들 및 얻을 869 00:38:39,830 --> 00:38:40,860 실제 이미지? 870 00:38:40,860 --> 00:38:42,260 당신은 이전에이 코드를 참조했습니다. 871 00:38:42,260 --> 00:38:45,541 나는 페이지의 이미지를 포함하는 방법?에게 872 00:38:45,541 --> 00:38:51,400 >> 청중 : 그것은 우리가 한 일이다 그 HTML 플러스는 테 호출 대시 동일 873 00:38:51,400 --> 00:38:53,344 폭은, 그녀는 그것을 삭제? 874 00:38:53,344 --> 00:38:56,068 >> 제이슨 허쉬 호른이 여기 물건? 875 00:38:56,068 --> 00:38:57,036 >> 청중 : 네. 876 00:38:57,036 --> 00:38:57,520 의 종류. 877 00:38:57,520 --> 00:38:58,900 >> 제이슨 허쉬 호른 :하지 걱정. 878 00:38:58,900 --> 00:39:00,520 그건 그냥 HTML 문자열을 시작합니다. 879 00:39:00,520 --> 00:39:03,980 나는의 이미지를 포함 할 경우 내 HTML 웹 페이지, 나는 어떤 태그를 사용합니까? 880 00:39:03,980 --> 00:39:06,210 >> 청중 : 나는 기억하지 않는다. 881 00:39:06,210 --> 00:39:07,050 >> 제이슨 허쉬 호른 : OK. 882 00:39:07,050 --> 00:39:08,343 아비가 그를 도와? 883 00:39:08,343 --> 00:39:10,985 >> 청중 : 그것은 앵커겠습니까, HREF, 그리고 당신은 그것을 연결? 884 00:39:10,985 --> 00:39:12,790 >> 제이슨 허쉬 호른 : 그래서 앵커로. 885 00:39:12,790 --> 00:39:14,790 >> 청중 : 당신은 할 필요가 없습니다 바로,하지만, 그것을 연결? 886 00:39:14,790 --> 00:39:17,370 >> 제이슨 허쉬 호른 : 어떤 경우에는 그냥 이미지를 만들려면? 887 00:39:17,370 --> 00:39:24,640 >> AUDIENCE : 그러므로 IMG 한 것 SRC는 문자열이 무엇이든 동일? 888 00:39:24,640 --> 00:39:27,400 >> 제이슨 허쉬 호른 : OK, 그래서 맞아, IMG이다. 889 00:39:27,400 --> 00:39:28,635 카를로스, 당신은거야 여기에서 그것을 가지고. 890 00:39:28,635 --> 00:39:32,760 IMG는 "이미지"를 의미하고 SRC 스탠드 "소스."의 그리고 당신은 그것을 줄 필요가 891 00:39:32,760 --> 00:39:35,200 URL 또는 일부 - 892 00:39:35,200 --> 00:39:35,940 심지어 URL. 893 00:39:35,940 --> 00:39:39,040 일부 위치 곳 이미지가 저장됩니다. 894 00:39:39,040 --> 00:39:46,490 그래서 나는 그 날을 얻을 것을 알고 이미지는, 이제 어떻게이 모든 것을 넣을까요 895 00:39:46,490 --> 00:39:49,310 함께 생각? 896 00:39:49,310 --> 00:39:51,920 내가 해결해야 할 몇 가지 구문이 있습니다. 897 00:39:51,920 --> 00:39:54,632 정확히 내가 필요합니까 카를로스을 입력합니다? 898 00:39:54,632 --> 00:39:56,862 >> 청중 : 내가 무엇을 얻을하지 않습니다 당신이해야 할 노력 중입니다. 899 00:39:56,862 --> 00:40:00,185 그래서 당신은 모든을 넣어 위해 노력하고 테이블에 이미지? 900 00:40:00,185 --> 00:40:04,790 >> 제이슨 허쉬 호른 : 우리는 표시 할 페이지의 모든 이미지. 901 00:40:04,790 --> 00:40:12,000 그리고 우리는 코드 오른쪽의 방법이 줄을 보았다 우리의 HTML 문자열을 여기에 추가 문자열 902 00:40:12,000 --> 00:40:13,275 이 같은 그들을 인쇄. 903 00:40:13,275 --> 00:40:17,990 904 00:40:17,990 --> 00:40:21,830 우리는 대신에 이미지를 표시 할. 905 00:40:21,830 --> 00:40:25,780 그리고 우리는 우리에게 말했다, 마루를 실현 이 코드 줄 - 906 00:40:25,780 --> 00:40:26,750 그래서 바로 여기가 보자. 907 00:40:26,750 --> 00:40:31,745 우리가 가서 탐험, 우리는거야 HTML로이 작업을 편집 할 수 있습니다. 908 00:40:31,745 --> 00:40:35,110 909 00:40:35,110 --> 00:40:54,270 마루 말했다, 우리는 이런 종류의 작업을 수행하는 경우 구문, 우리는 이미지를 얻을. 910 00:40:54,270 --> 00:40:57,810 911 00:40:57,810 --> 00:40:59,400 그래서 의미가 무엇입니까? 912 00:40:59,400 --> 00:41:02,650 913 00:41:02,650 --> 00:41:05,630 >> 이 문자열의 유형입니다 우리 정말 바다 안에 넣을 914 00:41:05,630 --> 00:41:09,080 다이빙, 단순히 텍스트 자체. 915 00:41:09,080 --> 00:41:12,080 >> 청중 : [청취] 916 00:41:12,080 --> 00:41:12,940 >> 제이슨 허쉬 호른 : 죄송합니다? 917 00:41:12,940 --> 00:41:16,240 >> 청중 : 당신은 복사 할 수 없습니다 Kianna 준 하나, 918 00:41:16,240 --> 00:41:17,810 그에 넣어 - 919 00:41:17,810 --> 00:41:19,570 >> 제이슨 허쉬 호른이 복사, 그리고 바로 여기 넣어? 920 00:41:19,570 --> 00:41:20,820 >> 청중 : 네. 921 00:41:20,820 --> 00:41:23,354 922 00:41:23,354 --> 00:41:25,813 >> 제이슨 허쉬 호른 : 그건 가까이 있지만, 거기에이 하나의 문제는, 그리고 923 00:41:25,813 --> 00:41:27,063 그게 뭐야? 924 00:41:27,063 --> 00:41:30,920 925 00:41:30,920 --> 00:41:36,370 HTML 문자열, 우리는 필요 여기에 문자열을 추가합니다. 926 00:41:36,370 --> 00:41:37,855 >> 청중 : 그럼 당신이 그것을 넣어 - 아니. 927 00:41:37,855 --> 00:41:40,860 >> 제이슨 허쉬 호른 : 그리고 우리는 3가 - 바로이 문자열이 아닙니다. 928 00:41:40,860 --> 00:41:42,921 어떻게 우리가 문자열해야합니까? 929 00:41:42,921 --> 00:41:45,474 어떻게 당신은 항상해야합니까 문자열 무엇인가? 930 00:41:45,474 --> 00:41:47,242 >> 청중 : 몰라요. 931 00:41:47,242 --> 00:41:49,570 >> 제이슨 허쉬 호른 : 나는 텍스트가있는 경우, 어떻게 내가 문자열해야합니까? 932 00:41:49,570 --> 00:41:51,615 여기이 선에 여기까지 좋아? 933 00:41:51,615 --> 00:41:54,160 >> 청중 : 테이블에 넣어? 934 00:41:54,160 --> 00:41:56,450 >> 제이슨 허쉬 호른 : 무엇에 대해? 935 00:41:56,450 --> 00:41:57,290 >> 청중 : 견적. 936 00:41:57,290 --> 00:41:58,670 >> 제이슨 허쉬 호른 : 두 배 따옴표, 오른쪽? 937 00:41:58,670 --> 00:42:00,860 따옴표는 무언가를 만드는 문자열. 938 00:42:00,860 --> 00:42:03,720 그래서, 문자열 것을 만든다 이것은 문자열입니다. 939 00:42:03,720 --> 00:42:05,990 어떻게 두 개의 문자열을 배치해야합니까 함께 자바에있는? 940 00:42:05,990 --> 00:42:06,842 >> 청중 : 점. 941 00:42:06,842 --> 00:42:07,960 >> 제이슨 허쉬 호른 : 점하지 않습니다. 942 00:42:07,960 --> 00:42:10,462 즉, PHP입니다. 943 00:42:10,462 --> 00:42:11,358 >> 청중 : 플러스. 944 00:42:11,358 --> 00:42:13,200 >> 제이슨 허쉬 호른 : 플러스, 정확 해. 945 00:42:13,200 --> 00:42:15,900 당신이 무슨 다음 그래서 플러스, 및 여기에 할 것을 제안? 946 00:42:15,900 --> 00:42:20,900 947 00:42:20,900 --> 00:42:22,400 >> 청중 : 또 다른 견적. 948 00:42:22,400 --> 00:42:24,100 >> 제이슨 허쉬 호른 : 또 다른 인용, OK. 949 00:42:24,100 --> 00:42:32,300 950 00:42:32,300 --> 00:42:34,322 어떻게 문자열을 종료합니까? 951 00:42:34,322 --> 00:42:35,660 >> 청중 : 또 다른 견적. 952 00:42:35,660 --> 00:42:36,180 >> 제이슨 허쉬 호른 : 또 다른 견적. 953 00:42:36,180 --> 00:42:38,740 그리고 내가 어떻게이 문자열을 배치해야합니까 함께이 문자열? 954 00:42:38,740 --> 00:42:39,810 플러스. 955 00:42:39,810 --> 00:42:40,630 그게 바로 그렇습니다. 956 00:42:40,630 --> 00:42:41,540 당신은 우리를 위해 이런 짓을. 957 00:42:41,540 --> 00:42:42,590 이것은 완벽하다. 958 00:42:42,590 --> 00:42:46,320 >> 그래서 지금의이 렌더링 할 수 있습니다. 959 00:42:46,320 --> 00:42:49,050 그리고, 보라, 우리는 전체를 가지고있어 이미지의 무리. 960 00:42:49,050 --> 00:42:49,860 오, 이런. 961 00:42:49,860 --> 00:42:50,770 사람들은 무섭다. 962 00:42:50,770 --> 00:42:51,720 우리는 탐험거야 두 번째에있는 그들. 963 00:42:51,720 --> 00:42:52,010 그래, 노아? 964 00:42:52,010 --> 00:42:54,520 >> 청중 : 난 정말하지 않습니다 알고 문제,하지만 당신은 당신을 닫아야합니다 965 00:42:54,520 --> 00:42:56,005 이미지 태그 요소? 966 00:42:56,005 --> 00:42:58,250 >> 제이슨 허쉬 호른 : 우리는 할 수, 경우 우리가 원하는, 우리의 이미지를 닫습니다 967 00:42:58,250 --> 00:43:02,284 그냥 같은 태그입니다. 968 00:43:02,284 --> 00:43:04,719 의 그 렌더링 할 수 있습니다. 969 00:43:04,719 --> 00:43:06,330 에, 아니, 우리는 할 수 없습니다. 970 00:43:06,330 --> 00:43:07,580 >> 청중 : 오, 나는 그것을 끊었다. 971 00:43:07,580 --> 00:43:09,090 >> 제이슨 허쉬 호른 :이 생각 하지만, 검증입니다. 972 00:43:09,090 --> 00:43:12,380 나는 당신이 필요로 생각하지 않습니다 닫는 슬래시. 973 00:43:12,380 --> 00:43:13,490 OK, 이것은 좋은 것입니다. 974 00:43:13,490 --> 00:43:14,150 카를로스, 감사합니다. 975 00:43:14,150 --> 00:43:16,270 지금까지 너희들의 네 굉장한 일을했다. 976 00:43:16,270 --> 00:43:19,650 >> 당신이 볼 수있는 물론, 우린 테이블 경사의 일부 유형을 작성. 977 00:43:19,650 --> 00:43:21,490 그리고 나는이 일을 할 테이블에 있어야합니다. 978 00:43:21,490 --> 00:43:24,970 그래서 어떻게 이러한 배치해야합니까 테이블의 일? 979 00:43:24,970 --> 00:43:27,020 나는 분명히 좀 더 HTML이 필요합니다. 980 00:43:27,020 --> 00:43:28,680 아삼, 나는 HTML의 어떤 종류의 실종? 981 00:43:28,680 --> 00:43:32,388 982 00:43:32,388 --> 00:43:33,370 >> 청중 : 당신이 할 죄송합니다,하고 싶어? 983 00:43:33,370 --> 00:43:37,430 >> 제이슨 허쉬 호른 : 나는 모두를 넣을 테이블의 이러한 이미지, 각각의 이미지 984 00:43:37,430 --> 00:43:41,020 테이블의 하나의 컬럼에 있어야합니다. 985 00:43:41,020 --> 00:43:42,480 어떻게이 하나의 열 말할 수 있습니까? 986 00:43:42,480 --> 00:43:45,090 987 00:43:45,090 --> 00:43:46,010 당신은 이전에이 코드를 본 적이있다. 988 00:43:46,010 --> 00:43:46,910 이것은 P에서 일곱을 설정합니다. 989 00:43:46,910 --> 00:43:48,870 >> 청중 : 나는 하나의 기억은 그럴 필요했다? 990 00:43:48,870 --> 00:43:50,120 >> 제이슨 허쉬 호른 : 그럴 필요는 행입니다. 991 00:43:50,120 --> 00:43:53,904 992 00:43:53,904 --> 00:43:56,430 >> 청중 : 난을 모르는 내 마음 만 확인 할 수 있습니다. 993 00:43:56,430 --> 00:43:57,140 >> 제이슨 허쉬 호른 : 만족 누군가가 기억 나? 994 00:43:57,140 --> 00:43:57,870 >> 청중 : TD? 995 00:43:57,870 --> 00:44:01,250 >> 제이슨 허쉬 호른 : TD, 정확 해. TD는 열로 저장합니다. 996 00:44:01,250 --> 00:44:03,150 내가 거기에 TD를 넣어 그렇다면, 아삼, 내가 어떤 내용을 포함해야합니까? 997 00:44:03,150 --> 00:44:04,600 내가 추가 할 다른 무엇이 필요합니까? 998 00:44:04,600 --> 00:44:05,620 >> 청중 : 당신은 그것을 닫아야? 999 00:44:05,620 --> 00:44:06,240 >> 제이슨 허쉬 호른 : 그렇지. 1000 00:44:06,240 --> 00:44:07,490 어디에 가서 무엇입니까? 1001 00:44:07,490 --> 00:44:09,747 1002 00:44:09,747 --> 00:44:11,090 >> 청중 : 바로 거기? 1003 00:44:11,090 --> 00:44:11,970 >> 제이슨 허쉬 호른 : 바로 여기? 1004 00:44:11,970 --> 00:44:13,850 >> 청중 : 난 그렇게 생각합니다. 1005 00:44:13,850 --> 00:44:17,104 1006 00:44:17,104 --> 00:44:18,600 >> 제이슨 허쉬 호른이 무엇입니까 여기 폐쇄? 1007 00:44:18,600 --> 00:44:19,340 이 무엇입니까? 1008 00:44:19,340 --> 00:44:20,320 즉, 블루 것은? 1009 00:44:20,320 --> 00:44:21,280 >> 청중 : 그 이미지입니다. 1010 00:44:21,280 --> 00:44:22,100 그것은 후에 가야한다, 나는 생각한다. 1011 00:44:22,100 --> 00:44:24,770 >> 제이슨 허쉬 호른 : OK, 정확 해. 1012 00:44:24,770 --> 00:44:26,020 그래서이 무슨 짓을했는지 보자. 1013 00:44:26,020 --> 00:44:29,110 1014 00:44:29,110 --> 00:44:30,960 아, 어색합니다. 1015 00:44:30,960 --> 00:44:35,780 1016 00:44:35,780 --> 00:44:39,470 이제 바다, 테이블을 열어 보자, 테이블 본체, TR. 1017 00:44:39,470 --> 00:44:44,410 그래서 우리는 톤을 가지고 있지만, I 이미지를 볼 수 없습니다. 1018 00:44:44,410 --> 00:44:45,110 이상 하네. 1019 00:44:45,110 --> 00:44:48,360 그것은 그것을 내장처럼 보이지만 나에게 이미지를 보여주지 않았다. 1020 00:44:48,360 --> 00:44:50,425 어떤 아이디어 왜 그런 경우가 될 수 있는가? 1021 00:44:50,425 --> 00:44:56,910 1022 00:44:56,910 --> 00:44:59,140 어떤 생각을? 1023 00:44:59,140 --> 00:45:01,550 >> 청중 : 당신은 스크롤하면 아래로, 당신이 그들을 볼 수 있습니다. 1024 00:45:01,550 --> 00:45:02,430 >> 제이슨 허쉬 호른 : 붐! 1025 00:45:02,430 --> 00:45:06,130 그래서 그들은 거기,하지만 이상해 그들은 거기 모든 방법입니다. 1026 00:45:06,130 --> 00:45:07,670 >> 독자 : 그들은 행에있는 모든도입니다. 1027 00:45:07,670 --> 00:45:11,280 >> 제이슨 허쉬 호른 : 그리고 그들은 모든이야 행, 그들은 모두 서로 다른 크기입니다. 1028 00:45:11,280 --> 00:45:14,440 그래서 아삼, 나에게 코드를 한 번 더 라인을 제공 나는 모든 이미지를 만들 수 있다면 1029 00:45:14,440 --> 00:45:17,420 난 것 같은 같은 크기, 그것은 보인다 이미 크기 나 표시 1030 00:45:17,420 --> 00:45:18,440 그들이되고 싶어. 1031 00:45:18,440 --> 00:45:20,025 어떻게 각각의 이미지를 만들 수 있습니다 동일한 크기? 1032 00:45:20,025 --> 00:45:22,978 1033 00:45:22,978 --> 00:45:24,540 추측을 제공합니다. 1034 00:45:24,540 --> 00:45:35,290 1035 00:45:35,290 --> 00:45:36,595 >> 어떤 코드 행에 대해? 1036 00:45:36,595 --> 00:45:41,345 1037 00:45:41,345 --> 00:45:43,650 >> 청중 : 당신은 만들 수있다 일정한 마음에 드 셨나요? 1038 00:45:43,650 --> 00:45:46,740 >> 제이슨 허쉬 호른 : 위치 또는 다른입니다 내가 코드 줄을 둘 수 있었다 배치 1039 00:45:46,740 --> 00:45:47,740 난 그냥 복사하면?에게 1040 00:45:47,740 --> 00:45:49,280 >> 대상 : 모든 방법을 아래로 같은 라인에? 1041 00:45:49,280 --> 00:45:52,000 >> 제이슨 허쉬 호른 : 좋아, 만들어 보자 그것은 여기에 정확히 맞아. 1042 00:45:52,000 --> 00:45:54,320 그리고 지금의이 어떻게되는지 보자. 1043 00:45:54,320 --> 00:45:56,030 이런, 이런! 1044 00:45:56,030 --> 00:46:00,290 우리가지기 시작하는 것처럼 지금은 보인다 무언가, 그것은 그들이 같다 1045 00:46:00,290 --> 00:46:06,950 모든 종류의 표에 맞 우리는 각 TD으로 구성했습니다. 1046 00:46:06,950 --> 00:46:10,195 >> 또한, 아삼,의는 내가 좋아하는 말을하자 자신의 조금 더 할 수있는 높이 - 1047 00:46:10,195 --> 00:46:12,700 1048 00:46:12,700 --> 00:46:19,260 높이의 일이 나를 밀어 내고, 그렇게된다 나는 그들의 높이로 설정해야하는지? 1049 00:46:19,260 --> 00:46:20,210 어떤 번호를 선택합니다. 1050 00:46:20,210 --> 00:46:20,860 >> 청중 : 200? 1051 00:46:20,860 --> 00:46:21,000 >> 제이슨 허쉬 호른 : 200. 1052 00:46:21,000 --> 00:46:22,380 나는 100를 선택하는거야. 1053 00:46:22,380 --> 00:46:22,940 잘 됐네. 1054 00:46:22,940 --> 00:46:25,540 정말 200처럼하십시오. 1055 00:46:25,540 --> 00:46:26,140 우리가 간다! 1056 00:46:26,140 --> 00:46:31,830 OK, 지금이 조금 보이기 시작 더 나은 조금 더 조직. 1057 00:46:31,830 --> 00:46:35,020 1058 00:46:35,020 --> 00:46:38,170 >> 우리가 필요에 대한 다른 생각 돌고래의 사진을 저장할 수 있습니까? 1059 00:46:38,170 --> 00:46:38,530 그래? 1060 00:46:38,530 --> 00:46:42,810 >> 청중 : 따옴표, 또는 하나가되어 의 값 따옴표, 1061 00:46:42,810 --> 00:46:45,015 소스, 높이, 폭, 사람들은 선택 사항입니다? 1062 00:46:45,015 --> 00:46:46,710 >> 제이슨 허쉬 호른 : 어디 따옴표는? 1063 00:46:46,710 --> 00:46:50,340 >> 청중 : 예제의 일부처럼, 당신은 높이와 같은 거라고 1064 00:46:50,340 --> 00:46:53,050 인용 "(150)."와 동일 인가 필요는 없다. 1065 00:46:53,050 --> 00:46:54,510 >> 제이슨 허쉬 호른 : 그래서하자 여기에 아래로 본다. 1066 00:46:54,510 --> 00:47:04,120 우리는 바다를 클릭하면 테이블로 이동 실제로 이곳을 알 수 있습니다 1067 00:47:04,120 --> 00:47:05,540 저를 위해 따옴표를 추가했습니다. 1068 00:47:05,540 --> 00:47:08,310 >> 청중 : OK. 1069 00:47:08,310 --> 00:47:12,080 >> 제이슨 허쉬 호른 : 그래서 저는 깨달았는지 우리가하고있는이 고통스럽게 느린. 1070 00:47:12,080 --> 00:47:14,950 우리는 세 줄의 코드를 작성했습니다 지금까지 또는 4 줄의 코드 만 1071 00:47:14,950 --> 00:47:18,130 이 사실 과정입니다 내가 원하는 모든 시간을 통해 이동 1072 00:47:18,130 --> 00:47:18,990 이 웹 사이트를 만들 수 있습니다. 1073 00:47:18,990 --> 00:47:22,800 한 줄씩 아래로 콘솔을 사용하여 여기에 물건을 탐구하고 파악 1074 00:47:22,800 --> 00:47:24,320 내가하고 싶은 것을 단계별로 아웃. 1075 00:47:24,320 --> 00:47:28,580 그래서 바라건대, 너희들이 모방 무슨 좋은, 교육 학적 방법 1076 00:47:28,580 --> 00:47:31,055 때 실제로 일을 할 것입니다 당신은 당신의 웹 사이트를 만들 수 있습니다. 1077 00:47:31,055 --> 00:47:34,260 1078 00:47:34,260 --> 00:47:35,410 >> 그냥 넘어 가자. 1079 00:47:35,410 --> 00:47:36,500 우리는 이런 일을 만들었습니다. 1080 00:47:36,500 --> 00:47:37,240 사실에 갈거야 - 1081 00:47:37,240 --> 00:47:40,950 아비, 나는 당신을 위해 큰 질문이 있습니다. 1082 00:47:40,950 --> 00:47:43,350 나는 우리가 이동합니다, 모르겠어요. 1083 00:47:43,350 --> 00:47:48,950 의 기차 돌고래 "에 가자 할 때 그 그림을 클릭합니다. "당신이 어떻게 1084 00:47:48,950 --> 00:47:51,288 내가 코드 줄을 쓸 것을 제안? 1085 00:47:51,288 --> 00:47:54,235 >> 청중 : 기능이 있습니다 "기차"라고합니다. 1086 00:47:54,235 --> 00:47:57,030 >> 제이슨 허쉬 호른 : 함수가있다 정확히 바로 "기차"라고. 1087 00:47:57,030 --> 00:47:59,520 >> 청중 : 그것은 인덱스를 기대하고있다. 1088 00:47:59,520 --> 00:48:02,630 >> 제이슨 허쉬 호른 : 기차는 예상 인덱스, 그래서 OK. 1089 00:48:02,630 --> 00:48:05,020 아비이 정확하게 추론하다 내가보고 사랑한다. 1090 00:48:05,020 --> 00:48:06,320 기차는 인덱스를 기대하고있다. 1091 00:48:06,320 --> 00:48:08,230 >> 청중 : 그래서 당신은거야 루프를해야합니다. 1092 00:48:08,230 --> 00:48:11,540 >> 제이슨 허쉬 호른 : 글쎄, 내가하고 싶은 그림을 클릭하면, 아비 그렇게 1093 00:48:11,540 --> 00:48:15,140 때 어떻게 모니터합니까 사진은 클릭! 1094 00:48:15,140 --> 00:48:16,380 그렇게 할 수있는 몇 가지 방법이있다. 1095 00:48:16,380 --> 00:48:20,330 이것은 자바 스크립트의 힘입니다 jQuery를, 또한 가장 어려운 부분입니다. 1096 00:48:20,330 --> 00:48:22,950 >> 청중 : 괄호 경우,하지. 1097 00:48:22,950 --> 00:48:27,390 또는 경우 괄호 이벤트, 또는 뭔가 비교적 간단한? 1098 00:48:27,390 --> 00:48:30,850 >> 제이슨 허쉬 호른 : 그래서 우리가 본 부부 강의에서이 작업을 수행하는 방법. 1099 00:48:30,850 --> 00:48:36,860 한 가지는 당신이 여기 아래에 수 있었다 당신을 만들 수 같은 것을 할 1100 00:48:36,860 --> 00:48:39,340 기능 클릭에처럼, 또는 할 클릭에 같은. 1101 00:48:39,340 --> 00:48:41,620 모두가 본 기억이 그런 식으로 뭔가? 1102 00:48:41,620 --> 00:48:46,630 당신은 HTML 태그 안에 그것을 할. 1103 00:48:46,630 --> 00:48:47,910 나는 약간의 빈 얼굴을 참조하십시오. 1104 00:48:47,910 --> 00:48:49,910 어떤 사람들은, 어떤 사람인지 는거야? 1105 00:48:49,910 --> 00:48:52,150 >> 내가 그 생각 때문에 괜찮아요 그것을 할 수있는 더 복잡한 방법. 1106 00:48:52,150 --> 00:48:55,110 우리는 훨씬 쉽게 할거야 방법 jQuery를 사용하여. 1107 00:48:55,110 --> 00:48:55,560 그래서, 아비? 1108 00:48:55,560 --> 00:48:57,350 >> 청중 : 흠? 1109 00:48:57,350 --> 00:49:00,280 >> 제이슨 허쉬 호른 : 내가하고 싶은 경우 뭔가 jQuery를, 난 분명히 시작 1110 00:49:00,280 --> 00:49:05,090 예전처럼,이 달러 기호 오픈 괄호, 닫기 괄호를 두 번 1111 00:49:05,090 --> 00:49:06,120 여기에 인용한다. 1112 00:49:06,120 --> 00:49:07,660 이제 우리는 여기에서 선택을해야합니다 알고 있습니다. 1113 00:49:07,660 --> 00:49:11,720 당신은 어떤 선택을 적용 할 제안 않는다 모든 하나의 이미지 또는 각에 1114 00:49:11,720 --> 00:49:14,680 하나의 그림? 1115 00:49:14,680 --> 00:49:16,160 >> 청중 : 이미지? 1116 00:49:16,160 --> 00:49:17,840 >> 제이슨 허쉬 호른 : 때문입니다 정확히 맞아. 1117 00:49:17,840 --> 00:49:20,240 즉, 모든 하나의 이미지에 적용됩니다. 1118 00:49:20,240 --> 00:49:20,940 그들 모두를 가져옵니다. 1119 00:49:20,940 --> 00:49:24,005 그것은, 그것은 클래스 아니다, ID 아니다 태그의 유형 및이 예정 1120 00:49:24,005 --> 00:49:24,970 모든 하나 하나를 얻을. 1121 00:49:24,970 --> 00:49:27,610 >> 그리고 지금 나는 당신에게 이것을 말할거야 지금, 당신은 더 찾아 볼 수 있습니다 1122 00:49:27,610 --> 00:49:33,540 나중에에 대한 문서 만이 것은 이벤트와 상품 "의"라고. 1123 00:49:33,540 --> 00:49:37,370 그래서 당신은 지금 할 얻고, 어떤 슈퍼 강력한이며, 말 유형의 1124 00:49:37,370 --> 00:49:40,260 당신이 찾고있는 무엇을하고 이벤트 당신은 할 때 수행 할 1125 00:49:40,260 --> 00:49:41,160 해당 이벤트를받을 수 있습니다. 1126 00:49:41,160 --> 00:49:43,155 그래서 나는 당신에게 약간을 줄거야 조금 더 코드, 아비, 다음 1127 00:49:43,155 --> 00:49:44,200 당신은 OK, 가야 해? 1128 00:49:44,200 --> 00:49:46,700 >> 청중 : OK. 1129 00:49:46,700 --> 00:49:50,030 >> 청중 :에 - 우리는 말할거야 이 경우 "클릭"하는 당신거야 1130 00:49:50,030 --> 00:49:50,750 일반적으로 사용합니다. 1131 00:49:50,750 --> 00:49:54,460 그래서 클릭에, 그리고, 우리는거야 그것을 익명 함수를 전달합니다. 1132 00:49:54,460 --> 00:50:01,840 1133 00:50:01,840 --> 00:50:04,100 이 구문은 볼거야 많이, 그리고 희망 당신은 것입니다 1134 00:50:04,100 --> 00:50:05,210 많이 쓰는. 1135 00:50:05,210 --> 00:50:10,350 이 명령을 주면 클릭에 다시이며, 뭔가라는 이미지의, 어떤, 1136 00:50:10,350 --> 00:50:14,960 이미지라고 무엇이든, 우리는거야 이 익명 함수를 실행합니다. 1137 00:50:14,960 --> 00:50:16,260 >> 나는 그 이름을 포기하지 않을거야. 1138 00:50:16,260 --> 00:50:18,180 나는 그것을 어떤 인수를 전달 아니에요. 1139 00:50:18,180 --> 00:50:21,870 여기 만들어, 같은 왔죠 것은의 기능, 여기에 어떤 코드는 1140 00:50:21,870 --> 00:50:22,750 당신이 할 것입니다. 1141 00:50:22,750 --> 00:50:24,310 즉,이 구문 수단이다. 1142 00:50:24,310 --> 00:50:27,500 당신이 알 수 있듯이 또한, 그것은 본다 여기에이 매우 유사 우리 1143 00:50:27,500 --> 00:50:29,310 전에 썼다. 1144 00:50:29,310 --> 00:50:30,400 >> OK, 아비. 1145 00:50:30,400 --> 00:50:34,720 그래서 당신은 인덱스에 기차를 호출 할. 1146 00:50:34,720 --> 00:50:35,690 그것은 당신이 원하는 무엇인가? 1147 00:50:35,690 --> 00:50:36,400 >> 청중 : 네. 1148 00:50:36,400 --> 00:50:36,800 >> 제이슨 허쉬 호른 : 어? 1149 00:50:36,800 --> 00:50:37,840 OK. 1150 00:50:37,840 --> 00:50:38,610 의가 어떻게되는지 보자. 1151 00:50:38,610 --> 00:50:39,420 >> 청중 :하지만, 기다립니다. 1152 00:50:39,420 --> 00:50:41,240 지수는 현재 변수가 아닙니다. 1153 00:50:41,240 --> 00:50:42,520 >> 제이슨 허쉬 호른 : 그래서 지수는 아닙니다 변수 지금. 1154 00:50:42,520 --> 00:50:43,780 당신이에서 어디서 얻었는지 궁금 해요. 1155 00:50:43,780 --> 00:50:45,030 >> 청중 : [청취]. 1156 00:50:45,030 --> 00:50:47,440 1157 00:50:47,440 --> 00:50:51,280 그래서 먼저 파악해야합니까 어떤 돌고래를 클릭있어? 1158 00:50:51,280 --> 00:50:52,440 >> 제이슨 허쉬 호른 : 좋음. 1159 00:50:52,440 --> 00:50:55,260 당신은 파악해야하는 돌고래 클릭있어. 1160 00:50:55,260 --> 00:50:56,840 이 어둠 속에서 야생의 기회입니다. 1161 00:50:56,840 --> 00:50:59,355 아무도 내가 알아낼 수있는 방법을 어떤 생각을 가지고 중 어떤 돌고래를 클릭있어? 1162 00:50:59,355 --> 00:51:03,280 그렇지 않은 경우, 난 그냥 당신에게 줄 것이다 이 꽤 미친 때문이다. 1163 00:51:03,280 --> 00:51:04,350 OK. 1164 00:51:04,350 --> 00:51:06,670 그럼 CONSOLE.LOG를 통해 인쇄 할 수 있습니다. 1165 00:51:06,670 --> 00:51:17,440 1166 00:51:17,440 --> 00:51:19,550 >> 이 것은. 1167 00:51:19,550 --> 00:51:25,830 따라서, 달러 기호, 열린 괄호, 이 닫기 괄호. 1168 00:51:25,830 --> 00:51:28,110 나는이 이미지를 클릭하면 그래서, 내가 갈거야 콘솔이를 인쇄하려면, 1169 00:51:28,110 --> 00:51:29,030 과의가 어떻게되는지 보자. 1170 00:51:29,030 --> 00:51:30,820 여기서 다시 가자. 1171 00:51:30,820 --> 00:51:31,640 의 콘솔 가자. 1172 00:51:31,640 --> 00:51:33,950 오류는, 하느님 감사합니다. 1173 00:51:33,950 --> 00:51:35,420 >> OK. 1174 00:51:35,420 --> 00:51:36,040 내가 클릭. 1175 00:51:36,040 --> 00:51:37,660 나를 한번 더 해요. 1176 00:51:37,660 --> 00:51:43,290 나는이 첫 번째 이미지를 클릭하고,이 콘솔에 출력있어, 1177 00:51:43,290 --> 00:51:44,200 사물의 선. 1178 00:51:44,200 --> 00:51:47,230 내가 사용하는거야 단어 "이"많은. 1179 00:51:47,230 --> 00:51:52,000 바로이 일이 매우이다 특별한, 그리고 정확히 무엇을하고 있어요 1180 00:51:52,000 --> 00:51:53,340 아비는하고 싶다. 1181 00:51:53,340 --> 00:51:57,640 그것은이었다 무엇이든 점점 또는 어떤 클릭. 1182 00:51:57,640 --> 00:52:01,850 다시,이 선택이 발생하기 때문에 많은 일을 처리하기 위해, 우리는하지 않습니다 1183 00:52:01,850 --> 00:52:05,310 반드시 우리가 야하는 것은 알고 이야기, 그래서 우리는 내야 1184 00:52:05,310 --> 00:52:08,300 중 어떤 것은 우리가 이야기하고있는 이 구문을 통해 약. 1185 00:52:08,300 --> 00:52:12,320 여기이 경우, 해시 바다, 우리는 항상 우리가있어 무슨 일을 알고 1186 00:52:12,320 --> 00:52:14,740 에 대해 이야기 할 것, 그래서 우리는 정말이 필요하지 않습니다 1187 00:52:14,740 --> 00:52:15,880 해시 바다 내부. 1188 00:52:15,880 --> 00:52:18,430 항상 바다, 그 DIV입니다. 1189 00:52:18,430 --> 00:52:21,770 그것은 ID의 단 하나의 가능한 것. 1190 00:52:21,770 --> 00:52:25,840 >> 하지만이 경우,이 많이 적용 이미지, 사실, 여섯 이미지, 1191 00:52:25,840 --> 00:52:28,180 그래서 우리는 어떤 특정 알고 싶어요 이미지에 클릭했다. 1192 00:52:28,180 --> 00:52:33,022 이처럼 그것은 보인다 정보의 종류 우리가 얻을. 1193 00:52:33,022 --> 00:52:41,540 우리는 일부 대형과 같이 얻을 문자열, 우리는이 모든 것을 얻을 1194 00:52:41,540 --> 00:52:43,890 이과 정보. 1195 00:52:43,890 --> 00:52:46,550 우리는 톤과 톤을 얻을 물건의 톤. 1196 00:52:46,550 --> 00:52:48,020 jQuery를 슈퍼 강력하다. 1197 00:52:48,020 --> 00:52:53,890 그것은 우리에게 정보의 톤을주고 이 특정 HTML 요소에 대한. 1198 00:52:53,890 --> 00:52:58,484 아비, 우리는 무엇을 알고 싶어 이 HTML 요소에 대한? 1199 00:52:58,484 --> 00:53:00,306 >> 청중 : ID 같은 것. 1200 00:53:00,306 --> 00:53:01,190 >> 제이슨 허쉬 호른 : ID. 1201 00:53:01,190 --> 00:53:04,375 음, 우리는 소스를 가지고, 폭 및 높이. 1202 00:53:04,375 --> 00:53:06,246 >> 청중 : 우리는 소스를 사용할 수 있습니다. 1203 00:53:06,246 --> 00:53:07,190 >> 제이슨 허쉬 호른 : 우리 소스를 사용할 수 있습니다. 1204 00:53:07,190 --> 00:53:09,140 즉, 우리에게 문자열을 줄 것이다, URL 문자열입니다. 1205 00:53:09,140 --> 00:53:10,330 우리는 무엇을 함께 할 예정 그 한 번 우리는이? 1206 00:53:10,330 --> 00:53:11,800 우리는 어떻게 다시받을 수 있나요 우리의 ocean_array의 인덱스? 1207 00:53:11,800 --> 00:53:14,725 >> 청중 : 우리는 비교할 수 그것은 다른. 1208 00:53:14,725 --> 00:53:16,910 >> 제이슨 허쉬 호른 : 그래서 우리가 할 수있는 각을 통해 루프. 1209 00:53:16,910 --> 00:53:21,350 이제 우리는 다시 루프를 할 수 다음이 비교. 1210 00:53:21,350 --> 00:53:23,860 무엇보다 간단한 방법이 될 것이다 구상 당신은 하나를 상상할 수 있다면? 1211 00:53:23,860 --> 00:53:25,564 >> 청중 : 루프에 필요하지 않습니다. 1212 00:53:25,564 --> 00:53:26,930 >> 제이슨 허쉬 호른 : 루프에 필요하지 않습니다. 1213 00:53:26,930 --> 00:53:29,210 >> 청중 : 그냥 연구 만 돌고래, [청취]. 1214 00:53:29,210 --> 00:53:31,430 >> 제이슨 허쉬 호른 :내는 중 무엇 돌고래. 1215 00:53:31,430 --> 00:53:31,940 OK. 1216 00:53:31,940 --> 00:53:34,780 그럼 그 정보를 저장할 수 이 이미지 태그. 1217 00:53:34,780 --> 00:53:37,370 이 물건의 그리고 또, 지금, 일부 다만 마법 내가 수 있기 때문에 1218 00:53:37,370 --> 00:53:39,950 처음 당신이 보여주는 바라건대 이러한 것들입니다 1219 00:53:39,950 --> 00:53:41,140 당신은 일을 할 것입니다. 1220 00:53:41,140 --> 00:53:43,440 그래서이 뭔가 마법의 당신은 할 수 있습니다. 1221 00:53:43,440 --> 00:53:46,500 당신은 몇 가지 여분의 메타 데이터를 저장할 수 있습니다 요소. 1222 00:53:46,500 --> 00:53:48,080 그것은하지 않습니다, 표시되지 않습니다 아무것도에 영향을 미칩니다. 1223 00:53:48,080 --> 00:53:49,370 당신은 거기에 저장할 수 있습니다. 1224 00:53:49,370 --> 00:53:54,170 그리고 나는 우리가 저장 제안 각각의 이미지 인덱스. 1225 00:53:54,170 --> 00:54:03,020 >> 그래서 당신이 할 방법은 당신이 만드는 것입니다 데이터 대시라는 속성과 1226 00:54:03,020 --> 00:54:04,750 다음 어떤 이름을 을주고 싶다. 1227 00:54:04,750 --> 00:54:08,940 데이터 대시는 특별한 일이 사용자에게 주어지고, 이것이 말한다 1228 00:54:08,940 --> 00:54:10,990 사용자가 만들 것입니다 뭔가. 1229 00:54:10,990 --> 00:54:17,380 그래서 우리는 호출이 일을 만드는 인덱스,이 키는 인덱스를했다. 1230 00:54:17,380 --> 00:54:21,530 >> 그리고 그 안에, 우리는 둘거야 하나마다뿐만 아니라,하지만 무엇을 1231 00:54:21,530 --> 00:54:22,710 우리는 아비, 그 안에 넣어? 1232 00:54:22,710 --> 00:54:23,960 어떻게 여기 간다? 1233 00:54:23,960 --> 00:54:28,002 1234 00:54:28,002 --> 00:54:29,954 >> 청중 : 돌고래. 1235 00:54:29,954 --> 00:54:31,140 >> 제이슨 허쉬 호른 : 돌고래. 1236 00:54:31,140 --> 00:54:33,370 즉, 그 단어가 아닙니다. 1237 00:54:33,370 --> 00:54:34,920 돌고래. 1238 00:54:34,920 --> 00:54:38,300 그리고 다시, 우리는 이미 돌고래를 인쇄 이전, 즉 0, 1, 2, 3, 4, 5, 1239 00:54:38,300 --> 00:54:39,590 우리는 이미지와 그 저장하고 있습니다. 1240 00:54:39,590 --> 00:54:42,250 1241 00:54:42,250 --> 00:54:48,580 >> 그래서 지금, 내가 할 경우 - 다시, 우리는 메타 데이터를 저장합니다. 1242 00:54:48,580 --> 00:54:50,070 어떻게 메타 데이터에 액세스합니까? 1243 00:54:50,070 --> 00:54:52,690 그것은 단지라는 기능의 "데이터." 그리고 당신은 그것을 하나를 통과해야 1244 00:54:52,690 --> 00:54:57,960 단 하나의 인수, 어떤 물건의 이름입니다. 1245 00:54:57,960 --> 00:55:00,150 그래서,이 인쇄거야 그럼 내가 질문을합니다. 1246 00:55:00,150 --> 00:55:04,800 그러나 본질적으로, 내가 말하는 나에게이 줄 에 클릭 된 객체 봐 1247 00:55:04,800 --> 00:55:07,790 데이터의 모든 속성에, 불리는 사람은 "인덱스" 1248 00:55:07,790 --> 00:55:09,080 나에게 그 값을 제공합니다. 1249 00:55:09,080 --> 00:55:11,580 >> 그리고의 때 무슨 일이 일어 나는지 보자 우리는이 페이지를 새로 고칩니다. 1250 00:55:11,580 --> 00:55:14,910 1251 00:55:14,910 --> 00:55:17,580 우리가 예상 정확히 무엇. 1252 00:55:17,580 --> 00:55:18,910 다시 말하지만, 그것은 꽤 마법이었다. 1253 00:55:18,910 --> 00:55:20,680 우리는 단지 거기 많이했다. 1254 00:55:20,680 --> 00:55:22,360 누가 그것에 대해 어떤 질문이? 1255 00:55:22,360 --> 00:55:22,560 그래? 1256 00:55:22,560 --> 00:55:24,540 >> 청중 : 난 그냥 질문이 라이브 코드에 대한. 1257 00:55:24,540 --> 00:55:27,590 당신은 이중 따옴표처럼 사용 견적, 바로 거기에있다. 1258 00:55:27,590 --> 00:55:28,534 >> 제이슨 허쉬 호른 : 바로 여기. 1259 00:55:28,534 --> 00:55:29,006 >> 청중 : 네. 1260 00:55:29,006 --> 00:55:33,300 당신이 할 이유가 있나요 작은 따옴표, 큰 따옴표? 1261 00:55:33,300 --> 00:55:35,190 >> 제이슨 허쉬 호른 : 이유가, 이것은 다시 어떤 마커스갑니다 1262 00:55:35,190 --> 00:55:35,830 이전 물었다. 1263 00:55:35,830 --> 00:55:38,940 이 라인에서, 나는 고 있었다 내 코드에서 더 비트. 1264 00:55:38,940 --> 00:55:43,810 나는이 원하는, 그리고 이것은 내가 정직하다 모든 일을해야 1265 00:55:43,810 --> 00:55:46,240 폭과 높이를위한 시간, 특히. 1266 00:55:46,240 --> 00:55:49,090 여기서 아래로 살펴 보자. 1267 00:55:49,090 --> 00:55:50,280 당신은 바로 여기에 볼 수 있습니다, 당신이 그것을 볼 수 있습니까? 1268 00:55:50,280 --> 00:55:54,620 나는 종류의 작은 알지만, 데이터 대시 지수는 큰 따옴표입니다. 1269 00:55:54,620 --> 00:55:56,240 그런 것들은 항상 필요 큰 따옴표로한다. 1270 00:55:56,240 --> 00:55:58,630 값은 항상 필요 큰 따옴표로합니다. 1271 00:55:58,630 --> 00:56:01,910 >> 그러나 여기에서, 내가 큰 따옴표를 한 경우에, 그 바로 여기에이 문자열을 끝낼 것입니다, 1272 00:56:01,910 --> 00:56:03,930 지금은되지 않을 것 문자열 입력합니다. 1273 00:56:03,930 --> 00:56:09,600 그래서 난 그냥 사용하여 해당 해결하기 작은 따옴표 때문에 작은 따옴표 1274 00:56:09,600 --> 00:56:13,120 자바 스크립트 문자열을 종료하지 않지만 당신이 있다면 HTML에 상관하지 않습니다 1275 00:56:13,120 --> 00:56:14,270 그것을 따옴표를 제공 또는 큰 따옴표. 1276 00:56:14,270 --> 00:56:16,395 그것은 단지 그것을 해석합니다 따옴표 등을들 수있다. 1277 00:56:16,395 --> 00:56:17,460 그 의미가 있습니까? 1278 00:56:17,460 --> 00:56:17,855 그래? 1279 00:56:17,855 --> 00:56:21,225 >> 청중 : 당신은 어떻게받을 수 있나요 그 IP 주소 클라이언트의 바닥에? 1280 00:56:21,225 --> 00:56:22,473 광산은 IP 주소를 말한다. 1281 00:56:22,473 --> 00:56:24,450 내가해야 뭔가가 있나요 [청취]에서 수행했다. 1282 00:56:24,450 --> 00:56:26,385 >> 제이슨 허쉬 호른 : 어플라이언스에서, 그것은 아무 상관이있다? 1283 00:56:26,385 --> 00:56:27,043 >> 청중 : 네. 1284 00:56:27,043 --> 00:56:29,540 >> 제이슨 허쉬 호른 : 뭔가가있다 당신은 그것을 해결하기 위해 할 수있는,하지만 난 아니에요 1285 00:56:29,540 --> 00:56:31,030 걷는 시간을 보낼 예정 지금 그 통해. 1286 00:56:31,030 --> 00:56:33,705 그러나 우리는 절 이후에 그것을 할 수 있습니다. 1287 00:56:33,705 --> 00:56:38,520 >> 청중 : 당신은 다시 들으면 콘솔은, 이유 있었다 1288 00:56:38,520 --> 00:56:41,168 012321에 기재된 전화 번호를? 1289 00:56:41,168 --> 00:56:42,480 >> 제이슨 허쉬 호른 : 콘솔? 1290 00:56:42,480 --> 00:56:44,760 아, 난 그냥 클릭 때문에 주위에 격렬하게. 1291 00:56:44,760 --> 00:56:45,440 >> 청중 : OK, 오. 1292 00:56:45,440 --> 00:56:46,410 마음 마십시오. 1293 00:56:46,410 --> 00:56:50,754 >> 제이슨 허쉬 호른 : 그리고 또, 내가 클릭 할 수 있습니다 뭔가에 bajillion 시간. 1294 00:56:50,754 --> 00:56:53,500 >> 청중 : 나는에 대한 질문이 있습니다 루프 다시, 당신의 루프. 1295 00:56:53,500 --> 00:56:56,450 당신은 P에서 알고 있기 때문에 그들은 여덟 설정 그 루프의 다른 양식을 사용하세요. 1296 00:56:56,450 --> 00:57:02,210 그래서 그들은 VAR처럼 나는 이하, 0에 해당합니까 ocean_array.length, 나는 + +보다. 1297 00:57:02,210 --> 00:57:04,160 그 동등한 있으신가요? 1298 00:57:04,160 --> 00:57:06,070 >> 제이슨 허쉬 호른 : 즉 루프에 대한 표준. 1299 00:57:06,070 --> 00:57:07,570 아니면 그래, 루프입니다. 1300 00:57:07,570 --> 00:57:08,565 사실, 우리는 이와 동등한의 보았다. 1301 00:57:08,565 --> 00:57:10,450 >> 청중 : 그래서 상당의 당신이 여기에 무슨 짓을했는지에? 1302 00:57:10,450 --> 00:57:12,030 하나는 더 나은 간주됩니다 다른 것보다? 1303 00:57:12,030 --> 00:57:13,280 >> 제이슨 허쉬 호른 : 호 1304 00:57:13,280 --> 00:57:17,010 1305 00:57:17,010 --> 00:57:20,110 >> 그래서, 다시, 우리는 갔다 몇 가지 이상. 1306 00:57:20,110 --> 00:57:23,170 우리는 지금 우리의 안락 지역을 이동했습니다 일부 정말 멋진 일을 시작 1307 00:57:23,170 --> 00:57:26,840 우리는 반드시 사라지지 않은 것들 이상 클래스의 이전하고, 그러나 1308 00:57:26,840 --> 00:57:28,870 희망 매우 강력한 코딩 할 때 당신을 위해. 1309 00:57:28,870 --> 00:57:30,670 >> 아비는의가 여기로 돌아 가자. 1310 00:57:30,670 --> 00:57:31,890 나는 돌고래의 인덱스가 있습니다. 1311 00:57:31,890 --> 00:57:32,850 이제 무엇을해야하나요? 1312 00:57:32,850 --> 00:57:34,760 >> 청중 : 당신은 그것을 훈련해야합니다. 1313 00:57:34,760 --> 00:57:39,985 그래서 그 대신, 당신을 CONSOLE.LOG 퍼팅 그것 변수와 동일한을 설정할 수 있습니까? 1314 00:57:39,985 --> 00:57:40,680 >> 제이슨 허쉬 호른 : OK. 1315 00:57:40,680 --> 00:57:41,440 그래서? 1316 00:57:41,440 --> 00:57:44,450 >> 청중 : 잘 모르겠어요 당신은 그렇게 할 수 있습니다. 1317 00:57:44,450 --> 00:57:46,880 >> 제이슨 허쉬 호른 : 그래서 VAR x가 동일 이 반환 무엇 이건이,, 1318 00:57:46,880 --> 00:57:47,650 그것을 돌아갑니다. 1319 00:57:47,650 --> 00:57:48,350 중요하지 않습니다. 1320 00:57:48,350 --> 00:57:49,490 어떤 변수를 반환 할 수 있습니다. 1321 00:57:49,490 --> 00:57:51,580 여기에 유형이 없습니다. 1322 00:57:51,580 --> 00:57:53,970 >> 청중 : 아니면 그냥 할 수 함수 호출을한다. 1323 00:57:53,970 --> 00:57:55,465 >> 제이슨 허쉬 호른 : 네, 내가 왜 그하지 않는다? 1324 00:57:55,465 --> 00:57:58,191 다만 함수 호출을한다. 1325 00:57:58,191 --> 00:57:59,105 >> 청중 : 네. 1326 00:57:59,105 --> 00:58:01,100 괄호의 또 다른 세트를 넣습니다. 1327 00:58:01,100 --> 00:58:02,330 >> 제이슨 허쉬 호른 : 완벽한. 1328 00:58:02,330 --> 00:58:03,580 그게 바로 그렇습니다. 1329 00:58:03,580 --> 00:58:07,250 1330 00:58:07,250 --> 00:58:08,830 그래서 기차 함수를 호출합니다. 1331 00:58:08,830 --> 00:58:14,020 물론, 그 기차에 없다 기능, 그래서 Akshar, 내가 제안 1332 00:58:14,020 --> 00:58:15,440 기차 함수에서 수행해야합니다. 1333 00:58:15,440 --> 00:58:16,400 나에게 약간의 의사 코드를 제공합니다. 1334 00:58:16,400 --> 00:58:20,940 >> 청중 : 당신은 제거해야한다고 생각 원래 테이블에서 돌고래. 1335 00:58:20,940 --> 00:58:24,130 1336 00:58:24,130 --> 00:58:27,010 >> 제이슨 허쉬 호른 : 그리고이 점점 노아 이전에 우리가 왜 복사 1337 00:58:27,010 --> 00:58:30,510 새로운 배열에. 1338 00:58:30,510 --> 00:58:34,650 그래, 우리가 있기 때문에 편집하지 않는 우리의 돌고래 배열 때문에 어떤 다른 경우 1339 00:58:34,650 --> 00:58:37,390 프로그램을 사용하거나 우리가 원하는 경우 다른 곳에서 액세스하는 방법? 1340 00:58:37,390 --> 00:58:41,005 우리는 복사본을 만들고 싶어한다, 그입니다 우리가 편집거야 하나. 1341 00:58:41,005 --> 00:58:46,565 >> 청중 : 그럼 당신은 위치 그것은 당신의 새로운 위치에. 1342 00:58:46,565 --> 00:58:48,990 >> 제이슨 허쉬 호른 : 그리고 무엇을 우리는 그 후 어떻게해야합니까? 1343 00:58:48,990 --> 00:58:53,298 >> 청중 : 그리고 당신은 밖으로 인쇄 돌고래에 대한 정보를 제공합니다. 1344 00:58:53,298 --> 00:58:56,050 1345 00:58:56,050 --> 00:58:57,970 >> 제이슨 허쉬 호른 : 때문입니다 정확히 맞아. 1346 00:58:57,970 --> 00:59:03,835 우리는 ocean_array에서 제거, 우리 우리가 그립니다 풀에 넣어 1347 00:59:03,835 --> 00:59:06,870 수영장에서 바다. 1348 00:59:06,870 --> 00:59:09,625 어떻게 돌고래 제거합니까 ocean_array에서? 1349 00:59:09,625 --> 00:59:12,102 >> 청중 : 당신은 인덱스로 이동합니다. 1350 00:59:12,102 --> 00:59:13,280 아, 그렇군요. 1351 00:59:13,280 --> 00:59:16,076 스플 라이스 기능을 사용합니다. 1352 00:59:16,076 --> 00:59:17,720 >> 제이슨 허쉬 호른 : 좋아, 그럼 맞아. 1353 00:59:17,720 --> 00:59:20,950 나는 스플 라이스 기능을 사용할 수있는 배열에서 뭔가를 받아 1354 00:59:20,950 --> 00:59:22,250 를 응축. 1355 00:59:22,250 --> 00:59:23,560 즉, 뭔가 새로운 우리의 전에 보지 못했어요. 1356 00:59:23,560 --> 00:59:26,120 하지만 실제로 공간을 유지하려면 나는를 인쇄 할 거기 때문에 1357 00:59:26,120 --> 00:59:28,092 바다에서 빈 공간. 1358 00:59:28,092 --> 00:59:36,480 >> 청중 : 그럼 당신은 이미지를 설정할 수 있습니다 해당 인덱스의, ocean_array 1359 00:59:36,480 --> 00:59:39,636 인덱스 점의 그림. 1360 00:59:39,636 --> 00:59:41,730 >> 제이슨 허쉬 호른 : OK, ocean_array, 인덱스. 1361 00:59:41,730 --> 00:59:43,125 >> 청중 : 도트 그림. 1362 00:59:43,125 --> 00:59:44,300 >> 제이슨 허쉬 호른 : 점의 그림. 1363 00:59:44,300 --> 00:59:45,910 >> 청중 : 그리고 당신은 그것을 null로 설정? 1364 00:59:45,910 --> 00:59:47,080 >> 제이슨 허쉬 호른은 : 널 (null)와 같습니다. 1365 00:59:47,080 --> 00:59:49,440 OK. 1366 00:59:49,440 --> 00:59:53,230 그래서 아무는 없다, 그래서 어떻게 풀에 배치해야합니까? 1367 00:59:53,230 --> 00:59:56,880 콘스탄틴, 어떻게 할 풀에 넣어? 1368 00:59:56,880 --> 01:00:00,140 우리는 우리가이라는 변수가, 여기까지, 수영장했다. 1369 01:00:00,140 --> 01:00:10,810 >> 청중 : 우리는 단지 같음을합니까 ocean_array 인덱스? 1370 01:00:10,810 --> 01:00:12,575 >> 청중 : 당신이해야하지 순서를 전환? 1371 01:00:12,575 --> 01:00:14,325 >> 제이슨 허쉬 호른 : 한 초. 1372 01:00:14,325 --> 01:00:14,770 그래? 1373 01:00:14,770 --> 01:00:16,980 >> 청중 : 네,했습니다 실제로 좋은 점. 1374 01:00:16,980 --> 01:00:19,890 1375 01:00:19,890 --> 01:00:24,372 >> 제이슨 허쉬 호른 : 무엇 간다? 1376 01:00:24,372 --> 01:00:25,510 >> 청중 : 그것은 색인가요? 1377 01:00:25,510 --> 01:00:27,240 >> 제이슨 허쉬 호른 : 인덱스, 정확하게. 1378 01:00:27,240 --> 01:00:29,400 그리고 당신은, 콘스탄틴 무엇을 말 했는가 우리가해야 할 일이 무엇입니까? 1379 01:00:29,400 --> 01:00:31,530 >> 청중 : 우리는 어쩌면해야 순서를 전환합니다. 1380 01:00:31,530 --> 01:00:34,300 >> 제이슨 허쉬 호른 : 그리고 왜해야 우리는 어쩌면, 순서를 전환? 1381 01:00:34,300 --> 01:00:36,166 >> 청중 : 때문에에 그 이미 널 (null) 포인트. 1382 01:00:36,166 --> 01:00:39,755 >> 제이슨 허쉬 호른 : 그래서 그것은 모든 null이 아니다, 그러나 우리는 이미지의 URL을 잃었습니다. 1383 01:00:39,755 --> 01:00:42,295 1384 01:00:42,295 --> 01:00:43,615 우리는 영원히 잃었나요? 1385 01:00:43,615 --> 01:00:47,878 1386 01:00:47,878 --> 01:00:48,970 >> 청중 : 기술적으로 더? 1387 01:00:48,970 --> 01:00:50,540 >> 제이슨 허쉬 호른 : 되세요 우리는 영원히 분실? 1388 01:00:50,540 --> 01:00:51,290 >> 청중 : 호 1389 01:00:51,290 --> 01:00:52,780 >> 제이슨 허쉬 호른 : 음, 어디입니까? 1390 01:00:52,780 --> 01:00:54,220 >> 청중 : 원래 돌고래 - 1391 01:00:54,220 --> 01:00:56,310 >> 제이슨 허쉬 호른 : 그것은 돌고래에있어, 하지만 ocean_array에 1392 01:00:56,310 --> 01:00:57,630 우리는 영원히 잃었습니다. 1393 01:00:57,630 --> 01:01:01,910 콘스탄티누스가, 당신은을 제안 할 수있다 이 줄을 작성하는 더 나은 방법? 1394 01:01:01,910 --> 01:01:03,350 사실, 죄송합니다,이 풀에 저장 있어요. 1395 01:01:03,350 --> 01:01:08,640 우리는 수영장에 있기 때문에 수영장 바로, 목적은? 1396 01:01:08,640 --> 01:01:12,310 Ocean_array 인덱스 ocean_array 객체의 배열입니다. 1397 01:01:12,310 --> 01:01:15,590 >> 그래서 풀은 객체이며, 우리는이 아래로 거기에있는 URL, 및 1398 01:01:15,590 --> 01:01:16,220 여기에 null로 설정되어. 1399 01:01:16,220 --> 01:01:19,280 그래서 실제로 우리가하지 않은 영원히 잃었다. 1400 01:01:19,280 --> 01:01:20,080 그것은 단지 풀에 저장 있어요. 1401 01:01:20,080 --> 01:01:23,730 하지만, ocean_array에 확실히 아니에요 와 같은 당신은 카를로스, 그것은에 말했다 1402 01:01:23,730 --> 01:01:25,010 돌고래의 배열입니다. 1403 01:01:25,010 --> 01:01:25,720 >> 그래서이 달콤한 보인다. 1404 01:01:25,720 --> 01:01:27,550 그리고 우리는 어떻게에게 그리 않습니다 바다와 수영장? 1405 01:01:27,550 --> 01:01:27,780 마리오? 1406 01:01:27,780 --> 01:01:33,060 >> 청중 : 당신은 호출 할 수 있습니다 draw_pool 및 draw_ocean? 1407 01:01:33,060 --> 01:01:36,060 그래서 같은 draw_pool 다음 - 1408 01:01:36,060 --> 01:01:39,522 음, 그래, 그것은 아무것도하지 않습니다. 1409 01:01:39,522 --> 01:01:40,840 >> 제이슨 허쉬 호른 : 지금. 1410 01:01:40,840 --> 01:01:42,350 무엇 draw_pool 할거야? 1411 01:01:42,350 --> 01:01:43,715 >> 청중 : 풀을 그리기? 1412 01:01:43,715 --> 01:01:45,360 >> 제이슨 허쉬 호른 : 그래, 어떻게 됐나요? 1413 01:01:45,360 --> 01:01:46,605 >> 청중 : 죄송합니다. 1414 01:01:46,605 --> 01:01:48,310 당신은 동일한 작업을 수행 할 수 것 같은이 - 1415 01:01:48,310 --> 01:01:49,670 >> 제이슨 허쉬 호른 : 잠깐, 우리는 거기에 도착하는 것입니다. 1416 01:01:49,670 --> 01:01:49,880 아무것도. 1417 01:01:49,880 --> 01:01:50,950 그것은 지금 아무것도하지 않습니다. 1418 01:01:50,950 --> 01:01:52,080 하지만,이 작동하는지 보자. 1419 01:01:52,080 --> 01:01:52,520 누가 우리에게 해당 코드를했다? 1420 01:01:52,520 --> 01:01:54,640 Akshar와 콘스탄틴 우리에게 해당 코드를했다? 1421 01:01:54,640 --> 01:01:56,640 좋아, 어떻게 볼 수 있습니다. 1422 01:01:56,640 --> 01:01:57,810 >> 아! 1423 01:01:57,810 --> 01:01:59,650 그건 너무 흥분했다. 1424 01:01:59,650 --> 01:02:00,790 그것은 사라 졌어요. 1425 01:02:00,790 --> 01:02:01,810 오, 이런. 1426 01:02:01,810 --> 01:02:03,060 그 종류의 추한. 1427 01:02:03,060 --> 01:02:04,670 음, 우리는 돌아갈 수 그 후 고정합니다. 1428 01:02:04,670 --> 01:02:06,490 내가 어디 있는지 궁금해? 1429 01:02:06,490 --> 01:02:07,890 우리는 수영장 변수에 저장됩니다. 1430 01:02:07,890 --> 01:02:10,160 그것의 경우는 어떻게 알아낼 수 해당 풀 변수? 1431 01:02:10,160 --> 01:02:15,780 음, 다시, 자바 스크립트의 힘, 특히 도구는 1432 01:02:15,780 --> 01:02:18,280 크롬은 지금, 당신을 제공합니다 해당 풀의 변수를 검사합니다. 1433 01:02:18,280 --> 01:02:19,220 그것은 세계의 기억? 1434 01:02:19,220 --> 01:02:20,960 우리는 var 키워드를 두지 않았다. 1435 01:02:20,960 --> 01:02:23,430 그래서 여기 입력을 입력하면, 콘스탄틴, 당신은 제가 무엇을 생각 하는가 1436 01:02:23,430 --> 01:02:24,800 내가 입력 쳤을 때 얻을 것? 1437 01:02:24,800 --> 01:02:29,095 1438 01:02:29,095 --> 01:02:30,950 >> 청중 : 몰라요. 1439 01:02:30,950 --> 01:02:31,470 >> 제이슨 허쉬 호른 : 추측. 1440 01:02:31,470 --> 01:02:32,110 >> 청중 : 아무것도? 1441 01:02:32,110 --> 01:02:33,680 >> 제이슨 허쉬 호른 : 아무 문제. 1442 01:02:33,680 --> 01:02:35,030 즉, 좋은 답이었다. 1443 01:02:35,030 --> 01:02:35,920 나는 개체를 얻었다. 1444 01:02:35,920 --> 01:02:37,680 당신이 나에게 준 기억 코드 줄. 1445 01:02:37,680 --> 01:02:41,550 수영장, 당신은에 저장 변수 객체. 1446 01:02:41,550 --> 01:02:45,180 그리고 실제로, 우리는 객체 참조 당신은 그것을 저장합니다. 1447 01:02:45,180 --> 01:02:46,710 멋지군. 1448 01:02:46,710 --> 01:02:48,510 우리는 여기에서 검사 할 수 있습니다. 1449 01:02:48,510 --> 01:02:52,110 거의 실시간으로 GDB처럼 그 우리는 우리의 코드를 볼 수 있습니다 1450 01:02:52,110 --> 01:02:53,520 물건을 알아낼. 1451 01:02:53,520 --> 01:02:55,780 즉, 슈퍼 멋진 슈퍼 강력하다. 1452 01:02:55,780 --> 01:02:56,860 >> 자,이 작업을 마무리 할 수​​ 있습니다. 1453 01:02:56,860 --> 01:02:59,710 의 5 분의 풀을 그려 보자. 1454 01:02:59,710 --> 01:03:02,960 1455 01:03:02,960 --> 01:03:05,370 마루 나에게 라인을 제공 풀을 그리는 코드입니다. 1456 01:03:05,370 --> 01:03:08,975 >> 청중 : 다른를 가질 수 변수 HTML 있지만, /에 대한. 1457 01:03:08,975 --> 01:03:11,070 >> 제이슨 허쉬 호른 : 만들자 그것이 지금은 매우 간단합니다. 1458 01:03:11,070 --> 01:03:14,156 그냥 이름을 인쇄 할 수 돌고래 우리는 훈련입니다. 1459 01:03:14,156 --> 01:03:20,910 >> 청중 : 그리고 당신은 달러를 할 수있는 로그인, 열린 괄호, 1460 01:03:20,910 --> 01:03:23,850 다음 열기 견적. 1461 01:03:23,850 --> 01:03:26,420 만약 내가, 파운드 풀을 추측 그 일이되었습니다. 1462 01:03:26,420 --> 01:03:27,240 나는 기억하지 않는다. 1463 01:03:27,240 --> 01:03:28,950 >> 제이슨 허쉬 호른 :의 다시 살펴 보자. 1464 01:03:28,950 --> 01:03:29,570 나는 것 같아요. 1465 01:03:29,570 --> 01:03:30,660 >> 청중 : OK, 그래. 1466 01:03:30,660 --> 01:03:36,460 다음 닫기를 인용, 가까운 괄호 . HTML, 열린 괄호, 1467 01:03:36,460 --> 01:03:45,880 그리고 난 오픈 브라켓처럼 풀을 추측 0 또는 그런 일. 1468 01:03:45,880 --> 01:03:47,500 닫기 점 이름입니다. 1469 01:03:47,500 --> 01:03:49,720 그 작동하는지 모르겠어요. 1470 01:03:49,720 --> 01:03:51,723 >> 청중 : 좋아, 어떻게 볼 수 있습니다. 1471 01:03:51,723 --> 01:03:55,507 1472 01:03:55,507 --> 01:03:59,040 "속성 이름을 읽을 수 없습니다 정의는. "그래서 다시, 여기에 무슨 1473 01:03:59,040 --> 01:03:59,770 우리는 체크 아웃하는 것입니다. 1474 01:03:59,770 --> 01:04:00,500 우리는이 문제를 탐구하는 것입니다. 1475 01:04:00,500 --> 01:04:02,710 당신은 수영장, 열린 bracket0. 이름을했다. 1476 01:04:02,710 --> 01:04:06,060 다시 말하지만, 나는이 모든 시간을하고, 난 무슨 일이 일어나고 있는지 혼란, 어떻게하지 1477 01:04:06,060 --> 01:04:07,040 이 경고는 의미. 1478 01:04:07,040 --> 01:04:09,140 이용 수영장 살펴 보자. 1479 01:04:09,140 --> 01:04:12,520 이용 수영장 부류를 살펴 보자 0, 정의되지 않은. 1480 01:04:12,520 --> 01:04:14,430 우리가 실행하고있는 곳이다 그래야 우리의 문제로, 오른쪽? 1481 01:04:14,430 --> 01:04:16,130 풀 브래킷 0하지 않습니다, 분명히 존재한다. 1482 01:04:16,130 --> 01:04:19,760 당신은 어떻게 존재 하는가 생각 하는가? 1483 01:04:19,760 --> 01:04:21,885 >> 청중 : 풀입니다 단지 그 자체로 객체? 1484 01:04:21,885 --> 01:04:23,550 >> 제이슨 허쉬 호른 : 그럼, 바로 여기 말하는가? 1485 01:04:23,550 --> 01:04:25,850 우리는 수영장에 Enter 키를 누르 때 그것은 무엇을 말합니까? 1486 01:04:25,850 --> 01:04:26,510 >> 청중 : 개체입니다. 1487 01:04:26,510 --> 01:04:28,076 >> 제이슨 허쉬 호른 : 그것은 그래서, 목적은? 1488 01:04:28,076 --> 01:04:28,860 >> 청중 : 아, 네. 1489 01:04:28,860 --> 01:04:30,700 그러니 대신 pool.name - 1490 01:04:30,700 --> 01:04:34,650 >> 제이슨 허쉬 호른 : Pool.name는 제공 당신이 원하는 정확히. 1491 01:04:34,650 --> 01:04:38,060 그리고 나는이를 통해 갈거야 실현 천천히 그리고이 점을 장황하지만, 1492 01:04:38,060 --> 01:04:39,720 이것은 내가이 물건을 정확하게하는 방법입니다. 1493 01:04:39,720 --> 01:04:42,270 이러한 버그로 실행하는거야 최종 프로젝트 기간 동안, 그래서 나는 희망 1494 01:04:42,270 --> 01:04:44,360 이것은 당신이 할 수있는 힘을 준다 이러한 도구를 사용합니다. 1495 01:04:44,360 --> 01:04:47,780 이들은 매우 중요하다 및 것 슈퍼 이죠까지 당신을 얻을. 1496 01:04:47,780 --> 01:04:50,050 >> 그래서 원하지 않는 단지 이름을 인쇄 할 수 있습니다. 1497 01:04:50,050 --> 01:04:54,375 의는 조금 만들어 보자 이보다 더 좋은 비트. 1498 01:04:54,375 --> 01:04:56,000 >> 청중 : 우리가 다른 무엇을 하시겠습니까? 1499 01:04:56,000 --> 01:04:56,460 >> 제이슨 허쉬 호른 : 그래, 좋아. 1500 01:04:56,460 --> 01:04:57,390 우리는 단지이 작업을 수행 할 수 있습니다. 1501 01:04:57,390 --> 01:04:57,760 윽. 1502 01:04:57,760 --> 01:05:00,354 얘들 아, 당신은 생명이 없다. 1503 01:05:00,354 --> 01:05:02,720 >> OK, 붐, 그것을 얻었다. 1504 01:05:02,720 --> 01:05:04,040 좋아 보인다. 1505 01:05:04,040 --> 01:05:09,910 당신은 여기까지, Akshar을 볼 수 있습니다 우리는 널 (null), 발견하지 않았습니다. 1506 01:05:09,910 --> 01:05:14,760 여전히하려는 것처럼 보이는 거지 어떤 이미지를 발견하고, 그런 짓을하지 않았다 1507 01:05:14,760 --> 01:05:15,720 정확히 우리가하고 싶었다. 1508 01:05:15,720 --> 01:05:18,690 우리는 지금에 갈 수 있지만입니다 청소 방법은 거기에 아마 1509 01:05:18,690 --> 01:05:19,835 이 일을. 1510 01:05:19,835 --> 01:05:24,475 >> 청중 : 당신처럼 떠날 수 이미지의 빈 공간? 1511 01:05:24,475 --> 01:05:27,080 같은 대신 널 (null)로 설정, 당신은 빈을 좋아하는 설정할 수 있습니다 1512 01:05:27,080 --> 01:05:28,732 문자열이나 무엇인가? 1513 01:05:28,732 --> 01:05:30,020 >> 제이슨 허쉬 호른이 마음에 드 셨나요? 1514 01:05:30,020 --> 01:05:31,270 >> 청중 : 네. 1515 01:05:31,270 --> 01:05:36,894 1516 01:05:36,894 --> 01:05:38,144 >> 제이슨 허쉬 호른 : [청취]. 1517 01:05:38,144 --> 01:05:42,000 1518 01:05:42,000 --> 01:05:42,860 를 찾을 수 없습니다. 1519 01:05:42,860 --> 01:05:44,810 그래서 일을 더 나은 방법이있다. 1520 01:05:44,810 --> 01:05:46,290 나는이 일을 제안한다. 1521 01:05:46,290 --> 01:05:50,130 1522 01:05:50,130 --> 01:05:53,080 널 (NULL)이 설정. 1523 01:05:53,080 --> 01:05:54,200 그런 다음 물론, 그의 무슨 일이 일어날? 1524 01:05:54,200 --> 01:05:56,050 그것은 완전히 사라질거야. 1525 01:05:56,050 --> 01:06:01,420 우리는 공간을 유지하고 싶었 그래서 경우 즉, 우리는 아마 뭔가를 할 1526 01:06:01,420 --> 01:06:05,140 여기뿐만 아니라. 1527 01:06:05,140 --> 01:06:06,650 당신이 시작하는거야. 1528 01:06:06,650 --> 01:06:09,076 Akshar, 날이 선을 제공 코드 정말 빨리의. 1529 01:06:09,076 --> 01:06:17,480 >> 청중 : ocean_array 경우, 돌고래, , 등호, 동일 - 널 (null)와 동일? 1530 01:06:17,480 --> 01:06:20,342 그래. 1531 01:06:20,342 --> 01:06:21,466 >> 제이슨 허쉬 호른 : 그럼 뭐야? 1532 01:06:21,466 --> 01:06:24,046 >> 청중 : 다음 HTML을한다. 1533 01:06:24,046 --> 01:06:27,920 당신은 정말, 아래의 코드를 복사합니다. 1534 01:06:27,920 --> 01:06:29,100 >> 제이슨 허쉬 호른 : 무엇을 복사? 1535 01:06:29,100 --> 01:06:30,290 >> 청중 : 당신은 복사 할 수 있습니다 - 1536 01:06:30,290 --> 01:06:30,340 >> 제이슨 허쉬 호른이? 1537 01:06:30,340 --> 01:06:31,310 >> 청중 : 네. 1538 01:06:31,310 --> 01:06:33,115 >> 제이슨 허쉬 호른 : 그것의 모든? 1539 01:06:33,115 --> 01:06:35,082 우리는 이미지를 가지고 있지 않습니다. 1540 01:06:35,082 --> 01:06:37,386 >> 청중 : 나는 당신을 의미 단지를 남길 수 있습니다 - 1541 01:06:37,386 --> 01:06:39,651 그래, 당신은 그것을 닫을 수 있습니다. 1542 01:06:39,651 --> 01:06:41,560 그러나 나는 당신이 폭을 설정해야합니다 생각합니다. 1543 01:06:41,560 --> 01:06:45,280 >> 제이슨 허쉬 호른 : 음, 그냥 빈 열을 만들 수 있습니다. 1544 01:06:45,280 --> 01:06:45,910 OK. 1545 01:06:45,910 --> 01:06:48,480 그리고 그 경우, 우리는 아마 거 뿐만 아니라이 작업을 수행 할 수. 1546 01:06:48,480 --> 01:06:54,587 1547 01:06:54,587 --> 01:06:55,837 >> 죄송합니다. 1548 01:06:55,837 --> 01:06:58,810 1549 01:06:58,810 --> 01:06:59,820 오. 1550 01:06:59,820 --> 01:07:01,800 작동하지,하지만 우리는 아니에요나요 이 오류가 발생. 1551 01:07:01,800 --> 01:07:03,090 여기서 아래로 무슨 일이 있었는지 살펴 보자. 1552 01:07:03,090 --> 01:07:07,400 1553 01:07:07,400 --> 01:07:09,690 >> 그래서 거기에 아무것도 없다, 그래서 당신은 우리가 추가해야 말 했는가? 1554 01:07:09,690 --> 01:07:14,746 >> 청중 : 우리는 설정해야합니다 행의 폭. 1555 01:07:14,746 --> 01:07:15,585 >> 제이슨 허쉬 호른 : 무엇에? 1556 01:07:15,585 --> 01:07:17,590 >> 청중 : 나는 150의 생각. 1557 01:07:17,590 --> 01:07:19,650 >> 청중 : 네, 150이었다. 1558 01:07:19,650 --> 01:07:21,390 >> 제이슨 허쉬 호른 : 우리는이를 놓을 게요 일관성이 내 코드를 유지합니다. 1559 01:07:21,390 --> 01:07:21,730 하지만이 아니다. 1560 01:07:21,730 --> 01:07:22,350 좋은, OK. 1561 01:07:22,350 --> 01:07:23,050 배치. 1562 01:07:23,050 --> 01:07:25,650 OK? 1563 01:07:25,650 --> 01:07:28,241 그래서 여전히 멀리 것입니다. 1564 01:07:28,241 --> 01:07:29,780 >> 청중 : 오, 폭 전화? 1565 01:07:29,780 --> 01:07:32,570 1566 01:07:32,570 --> 01:07:35,140 >> 제이슨 허쉬 호른 : 그것은 본다 같은 폭은 150입니다. 1567 01:07:35,140 --> 01:07:36,290 보자. 1568 01:07:36,290 --> 01:07:39,375 이제 우리는 마지막을 할 것입니다, 난 멋진, 강력한 것 1569 01:07:39,375 --> 01:07:40,500 당신을 보여 주겠다. 1570 01:07:40,500 --> 01:07:43,830 우리는이 코드를 마무리하려고하지만,하지 않을 우리는이 모든 일을 종료하기 전에 온라인으로 1571 01:07:43,830 --> 01:07:44,580 코드는 올바른 것입니다. 1572 01:07:44,580 --> 01:07:48,970 나는 당신에게 수정 된 버전을 이메일로 보내 드리겠습니다 내 자신의 스타일의 일부 이후로 1573 01:07:48,970 --> 01:07:51,020 섹션, 그리고 온라인으로 게시 할 수 있습니다. 1574 01:07:51,020 --> 01:07:53,920 나는이를 탐험 유지하는 것이 좋습니다 그리고 참고로 사용하지만 1575 01:07:53,920 --> 01:07:58,250 당신이에 대한 최종 도구를 표시 할 클래스, 그것은 여기에있다 1576 01:07:58,250 --> 01:07:58,920 오른쪽. 1577 01:07:58,920 --> 01:08:01,700 그리고 우리는 지금이 지난 주에있었습니다 만, 잘하면 좀 더 친숙한 1578 01:08:01,700 --> 01:08:02,970 당신이 편안합니다. 1579 01:08:02,970 --> 01:08:06,730 >> 동적으로 재생할 수 있습니다 페이지의 CSS와. 1580 01:08:06,730 --> 01:08:09,570 우리는 실제로 이미 우리를보고있어 동적 HTML 재생합니다. 1581 01:08:09,570 --> 01:08:13,470 우리는 바로에게 한 기억 HTML로 편집을 클릭? 1582 01:08:13,470 --> 01:08:14,090 바로 여기? 1583 01:08:14,090 --> 01:08:16,080 그래서 우리는 동적으로 연주했습니다 HTML과 함께. 1584 01:08:16,080 --> 01:08:20,620 >> 콘솔에서 동적으로 재생할 수 있습니다 페이지의 자바 스크립트와. 1585 01:08:20,620 --> 01:08:24,899 예를 들어, 그 유효한의 자바 스크립트 라인. 1586 01:08:24,899 --> 01:08:26,870 붐, 내가 뭘 원하는지 정확히 얻었다. 1587 01:08:26,870 --> 01:08:30,060 그래서 우리는 동적으로 재생할 수 있습니다 HTML은, 동적 놀이 1588 01:08:30,060 --> 01:08:30,550 자바 스크립트. 1589 01:08:30,550 --> 01:08:32,810 이제 우리는 동적으로 갈거야 CSS와 재생. 1590 01:08:32,810 --> 01:08:36,630 >> 이처럼 때문에이 모든입니다 순간, 당신은 너무 GDB 피드백을 살고, 1591 01:08:36,630 --> 01:08:39,979 하시기 전에 뭔가의 권리를 알 수있다 코드를 이동, 당신은 할 수있는 1592 01:08:39,979 --> 01:08:41,790 뭔가가 무엇을 생각하지 처럼 보이게하는 것. 1593 01:08:41,790 --> 01:08:43,050 그래서이 최고 이죠 멋지다. 1594 01:08:43,050 --> 01:08:45,850 >> 그리고 이제 마지막으로 동적으로 살펴 보자 CSS와 함께 연주. 1595 01:08:45,850 --> 01:08:49,560 즉, 오른쪽에 여기 편, element.style. 1596 01:08:49,560 --> 01:08:50,420 의이 가자. 1597 01:08:50,420 --> 01:08:51,740 여기에 우리의 요소입니다. 1598 01:08:51,740 --> 01:08:54,689 의는 몇 가지 여분의 CSS를 줘 보자. 1599 01:08:54,689 --> 01:09:00,300 >> 아니면 죄송합니다, 우리는 그것을 몇 가지 여분을 줄 수 CSS 있지만, 아마도,이 경우, 1600 01:09:00,300 --> 01:09:03,330 이 속성을 변경하고 싶습니다. 1601 01:09:03,330 --> 01:09:05,535 그래서이 줄을 여기에 내려 가자. 1602 01:09:05,535 --> 01:09:06,785 아, 여기 그렇게 할 수 없습니다. 1603 01:09:06,785 --> 01:09:11,109 1604 01:09:11,109 --> 01:09:11,689 미안 해요. 1605 01:09:11,689 --> 01:09:12,939 AS 편집 - 1606 01:09:12,939 --> 01:09:17,410 1607 01:09:17,410 --> 01:09:19,270 그래서 당신이 CSS를 편집 할 수있는 방법입니다. 1608 01:09:19,270 --> 01:09:21,804 우리는이에 CSS를 편집하지 않을 수 있습니다 두 번째, 그러나 우리는 편집 할 않는다 1609 01:09:21,804 --> 01:09:24,439 HTML과 줄 추가 속성. 1610 01:09:24,439 --> 01:09:26,762 이 작업을하기 위해 변화하는 무엇을 제안 했는가? 1611 01:09:26,762 --> 01:09:30,069 1612 01:09:30,069 --> 01:09:31,170 나는 아비는 제안을했다 생각했다. 1613 01:09:31,170 --> 01:09:32,420 >> 청중 : 골 폭? 1614 01:09:32,420 --> 01:09:38,880 1615 01:09:38,880 --> 01:09:40,560 >> 제이슨 허쉬 호른 : 그처럼 보였다 그것도 아무것도하지 않았다. 1616 01:09:40,560 --> 01:09:43,390 1617 01:09:43,390 --> 01:09:45,803 이제 CSS를 해보자. 1618 01:09:45,803 --> 01:09:46,707 >> 청중 : [청취] 클래스? 1619 01:09:46,707 --> 01:09:48,310 >> 제이슨 허쉬 호른 : 그것은 말한다 그것은 작동하지 않습니다. 1620 01:09:48,310 --> 01:09:49,260 그것은 그 노란색 일을 할 수 있습니다. 1621 01:09:49,260 --> 01:09:51,660 >> 청중 :하지만 [청취]. 1622 01:09:51,660 --> 01:09:56,883 >> 청중 : 당신은 폭을 설정하지 않는거야 150 이미지의 당신은 그렇게 할 때? 1623 01:09:56,883 --> 01:09:59,741 같은 당신은 폭을 사용하지 않을까요? 1624 01:09:59,741 --> 01:10:00,740 >> 제이슨 허쉬 호른 : 네. 1625 01:10:00,740 --> 01:10:02,785 >> 청중 :하지만 우리가하지 않아도 더 이상 이미지. 1626 01:10:02,785 --> 01:10:03,340 >> 제이슨 허쉬 호른 : 호 1627 01:10:03,340 --> 01:10:04,290 우리는 거기에 아무것도하지 않습니다. 1628 01:10:04,290 --> 01:10:07,990 그래서 우리는 해결하지 않을거야 특정 문제. 1629 01:10:07,990 --> 01:10:11,190 우리는 Akshar의로 돌아갈거야 솔루션, 난을 설정하고자하기 때문에 1630 01:10:11,190 --> 01:10:14,160 당분간 무료 돌고래, 또는 그 마지막의 1631 01:10:14,160 --> 01:10:14,710 내가 마무리 할 것. 1632 01:10:14,710 --> 01:10:18,340 그래서 우리는 여기를 떠날거야 인식하는 동안은 꽤의 1633 01:10:18,340 --> 01:10:19,870 올바른, 우리는거야 여기에 다시 올 수 있습니다. 1634 01:10:19,870 --> 01:10:21,230 >> 미안 해요. 1635 01:10:21,230 --> 01:10:23,380 나는 우리가 동적으로 수 있다고 말했다 CSS를 변경합니다. 1636 01:10:23,380 --> 01:10:26,060 의 그보고하자 그 정말 빠르게. 1637 01:10:26,060 --> 01:10:28,910 내가 여기까지이 요소를 검사 그렇다면, 그리고, 내가 블루하고 싶은 말 1638 01:10:28,910 --> 01:10:32,850 당신이 여기에 올 수, 색상, 때문에 나는 그 색상의 변경을 알고 1639 01:10:32,850 --> 01:10:36,710 무엇인가, 우리는 보았다 방법 그것은 파란색으로 변경. 1640 01:10:36,710 --> 01:10:38,850 그래서 동적 나야 CSS를 변경. 1641 01:10:38,850 --> 01:10:42,150 다음 이익을 위해 변경하지 않지만 내 CSS 파일로 돌아갈 수 있습니다 1642 01:10:42,150 --> 01:10:44,990 개체의 색상을 변경할. 1643 01:10:44,990 --> 01:10:46,610 >> OK. 1644 01:10:46,610 --> 01:10:48,180 즉, 많은이었다. 1645 01:10:48,180 --> 01:10:50,480 우리는 나의 놀라운 프로그램을 완료하지 않았다. 1646 01:10:50,480 --> 01:11:00,352 나를 그냥 빨리 보여 드리죠 그리고, 우리는 밖으로 머리를 수 있습니다. 1647 01:11:00,352 --> 01:11:01,860 아, 어디입니까? 1648 01:11:01,860 --> 01:11:02,710 안돼! 1649 01:11:02,710 --> 01:11:03,960 잠깐만. 1650 01:11:03,960 --> 01:11:19,650 1651 01:11:19,650 --> 01:11:24,350 >> OK, 당신이 포장하는만큼 놀라운 미리보기, 또는 전면 1652 01:11:24,350 --> 01:11:25,330 다음으로, 볼 수 있습니다. 1653 01:11:25,330 --> 01:11:30,880 이 돌고래 조련사 2013 그것은 작동하지 않습니다. 1654 01:11:30,880 --> 01:11:32,048 좋아요. 1655 01:11:32,048 --> 01:11:36,240 >> [웃음] 1656 01:11:36,240 --> 01:11:37,300 >> 제이슨 허쉬 호른 : 아! 1657 01:11:37,300 --> 01:11:38,085 붐! 1658 01:11:38,085 --> 01:11:38,950 이것은 무엇을 의미합니까? 1659 01:11:38,950 --> 01:11:39,700 >> 청중 : 당신은 chmod를하지 않았다. 1660 01:11:39,700 --> 01:11:41,430 >> 제이슨 허쉬 호른 : 나는 그것을 chmod를하지 않았다. 1661 01:11:41,430 --> 01:11:42,680 >> 대상 : 하나의 행. 1662 01:11:42,680 --> 01:11:52,774 1663 01:11:52,774 --> 01:11:54,930 >> 제이슨 허쉬 호른 : 아, 그 봐. 1664 01:11:54,930 --> 01:11:55,710 OK. 1665 01:11:55,710 --> 01:11:57,280 그래서, 나는 여섯 돌고래가있다. 1666 01:11:57,280 --> 01:11:57,730 어떻게됩니까? 1667 01:11:57,730 --> 01:11:58,060 보자. 1668 01:11:58,060 --> 01:12:02,595 내가 누군가를 훈련하는 경우, 지금 리리 훈련. 1669 01:12:02,595 --> 01:12:04,910 아,, 무료 리리 당신을 설정할. 1670 01:12:04,910 --> 01:12:06,660 거기 당신은 다시 바다에 간다. 1671 01:12:06,660 --> 01:12:07,950 >> 그래서 이번 주에 있었다. 1672 01:12:07,950 --> 01:12:09,500 당신은 질문이있는 경우에는, 우리는 밖에있을 수 있습니다. 1673 01:12:09,500 --> 01:12:11,340 그리고 또, 내가 당신을 보낼 것이다 이 코드의 나머지 부분. 1674 01:12:11,340 --> 01:12:12,590 고맙습니다. 1675 01:12:12,590 --> 01:12:15,723