ALLISON BUCHHOLTZ-AU : 좋아 모두.
절에 다시 오신 것을 환영합니다.
그것은 우리의 끝에서 두 번째 섹션입니다.
슬프다.
내가 할거야 모르겠어요 매주 월요일 너희들을보고하지 않고.
나는 우리가 그냥 ... 생각하는데 어쩌면 우리가 할 수 단지
여기에 만나 저녁 식사 또는 무언가가있다.
모르겠어요.
나는 음식을 대신 가지고 있습니다.
우리는 이야기 할 것입니다.
하지만 그래, 다음 주 것 우리의 마지막 섹션합니다.
>> 그 메모에서, 당신은 퀴즈 다음 주에있다.
나는, 내가 좋아하는, 내 할 것을 잊었다 알고 2 주 사전 통지 지난 주,
그러나 희망 너희들 이 온다는 것을 알고 있었다.
희망이 마지막 중 하나입니다 학기 너희들을위한 중간 고사.
그러나 그것은 모두를 커버 것 우리가 이상 갔어요 재료.
그래서 당신이 잊을 수처럼하지 약 4 루프 또는 변수입니다.
우리가 배운 때문에 처음에 그,
사람들은 분명히 있습니다 퀴즈에 대한 공정한 게임.
>> 그것은으로 같은 형식을거야, 같은 길이는, 당신 때문에 이미하는 데 사용됩니다.
있을거야 손 문제로 부호화,
어쩌면 일부 허위 사실, 어쩌면 약간의 짧은 대답.
그래서 당신은해야합니다 형식을 잘 알고,
특히 당신이 먹는 경우 연습 시험.
내가 여기서 말을하지만, 그건 누적, 그러나 우리는 확실히있어
예정에 집중한다 이후 일주일 만 6 가지.
그래서, 우리는 아마 야하지 않을 얼마나 많은 바이트에 대해 물어
각 유형에 있거나 사물의 그 종류,
그러나 우리는 아마 될거야 연결리스트 같은 것들에 관심,
또는 상이한 데이터 구조, 또는 서로 다른 알고리즘
우리는 이야기했다고.
그래서 당신이 정말로있어 확인 그 최대, 그리고 경우
모든 자원이 필요합니다, 여기에 자원을 많이합니다.
난 그냥 종류의 준 이 빠른 목록.
>> 다음 주 퀴즈 될 것입니다 이 시간 동안 검토합니다.
당신은 질문이있는 경우에는 그래서 또는 특정 주제,
퀴즈에 특정 일이 당신은 가서 싶은데요
내가 할 수있는, 그래서 시간 날을 앞두고에게 보내 가지 그 몇 가지 재료를 준비합니다.
그리고이 외에 섹션 검토, 우리는거야
또한 개최 과정 전체 우리가 지난 시간에했던 것처럼 검토합니다.
그리고 그것은 될 것 같은 사람에 의해 수행.
그 경우 모르는 더 나은 또는 악화,
하지만 날이 될 것, 다시 한나, 다반, 그리고 게이브.
당신이보고 싶지한다면 우리 서로 모든 농담
퀴즈를 안내 검토, 당신은 확실히해야
또한 그 다음주 월요일에 온다.
그래서 그냥 월요일 잼있을 것이다 좋은 퀴즈 검토의 포장
다음 화요일이 있기 때문에 모든 것을 통해 처리한다.
>> 그러나 확실히 확인 할 이러한 리소스가 부족합니다.
Study.csv.net 나는, 지금까지 가장 유용 하나, 생각
대부분이이 때문에 샘플 코드를 많이,
모든 전원 포인트가 에있는 모든 메모와 함께,
이는 내가 가장 그리는 것을 정말 에서 내 섹션 재료.
아무것도 이전에이 있다면 나는 발송 수도 섹션
당신은하지 않을 수 받고, 그냥 알려 주시기 바랍니다.
지난 주 예제 코드처럼, 사람이 그렇게하지 ​​않은 경우,
다만 저를 이메일을 보내거나 나에게 이야기를 와서, 나는 당신이 그것을 얻을 수 있는지 확인합니다.
>> 그와 함께 그래서, 오늘 우리는 가고있다 자바 스크립트에 대해 이야기합니다.
그래서 나는 여기이었다 토미, 우리 지난 밤에 이야기.
토미를 사랑 해요.
자바 스크립트는 자신의 좋아하는 언어, 그는 여기에서 말하는대로.
그들은 시도하고 있다고 말해주지 최고는, 그들은 잘못된 것입니다.
토미는 자바 스크립트 마스터입니다.
나는 그의 꽤 아니에요 수준,하지만, 같은했다
"토미, 어떻게 가르치는가 아이들 자바 스크립트? "
그래서 나는 그래서, 몇 가지 팁을 얻었다 희망 그들은 운동.
>> 그래서 알아야 할 몇 가지가 있다는 것입니다 자바 스크립트는 클라이언트 측 스크립팅이고
언어, PHP 뭔가 반면 그래서 우리가 더 많은 서버 측 간주 것을,
또, 서버에 업로드 된 컴파일이 실행된다.
이 하나가 실행된다 자신의 컴퓨터에.
OK?
그래서 당신은 어떤 자바 스크립트 페이지를로드, 그것은 당신의 컴퓨터에서 실행합니다.
구문은 C와 PHP와 매우 유사합니다.
우리는 통과거야 자바 스크립트의 예,
당신은 것을 보게 될 것입니다 우리는 변수에 대해 이야기 방법은, 루프
조건은 모두 매우 유사하다.
OK?
그들이 매우 유사하다는 사실은 아마 당신의 일부를 여행, 갈
촬영, 일부 경우에, 단지 때문에 당신은 C의 약간을 포함합니다
이 곳이어야한다.
어쩌면 당신은 시도하고 뭔가를 입력 그것은 입력하지 말아야 할 때.
>> 그리고에, 한 가지에 알고 있다는 것입니다 자바 스크립트
동적으로 입력된다 PHP와 같은 언어,.
너희들이 기억한다면 지난 주 섹션에서,
우리가 친절 할 때의 일을 우리의 PHP의 충돌 과정,
우리는 문자열 하나가 될 수있는 방법을 살펴 보았습니다 INT의 하나로 설정, 등.
당신의 변수의 유형 런타임에 결정된다,
그래서 그들은을 통해 변경 될 수 있습니다 프로그램 물론
그리고 같은 방법으로 그 우리 결코 정말 PHP 변수 유형을 선언,
우리는 같은 일을 할거야 여기 것은, 우리가 정말 아니에요 곳
우리의 변수 타입을 제어 우리는 C에서처럼 그렇게, 말하자면
>> 그리고 한 가지 그것은 정말 멋진이입니다
당신은 오류 할 수있는 콘솔을 통해 확인,
이 위대한 기능 CONSOLE.LOG, 어떤
당신이 다른 밖으로 인쇄 할 수 있습니다 변수 나 우리는거야 개체
에 대해 이야기.
그냥이 때 지난 주 같은 같은, 덤프 "이 기능을 사용"
네 PSET에서이 함수이다 당신이 사용하는 CONSOLE.LOG을 원한다.
난 너무 놀랐다 얼마나 많은 근무 시간에 학생들
덤프 기능에 대해 알고하지 않았다.
그리고 난 사람처럼, "이 뜻이었다 당신의 인생을 너무 쉽게합니다. "
>> 좋아, 그래서 좀했다 그냥 간단한 것, 항상,
우리는 증거를 가지고 있습니다.
너희들이 그 사랑 알고있다.
그래서 여기 아주의 예 간단한 자바 스크립트 파일을 여기에.
그래서 그냥 만들 것 라고이 팝업,
"안녕하세요!"를 페이지를 입력하지만하자
시도하고이 조금 통해 도보.
그래서 분명히 이것은 단지입니다 일반 index.html을있다.
그래서, 여기에 우리의 기본 서식 파일, 그리고 우리는 우리가 우리의 머리를 가지고, HTML을,
단지 CSS와 같은, 우리는 어떻게 오른쪽, 일부 외부 파일을 포함?
우리는 일부 스크립트 유형이 자바 스크립트입니다 텍스트입니다.
그리고 소스는 hello.js입니다 이는 아래로 여기에있다.
이 hello.js의 전체 파일입니다.
그리고 우리는 몇 가지가 제목과 일부 신체 HTML
우리가 정말 신경 쓰지 않는다.
>> 무엇 일어나는 것은, 우리가이 페이지를로드 할 때, 자동이 스크립트를 실행합니다.
OK?
그래서 자바 스크립트는 것 자동으로 실행합니다.
그래서이 할 무슨 일이 일어나고 있는지, 돼가 바로 가서이를 실행합니다.
그리고는 "경고를 말할 것입니다.
전 세계 여러분 안녕하세요. "
이 함수는 어떤 경고입니다 실제로이 상자를 생성합니다.
OK?
그래서 가지 모두를 포괄합니다.
아무것도 우리가 가진 여분 없다 다만 경고 외에 할 일,
그리고 우리가 원하는 건 뭐든 우리의 경고 상자 내에서.
OK?
그래서 그냥 슈퍼 간단합니다 자바 스크립트가 수행 할 수있는 작업의 예.
>> 정말 멋진 중 하나 일, 우리가 살펴 보 겠지만,
자바 스크립트가 당신을 수 있다는 것입니다 웹 페이지를 조작하고,
않고도 그들에게 모든 시간을 다시로드합니다.
당신은 예를 들어 원하는 건 ... 그래서, 만약의 경우 당신이 뭔가를 가리키면된다,
너희들은 적있는 경우 메뉴 바처럼 보이는,
또는 일부 가리키면 주제는, 드롭 다운 메뉴가 나타납니다
그 때문에 자바 스크립트입니다.
OK?
그래서 전체를 다시로드하지 않을 페이지는이 메뉴가 표시 얻을 수 있습니다,
당신은 몇 가지 구체적인 찾고 사용자가 취한 조치
저희는거야 그 이벤트라고합니다 에, 당신은 당신이 말하는 것을 참조하면,
"OK,이에 뭔가를 편집 페이지와는 다른 보이게,
그러나 이러한 특정 일을 편집 할 수 있습니다.
전체를 다시로드하지 마십시오. "
그래서 실제로는 훨씬 좋네요이며, 당신은, 당신의 페이지를 다시로드 할 필요가 없습니다
그것은 정말 멋지다.
>> 그래서 변수 선언, 그래서 당신은 가지 볼 수 있습니다
나는 느슨한 타입, 여기에 상단에 넣어.
그래서이 매우 PHP 같다.
우리는 말할 필요가 없습니다 어떤 종류의 우리가있어 자바 스크립트
이러한 각 변수를 기대하는 것은 수 있습니다.
그들은 우리가 원하는 유형이 될 수 있습니다.
이 경우 통지 그래서, 우리는 선언 그냥 "VAR"로 매우 간단하게,
다음 무엇이든 우리가 원하는 우리의 변수 이름이어야합니다.
주의 할 점은 때를 그 변수 이름 앞에 VAR을 넣어,
그것은 로컬로 스코프.
OK?
그것은 당신을 위해 완전히 합리적 완전하게 VAR을 지 웁니다
단지들 CS50에 해당 있고, 그건 그냥 전역 변수가 될 것입니다.
OK?
그래서 당신은 그것을 두 가지를 초기화 할 수 있습니다, 당신이 원하는 방법에 따라 달라집니다.
당신이 초기화하는 경우 그래서 함수 내에서,
당신은 그 변수를 원하는 그 함수 내에서 범위 유지
당신이하고 싶은거야 VAR 같은은 변수의 이름을
당신이 그것을 원하는 경우에 대 전 세계적으로는, 범위
단지의 이름을 수행 할 수 있습니다 변수 다음
당신이 원하는 무엇이든 그것과 동일하게 설정.
OK?
>> 이, 아래로 여기에 멋진 물건의 종류 우리는 우리의 변수가 나는 경우 때문에
B는 참으로 밖으로 시작합니다.
그리고 무슨 일이 수 does-- 사람이 무엇을 말해?
그래서 우리는 몇 가지 경고를 가지고있다.
무엇 B의 입력합니다 처음에?
청중 : 부울.
ALLISON BUCHHOLTZ-AU : 부울.
오른쪽.
그리고 우리는 B를 재 할당 이 문자열에, 오른쪽?
그래서 여기에, B의 종류는 수?
그것은 바로, 문자열 것?
그렇다면에게 중요한 통지는 우리는 그 C에
거의 할 수 없었다 그런 식으로.
우리는 변수가해야 할 것이다, 다른 무언가로 캐스팅,
어쩌면 두 사람과 함께 몇 가지 기능을 수행 난, 정수로 충전으로 이동합니다.
그러나 우리는, 나 여기가 나는 경우 아주 쉽게 입력 변경합니다.
>> 청중 : 잠깐, 그래서 당신은 할 수 있습니다 "정수 b를 만들어?"처럼
>> ALLISON BUCHHOLTZ-AU : 네.
당신은 정수로 B를 다시 할당 할 수 있습니다.
>> 관객 : 정말?
>> ALLISON BUCHHOLTZ-AU : 네.
그리고, 그것은 INT 것입니다.
그래서 변수를 통해 변경할 수 있습니다 또한 프로그램의 과정.
그들은 엄격한 타입되지 않습니다.
그것은 매우 느슨하게 입력됩니다.
OK?
기본적으로 당신의 변수는 뭐든 할 수 우리가 가지 PHP와 본 것처럼 그들은 할 수 있습니다.
그들은 너무, 어떤 미친 일을 할 수있다 꽤 조심하는 것이 중요합니다.
당신의 변수 이름을 지정합니다.
당신은 갑자기하지 않으면 당신처럼 될거야
"나는이를 생각, 대기 문자열, 지금은 INT이다,
난 정말 모르겠어요 무슨 일이야. "
그래서 이것은 단지 간단한 예입니다 표시 방법 변수는 작업을 쉽게 할 수 있습니다
유형을 통해 변경 프로그램의 과정.
>> 확인을 클릭합니다.
그래서이 보일 것입니다 슈퍼, 슈퍼 익숙한.
그래서이 자바 스크립트에서 우리의 루프이다.
이들은 제외 정확히 동일 대신 내가 제로 같다 네 INT의,
우리는 var에 내가 0이 말할 수 있습니다.
그리고 우리는 우리의 동일한 종류를 가질 수 상태의 업데이트 같은 종류의,
내가 플러스 플러스 잘 작동합니다.
발로이 동일하므로, 그런데이 동일
및 수행 그런데 정확히 동일합니다.
일반적인 형식의 동일한 종류.
우리는 알, 네, 괄호, 브래킷은, 모두 동일한이다.
또한 세미콜론이있을 것이다 우리는 예제 코드에 도착하면.
당신은 예쁘다 볼 수 있습니다 C와 같은 많은.
>> 함수 선언의 경우, 다시 매우 유사.
우리는 몇 가지 기능을 가지고 그 단지 이 함수의 다음 말한다
의 이름을 우리의 함수 및 입력한다.
그리고 우리는, 우리를 다시 한번 주목 경우 무엇이든지 여기에는 유형이 없습니다.
오른쪽?
우리는 아무 것도이 말하는 없었다 정수 또는 복식, 또는 수레해야합니다.
그들은 그들이 원하는대로 될 수 있습니다.
중요한 것은 것을 알아 차리지입니다 우리는 사전에 함수를 작성해야
자바 스크립트가 있음을 알려 이 실제로 기능입니다.
>> 그래서 이것은 단지 몇 가지 간단한 합 X 또는 Y를 반환 기능,
다음 무엇도 멋진 당신이 실제로 할 수있다
변수에 함수를 할당합니다.
이 경우, 합이다 해주기 실제로 합을 수행 기능.
여기에 통지 할 경우, 우리는이 함수, 함수의 이름, 입력.
오른쪽?
여기에서 우리는 기능과 입력을 가지고있다.
그래서이 익명 함수라고합니다.
그리고이 새로운해야 뭔가가있다 당신의 가장들에게, 여러분 모두 아니라면.
그래서 기본적으로 그 무엇 수단은 우리가하지 않는 것입니다
의 이름으로해야 우리 이 경우 기능.
우리는 OK, 내가 갈거야 "라고 말할 수 있습니다 여기에, 실행이 기능이
그 입력이 있고, 여기에 그것은 무엇 할 것입니다. "
그리고 특히 당신은 할당 할 때 일부 변수에 함수
당신이 조작 할 거라고, 당신은 필요하지 않습니다
때문에 이름을 붙여야 당신은 참조 할거야
이 변수에 의해 그것에 이름이 아닌 어떤으로
함수가 실제로 호출되었습니다.
OK?
>> 우리가 여기에 참조 할 경우, 우리 이제 몇 가지 변수 합이
그와 같다 셋, 다섯의 합.
그리고 우리는이를 얻을 것입니다.
그리고 이것은 단지 몇 가지 경고를해야, 세 플러스 다섯 수와 같습니다.
이 플러스는 연결할 것 무엇이든 우리의 대답은 문자열에 있었다.
또한 멋진 플러스 문자열을 연결할 수 있습니다.
>> 자바 스크립트, PHP와 같은, HTML 및 CSS 우리가 말했듯이,
그것을 많이 복용하고 종류의 우리 여기에 떨어져 훈련 바퀴
너희들은 노하우를 많이 가지고 어떻게 정말이 일을 이해합니다.
그들은 약간 다르다, 그러나 그들은 그렇게 외국 아니에요
당신이 일을 구글로 할 수 없습니다 또는 W3 학교와 온라인으로 찾아보십시오.
그리고 우리는 정말 당신을 기다리고있어 , 가지, 실험에들
당신의 자신에 대해 알아 봅니다.
그래서, 나는이 조금 보일 수 있습니다 알고 C의 몇 가지보다 철저한
우리가 할 수 있지만 그 이유가 실제로 있습니다.
그러나 희망은 너무 아니다 다른, 그리고 압도적 아니다.
>> 자바 스크립트에서 배열 그래서, 다시 매우, 매우 유사합니다.
오른쪽?
우리는 몇 가지 변수 배열을 즉, 빈 괄호 동등하게
그리고는 하늘의 배열입니다.
이 종종라고합니다 문자 배열 표기법.
즉, 우리가 그것을 호출 한 가지입니다.
우리가 여기에 배열이 표시되면, 우리는 몇 가지가 세 가지 요소가 문자 배열,
오른쪽?
그리고 우리는 몇 가지가 의 VAR 세 번째 요소
단지 몇 가지 변수 , JS를이 문자열을 개최 할 예정.
>> 알 좋은 요소, 쉼표로 구분됩니다,
단지 우리가 기대할 수있다.
우리가 그랬던 것처럼 그리고 당신은 또한, 이들에 액세스 할 수 있습니다 이 지수 표기법으로 C에서, 맞죠?
PHP에서 그래서 다른 지금, 우리는 돌아 간다
그냥 가지 언급에 인덱스에 의한 것들.
그냥 C처럼, 그것은 또한 제로 인덱스입니다.
정말 잔인 할 것 같은 느낌 그들은 갑자기 자바 스크립트를 만든 경우
인덱스, 당신은에 있었다 완전히 당신이 배열에 대해 어떻게 생각 재고.
>> 한 가지 좋은 점은 그 대신하다 의 적 경우하더라도 - 필요
배열의 길이를 원했다 어쩌면 당신은 그것을 통해 반복
당신이 때까지 약간의 끝을 찾거나 당신은 그것이 무엇인지 알게 될 것입니다.
자바 스크립트보다 매우 느슨하기 때문에 단지 유형과 방법으로 우리는 여기에서 볼
우리는이 배열을 만들 수 있습니다 더 큰 우리가 결정하기 때문이다.
우리는 배열 세를 통지하는 경우 시작하는 세 가지가 있습니다
하지만 갑자기, 아, 그냥 농담 "처럼 우리가있어.
우리는 실제로거야 그것은 101 일을 확인합니다. "
혹시 알고 싶다면 배열의 실제 길이,
이 같은 해.
그리고 우리는 많이 볼거야 예이 표기법,
하지만 자바 스크립트 그것은 일반적으로 뭐든지
당신에 대해 얘기 객체 기능의 점은 어떤 종류의
당신은에 적용 할.
OK?
>> 이 경우에 따라서 우리의 목적은 두 가지이다 어레이
우리는 우리가 원하는 말 배열 두 가지의 길이.
그래서 이것은 단지에 길이처럼 호출합니다.
그리고 그것은 당신의 길이를 반환합니다.
또한주의해야 할 일이다 우리는 우리의 배열이있을 때는 그,
C는 달리, 그들은이 없습니다 동일한 유형의 모든합니다.
이것은 PHP와 같은 훨씬 더.
자바 스크립트처럼 기본적으로 C와 PHP의 흥미로운 MELD.
그래서 우리는 들어갈 것이다.
지금은 그냥 가정하자 당신의 배열은 기본적으로 있음
점에서 C 배열, 같은 그들은 제로 인덱스됩니다.
좋아, 그럼 그게 전부입니다.
또한 단지를 확장 할 수 있습니다 당신이 원하는대로 인덱스 배열입니다.
이 아마에 세그먼트 인 반면 당신의 과실이나 몇 가지 오류를주고,
자바 스크립트는 아니, 괜찮아요 "등이다.
나는이 있어요.
우리는 단지 바로 갈거야 여기서 당신이 원하는. "
>> 좋아, 그럼 객체는 매우 중요하다.
너희들이 많이 사용됩니다 당신의 P 세트에, 경우 내가 정확히 기억.
이러한 있다는 것은 그래서 C에서와 마찬가지로 구조체이다.
그래서 당신은 때하는 .. 생각할 수 우리는 예로 이동 오른쪽
이 후 나는 것 같아요 훨씬 더 sense-- 확인
그러나 우리는 기본적으로 개체를 사용 물론 관련 정보를 구성 할 수 있습니다.
우리에 대해 이야기 할 때 C에서 구조체, 우리는 자주
어떤 이름을 가진 학생에 대해 이야기 ID, 집, 당신이 알고, 농도.
그리고 그 같은 일 가지이다 것을 우리는 여기에 대한 객체를 사용합니다.
그것은 정리하는 단지 유사한 정보.
>> 당신은 또한 더 이러한 생각할 수 PHP에서 배열을 연관 유사합니다.
그래서이 일이 어떤 종류의 것 우리가 어떤 값으로 몇 가지 키가 어디에,
PHP와 매우 유사합니다.
그래서 당신은 어떤을 초기화 할 수 있습니다 빈 객체, 우리가 여기서 보는 바와 같이,
다만 중괄호.
그래서 배열은 대괄호 있습니다.
빈 객체는 중괄호 있습니다.
잘 구분해야합니다.
그리고 이건 그냥 두 가지입니다 방법이 속성을 설정합니다.
그래서이 가지입니다 방법의 훨씬 더 그
와, PHP와 유사하다 우리의 우리의 키와 연관 배열,
우리의 가치 반면, 이 하나는 ... 당신거야
자바 스크립트에서이 훨씬 더를 참조하십시오.
이 협약지는 경향이있다.
그리고 같은 방식으로 우리가 행한 배열 두 점 길이는,이, 말하는
"OK, 줘봐 이 객체의 속성. "
오른쪽?
그래서 같았다 같은 방법은, "내게 줄 두 어레이의 특성 길이 "
이 좀 줄 ", 말하는 우리의 빈 객체의 속성입니다. "
아니면,이 경우에, 우리는 여기에 몇 가지 값에 할당.
하지만 당신은 그런 식으로 액세스 할 수 있습니다.
>> 그리고 여기 이것은 단지입니다 서로 다른 두 가지 경고를 표시합니다.
그래서이 경고를 보여 주 시겠어요 동일한 것,
그것은 단지 두 가지 방법이야 우리가 원하는 요소에 액세스.
즉, 모든 사람에게 의미가 있습니까?
나는이 같은 느낌 아마 더 의미가 있습니다,
단지 우리가 PHP의 떨어져오고있어 때문이다.
그러나 우리는 더 많은 예제,이 작업을 수행으로 그대로 정확하게 동일하다.
그것의 많은 단지 구문으로 변경됩니다.
>> OK, 예 그래서.
나는 예제를 사랑 해요.
그래서 여기에 몇 가지 CS50입니다 목적은 변수,
우리는이 모든 것을 저장 그것에 대해 정보를 제공합니다.
그래서 우리는 과정이, 강사, TFS, psets를은과 녹화.
그래서 우리는이 거의 아르 발견 다른 유형의 모든.
오른쪽?
그래서 개체를 저장할 수 있습니다 다른 종류의 속성.
아주이다이 겁니다 우리는 생각할 수 PHP에서 우리의 연관 배열과 유사한.
그래서 키, 값, 키, 값, 키 값, 기타 등등.
무엇도 같은 방법으로 흥미로운 우리가 배열 내에서 배열을 가질 수 있습니다,
우리는 또한 내의 개체를 가질 수 있습니다 객체 내에서 객체 또는 배열.
당신은 정말 제한되는 일은 없습니다 단지 사물의 하나 하나.
우리는 매우 Inceptionesque 얻을 수 있습니다 이 토끼 구멍 아래로 계속.
>> 우리는, 우리가 나는 경우 그래서 어떤 과정이 그
문자열의 문자열, 강사이며, 및 배열, INT, 부울.
그래서이 다른 모든 것들.
>> 좋아, 그래서, 우리는 또 다른 하나를 가지고있다.
이 경우, 우리는이 객체의 배열.
그러니 그냥 객체를 좋아하는 그것의 배열을 가질 수 있습니다.
우리는 또한 객체의 배열을 가질 수 있습니다.
이에 유용 할 수 있습니다 종류와 비슷한 생각
방법의 우리는 해시를했다 테이블, 우리는 어레이 있었다
모든 다른의 구조체의 유형이
다른했다 포인터 노드와 이것 저것.
그러나이 경우, 우리 객체의 배열을 가지고있다.
그래서이 배열처럼 의 연관 배열.
그래서 우리는 약간의 첫 번째 요소를을드립니다 이름 제임스와 객체가 될 수
그리고 윈 스럽 집.
>> 너희들은 기억하고 있습니다 이 매우 비슷한
마지막 PSET,와 어디 경우 , 데이터베이스에서 무언가를 뽑아
의 첫 번째 정렬 당신의 배열의 일이었다
에 대한 모든 정보 를 처음 만났을 사용자,
다음은에 인덱스했다 그들의 주식 또는 캐시를 얻을 수
또는 이것 저것.
그래서이 매우 동일 일, 조금 변경
의 구문에서, 약간의 변화 단어는 우리가 그들을 설명하기 위해 사용합니다.
>> 우리가 원하는 경우에 따라서, 사람이 알 수 있습니다 날이 경고는 여기에 어떻게 할 것인지?
또는 어떤이 비트 코드는 우리를 위해 할 것인가?
청중 : 그것은 당신에게 모든 이름을 줄 것이다.
ALLISON BUCHHOLTZ-AU : 오른쪽, 그것 때문에 다만 모든 이름과 경고 것
그것은 통과하기 때문 별장 난, 그래서 제로에서 시작했으면합니다.
그래서 OK 우리가 찾고,라고 말하고 싶지만 이 첫 번째 객체에있는
우리의 배열에서 첫 번째 슬롯이다.
그리고 그것은 나에게주고 말한다, " 해당 개체의 속성 이름. "
그래서 우리는 여기에서, 우리는 좋겠 스캔, 우리는 이름을 찾을 것,
우리는 인쇄 것 제임스, 몰리, 칼.
질문 지금까지?
자바 스크립트 불​​행하게도 당신이 될거야
당신을 찾는 많은 일을 자신의 구문을 파악,
그것과 씨름.
그러나 물론 난 항상 여기있어, 근무 시간은 항상 여기 있습니다.
이번 주 화요일에있을 수 있습니다.
당신이 있다면, 당신은 할 수 있습니다 이번 주에 날 찾아왔다.
그것은 잘 될 것입니다.
>> 좋아, 그럼 DOM은 문서 객체 모델이다.
그래서 그냥 방법입니다 우리는 생각하기 좋아하는
어떻게 우리의 HTML 및 모든 것에 대해 내에서이 구성되어있다.
이것은 매우 많은 일을하다 아마 당신의 퀴즈에 올 것입니다.
여기처럼 내 년, 그것이 알고 HTML 파일, 그것을 위해 DOM을 채우십시오.
그리고 당신은 단지 작은 일들을 채우십시오.
이 잘하면 쉽게 포인트를해야합니다.
희망 당신 알아요 ... 것이다
>> 청중 : [들리지]
>> ALLISON BUCHHOLTZ-AU : 그래서 여기이 나무를 볼?
>> 청중 : 네.
>> ALLISON BUCHHOLTZ-AU : 그래서 그들은 사용을 요청합니다
몸에서 어떤 일이 일어나는지에 기입합니다.
아마 몸에서, 우리는 몇 가지가 의 div는 또는 우리는 몇 가지 단락이
우리는 기입하도록 요청합니다 매우 이런 나무.
그래서 우리는 그것을 통해 걷고됩니다.
그래서 문서 객체 모델은 방법입니다
구조 및 생각하는 그래픽으로 우리의 HTML에 대한.
그리고 또한 우리가 얻을 때 더 자바 스크립트로,
그것은 될 것 방법 우리가 실제로
다른 조작 페이지의 요소.
우리는 서로에 액세스 할 수있는 방법이 필요하다 우리의 HTML에있는 것들,
그래서 이것은 우리에게 매우를 제공합니다 콘크리트 표준화 된 방법
다양한 웹 페이지에 걸쳐 그렇게 할 수 있습니다.
>> 그래서 우리는 걸을 경우 이 여기 물론
우리의 문서는 우리의 전체 파일과 같다.
그건 분명 의미가 있습니다 이 최고 일이라고,
그리고, 우리는 우리의 실제 HTML을, 어떤 여기에이 태그에 해당합니다.
또한 귀하의 태그는 들여 쓰기에 당신 경우 제대로,이 DOM 트리를 생성
슈퍼 간단한된다.
그래서 우리는 여기에 몇 가지 머리를 가지고있다.
우리는 약간의 몸을 가질 수 우리는, HTML 떨어져 줄기 참조
이는 우리가 머리와 몸이있는 이유도 바로이 때문입니다.
머리 내에서, 우리는 몇 가지가 제목 태그, 최종 제목 태그,
그래서 우리는 그 머리 뒤에 오는 알고있다.
그리고 우리의 제목 태그 내에서, 우리는 안녕, 세계를 가지고있다.
OK?
그래서이 모든 왼쪽 지점입니다.
그리고 오른쪽 지점에 대한 여기에, 우리는 우리가 HTML을 가지고 참조
OK 우리는이 머리 부분을했습니다, 우리는 단지 몸을 찾고
그래서 우리는 몇 가지 신체 영역을 가지고있다.
그리고 내 유일한 우리가 가진 것은 세계, 안녕하세요입니다.
OK?
우리는 같은 일이 있다면 일부 브래킷 페이지 다음
안녕하세요, 세계, 다음 다른 작별의 브래킷 P, 세계,
우리는 두 개의 거품을해야 여기서 떨어져오고.
그들이 몸에서 모두니까하지만 그들은 별도의 단락이 경우 야.
연습은 확실히있다 이전 퀴즈에서 그에,
뿐만 아니라 그것을에 온라인으로 많이있다.
OK 그래서, 이것은 단지 수 있습니다 우리는 친절하게 모든 것을 볼
사물을 조작 매우 체계적.
OK?
우리는 방법을 정확히 알고 이 트리를 통해 통과,
그래서 우리는 우리가 액세스하려는 것을 알고있다.
>> 우리가 원하는 이유 OK 그래서 이것은이다 모델의이 종류를 위해,
우리는이 같은 일을 사용할 수 있도록, 우리는 그들이 무엇을 의미하는지 이해,
그들은 표준화있어 우리가하는 모든 일에서.
그래서 문서 도트 제목은 그냥 our--의 제목이 모든
꽤 자기 ​​설명이다, 내가 생각하고 싶어요.
그래서 처음 세 예는 말,
"OK, 그냥 줘 이 웹 페이지의 제목입니다. "
그래서 당신을 줄 것이다 무엇 제목에 해당합니다.
>> 문서 도트 몸은 당신에게 줄 수 있겠나? 무엇이든 그 body 태그에 있습니다.
그래서 당신은 그 조작 할 수 있습니다.
및 문서 도트 바디 도트 HTML은 아주 멋진 하나입니다 입력
어쩌면 슈퍼처럼되지 않습니다 직관적이지만 내측 HTML
바로이 부​​분에 해당합니다.
그래서 당신은 원하는 경우 페이지에 텍스트를 조작,
일반적으로이 일을 할거야 몸 도트 내부 HTML 뭔가.
OK?
그래서 내부 HTML은 참조하는 경향이있다 어떻게 이러한 태그 사이에 실제로있다.
OK?
그리고 유용한 기능.
당신이 얻을 싶어한다면 이들 중 임의의 소자,
우리가 어떤 ID가, 클래스 이름 또는 태그 이름.
이것은 매우 유사하다 상황이 우리가 바로 CSS했던?
우리는 몇 가지 선택기를 어디에 그 태그 중 하나에 해당하는 클래스
우리는 그들, 또는 ID를주고있다.
이것은 매우 거의 같은 방법입니다.
당신이 뭔가가있는 경우 그 , 강아지의 일부 클래스가
당신은 태그 이름으로 요소를 되찾아, 당신은, 저기 또는 미안에 개를 넣어
클래스 이름.
당신은 거기에 점을 넣을 수 있습니다.
그것은 그 모두를 반환 할 것 그 클래스가 당신에게 요소.
그래서 그냥 그 조작 할 수 있습니다.
같은 방식으로, 어쩌면 단지 그래서, 어떤 헤더를 조작 할
일부 H1 헤더 우리가했던, 같은.
당신은 태그로 요소를 얻을 할 수 H1은 태그 이름이기 때문에, 이름을 지정합니다.
그리고 같은 방식으로, 당신은 얻으려면 독특한 것은, 당신은 GET 태그를 할 수 있습니다.
ID를 기준으로 요소를 가져옵니다.
그리고 그들은 실제로이 많이 있습니다.
이들은 매우 많은 세 같다.
그래서 당신은, 온라인 경우 나는 격려하는거야
당신이 할, 일부를 수행하는 자신의 연구,
나는 확실히 추천 그 모두를 찾고.
그들은 슈퍼 영웅이 될 수있다 유용, 특히
그냥 가지 조작 할 하지 않고 매우 구체적인 것들
통과 및 시도 모든 구문 분석합니다.
>> 좋아, 그럼 마지막 일 자바 스크립트 이벤트입니다.
그래서 때 이전에 얘기했다 웹 사이트에가는 약,
당신은 뭔가 이상 가져 가면, 또는 마우스 뭔가를 가리키면,
뭔가 다른 문제가 발생합니다.
이것은 우리가하고 싶은 것입니다 이벤트로에 대해 생각합니다.
우리는 그 힘을 가지고 그래서 onclick을 여기에 유용 할 수.
그래서 광산은 난있는, 호버이었다 확신, 그냥 가져가에 있습니다.
이들 또한 톤 당신을 찾을 수있다.
전체 목록은 온라인으로있다 여러 가지의
당신이 수신 할 수있다.
>> 그러나 자바 스크립트 이벤트는 기본적으로 그냥 물건에 응답
귀하의 사용자가하고있다.
오른쪽?
따라서 사용자는 않습니다 뭔가, 즉 이벤트가있어,
자바 스크립트가 응답 할 것입니다 그러나 당신은 그것을 싶습니다.
그에 따라 응답합니다.
이 경우, 우리는이 일부 창 도트 온로드.
그래서이 말씀을 "대기 윈도우의로드 때까지. "
OK?
그래서 때 모든 것이로드, 온로드, 당신은이 기능을 실행할 수 있습니다.
그래서 때 모든 것이 로드, 당신은거야
일부 검색 버튼을 가지고 즉, ID를 기준으로 요소를 가져옵니다
그것은 어떤 것을 인쇄 요소는 검색 버튼과 같다.
그리고 우리는이 변수가, 우리는 "OK, on​​click을."라고
그래서 우리는 딸깍 소리가 날 때 검색 버튼을,
이다이 기능을 실행 경고, 당신은 검색 버튼을 클릭했습니다.
>> 이 좋은 일은 ... 그래서 무슨 일이 여기에 약간의 그래픽 표현입니다.
그래서 우리의 문서로드, 즉 우리의 온로드입니다,
우리는 우리의 검색을 찾을 수 이것입니다 버튼.
우리는 우리의 검색 버튼을 찾고 있습니다.
그리고 검색 버튼은 다음 때 클릭, 그것은 바로 여기에 해당합니다.
onclick을.
그리고 우리는 마침내 우리의 사용자에게 경고 어떤 여기 마지막 줄입니다.
OK?
그 네 단계의 각 그러니 네 개의 상자에 해당
거기 바닥에.
즉, 모든 사람에게 의미가 있습니까?
>> 그리고 난 그냥 갈거야 한 가지 그 아주, 아주 간단하게, 제가 말할 것도
당신에게 사람을 격려 인에 더 많은 봐 가서
단지 라이브러리 jQuery를, 그 자바 스크립트의 상단에 내장되어 있습니다.
그것은으로, 슈퍼 유용 대부분의 라이브러리와.
많은 기능이 있습니다.
지금까지 뭔가가 있다면 그래서 당신은 자바 스크립트에서 수행 할
첫 번째 본능 생각 안
의, "어떤 기능을 수행해야 내가 코드? "그것은해야
"저 사람이야 보자 이미 나에게 이런 짓을. "
10 명 중 9 명의 배, 누군가가 이미 수행 한 것
그들은 아마 더 잘 수행했다.
사람들이 많은 시간을 보내는 자바 스크립트는 매우 널리 사용된다
그래서 사람들은 끊임없이 더 나은 만들려고 노력.
그리고 jQuery를 함수를 많이하고있다 그건 아마 당신에게 도움이 될 것입니다
최종 프로젝트에 당신이 있다면 웹 디자인 아무것도.
내가 말하고 싶은대로, "작업 아니 더 열심히, 더 똑똑. "
너희들이 그렇게하면 좋을 것입니다.
우리가 핵킹 마라톤에있어 언제하지 당신이 원하는 모든 강조했다.
난 당신처럼되고 싶어요 "나는있어 이. jQuery의 내 등에있어.
나는 이러한 기능을 작성할 필요가 없습니다. "
>> 에 따라서 두 가지 내가 갈거야, 기억
수 있도록 너희들은 더 많은 봐 자신에 jQuery를 넣습니다.
내가 무슨 말을하려고 해요 모두는 그것을이다 꽤 멋진 일을
당신의 생활을 할 수 있습니다 훨씬 쉽게.
하지만 당신은 무엇을 하시겠습니까 이는 어떤 파일입니다
당신이 그것을에 사용하는 거라고, 이 두 줄을 원하는 것입니다.
당신이 원하는거야 JS jQuery를 도트 JS의 스크립트.
그리고 실제로 소스 일부 URL 될 것입니다.
당신은 jQuery를, 구글을 구글로하는 경우 실제로 당신을 위해 모든 파일을 호스트합니다.
그래서 당신은 확실히 원하는 입력 대신 URL이.
난 그냥 여기 넣어 단순화하기위한.
이 모든 의미는 곳입니다 당신의 jQuery 라이브러리를 찾을 수 있습니다.
당신이 원하는하지 않도록 그것은 대규모의 자신의 컴퓨터에 호스트
이를 피할 수 있다면, 우리는 어떤 이유는 단지 구글의 URL에 넣어하는 경향이
당신을 위해 이러한 파일의 일부를 호스팅합니다.
OK?
내가 약속을 구글로 그것은있을 것입니다.
>> 그리고 어떤 당신이있어 자바 스크립트 파일
그래서 이것은 단지 몇 가지 외부 사용 자바 스크립트를 사용하고있는 파일입니다.
우리 CSS 링크 마찬가지로 파일이 물건의 같은 종류이다.
이것은 단지 파일에 링크 어디 자바 스크립트입니다.
그리고 몇 가지 예를 간단한 자바 스크립트.
그래서 우리는 그것을 통해 갈 것.
그리고 색인 자바 스크립트, 하는 자바 스크립트 파일을 여기에있다,
이 래퍼 가지입니다 당신은 jQuery를 위해 가지고있다.
당신은 거의 99.9있어 %의 시간 것
당신의 index.js 파일이있을 수 있습니다.
, 이것은 말씀 때문에 "아무것도 실행하지 않습니다
문서가 실제로까지 정확히 당신이 원하는이다 ", 준비.
, 문서가 준비되지라면 때문에 및 jQuery를이 일을 시작,
그냥 엉망입니다.
그래서 당신은 항상이 래퍼를 갖고 싶어.
그리고 거기에가는 것들에 대한, I 당신의 남자 '자신의 정독을 떠날 것이다.
>> 좋아, 그럼 질문은 바로 거기에있다 지금 일반적으로 자바 스크립트에 대한?
또는 DOM 모델?
그렇지 않으면, 우리는 멋진이 우리가 통과 할 수 예,
것을 너희들은 나에게 코드를 할 수 있습니다.
그러나 나는 또한이 될거야 슈퍼 좋은, 그리고 경우
아무 말도하고 싶지 않아 이들에 대한, 그 괜찮아요.
나는 또한 당신에게 예를들 수 있습니다.
그러나 아무 것도 파워 포인트 우리가 이동하기 전에?
쿨.
>> 너희들이 에너지 필요 같은 느낌.
그래서 나는 우리가 시작할 것 같아요 먼저 내 파티 예와.
우리는 세 가지 예를 가지고, 당신은 당신의 선택의 여지가.
그래서 우리는 시계, 우리가 가고있는이 실제의 클럭을 구현
시간이 지남에 따라 업데이트 할 예정.
우리는이 위대한 트위터 기능을 가지고있다.
당신은, 잠깐 알고이 겁니다.
우리는이 멀리 갈 수 있도록하는 것입니다.
빵.
확인을 클릭합니다.
>> 우리는이 위대한 트위터 기능을 가지고 여기, 내가 알고 ... 그 얘기, 오른쪽?
그것은 위대한 사람이 될 것입니다.
너희들은 흥분하고 있습니까?
즉, 수를 계산하는 것입니다 당신이 남아있는 자,
그래서 지금 입력하면, 분명히 그것은 여전히​​ (140)는 말한다
그러나 우리는 그런 경우가 아니다 알고있다.
그리고 우리의 마지막 하나 여기에, 파티 여기를 클릭하십시오.
무슨 일이 일어날 것은 때입니다 우리는 배경의 클릭
색상을 변경하려고.
그래서 너희들의 옵션을 가지고 어느 쪽이 먼저하고 싶어.
난 당신에 매우 쉽게 걸릴거야 약속드립니다.
모든 사람이 종류의 같은 느낌 오늘 키의 단지 매우 낮은.
그래서 방법을 안내합니다 우리는이 모든 것을 구현합니다.
당신은 차임하려면 에, 그 좋은,하지만
모든 사람이 좀 피곤해 보이는군요 같은 느낌.
그래서 나는 당신을 걸을 것이다 이러한 예를 통해.
우리는 뭔가를 말라 우리는 먼저하고 싶어요?
누구?
더 선호하지?
확인을 클릭합니다.
그거 알아?
우리는 파티에 있어요.
너희들이 쪼그 만 필요 같은 느낌 그래서, 우리는 먼저 자 하나를 수행합니다.
확인을 클릭합니다.
>> 그래서 우리는 이곳에가 그 무엇이다 왜 여기에 있지.
지금은 좋다.
확인을 클릭합니다.
그래서 우리가 여기있는 것은 단순한 HTML 페이지
너희들은 모든 슈퍼 영웅이 될 것을 마지막 두하여 pset에서 잘 알고.
우리는 여기에 우리의 문서 형식을 가지고있다.
모든 사람이 볼 수 있을까요?
확인을 클릭합니다.
쿨.
우리는 분명히 우리의 HTML을 가지고있다.
우리는 일부 헤더가 스타일 시트에 연결된 그
내 글꼴이 좋은 크고 굵게했다.
그래서 그것에 대해 걱정하지 마십시오.
>> 우리는 약간의 몸을 가지고 아이디 배경, OK?
우리가 될거야 때문에 배경을 변경.
그래서 우리는 변화 할 때 우리 몸의 배경,
우리는 2 주 전에서 기억 때 우리가 웹 페이지를 다루고있다.
그이 너무 좋아요.
그리고 우리는 신분증 파티 동일합니다.
이 시간의 심판 파운드는 것을 의미한다 동일한 페이지로 이동하는 것입니다.
그리고 파티를 위해 여기를 클릭 해주세요, 이는 우리가 그것을 클릭 할 때 왜,
그것은 다행히도, 색상을 변경해야합니다.
>> 그리고 우리는 여기에 몇 가지 스크립트가 바로이 파티 도트 JS에 연결되어
때문에 비어있는 파일, 우리는 아직 아무 짓도 안 했어요.
그리고 슬퍼.
그러나 곧,이 변경됩니다 색상, 그리고 그것은 굉장 할 것이다.
>> 그래서 난 그냥 너희들을 걸어 갈거야 우리는이 문제를 접근하는 방법을 통해.
제일 먼저 그 그래서 우리가 수행 할 수 있습니다,
우리의 배경을 변경하는 경우 몸은, 우선 우리는 할 수 있습니다
실제로 잡아된다해야 할 일 몸은 오른쪽 무엇입니까?
그래서 우리는 합계를 갖고 싶어, 우리를 배경, 그리고 당신이 나는 경우,
난 그냥 자동으로 단순히 타이핑을 시작합니다.
특별한 아무것도 없어 우리가 우리의 자바 스크립트 파일을 할 필요가있다.
나는 변수를 선언 시작할 수 있습니다, 임의 함수를 선언.
그리고 그것은 훨씬 더 자유 형식입니다.
C로, 우리는 당신을 모두 준 것입니다 이러한 하드 규칙은, 당신은, 성장
그래서 우리는, "나아가 같은거야.
무료합니다.
당신이 원하는대로 해. "
그리고 자바 스크립트가 무엇인지입니다.
그래서 우리는 여기에 몇 가지 배경이있다.
우리의 DOM 모델과 함께, 우리는 우리를 알고 문서 점이 요소를 얻을 수행 할 수 있습니다,
우리가 여기에있을 때는, 우리의 몸은 ID가 있습니다.
오른쪽?
그래서 우리는에 의해 문서를받을 수 있나요 수 있습니다 여기에 ID 및 간단한 하나입니다.
여기서 우리가 원하는 우리의 ID는 무엇입니까?
청중 : 배경입니다.
ALLISON BUCHHOLTZ-AU : 배경입니다.
완벽한.
그리고 마지막에 세미콜론.
즉, 아직 사라지지했다.
당신은 여전히​​ 당신의 세미콜론이 필요합니다.
확인을 클릭합니다.
그래서 우리의 첫 번째입니다.
그리고 우리가 뭔가를 클릭 할 때, 우리 잘 일어날 수있는 뭔가를 원하는?
그래서 우리는 몇 가지 변수를 할 수 있습니다 그 클릭을 기다리고.
우리가하려고하는 것은 우리가가는거야입니다 버튼에 우리의 링크가 더 유사합니다.
그래서 우리는 몇 가지 버튼을 할거야 그 ID를 기준으로 요소를 얻을 점 문서화 같습니다.
그리고 나는에 대해서 이야기하고있는 경우 링크를 클릭하거나 파티를 여기를 클릭하십시오
링크, 내 ID가 여기에 무엇을 할 수 있는가?
자.
올바른.
너무 나쁜 지금까지 확인을 클릭합니다.
모두가 우리가 무슨 일을하는지 얻을?
>> 좋아, 그럼 지금 우리가 우리의 버튼, 그리고 우리가 원하는
우리가 클릭 할 때 일이 변경 될 수 있습니다.
그래서 우리는 우리의 파워 포인트에서 기억한다면, 우리가 할 수있는 아주 간단한 일이
단지 버튼 점, 오른쪽의 onclick입니까?
그리고 몇 가지 기능을 동일하게 것입니다.
이 익명의 함수이다.
그리고 이것은 단지 난 실제로 뱉은 이 조금 더 큰 만들려고.
>> 그래서 난 그냥했다 여기에 나는, OK, 말하고있다
우리는 우리의 버튼을 클릭 할 때 어떤이다 우리가 방금 언급이 링크,
우리는 실행하려고 이 익명 함수.
우리는 어떤 입력을 필요하지 않습니다.
우리는 사용자가 말하는 것을 걱정하지 않는다.
그들은 그것을 클릭하면, 우리는있어 우리가 원하는 건 뭐든지 할 것,
이는 배경색을 변경한다.
OK?
우리는 어떤 입력을하지 않아도 그 이유는 그래서 우리는이 익명 함수를 가지고있다.
그리고 지금 우리는 실제로거야 이 함수를 작성합니다.
>> 그래서 여러 가지 방법으로 무리가있다 당신 임의의 색상을 생성 할 수있다.
내가했던 방법은은에 있었다 세 개의 난수를 생성
및 RGB 트리플로 변환.
그래서 이것은 당신에게 멋진을 보여줍니다 일 당신이 오 "같은 경우 것으로,
나는 임의의를 생성해야 수. "당신이 그것을 봤 경우,
이것은 당신이 찾아 낼 것입니다.
>> 그래서 우리는 서로 다른 세 가지가 일, VAR, 다시 빨간색하지, 녹색.
오른쪽?
그 그래서 세입니다 색상을 구성하는 것.
파란색, 빨간색, 녹색.
쿨.
그리고 우리가 할 수있는 일은 우리가 알고있는 것입니다 그것이 255 사이 일 필요가 있다는,
당신이 고개 경우 일부 난수 발생기,
당신은 수학 같은 것을 얻을 수 이를 보면, 이는 임의의 점
어떤 수를 반환 0과 1 사이.
OK?
그리고 무엇 번호 할 우리의 RGB 트리플 사이에 이동?
제로 무엇?
그들은 무엇을까지 갈 수 있을까요?
255.
수학 임의의 점한다면 0과 1 사이 간다
우리는 어떻게이 문제를 변환 할 수 있습니까?
청중 : 시간?
ALLISON BUCHHOLTZ-AU : 네, 맞습니다.
그래서 시간이 255입니다.
>> 청중 : [들리지] 그것은 [들리지]처럼.
ALLISON BUCHHOLTZ-AU : 수학 임의의 점.
청중 : 차가운.
ALLISON BUCHHOLTZ-AU : 예.
자바 스크립트는 당신의 처리합니다.
확인을 클릭합니다.
그래서 우리는 이러한 모든 것을 할 수 있습니다.
오른쪽?
수학은 임의의 시간에 255 점.
알았다.
쿨.
일이 그래서,이 월 정수를 반환하지.
오른쪽?
어쩌면 우리는 몇 가지 숫자를 얻을 수 0과 1 사이,
그리고 그것은 약간되게 오프, 그리고 우리의 RGBS 수레가 될 수 없습니다.
그들은 정수 할 필요가있다.
당신이 시도하는 경우, 그것은 아마 좋겠 그래서 약간의 산만 한 행동을 가지고있다.
그것은 약간 펑키 것입니다.
그래서 우리가 할 것은 우리가 만들고 싶어입니다 확인이 둥글게되어,
당신은 어느 쪽을 둥글게 수 있습니다.
나는 바닥에 둥근.
그래서 나는 항상 확인했다 그것은 내림있다.
하지만 어떻게 간단한 떨어져가는 것이 그냥 무작위 번호를 얻을 수 있었다,
당신은 우리가 생각하는 방법 바닥이 수를 할 수 있습니까?
그것은 매우 유사하다.
어떤 생각?
단지 수학 점이었다 임의의 경우 그래서 무작위, 그래서 당신은 우리가 바닥을 할 거라고 생각하십니까?
수학 도트 층.
그리고 당신은 또한 수학 도트 천장을 할 수 있습니다.
라운드 모호한 가지입니다 당신은하지 않기 때문에
올림 또는 내림 여부를 알고있다.
그래서 일반적으로 우리는 항상 수학을 도트 층, 수학 도트 천장.
그러나 honestly--
>> 관객 : 아래 바닥 라운드를합니까?
>> ALLISON BUCHHOLTZ-AU는 : 층 아래로 반올림합니다.
그리고 이는 단지 제 선택입니다.
>> 그래서 지금 우리는 우리의 세 개의 숫자가 무작위로 생성 된 것을,
그리고 우리가 지금 할 거 야 우리가 것입니다 단지 배경을 바꿀 것.
OK?
그래서 우리는 이미 우리가 배경 종류의 저장
배경이라는 요소.
그래서 당신이 알 수하는 경우입니다 당신이 주변에 연주
우리는 스타일을 변경하고 싶습니다.
그리고이 뭔가의 종류입니다 당신은 구글과, 알아낼 것이다
색상을 변경하는 방법을 좋아한다.
>> 그러나 방법은이 색이 액세스 배경 스타일의 도트 배경에 점을 찍는다.
그래서이 주어 말하고있다 이 개체, 배경,
저것을 말한다 거기 요소 ID,
우리가 보는거야 스타일 내 스타일,
우리는 배경에서 볼 것입니다.
OK?
그리고 당신은 가서이를 보면, 그것은 좀 더 이해가 있습니다
그러나 이것은 기본적으로 그냥, 말하고 "나에게이 매우 구체적인 속성을 제공
앞서 정의한 무슨. "
그래서 우리가 그것을 바꿀 수있을 거라고 일부 RGB, 그것은 의미가 있기 때문이다.
우리는 오른쪽 RGB 트리플을 사용하는?
그리고 우리는 확실 I을 만들고 싶어 그럴거 ... 여기에 인용 부호의 오른쪽 숫자를 얻을.
그래서 우리는 무엇을 우리가 가지고있다 RGB는, 우리는거야
이처럼 인명 피해가 없는지 ... 빨간색 연결.
그리고 우리는 몇 가지 쉼표를 할 수 있습니다.
그리고 우리는 녹색 더하기 원하는 다음 몇 가지 쉼표, 일부 블루.
>> 그래서 이러한 흑자 단지 연결과 같은 의미한다.
그래서 그냥이 만드는 것입니다 RGB 내거야 문자열입니다.
OK?
>> 청중 : [들리지] 플러스 다음 녹색의 플러스 다음 빨간색.
>> ALLISON BUCHHOLTZ-AU : 네, 나는 그것을 엉망 때문이다.
즉, 하나의 잘.
아, 잠깐만 요.
아니오.
내가 확인해야하기 때문에 나는이 모든 권리를 가지고있다.
그래서 우노 모 멘토에서 설명 할 것이다.
완벽한, 블루, 그린.
지금은 끝났어요.
저는 믿습니다.
>> 확인을 클릭합니다.
그래서이 무엇인지, 그 배경은 일부 문자열로 설정 될 것입니다.
오른쪽?
어떤 우리가 여기있는 것입니다.
그것은 몇 가지 RGB 255 쉼표가 될 것 255 쉼표 제로, 또는 어떤 수를 당신에게
거기에있다.
그래서 우리가 여기 일을하는지, 우리는 몇 가지 문자열을 가지고있다.
우리가 무엇을 원하는, 우리는 것입니다 가지 동적으로 생성
우리가 실제로이 프로그램을 실행할 때.
그래서이 일부 문자열입니다.
플러스로 연결합니다 그 빨간색이 가진 가치,
이는로 연결합니다 를 연결합니다 쉼표,
무엇 녹색이며, 등, 등.
OK?
이다 매우 끝까지 여기 RGB의 괄호를 닫는.
OK?
>> 그래서이가 가고 일부 명령은 정말 생성
그 세 개의 숫자의 RGB입니다 그 배경은 현재로 설정됩니다.
OK?
그래서이 작동하는지 보자.
나는 그러길 바란다 그 경우 때문에 나는 진짜 슬픈거야하지 않습니다.
아.
OK, 잠깐만.
확실히 배경 도트 스타일의 도트 배경.
나는 확실히 실종 해요 그냥 작은 뭔가.
하지 너희들이 싫어합니까?
때 그것은 단지 작은 작은 오류가있어?
전능하신 배경.
RGB.
>> 청중 : [들리지]
ALLISON BUCHHOLTZ-AU : 번호
나는 수업 전에이 작업을 시도했다.
내가 전에했던 모든 것을 가지고 클래스 경우에 나는 마치
"내가 잘못 수행 한 일, 기다릴까요?"
내가 "처럼 이었기 때문에 아마 것 어떤 점에서 혼란이를. "
플러스 녹색.
이처럼 모든 보인다 올바르게 연결된.
확인을 클릭합니다.
>> 청중 : [들리지]
>> ALLISON BUCHHOLTZ-AU : 아, 거기 당신은 간다.
그게 내가 필요한거야.
저것 좀 봐.
티파니 구출.
완벽한.
확인을 클릭합니다.
이제 작동하는지 보자.
세상에.
확인을 클릭합니다.
기다려.
>> 대상 : 초를 더한 후 공간.
>> ALLISON BUCHHOLTZ-AU : 어느 하나?
아 기다려,.
공간 마모?
>> 청중 : 두 번째 플러스 녹색 연결.
ALLISON BUCHHOLTZ-AU : 아.
청중 : 어떤 공간이 없습니다 더하기 후, 그래.
ALLISON BUCHHOLTZ-AU : 당신 필요 없어,하지만 ...
청중 : 아, 그렇지?
ALLISON BUCHHOLTZ-AU : 그것은 꽤 보인다.
청중 : OK.
확인을 클릭합니다.
>> ALLISON BUCHHOLTZ AU : 이 작동하는지 보자.
확인을 클릭합니다.
난 분명히에 실패 해요 생각 나는이 데모,
강의 다른 주, 그러나 나는이 작업을 알고 있습니다.
나는이 작동합니다 알고있다.
그래서 가깝습니다.
실수로 삭제하지 않는 한 이 일에 내 스크립트.
아니, 파티 도트 JS입니다.
확인을 누릅니다.
나는이 복사거야, 나는 또한 해요 그냥 모든 것을 삭제하는 것,
나는이 작업 이전했다 때문이다.
>> 어떻게 작동 약속드립니다.
그렇지 않은 경우, 나는 토미가 무엇을 보여줍니다.
그리고 거기.
>> 청중 : 당신은 파티를 참조하고 점 CSS는, 그리고 파티 도트 JS를합니다.
>> ALLISON BUCHHOLTZ-AU : 아, 잘 여기 파티 도트 JS입니다.
좋아, 내가 다른 무엇을 했는가?
이 지금 작동하는지 확인, 우리는 볼 수 있습니다.
빵.
내가 다른 무슨 짓을했는지 그래서, 나도 몰라, 하지만 이런 일이 발생해야하는 것입니다.
멋지다고.
난 영원히처럼,이 클릭했습니다.
그러나 우리는 시도하고 내가 무슨 짓을했는지 볼 수 있습니다 다르게이 하나 있다고.
너희들에 대해 알고 있지만하지 않는 난 그냥 쓴 기본적으로 무엇을 보인다.
아마 누락이 있었다 세미콜론 어딘가 것입니다.
사실 후, 나는 내가없는 것 같아요 여기 실제로 세미콜론.
그러나 나는 때문에 그것을 볼 수 없었다 이 화면 밖으로이었다.
>> 우리가 주목하지만,이 꽤있다 난 그냥 쓴 정확히 많이.
나는 어려운 부분에 대한 아마 생각 이이 일의 단지 종류의 권리
여기에, 이해 무엇 거기 뭐하는거야.
당신이 배울 것들의 이러한 종류의 정말 그냥 정직하게 인터넷 검색에 의해
단지하려고합니다.
당신이 생각하는 경우에 몇 가지있다 아마이, 속성.
그래서 그것을 시도.
무슨 일이 일어 나는지 확인하십시오.
내가 말했듯이,이 많이있다 자바 스크립트와 실험,
그리고 PHP, 그리고 모든 물건, 그리고 CSS 특히.
그건 사실 만이다 그것을 이해하는 방법.
>> 좋아, 그럼 자와 그 큰 실패 후 점 JS, 우리는 다른 두 가지 옵션이 있습니다.
우리는 시계이나 트위터가 있습니다.
그들은 둘 다 재미있어.
아마 꽤 파티 등 재미로, 이는 멋진 작은 스트로브했다
말 것.
너희들은 어떤 환경 설정을해야합니까?
청중 : 시계?
ALLISON BUCHHOLTZ-AU : 시계?
확인을 클릭합니다.
쿨.
>> 그래서 다시, 우리는 우리가 빈 자바 스크립트 파일입니다.
그리고 우리가 여기에서 보는 바와 같이, 우리 아주 간단한 HTML있다.
우리는, 우리의 스타일 시트를 바로 이 어떠해야하는지에 포맷합니다.
우리는 우리의 사업부가 시계의 ID, 어떤
그냥 "이 시계해야한다."라고
그리고 우리는 우리의 링크가 우리의 자바 스크립트 파일
그 사실에 무슨 우리를 위해 우리의 시계를 생성합니다.
멋진 일이 있기 때문에, 당신이 할 수 있다는 것입니다 자동 새로 고침 자바 스크립트를 설정
그 자체.
OK?
그래서 그 대신 대기의 사용자가 페이지에서 새로 고침을 칠
당신이 얻을 수 있도록 업데이트 시간, 자바 스크립트
그것을 좋아하지만 그것을 업데이트 할 수 있습니다.
>> 그래서, 우리의 마지막으로, 우리는 원 우리의 배경에 액세스 할 수, 오른쪽?
그래서 당신은이 될 수 있습니다 어떻게 생각하십니까 우리가 여기서하고 싶은 첫번째 일은?
우리는 종류의 오프려고하는 경우 여기 패러다임 이런 종류의?
우리는 아마 원하는 바로 우리의 시계에 액세스?
그래서, 우리는 몇 가지 VAR이 시계, equals--
우리는 그것이 될 것 어떻게 생각하세요?
문서는 점 또한 I 고요 지나가는 요소를 얻을 Sublime-- 아이디를 사랑하고 우리의 ID가 시계입니다.
세미콜론.
얻을 수 있는지 확인있어 그 세미콜론이 시간,
나는 그 느낌 때문에 문제 마지막 시간이었다.
OK 그래서, 나는 그냥 시도로 말하고 있었다 자바 스크립트 자체를 새로해야합니다,
이 위대한 기능은, 거기에 내가 이 편리 작년에 온 걸 알아,
나는이에 대한 편리 확실하지 않다 PSET하지만 세트 간격라고.
그리고 이것은 정말 실제로 멋진 너희들은 아무것도 할 경우
시간이나 점점 업데이트 된 정보.
최종위한 웹 사이트에 이 프로젝트는, 이것은 아마도
당신이 원하는 기능 슈퍼 익숙해.
그래서 간격을 설정 무슨 않는다는 것입니다 우리는 그것을 기능을 제공하는 겁니다,
그리고 얼마나 자주 수행해야 이 함수를 호출합니다.
OK?
>> 이 경우 그래서, 우리는 그냥가는거야 다시 일부 익명 함수를 작성,
좋아, 얻을 것입니다 우리의 날짜, 우리의 시간,
다음 일을 업데이트하고이를 표시합니다.
그래서 우리는 그것에 대해 걱정하실거야.
여기에 클럭을 생성처럼 우리는 알 수있을 것입니다.
그러나 우리가 필요로하는 것은 어떻게 자주 새로 고칩니다.
이 경우, 단지 밀리 초이다.
그래서 우리는 그냥가는거야 100 밀리 초를 않습니다.
물론 완전히 임의.
당신이 원하는 경우 업데이트하기 훨씬 더 천천히, 당신은 할 수 있었다.
우리는 약 엉망 수 설정된 간격으로,
얼마나 큰 우리가 얻을 후 우리의 간격은 작업 시계, 희망 나는거야
에 도착.
그래서 이것은 단지 확인, 통화 "말하고 이 기능을 100 밀리 초마다. "
OK?
즉,이하는 전부입니다.
>> 그래서 우리는 우리의 기능을 원하는 이렇게 우리가 어떤 일을 할 것입니다
그리고 약간의 시간은 무엇입니까 우리는 할 겁니다.
그래서 우리는 시작할 수 있습니다 우리의 날짜 뭔가 같다,
우리의 시간은 무엇인가 동일 우리는 아직 모르는.
아니면 실제로, 우리는, 때문에 날짜를 필요 날짜는 모든 것을 포함하는 것입니다.
다시 약 당신이 구글 아무것도 경우 당신이 원하는 무엇을, 당신이 작성하는 경우, "OK,
나는 시간을 얻으려면 자바 스크립트, "이를 통해
당신이 좋은 줄 것이다 GET 날짜 호출 된 함수.
말 그대로, 대부분의 것들 당신이 원하는 것을,
자바 스크립트는해야 할 것입니다 이미 당신을 위해 수행.
그래서 새처럼 말 그대로 creating--입니다 얻을 날짜,
또는 새로운 날짜, rather-- 어떤을 생성
날짜를 나타내는 일부 객체입니다.
>> 그리고 우리가 여기에서 무엇을 할 것인지 것은 이것은 내가이 쓰기거야는 ...
다음은 무엇을 설명합니다.
그래서 내가이 권리를 얻을 수 있는지 확인합니다.
>> OK, 그래서이 기능 하지, 우리는 그저이다
실제로의 HTML을 생성 시계의 우리의 DIV 이드 내 갈 예정.
그래서이 일을 할 것입니다 그냥 OK, 일부 문자열을 생성?
그 다음이 될 것입니다 우리의 HTML에 이식.
기본적으로 무엇을 할 것 것은 무엇이든 내가 당신을 보여줍니다 무엇 들어간 드
무엇이든 것을 우리는, HTML은 말한다 우리는 여기에서이 텍스트를 대체 할거야
무엇 이건 HTML입니다.
그래서이 허용하는 것입니다 우리는 우리의 시계 점을 변경하려면
이 단지 텍스트되는 HTML , 시계를해야 실제로 보여주는하기
우리가 관심있는 번호와 물건 약, 실제로시합니다.
>> 그래서 우리가있어 우리가 무엇을 할 거 야입니다 이 HTML을 생성하기 시작할 것.
우리가 사용한 것과 같은 방법으로 그래서 할 플러스 정수에 대해 동일합니다,
당신은 지금, 문자열을 그렇게 할 수 제외하고는 그것들을 연결하는 것입니다.
오른쪽?
우리는 파티 도트 JS,이 단지와 본 것처럼 이러한 모든 것들을 연결합니다.
그래서 당신은 다른 비트를 연결할 수 있습니다 HTML 변수 또는 문자열의 비트에서
당신은 쓰는 것을 자신,이 단지
정말 당신이 동적으로 할 수 있습니다 정말 멋진 인 HTML을 생성합니다.
당신이 뭔가 그래서 만약 특정 매우 사용자,
이것은 당신이 그렇게하도록 허용 할 수 있습니다.
>> 그래서 우리는 내가 갈거야에, HTML을 시도하고 나는이 권리를 얻을 수 있는지 확인하십시오.
그래서 우리는 몇 가지 H1 헤더를 할 것입니다.
그래서 여기에 파악하는 것이 중요합니다 이 실제로 단지 HTML 것입니다.
오른쪽?
우리는 실제 작성 여기에 HTML 코드는, 그것은이다
정상에서뿐만 아니라 문자열 우리가 그것에 대해 생각 방법.
그래서 우리는 약간의 HTML을 가지고있다.
이것은 비록 여기에 문자열로 간주됩니다.
그리고 우리는 우리 dot-- 일을 우리의 시간을 싶어.
당신이 있다면 다시 찾으려면 날짜에 대해 아무것도까지,
이들은 모두 당신을 말할 것 속성 해당 날짜는있다.
그리고 여기 당신이 그것을 사용할 수있는거야.
그래서 아마 같은 것들을 가지고 시간을 얻고, 분을 얻을,
초를 얻을 수 밀리 초를 얻을 누가 그들이 가지고있는 그 밖의 무엇을 알고있다.
하지만 당신은에 보면 문서는, 모든이있을 것이다.
>> 그래서 우리는 시간을 얻을 수있다, 그리고 우리가 원하는 것
난 거라도 것을 연결하는 여기에이를 이동하는 것.
우리가 지금 당장 발생하는 경우 그래서, 우리는있어 실제로 시간을 생성, 맞죠?
우리는 시간을 가지고, 다음 무슨이다 시간과 분 사이?
당신이 바로, 세미콜론이?
그래서 우리는 여기에 몇 가지 세미콜론을 수행 할 수 있습니다.
그리고 우리는 우리를 원한다면 분, 동일한 방식이므로
우리가 날짜 점은 시간을 얻을 수 있는지, 우리는 어떻게 우리의 분 얻을 수 있는가?
이 점 얻을 간과 날짜 말 그대로 내가 가지 좋아하는 분.
그것은 어떻게 오 "처럼, 내가 내 분을받을 수 있나요? "
난 그냥 내 분을 얻는다.
>> 확인을 클릭합니다.
그리고 우리는 여기에 또 다른 대장이 있습니다.
그리고 우리가 원하는 경우 얻을 우리의 초, 우리는 어떻게 우리의 초를 얻을 수 있는가?
날짜 초를 얻을 점.
나는 정말 멋진 것 같아요.
그리고 중요한거야 실현은 우리가 또한
때문에, 여기에 우리의 HTML 태그를 닫을 필요 여전히 유효한 HTML, 그래서 H1해야합니다.
쿨.
>> 그래서 그 후, 우리는 시계를 할 수있는 점 내부 HTML은 HTML과 동일하다.
OK?
내가 말한 방법 그래서 기억 내부 HTML 기본적으로
사이에 어떤 소요 우리가 이야기 두 태그
그리고 삽입 또는 조작하는 거기에 무엇입니까?
그래서이 무엇을, 경우 우리는 우리의 시계로 돌아가
시계가 참조하는 것입니다 이 사업부 내에서 모든 것을.
이것은 내측 인 HTML 이 ID 시계 사업부의.
그리고 그것은으로 변경할 것 우리가 생성 된 HTML,
어떤 이는 희망, 희망, 희망,
지금 시간이 표시됩니다.
우리는 볼 수 있습니다.
물론.
그래서 많은 기술적 인 문제.
난 앨리슨 그냥 ... 내 게임 오늘날 사람들 끕니다.
OK, 그 작동합니다.
시계 내부 HTML을 점.
그것은 정말 HTML입니까?
또한이 발생하는 것입니다.
당신이 뭔가를 볼 수없는 경우, 당신을 당신의 소스 코드를 보면.
확인을 클릭합니다.
당신은 싶어 주위에 멋진 작품을 아십니까 우리는 바로 여기에 할 거라고?
>> 청중 : 당신은 대문자를 할 수 있습니까?
대문자?
당신이 시간을 얻을 수 있기 때문에, 다음 분을 얻는다.
>> ALLISON BUCHHOLTZ-AU : 그것은 오 시간을 얻고을 끝낼 수 있습니다.
당신은 골드 스타를 알수가.
그것은 사람의 모든 테스트입니다.
나는 수업 전에 일하는 것을 약속드립니다.
>> OK,하지만 알고 멋진 일이다 때때로 경우는 also-- 수있는
외부 파일은 조금 흐트러지고,
당신은 또한 단지 직선을 넣을 수 있습니다 여기에, 이는 일을 해결하는 경향이있다.
를 제외하고이 정말 못생긴 같다.
물론 모든 포맷합니다.
이 모든 꽤 확신합니다.
확인을 클릭합니다.
>> 나는 모든 멋진 데모를하고 싶었다, 그들은 그냥 작동하지 않아.
확인을 클릭합니다.
스크립트 VAR 시계.
어쨌든, 중요한 것은입니다 이것은 일반적인 방법이라고
자바 스크립트를 포맷 것이다.
당신이 볼 수 있듯이, 그것은 할 수있다 매우 까다로운 때때로,
경우에도 그것은 문자 그대로 이초 전 작업.
아니면하지 이초 전, 하지만, 아주, 아주 최근에.
>> 이 어떠해야하는지에 따라서 보여, 난 미치지 않았어 있음을 보여,
그 모든 것을 정확히입니다 동일이는 같이해야하는 것입니다.
당신은이 상단 부분을 할거야 여기, 당신은 페이지의 소스를 보면,
당신이 나는 경우, 그 일부를했다 미쳤 가지, 나는 그것을 단순화.
또한, 토미에게 신용 McWilliam, 실제로 사람
날이 예제를 만드는데 도움, 이는 내가 아는 한 잘 동작하는 이유입니다.
토미는 자바 스크립트 마스터하기 때문이다.
우리가 알 경우에, 우리는 몇 가지 설정이 있습니다.
우리는 여기에 우리의 시계 기능을 가지고있다.
이 모든 자바 스크립트입니다 우리의 글, 또는 그것의 일부.
우리는 바로 여기 하나를 썼다.
그리고 그는 여분을 가지고 그냥 웁니다 기능
앞에 0을 넣어 문자 또는 그것의 경우 번호 앞에
그들 중 하나에 불과합니다.
당신이 나는 경우 그래서,이 예쁜 우리가 쓴 정확히 많이.
당신은 몇 가지 변수 시계 그이 우리의 요소가, ID에 의해 요소를 얻을,
어떤 시계입니다.
우리는 우리의 설정 간격을 기능은, 그건
익명 함수 즉,이 모두를 실행한다.
우리는 약간의 문자열을 시작했다 HTML이 동적으로 우리
일부를함으로써 발생 H1 헤더 연결하는
함께하면, 시간을 얻을 플러스 우리의 대장, 플러스 받고
분, 플러스 다른 대장, 플러스 우리의 초,
그리고 마지막으로 그것의 끝 HTML.
그리고 우리는 우리의 시계를 업데이트 HTML에 내부 HTML 도트,
우리는 100 밀리 초마다 업데이트됩니다.
OK?
>> 난 미치지 않았어 약속을 참조하십시오.
모르겠어요.
그것은 나를 좋아하지 않는 이유를 모르겠어요.
같은 외모처럼 나는 느낌 하지만 분명히 그것은 저를 싫어 해요.
>> 그래서이 세 가지가 잘되면 라운드 보자.
우리는 볼에 대한 것.
나는이 갈 방법을 모르겠어요.
모든 사람이 적어도지고 그냥 일반 테마 같은 단점,
자바 스크립트,하지만?
나는 그것이 적어도 유용, 더 희망 조금 몹시 신경을 쓰는 걸 보여주는 것보다.
그러나 문제 설정은 매우 재미있을 것입니다.
그것은 위대한 사람이 될 것입니다.
그것은 아주 지루한되지 않습니다 이, 나는 생각하지 않습니다.
당신은 실제로 얻을 것이다 정말 멋진 일을 참조하십시오.
>> 그래서 마지막으로, 우리는 트위터를 시도 할 것이다.
나는 지금 사람을 정말 무서워.
나는이 갈 것입니다 방법을 모르겠어요.
하지만 당신에게 조금을 제공합니다 더 맛, 이​​것은 실제로
조작 문자열과 입력은, 우리는 무엇을 할 거 야
우리가 HTML-- 여기가 나는 경우입니다 이 사람은 조금있다 안해 ...
우리는 약간의 텍스트 영역을 갖는 여기에이 텍스트 영역에 해당한다.
OK?
그리고 그 텍스트의 ID가 있습니다.
우리는 그것을 조금 재 스타일 일부 폭과 높이
우리는 미리 정해진으니, 우리는, H1 한
이는 우리의 헤더 하나입니다 우리의 문자가 왼쪽 나타냅니다.
우리는 그것의 신분증을 준 문자가 남아있는,
다음 우리는 몇 가지 스크립트가 여기에, 어떤 정말이야
세 번째의를 기대 여기에 매력, 사람.
>> 그래서 우리는 무엇을하고 싶은지, 같은 일반적인 정맥
우리는 시계 도트 JS 수행했는지 파티 점 JS는 우리가났습니다로
우리는 실제로 잡아 시작했습니다된다 오른쪽 우리가 관심있는 것들?
이 경우 그래서, 두 가지가 있습니다 우리는 OK, 신경 가지?
우리가 가지 실제로있어 한 가지 로보고에서 데이터를 그리기,
그리고 한 가지 그 우리가 실제로 변화하고 있습니다.
그래서 우리의 HTML이있다.
이 여기에 우리의 웹 페이지 인 경우, 무엇이다 우리가보고있는 데이터?
그것은 무엇을 될 것 우리의 상자의 텍스트, 오른쪽?
그래서 내가 여기에 입력 뭐든간에.
즉, 내가 알고 싶은, 또는 무엇 그게 내가보고 싶을거야.
그리고 무엇 될 것 우리의 웹 페이지에서 변경?
문자는 남아.
같은 방법으로 그래서, 우리는 원하는 변수를 초기화하여 시작
그 사실은 이러한 요소에 누르고 있습니다.
OK?
우리는 약간의 VAR 그래서 만약 즉, 우리의 텍스트 영역입니다
우리는 남아있는 일부 VAR있다.
오른쪽?
그래서 이들에 가고있다 그 두 가지를 개최합니다.
그래서 일이 같은 종류의, 문서는 난, OK dot--
이 있는지 확인하는 것 이 시간 작업을 진행.
나는 아주 단호입니다.
OK, 그래서 만약 우리가 원하는 우리 텍스트 영역, 항
우리의 HTML에, 우리의 ID는 무엇입니까?
우리의 ID는 무엇입니까?
그것은 단지 때문에 텍스트가 될 것 이 OK, 우리의 텍스트 영역을 생성,
즉, 그래서 우리 이드 텍스트이며, 우리가 어떻게 거기에 무엇을 드실 수 있습니다.
OK, 세미콜론.
나는 슈퍼 영웅이 될거야 이에 대한 정확한,
내가 원하는 때문에이 시간을 작동합니다.
OK, 같은 일을, ID를 기준으로 요소를 얻을.
정말 무슨 일이 궁금하네요 난장판에 다른 두가 발생했습니다.
OK,이 하나, 우리는 무엇을 액세스 할 수 있습니까?
우리의 ID가 여기에 무엇입니까?
우리는 다른 이드가 우리의 HTML, 무슨 일?
청중 : 문자 나머지.
ALLISON BUCHHOLTZ-AU : 문자가 남아.
>> 확인을 클릭합니다.
쿨.
그래서 난 그냥 갈거야 정말 빨리이 물품.
난 그냥 초에이를 작성하는거야.
그래서 텍스트 영역.
흥미로운 것은이 B의 function--입니다 많은 기능은 그뿐만 아니라
에 해당하여 마우스,하지만 키보드.
OK?
아무 키나 때 그래서 당신은 말할 수 누르면, 당신은 그런 일을 할 수있다.
우리가 사용하고있는 하나 그래서 최대 키에 호출되는
당신은 어떤 키를 누르면 한 경우 "라고 사용자가 해제했다 키보드,
그 버튼 오프 손가락, 그리고 키를 눌러지지되고있다
우리는 일을 할 것입니다. "
OK?
그래서이 신빙성이있어?
모든 문자 때문에 우리는 입력, 우리는거야
떨어져 우리의 손가락을 들어 내야합니다 그 때문에 키가 상승 할 때,
우리는 감소하는 알 수 있습니다 우리의 문자는 남아.
>> 그래서 우리는 키의 일부가 위쪽, 동일한 방법으로,
우리는 말할거야 "OK, 우리는 그렇게 할 때, 우리
일부 기능을 만들려고하고있다 이 경우 "전자 걸릴 것입니다,
무엇을 우리가 원하는 것은 남은 수를 계산한다.
좋아, 그럼 그냥 시작하자 변수를 만들어.
그래서 우리는 몇 가지 변수 R을 가지고, 그 대표거야
우리는 왼쪽으로 얼마나 많은 문자.
OK?
우리는 우리가 시작 것을 알고 (140), 우리가 알고 싶다면,
,의 말이의 길이를 보자 입력되었습니다 문자열,
어떻게 너희들은 어떤 생각을 가지고 우리는 어떻게 할 수 있는가?
다만 분명한의 기반으로 일, 우리는 시간처럼 원하는 경우
우리는 시간을 얻을 사용.
우리는 우리의 목적은 알고 텍스트 영역,하지만 수 너희들
뒤에 올 수도 무슨 생각?
어떤 아이디어?
>> 그래서 이하이 하나의 종류 직관적이지만 값 도트 길이이다.
그러니 좀 줄 값 속성이
실제로이 문자열의 길이입니다.
그래서 OK, 내가 찾고 있어요 "라고 말할 것 텍스트 영역 내에서이 전체 문자열에서,
나는 말할거야 당신이 얼마나 오래입니다. "
우리는 문자열을 기억한다면 때문에 정말 그냥 배열은,
그래서 우리는 그들의 길이를 취할 수 있습니다.
그래서 우리는이있다.
쿨.
>> 그리고 우리가 원하는 것을 우리는 결코 사용자를 허용하지 않으려는
보다 입력에 더 140 자, 맞죠?
때문에 우리는 오 "와 같은 말을하는 경우 단지이 많이 남아있다 "
한 다음 그 해 보자 어쨌든, 우리는 거짓말을했습니다.
그리고 이것은 또 다른입니다 일이 자바 스크립트
정말 좋은 수 있습니다 를 들어, 사용자 검증이다
것을 확인하고 당신의 사용자는 어떤 규칙에 맞아야
당신이 그들에 제공 한.
당신이 만드는 등의 일을하고 싶다면 반드시 누군가 입력 이메일 주소,
하거나 것을 확인한 그들은 두 암호를 입력, 그들은 일치.
자바 스크립트는 작업을 수행 할 수 있습니다.
당신은 "뭔가를 할 것입니다 양식, 같은, 제출 "또는됩니다
"때 양식 버튼이 제출 클릭이 모든 일을 확인합니다. "
그리고 우리는 자바 스크립트 것을 할 수 있습니다.
그래서는 무엇입니까 우리는 여기서 할 것입니다.
>> 어떤 일이 있는지 확인하는 방법이 될 수 있습니다 그들은 140 자 이상 갔어요?
무엇에 일어날 R의 우리의 가치는 그들이하려고하면?
그것은 바로, 음수가 될 것?
아니면 덜 될 것 0과 같거나.
즉 경우에 따라서 우리가 사용할 수 있습니다 단지 다른 모든 것을 좋아한다.
OK?
그리고 우리는 텍스트 영역 점이 값은, 우리는 여기서 뭐하는거야
우리가 그냥 무엇 cutting-- 것입니까?
미안 해요.
이 사람은, 우리는 false를 반환하고 싶습니다.
나는 혼란있어.
모든 작동하지 않는 것에서 닳게.
OK, 우리는 원하는 우리는 false를 반환하고,
를 표시하려면 문자가 남아있는, 오른쪽?
시계 그래서, 우리는했다 내부 HTML 뭔가, 오른쪽?
우리는 일부가 동일하게 설정 어디 변수, 그래서 우리는 여기에서 무엇을 할 수 있는가?
무엇이 우리의 내부 HTML을 변경?
>> 청중 : 남은?
>> ALLISON BUCHHOLTZ-AU : 우리는 나머지 변화하고 있습니다.
좋아, 우리가 무엇을 할 동일로 설정하고 싶어?
그것은 그 때문에, R 될 것 우리의 문자가 남아 있어야합니다.
OK?
그래서 있는지 정말 긴장 이 지금은 작동하지만, 우리는 볼 수 있습니다.
이 둡니다.
정말 빠르다.
[들림] OK.
다시 말하지만, 난 당신을 보여 드리겠습니다.
어떤 이유를 들어, 광산이 작동하지 않기로 결정
하지만 내가 무엇을 보여줍니다 것은이 때문이다 는 ... 오, 나는에 그것을 넣어하기로했다.
OK, 우리는 같은 종류의 통지 여기 물건, 텍스트 영역 점점.
>> 또한, 경우에 사람 통지가있다, 경우 당신이 원하는 어느 것을,
당신은 어떻게하는지 몰라 그것은 바로, 페이지 소스보기를 클릭
그들은 당신에게 말할 것입니다.
때로는 암호화 할 수 있습니다.
당신의 PSET을 위해, 우리는 모든 것을 암호화, 그래서 그냥 횡설수설처럼 보인다.
그러나 이제까지 정말이 있다면 당신이 좋아하는 멋진 웹 사이트,
당신은 그냥 페이지 소스보기를 클릭하면, 그것은 어떻게하는지 방법을 알려주는거야.
그래서 다시, 더 열심히, 더 똑똑하지 작동합니다.
그리고 여기, 모든 참조로 이러한 일들은 동일합니다.
이 사람은 여기에 그냥 문자열을 소요 즉, 나는이 소스가 정확히 무엇을 잊어 버려요.
그러나 그것은 분명 어떤 문자열을 소요 10 값의 범위는 0 ~의,
중지해야하는지 false를 반환 이상 대입 사용자,
다음 분명히 업데이트 이 내부 HTML.
>> 쿨.
오늘부터 이렇게 큰 걸릴가는 요리, 실험, 소스 코드를 보면
그것은 당신에게 많은 도움이 될 것 때문에, 때때로 모두, 자바 스크립트
작업하기 어려운되지 않습니다 수 있습니다 항상 당신이 그것을 기대하는 방식으로 작동
하지만 그냥 계속 시도 내가 약속 있기 때문에 것이다.
나는이 모든 예를 약속 수업 전에 작업 하였다.
무슨 일이 있었는지 이해가 안 돼요.
말 그대로 모든 것을 같은있다.
>> 난 그냥 원하는 한 가지 더 당신에게 매우 유용 할 수 있습니다 사람을 보여
이전 작업이 있었는지 받입니까?
우리는 우리가 일에 파티를하지 않았다있어?
나는 그렇게 생각한다.
예.
우리는 않았다.
신난다.
좋아, 그럼 한 가지 그 너희들은 알아야한다
내가 이야기 콘솔 로그입니다.
그래서 인사의 점 로그를 콘솔.
그래서이 가지입니다 printf와의 자바 스크립트와 동일합니다.
그래서 당신은 원하는 경우 당신의 변수를 검사
또는 무슨 일이 일어나고 참조 무​​엇 우리는 요소를 검사하는 경우가있다 할 수있다
당신이 가고 싶은 것입니다 에, 당신이 콘솔로 이동
당신은 안녕 인쇄 된 것을 볼 수 있습니다.
>> 그래서 우리는 그것을 할 수 우리가 원하는대로 인쇄.
우리가 원하는 경우 배경을 인쇄 도트 스타일의 도트 배경,
우리는을 볼 수 있어야합니다 RGB는 트리플 그납니다.
아니면 없습니다.
나는 정확히 어떻게 당신을 잊지 같은 변수를 인쇄,
하지만 당신은 할 수 있어야 그런 물건을 인쇄 할 수 있습니다.
그것은 매우 유용 할 것입니다 당신의 pset 경우에 대한
당신은 조작하려는 좌표 또는 이것 저것.
그래서 그들은 또한 클래스에서이 부분을 변경합니다.
이 때문에, 마지막 년 다른 다만 당신의 TF에 좋은, 또는 TF가
우리가이기 때문에, 오히려 근무 시간에 너희들과 함께 학습 가지.
그러나 콘솔 로그는 슈퍼, 슈퍼이었다 작년에 자바 스크립트에 대한 도움.
그래서 그것을 사랑 해요.
그것을 사용하는 방법에 대해 알아 봅니다.
이 때문에, GDB보다 사용하기 쉽게 적어도 플러스 포인트가 될 것이다.
그러나 감사 사람들은 나와 함께 베어링한다.
그 미안 해요 내 어떤 이유로 예
그냥하기 싫었 나와 함께 협력,하지만
이 도움이되기를 바랍니다 가지 얻을 당신 자바 스크립트의 영역에서 좀 더.
그리고 나에게 모든 질문을 보내 나는 슈퍼 복구 할 수 있도록 다음 주,
나는 사탕, 심지어 여분을 가지고 온다 사탕이 우스웠다 때문이다.
하지만 너희들은, 좋은 그리고 멋진 주있다.