AngularJS를 배우는 좋은 방법은이 튜토리얼을 단계별로 진행하는 것입니다.이 튜토리얼은 완전한 AngularJS 웹 응용 프로그램 구축을 안내합니다. 웹 앱은 Android 장치의 디렉토리 목록이며, 목록을 필터링하여 관심있는 장치를보고 장치 세부 정보를 볼 수 있습니다.
이 튜토리얼은 AngularJS가 다양한 확장자 나 플러그인을 필요로하지 않고 웹 응용 프로그램을 더 똑똑하고 유연하게 만드는 방법을 보여줍니다. 이 튜토리얼을 통해 다음과 같습니다.
1. 예제를 읽으십시오. AngularJS의 클라이언트 데이터 바인딩 및 종속성 주입 기능을 사용하여 사용자 작업에 즉시 응답 할 수있는 동적 데이터보기를 작성하는 방법을 배우십시오.
2. DOM 작업없이 AngularJS를 사용하여 데이터 리스너를 만드는 방법을 배우십시오.
3. 웹 애플리케이션을 테스트하는 더 좋고 쉬운 방법을 배우십시오.
4. AngularJS를 사용하여 응용 프로그램에 데이터를보다 편리하게 소개하는 등 일반적인 웹 작업을 만드는 방법을 배우십시오.
그리고이 모든 것이 브라우저를 구성하지 않고 모든 브라우저에서 구현할 수 있습니다!
이 튜토리얼을 완료하면 다음을 배울 것입니다.
1. 모든 브라우저에서 작동하는 동적 앱을 만듭니다.
2. AngularJS와 다른 JavaScript 프레임 워크의 차이점을 이해하십시오.
3. AngularJS가 데이터 바인딩을 어떻게 구현하는지 이해하십시오.
4. AngularJS의 시드 프로젝트를 사용하여 자신만의 프로젝트를 신속하게 만듭니다.
5. 테스트를 만들고 실행합니다.
6. 더 많은 AngularJS 식별 리소스 (API)에 대해 알아보십시오.
이 자습서는 단위 테스트 작성 및 실행 및 지속적으로 응용 프로그램을 포함한 간단한 응용 프로그램 작성 프로세스를 안내합니다. 튜토리얼의 각 단계는 AngularJS 및 귀하가 만든 웹 응용 프로그램에 대한 자세한 내용을 알 수있는 제안을 제공합니다. 짧은 시간 안에이 튜토리얼을 빨리 읽거나 많은 시간을 보내야 할 수도 있습니다. 간단한 AngularJS 소개 문서를 보려면 [빠른 시작] [시작] 문서를 확인하십시오.
학습 환경을 구축하십시오
Mac, Linux 또는 Windows 환경 에서도이 자습서를 따라 프로그래밍을 학습 할 수 있습니다. 소스 코드 관리 버전 제어 시스템 GIT를 사용 하여이 자습서 프로젝트의 소스 코드 파일을 얻거나 인터넷에서 직접이 자습서 프로젝트의 소스 코드 파일의 미러 아카이브 압축 패키지를 다운로드 할 수 있습니다.
1.이 프로젝트를 실행하려면 Node.js 및 Testacular를 설치해야합니다. 공식 Node.js 웹 사이트에서 최신 버전을 다운로드하여 설치 한 다음 시스템 실행 프로그램 경로를 시스템 환경 변수 경로에 추가하십시오. 완료된 후 명령 줄에서 명령을 실행하여 설치가 성공했는지 확인하십시오.
코드 사본은 다음과 같습니다.
노드 -버전
그런 다음 Testacular Unit Test 프로그램을 설치하고 다음 명령을 실행하십시오.
코드 사본은 다음과 같습니다.
NPM 설치 -G Testacular
2. GIT 도구를 설치 한 다음 다음 명령을 사용 하여이 자습서 프로젝트의 소스 코드 파일을 GitHub에서 복사하십시오.
코드 사본은 다음과 같습니다.
git 클론 git : //github.com/angular/angular-phonecat.git
인터넷에서 직접이 튜토리얼 프로젝트의 소스 코드의 미러 아카이브 압축 패키지를 다운로드 할 수도 있습니다. 이 명령은 현재 폴더에 새 폴더 Angular-Phonecat을 만듭니다.
3. 마지막으로해야 할 일은 컴퓨터에 웹 브라우저와 텍스트 편집기가 설치되어 있는지 확인하는 것입니다.
4. 튜토리얼 소스 코드 파일 파일 패키지 Angular-Phonecat을 입력하고 서버 배경 프로그램을 실행 한 다음 AngularJS를 배우기 시작하십시오!
코드 사본은 다음과 같습니다.
CD 앵글 폰 세트
노드 스크립트/Web-Server.js