JavaScript training tutorial – Part 1 ( 30 Minutes)

안녕하세요 자바 스크립트 교육에 오신 것을 환영합니다

이 훈련은 구체적으로 목표로 삼은 C # 개발자에게 C # 개발자 매우 강하게 유형의 언어에서 온다 완전히 컴파일 된 클래스 키워드, 상속 및 다형성으로 완전히 객체 지향 C #에는 보호 된 내부 등 다양한 범위의 범위가 있습니다 C #의 inftrastructure는 JavaScript의 인프라와 다릅니다 이 비디오에서는 우리가 C # 개발자로서 기억해야 할 매우 중요한 포인트 JavaScript 코딩 중 C #과 JavaScript는 동일합니다 문제를 일으킬 수있다

확실하다 For Loops와 같은 유사성, 조건 등이있는 경우 그러나 방법에는 많은 차이가있다 자바 스크립트 작동 이 1 시간 교육을 통해 그 차이를 지적 할 것이다 이 교육은 두 부분으로 나뉩니다 처음 30 분 안에 11 가지 중요한 포인트를 거치게된다

자바 스크립트 C # 개발자를 놀라게 할 수있는 다음 반 시간에 JavaScript를 사용하여 적절한 객체 지향 프로그래밍을 구현하는 방법에 대해 논의합니다 이 비디오를 공유하면 페이스 북, 트위터, LinkedIn 계정 이메일 : questpond@questpondcom 이 작은 전자 책을 공유합니다 AngularJS를위한 AngularJS는 매우 유명한 프레임 워크 중 하나입니다 요즘 사용되는 자바 스크립트에서 기억할 포인트 번호 1 변수의 데이터 유형이 정의됩니다

실행 중 또는 변수의 데이터 유형 아르 실행 시간 동안 할당 된 값으로 정의됩니다 자바 스크립트에서 변수 선언하기 var 키워드 X는 숫자가됩니다 데이터 형은 문자열이 될것이다 이 X 변수는 숫자의 데이터 유형입니다 값을 변경하자마자 데이터 형이 문자열이된다

우리가 여기서 경고한다면 우리가 그것에 10 개의 값을 할당했기 때문에 X의 타입은 숫자입니다 그 후 문자열이됩니다 데이터 유형은 강하게 입력되지 않습니다 오른쪽에 할당 된 값은 무엇이든 왼쪽 변수는 그 데이터 형이된다 포인트 번호 2 자바 스크립트 주로 가지고있다

3 종류의 기본 데이터 유형 하나는 숫자입니다 다른 하나는 문자열이다 세 번째 것은 부울 우리가 경고를하면 우리는 부울을 얻을 것이다 십진수 그것은 숫자로 불릴 것이다 데이터 유형에서 판단하다 정수 할당 또는 소수점 지정 모든것은 숫자 자바 스크립트에서 포인트 넘버 3 정의되지 않음 정의되지 않은 경우 발생합니다

우리는 변수를 선언한다 즉 var x 아무 것도 지정하지 마라 가치 이 경우 x는 정의되지 않은 상태가 될 것이다 정의되지 않은 수단 변수가 선언된다 값은 그것에 할당되지 않습니다

정의하려면 데이터 부재의 의미 값은 숫자가 아니거나 문자열이 아니거나 부울도 아니며 그것은 Null입니다 포인트 번호 5 자바 스크립트에서 두 개의 범위 만 있습니다 비공개 또는 글로벌 C #에서는 개인적으로 보호되어 있습니다 영원한, 공개 자바 스크립트에서 우리는 은밀한 또는 글로벌 var x = 10 이것은 세계적인 것입니다 이 페이지 전체에서 우리가 함수를 정의한다면 자바 스크립트에서 이 함수에서 변수 var x = 5를 정의하면 이 var x = 5는이 함수에 대해 private입니다

var x = 10은 전체 페이지에 대해 전역입니다 이 경고는 10을 표시합니다 이 동안 경고가 표시됩니다 5 이걸 실행해라 값은 10입니다 그러나 지역 변수 / 개인 변수 값은 다음과 같이 표시됩니다

5 결론적으로 변수는 전역 변수이거나 비공개 변수 여야합니다 자바 스크립트 사용 어휘 범위 접근법 어휘 수단 단어의 위치에 따라 단어의 의미가 바뀔 수있다 달빛 라이터 달이 오면 그것은 다른 것입니다 빛이 오면 곧 그것은 다른 것입니다 위치에 따라 말의 의미가 변하고있다

변수 선언의 물리적 위치에 따라 자바 스크립트 결정 공개 또는 비공개 여야합니다 var x = 10 ~이다 세계적인 차원에서 그것은 함수 외부에있다 var x = 5 위치가 함수 안에있다 비공개로 만듭니다

어휘 범위는 메커니즘 우리는 변수 선언의 물리적 인 위치를 봅니다 결정한 다음 비공개 또는 전역이어야합니다 포인트 넘버 6 가장이다 잔인한 점 자바 스크립트에서 변수를 선언하지 않으면 변수를 할당하면됩니다 디폴트 글로벌이된다 어휘 범위 접근법이 없다 각각의 우리가 변수를 지정하고 선언하지 var x를 쓰지 않고 그냥 쓰는 것을 의미합니다

엑스 변수 x 세계적으로 선언된다 우리가 경고를하면 우리는 가치 5를 볼 것입니다 아직도 우리는이 x 외부에 접근 할 수 있습니다 기본적으로 이것은 글로벌이되기 때문에 변하기 쉬운 5 이제 전 세계적으로 액세스됩니다 이 x는 아니다

개인 변수로 생성되었지만 전역 변수가 됨 이 혼란을 피하기 위해 자바 스크립트 개발자들은 엄격히 사용하다 엄격한 사용을 말하면 이 x 쓸 수 없다 그것이 선언되지 않을 때까지 우리가 var를 넣을 시간 그것은 어휘 범위를 따른다 우리가 use strict를 사용하지 않고 실행하면 예외가 발생합니다 var 키워드를 넣으면 엄격한 사용을 보장하다 우리는 변수가 없다 값의 간단한 할당으로 생성되는 포인트 번호 7 자바 스크립트 변수 선언문에는 호이스트 호이스트 수단 무언가를 끌어 올리는 자바 스크립트에서 명백한 선언이 끌어 올려진다

선언 전에 alert (x) 이 프로그램을 실행하면 그것은 정의되지 않는다고 말하고있다 JavaScript는이 var x를 취했습니다 그리고 상단 변수 선언이 종료되었습니다 JavaScript 호이 스팅 (hoisting)은 변수 선언이 위로 이동합니다 이 시나리오에서 여전히 x에 액세스 할 수 있습니다

실제 값은 나중에 액세스 할 수 있습니다 정의되지 않음 그 뜻이 아냐 변수가 없지만 변수가 있지만 값이 할당되지 않았습니다 포인트 번호 8 자바 스크립트에서 매우 중요합니다 마감 마감 JavaScript의 혼란스러운 주제 중 하나이지만 JavaScript의 매우 중요한 개념 때에 온다 적절한 창작 구성 요소들 자바 스크립트에서 마감 두 가지 일을하는 데 도움이됩니다 상태를 유지하는 데 도움이됩니다

JavaScript 함수 두 번째 JavaScript의 private 변수에 액세스하는 데 도움이됩니다 Fun1이라는 함수가 있습니다 이 함수 안에는 변수가 있습니다 이 함수에 값 전달 이 값은 이 변수에 내부적으로 설정 이 변하기 쉬운 ~이다 사적인 변수 액세스 할 수 없습니다

str 외부 첫 번째 문제는이 개인 변수에 액세스하는 것입니다 두 번째로 유지하는 것입니다 주 에서 함수 호출 우리가 여기서 부를 때 Fun1 그리고 "Shiv" Fun1을 다시 호출하면 통과하다 라주 이 전화 그 안에 값 쉬브가있을거야 이 호출은 그 안에 Raju 값을 갖습니다 우리는이 부름을 다른 부름에서 다시 유지할 수 없습니다 우리가 전화를 할 때마다 그것은 값을 할당한다 이 범위 이후에 변수를 할당 해제합니다

먼저 개인 변수에 액세스하십시오 둘째 모든 함수 호출 사이에 상태 유지 이 변수에 액세스하려면 우리는 어떤 종류의 기능 누가이 변수를 외부로 가져올 수 있는지, 함수 안에 함수가 있어야합니다 다음과 같은 함수를 만듭니다 _getData 및이 getData 돌아온다 str 이 변수는 비공개 변수입니다

만큼 잘 우리가 만든 기능은 비공개입니다 이 함수를 public으로 만들기 반환 우리는 접근 할 수있다 이 _getData 으로 이름 getData 이 의회 만든다 _getData 공공의 이와 같은 함수를 만들면 private입니다 우리가 반환을 사용할 때 공개된다 모든 전화 이전 상태를 유지할 것이다

폐쇄 때문에 이 변수는 닫혀 있고 상태는 유지된다 모든 전화에서 나는 국가를 유지할 수있다 종결은 두 가지를한다 개인 변수에 액세스하는 데 도움이됩니다 둘째 이 기능 이 변수를 둘러 쌉니다

이것 때문에 국가가 유지된다 사용 클로저는 두 가지 용도로 사용됩니다 하나는 사적인 변수에 접근하는 것이다 함수 두 번째 것은 상태를 유지하기 위해 우리는 우리가 논의 할 곳에서 별도의 비디오를 시작할 것입니다 자바 스크립트에서 객체 지향 프로그래밍을하는 법 JavaScript로 객체 지향 프로그래밍을 할 때 실제 구현에 대해 이야기 할 것입니다

포인트 넘버 9 JavaScript에서 매우 중요합니다 IIFE 바로 호출 됨 기능 표현 먼저 함수를 만들고 함수를 호출하십시오 우리는 함수를 만들지 만 반복해서 사용하지는 않습니다 해당 페이지에 대해서만 기능 만들기 함수를 생성하자마자 바로 호출 할 것입니다 우리는 IIFE 함수를 별도로 호출하기 때문에 함수 이름을 줄 필요가 없다

다음 것은 바로이 함수를 호출하십시오 이 함수는 생성되고 즉시 실행됩니다 이 함수의 이름은 지정되지 않고 익명 함수로 지정됩니다 이걸 실행해라 "안녕하세요"가 표시됩니다

즉시 호출 된 함수 식 사용 시작 코드를 실행하고 싶다 포인트 넘버 10 자바 스크립트에서 그것은 매우 중요하다 "this"키워드에 대한 이해 브라우저 실제로 HTML을 파싱합니다 html을 파싱하면 그 안에 DOM이 생성됩니다 DOM 계층 구조가 생성되었습니다

JavaScript가이 DOM 계층 구조에 액세스 할 수 있습니다 "이" ~이다 브라우저의 맨 위 윈도우 객체 언제 우리가 JavaScript에서 모든 종류의 변수 또는 객체 만들기 첨부 됨 창 개체로 이 변수 첨부되어있다 창 개체로 이 값을 windowx 이 경우 출력은 10이됩니다 둘 다 위해 창문 쓰기보다는 "this" 변수, 클래스, 함수를 만들 때마다 모두 붙어있다

"이" 포인트 번호 11 자바 스크립트에서 수업은 기능입니다 에서 온 사람들 C # 및 Java 배경 이 모든 것을 class 키워드라고 부르며, 객체, 상속, 다형성, 추상화, 인터페이스 완전히 날아간거야 객체 지향 프로그래밍 언어 자바 스크립트에서 우리는 class 키워드를 가지고 있지 않다 여기에 클래스를 만들려면 함수를 만듭니다 새로운 JavaScript 사양에서는 클래스 키워드를 도입했습니다

하지만 하루가 끝날 때마다 내부적으로 기능하다 우리는 고객 클래스를 만들고 있습니다 그것은 customerCode 속성을 가지고있다 과 CustomerName 속성 자바 스크립트에서 우리는이 없습니다 클래스 키워드 속성을 만들려면 이 변수 이름 메서드를 만들려면 thisgetFullDetails 이 고객 클래스 내부적으로 함수이다

적절한 클래스가 아니다 존경하지 않는다 객체 지향 프로그래밍의 원리 이 CustomerCode는 전역 변수입니다 창 개체에 붙어있다 다음 강연에서 이 비디오의 제 2 부 JavaScript를 사용하여 적절한 객체 지향 프로그래밍을 수행하는 방법을 설명합니다

어떻게 창조하다 적절한 수업 존중 추상화, 캡슐화, 상속, 다형성 구현 이 파트 1에서는 우리가 보았다 11 점 C # 개발자가 있어야하는 JavaScript 그것에 대해 알기 대단히 감사합니다

Popper.js Tutorial in 3 Minutes

이 튜토리얼에서 Red Stapler Channel에 오신 것을 환영합니다 popper

js에 대해 이야기하겠습니다 HTML 요소의 위치를 ​​정하는 데 도움이되는 멋진 JavaScript 라이브러리 특히 알림 상자 나 메시지가 웹 사이트에서 확인해 보도록하겠습니다 popperjs의 프로젝트 페이지가 있습니다 이제 각 기능에 대한 예제 코드와 데모를 얻을 수 있습니다

github 페이지에서 popperjs의 최신 릴리스를 다운로드하여 시작하십시오 튜토리얼을 다운로드하면 라이브러리가 dist 폴더에 있습니다 몇 가지 유형의 출시가 있지만 웹으로 가져 오려는 경우 UMD 또는 범용 모듈에있는 스크립트 태그를 사용해야하는 스크립트 태그가있는 페이지 definition folder 이제 popperjs를 웹 디렉토리에 복사했습니다

스크립트 태그로 가져온 다음 여기에 버튼이있는 간단한 HTML 페이지가 있습니다 orange div는 페이지에있을 수있는 데이터 요소를 나타냅니다 버튼을 클릭 할 때 팝업 메시지를 추가하려고한다고 가정 해 보겠습니다 div 요소 추가 버튼을 클릭하면 숨겨진 상태로 표시됩니다 이제 우리 팝업 요소가 블록으로 표시되고 실제로는 표시되지 않습니다

정상적으로 떠있는 경우 더 많은 자바 스크립트와 CSS 스타일을 추가해야 할 것입니다 popperjs를 사용하여 포지셔닝을 처리하기 위해 훨씬 쉽습니다 새로운 popper 객체를 div 요소 또는 기타로 만든 다음 이 경우 참조로 사용하려는 요소는 버튼이며 다음에 팝업 요소와 마지막으로 옵션이 많이 있습니다 사용할 수있는 첫 번째 시도는 게재 위치입니다

그게 당신이 필요한 배치와 포퍼를 말할 필요가 있어요 popperjs의 또 다른 멋진 기능을 나머지는 수행합니다 팝업이 뷰포트를 떠날 때 당신을 위해 뒤집기를 할 것입니까? 물론 수정자를 추가하여 뒤집기 동작을 사용자 정의 할 수 있습니다 옵션을 선택하고 popper

js에 방향 바꾸기를 허용 할 방향을 알려줍니다 문서 페이지를 발견하고 다른 흥미로운 수정자를 시도 할 수 있습니다 예를 들어 오프셋을 추가하여 팝업 위치의 오프셋을 설정할 수 있습니다 이 수정 자 마지막으로 popper는 pop의 위치 지정에 대한 정보를 반환 할 수 있습니다 up 요소를 사용하면 onCreate 콜백 함수를 전달하고 데이터 객체를 추가 할 수 있습니다 이렇게 그래서이 비디오가 popper

js에 대한 아이디어를 줄 수 있기를 바랍니다 언제나처럼이 비디오를 좋아 하시길 바랍니다 우리가 다음 비디오에서 뵙겠습니다

My January 2019 (33 minutes) Exercise Routine

헤이 youtube Priscilla 그래서 나는 그것을 운동하고있는 나 비디오를 찍을려고하고있다 심장이 아닌 수퍼 듀퍼의 심장은 내가 노력하고있어 왜곡되어 있습니다

내 허리와 복근과 팔하지만 어쨌든 그래서 이것은 내가 할거야 루틴입니다 이번 주나 2 ~ 3 주 동안 나는 아프고 피곤해서 일을하고 있습니다 실망 스럽다 나는 자신을 위해 변명을하기에 질리고 아프다 너에게 뭔가 보여주고 싶다 나는 이걸 영원히 얻었다

트위스트 광고 글라이더예요 오 좋아 다음 운동 루틴 어쩌면 네 그래, 1 분 똑바로 아니었지만, 바로 이것이 첫날이다 이 루틴 중 하나

Tony Robbins’ workout routine is 15 minutes of pure torture

가자, 가자, 가자, 가자, 가자, 가자, 가자! 좋아, 좋아, 좋아! 더 열심히, 열심히 열심히! 당신이 죽을 것 같은 기분이해야합니다,하지만 당신은 아니에요 이 괴물 좀 봐! 푸시! 가자, 가자, 가자, 가자, 가자, 가자, 가자! 끝난! 즉, 한 – 아주 좋지 않다

토니 : 당신은 내 아침 루틴에 대한 준비가 되셨습니까? 리치 Feloni : 예! 토니 : 내 모든 초점은 당신이받을 수 있나요 어떻게 시간이나 에너지의 최소 금액으로 최대의 결과 강도는 시간을 소중 하루 종일 우리는 잠깐 씩 운동을하는거야 최대 당신 밖으로 할거야 빌리 벡 III : 좋아 리치,의 그것을 할 수 있습니다 토니 : 우리가 할 다음 일은 여기 내 트레이너가 있습니다

그의 이름은 빌리입니다 우리는 먼저이 일을 할거야 이제 여기를 팝업 보자 몸의 모든 근육을 만들기 위해 설계 최소한의 외상 짧은 시간에 최대 수요를 얻는다 빌리 : 우리는거야 여기에 기본적으로 가슴을 눌러을한다

토니 : 당신의 임무는 하드 같은 거 푸시 당신이 할 수있는 것입니다 지속적 타이머는 거 보류 야에 가서으로 계속 밀고한다 타이머의 완료 될 때까지 당신이 할 수있는 하드 그것은 5 초 동안 이동합니다 그것을 위해 이동합니다 전체 기울기 이게 다예요

가자, 가자, 가자, 가자, 가자, 가자, 가자! 좋아, 좋아, 좋아! 더 열심히, 열심히 열심히! 아기를 어서! 어서! 어서! 어서! 어서! 어서! 어서! 좋아 가자 좋은 이제 우리는 다리 언론 것입니다 전체 기울기 당신이 할 수있는 하드로

가자, 가자, 가자, 가자, 가자, 가자, 가자! 이 괴물 좀 봐! 이것 좀 봐 – 가자! 잘 했어! 좋은 작업! 당신은 완료됩니다 좋아,이 거의 핵심 풀 수있다 가자, 가자, 가자, 가자, 가자, 가자, 가자! 끝난 그 하나 아주 좋지 않다 당신은 당신이 운동의 어떤 15 초 짓을했는지 알고 지금까지 총 맞죠? 리치 : 나는 한 시간의 운동을 같이했던 것처럼 그래, 나는 느꼈다

당신이 원하는 경우에, 우리는 작은 고문 기계에 당신을 넣어 것입니다 이것은 우리가 한 번 또는 일주일에 두 번 할 무언가이다 당신은 매일이 작업을 수행하지 않습니다 그것은 당신이 호기성 및 혐기성 거 푸시입니다 순수한 혐기성가의 포인트가 될 것입니다 당신은거야 그것을 할 수 있도록 당신의 의지를 필요로하는 곳에 그래서 그입니다

그래서, 우리는 당신을 촬영하고, 당신은 중지 할 수 없습니다 (웃음) 좋아, 여기에 팝 지금 전속력으로 이동합니다 그것을 시작합니다 가기

전체 기울기 모든 방법 빌리 : 그리고 밀어! 토니 : 지금 밀어 넣습니다 당신이 할 수있는 하드로 이게 다예요

아기를 어서! 어서, 어서! 밀어, 밀어, 밀어! 73! 푸시, 푸시, 푸시, 푸시, 푸시! 당신은 당신이 그것을 가지고, 당신이 그것을 가지고, 그것을 얻었다! 가자하지 마십시오! 사람을 계속하세요 느리게하지 마십시오 당신은 아래로 1 분 있어요 세 분 이동합니다 당신이 죽을 것 같은 기분이해야합니다,하지만 당신은 아니에요

마지막 순간! 모든 것은 당신이 잠시있어! 당신은 분 동안 아무것도 할 수 있습니다! 모든 성장을 얻는 곳이다 다시 60 위를 가져 오기 당신은 그것을 할 수 있습니다! 빌리 : 당신은 짐승이야! 토니 : 짐승 어서! 모든 것은 당신이있어! 이거 야! 열두 초! 빌리 : 사자까지! 10 초! 아홉! 세게! 여덟! 빌리 : 가자, 가자, 가자! 토니 : 세븐! 잘 했어! 좋은 노력! 빌리 : 다시, 다시, 어서! 강력한 마무리! 토니 : 하나! 잘 했어! (박수) 토니 : 어떻게 그런 느낌이야? 그에게 물을 준다 빌리 : 잘 했어 토니 : 그는 죽어 리치 : 나의 하나님 오! 내 팔은 젤리 같은 느낌

토니 : 당신은 며칠, 동생 느낄거야 그래서 우리 모두는거야 지금 정화입니다 마십시오 조금 더 몸 곧 더위에 투입하고 추위에 넣어 하면됩니다 그래서 당신은 거 야 할 당신은 당신이 걸릴 수 여기에 거 팝 것입니다 대부분의 사람들은 약 4 ~ 5 인 가장자리에 자신을 밀어 분 후이 완료되면 당신이 거기 한 번, 지체없이, 당신이있어 여기에 냉찜질로 바로 드롭 다운 것

모든 우완 투수 들어와 그에게 작별 인사, 마지막으로 한 번 말해봐 좋은 당신을 알고, 리치! 거기에 약간의 물을 넣습니다 어떻게 방법에 의해, 기분이? 리치 : 그것은 꽤 극단적이었다

(웃음) 토니 : 네, 그것은이었다 글쎄 그게 내가 항상하는 일, 그래서 당신은 더 나은 느낌을 얻을 리치 : 네 분의 시스템에서, 두 분 제가 생각하지 않았다 실제로 그것을 할 수있을 것이다 내 머리의 목소리는 말을 보관 포기 괜찮아

그냥은 괜찮지 만, 포기 토니 : 하나님 께 감사 우리는 카메라와 두 사람이 있었다 당신 비명 (웃음) 리치 : 네, 정확히! 나는 카메라 굴욕 싶지 않았다

글쎄, 난 당신을 모욕하지 않았을 하지만 빌리는 당신에게 그 약속 할 수있을 것입니다