Angular(앵귤러) 학습하기

Angular에 대한 연재를 계획하고 있습니다. 대상 독자는 적어도 javascript에 대한 기본적인 개념과 jQuery로 간단한 정도의 동적인 웹개발을 해보신 분을 가정하고 있으면  angular나 react, ember와 같은 다른 자바스크립트 라이브러리나 프레임워크를 사용하신 분들은 전혀 문제가 없습니다.

연재를 통해서 목표하는 바는 다음과 같습니다.

  1. angular로 웹 어플리케이션 개발능력
  2. ES6 문법 및 Typescript와 친해지기
  3. DOM에 대한 기본 다지기

 

목차

  1. Angular(앵귤러) 시작하기
  2. Angular(앵귤러): QuickStart 따라하기
  3. Component
  4. template
  5. 상태 다루기
  6. 데이터 바인딩
  7. 지시자 (Directive)
  8. 파이프
  9. 서비스
  10. 의존성 주입
  11. 생명주기
  12. 테스트

A 프로젝트

참고

  • 예제 프로그램 및 프로젝트 구성
  • jQuery vs Angular 2 코드 비교
  • 반응형 프로그래밍 분류 (THE TAXONOMY OF REACTIVE PROGRAMMING 번역)
  • Angular2에서 Typescript를 사용하는 이유 (Angular2: Why TypeScript 번역)
  • SPA와 웹사이트 논쟁
    • https://www.reddit.com/r/javascript/comments/2gjl91/is_developing_single_page_web_application_really/
  • 왜 서버 렌더링이 아닌 프론트 렌더링인가?
    • 프론트 앱의 렌더링과 관련된 내용
    • http://programmers.stackexchange.com/questions/315927/client-side-rendering-vs-jsps-for-spring-mvc-front-end-dev
    • https://www.reddit.com/r/javascript/comments/3s4vqj/what_is_server_side_rendering/
    • https://blog.twitter.com/2012/improving-performance-on-twittercom
    • http://openmymind.net/2012/5/30/Client-Side-vs-Server-Side-Rendering/
  • Isomorphic JavaScript
    • http://isomorphic.net/
    • http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/
  • 네이티브 앱 + electron
    • http://onehungrymind.com/electron-angular-2-things/?utm_campaign=NG-Newsletter&utm_medium=email&utm_source=NG-Newsletter_151

 

Angular 2 Related Resources