• 로그인
    • 장바구니에 상품이 없습니다.

로그인

프론트엔드 자바스크립트 기술인 AngularJS의 기본 사용법을 배웁니다. 본 강좌에서는 HTML 및 CSS, Javascript에 대한 기본 내용은 다루지 않습니다.

1. 강좌소개

Javascript 의 인기 프레임워크인 AngularJS 의 기본과 앱 제작 과정을 배우는 앵귤러 강좌 입니다.
AngularJS 의 중요한 개념들을 예제와 함게 살펴보고, 직접 To-Do 어플리케이션을 만들어 보면서 앵귤러를 경험할 수 있습니다.

2016년에 Webframeworks.kr 에서 진행하는 Angular.js 코드랩 세미나를 위해 준비한 자료를 토대로 진행합니다

– HTML, CSS, JAVASCRIPT 에 대한 이해도가 있는 분께 적합한 강좌 입니다.

배우는 것들

– AngularJS 의 기본 문법, 개발 환경 구성
– AngularJS 를 이용한 SPA 개발
– 약간의 Bootstrap 사용법
– NodeJS 등 서버와의 연결

2. 도움되는 분들

  • 평소 AngularJS 를 학습하고 싶었던 분
  • 웹 프론트엔드 개발자가 되고 싶은 분
  • HTML,CSS,JAVSCRIPT 에 대한 이해도가 있으신 분
  • 새로운 Angular 프로젝트를 진행해야 하는 분

3. 강좌 특징

  • 다루는 기술 : Javascript, AngularJS, Bootstrap
  • 강좌 수준 : 초급~중급
  • 사전 지식 :  HTML, CSS, Javascript 에 대한 기본적인 이해가 필요합니다.

4. 강사 소개

김정환(Chris)

yogafire

스타트업 위플래닛(http://wepla.net) 에서 프론트엔드-백엔드 개발을 담당하고 있습니다.
책읽는 남자, 요가맨.
블로그 : http://blog.jeonghwan.net/

 

5. 관련 추천 강좌

강좌 평가

4.8

39 개의 수강평
  • 5 점32
  • 4 점7
  • 3 점0
  • 2 점0
  • 1 점0
  1. 김린의 프로필 사진

    굿입니다.

    5

    짧은 시간에 앵귤러에 대한 부분을 접할 수 있는 좋은 강의였습니다.

  2. TiggerSaprtz의 프로필 사진

    Angular 기본에 대해서 빠르게 훑어볼 수 있었습니다. 감사합니다.

    5

    Angular 기본에 대해서 빠르게 훑어볼 수 있었습니다. 감사합니다.

  3. 유혜리의 프로필 사진

    잘봤어요 감사합니다.

    5

    감사합니다.

  4. 박대호의 프로필 사진

    라우팅에 대한 부분이 아쉽지만 전반적으로 앵귤러에 대한 이해가 잘 되게 설명해서 좋았어요!!!!

    5

    수고하셨습니다 😀

  5. 한스의 프로필 사진

    많은 도움이 되었습니다.

    5

    감사합니다.

  6. EunYoung Kim의 프로필 사진

    감사합니다.

    5

    처음 접근하는데있어 정말 많은 도움이 됬습니다~

  7. 김천용의 프로필 사진

    재밌습니다 ㅎ

    5

    차근차근 잘 가르켜주셔서 잘배우고 있습니다.전체적으로 앵귤로가 어떻게 돌아가고 어떤방식으로 작동하는지 알수있어요

  8. JY Jung의 프로필 사진

    빠른 시간 안에 앵귤러의 개념을 배울 수 있어서 좋았습니다.

    5

    빠른 시간 안에 앵귤러의 개념을 배울 수 있어서 좋았습니다.

  9. 채세종의 프로필 사진

    좋은 강의네요

    5

    앵귤러2 강의도 있었으면 좋겠어요 감사합니다.

  10. 달식의 프로필 사진

    잘 배우고 갑니다!

    5

    처음 Angular 배우는데는 최고!

  11. 수지아빠의 프로필 사진

    AngularJS 기본 개념과 To-Do 앱 만들기 실습 - 앵귤러 강좌

    5

    2.0 강의 였으면, 더 좋았겠습니다.

  12. Seon-Seok Kang의 프로필 사진

    많은 도움되었습니다.

    5

    깔끔한 코드와 친절한 설명 감사합니다.

  13. pepsiman Kim의 프로필 사진

    잘배웠습니다.

    4

    감사합니다.
    쉬운 설명 감사합니다.

  14. Sang Hoon Ahn의 프로필 사진

    좋은 강의 감사합니다

    4

    빠르게 앵귤러를 접할 수 있어서 좋은 것 같습니다.

  15. Soone Kim의 프로필 사진

    처음 접하는 AngularJS

    5

    AngularJS 처음 사용해보는데 실습과 함께 기본개념을 잘 설명해주셔서 이해가 빠르네요~b
    강의 감사합니다

  16. 하태경의 프로필 사진

    처음 개념 잡기 좋은 강좌인것 같습니다.

    5

    앵귤러를 처음 접하는 분들에게 많은 도움이 될거 같아요

    예제를 따라 하면서 단계별로 개념 잡기 좋네요..

  17. amps의 프로필 사진

    감사합니다.

    5

    많은 도움이 되었습니다.
    angularjs 2 도 나중에 올려주세요!

  18. 이혁희의 프로필 사진

    AngularJS 이 강좌 보고 기본개념 쉽게 잡았습니다.

    5

    AngularJS 이 강좌 보고 기본개념 쉽게 잡았습니다.

    많은도움되었습니다. 좋은 강의 감사합니다.

  19. 재경이재아빠의 프로필 사진

    유익한 강의

    5

    초보자도 쉽게 이해 할 수 있는 유익한 강의 였습니다.

  20. JUNYA906의 프로필 사진

    잘들었습니다

    5

    angular 처음 접하는 사람한테 아주 좋은 강의같아요~!

  21. dlgnscls@nate.com의 프로필 사진

    angularjs!!

    5

    앵귤러를 처음 접하는 분들한테는 정말 좋은거같습니다!!

  22. 정일철의 프로필 사진

    TDD 방식으로 앵귤러를 알기 쉽게 설명 했습니다. 쏙쏙 이해가 되네요.

    4

    TDD 방식으로 앵귤러를 알기 쉽게 설명 했습니다. 쏙쏙 이해가 되네요.

  23. sunho529의 프로필 사진

    Angular JS를 빠른 시간 내에 살펴볼 수 있는 강의

    5

    짧은 시간 안에 Angular JS의 주요 기능을 알아볼 수 있었습니다. Angular 2도 개설해주시길 기원합니다. 감사합니다.

  24. kije cho의 프로필 사진

    fast, easy!!!

    5

    몇시간안에 빠르게 개념을 잡는데 큰 도움이 되었습니다.
    유료라도 좋으니 실무에서 어플리케이션 구현할때 기본적인 구조와 패턴 등의 강의가 있으면 좋겠습니다.

    고생하셨습니다.

  25. 윤상윤의 프로필 사진

    강의를 들으면서 직접실습 코딩해보니 이해가 빠릅니다.

    5

    책을 보면서 혼자 이해하는 것보다 강좌를 통해서 기본적인 내용을 실습해보니 이해하는데 많은 도움이 되었습니다. 조금더 다른 부분도 추가해 주시면 고맙겠네요. 서비스 종류도 여러가지가 있는데, factory, service, provider, constant… etc. 이런 용도에 대해서도 언급해주셨으면 합니다.

  26. kurdizle의 프로필 사진

    앵귤러 완전 초보입니다.

    5

    그래도 덕분에 앵귤러의 기초에 대해 알 수 있게 되었네요 ㅎㅎ 감사합니다!

  27. Sinabro Cha의 프로필 사진

    잘봤습니다.

    4

    친절하고 차분한 강의로 angularjs의 개념을 잡는데 많은 도움이 됐습니다.

  28. 차현철의 프로필 사진

    강좌 잘 보았습니다.

    4

    간단한 앱 만들기 수업이 좋았습니다.

  29. 배으뜸의 프로필 사진

    갓초보입니다.

    4

    angular 가 뭔지 모르는 저에겐 정말 도움되는 기본개념에 대한 설명이었습니다!
    덕분에 약간의 angular 에 대한 지식을 쌓을 수 있었습니다!
    감사합니다!

  30. 동현의 프로필 사진

    추천합니다!

    5

    Angular가 다른 언어에 비해 처음 시작이 좀 어렵다는 느낌을 받았는데,

    쉽고 빠르게 강의 해주셔서

    많은 도움을 받고 갑니다. 감사합니다.

  31. 다윤파파의 프로필 사진

    4

    짧은 시간에 Angular의 컨셉을 이해하고 앞으로 공부할 방향성을 잡을 수 있어서 좋았습니다. 감사합니다.

  32. 김현준의 프로필 사진

    기초개념을 쌓기 좋은강의

    5

    앵귤러 문서를 보기 전에 강의를 보고 전체적으로 앵귤러란 무엇이고 어떤식으로 하면 유용하게 사용할 수 있겠구나

    앵귤러에 대한 개념을 확실하게 잡아주는 강의였습니다.

  33. 신시아의 프로필 사진

    개념 잡는데 도움이 많이 되었습니다.

    5

    angular가 뭔지 몰랐는데 개념잡는데 도움이 많이 되었습니다.
    마지막 공부방향까지 알려주셔서 정말 감사합니다.

  34. 김경민의 프로필 사진

    실습하면서 이해하기 좋습니다.

    5

    기초적인 개념 잘 설명해주시는 듯합니다.
    실습도 재밌었네요.

  35. 새우깡의 프로필 사진

    개념이랑 개발 사례를 학습하는데 매우 좋네요.

    5

    앵귤러라 초기 학습장벽이 있는거 같던데 기본 개념을 잘 설명해 주셔서 좋습니다.
    말씀도 편안하게 해주셔서 듣기도 좋네요.
    나중에 백엔드 부분도 더 다뤄졌으면 하는 아쉬움은 좀 있습니다.

강좌 교육과정

오리엔테이션
AngularJS 강좌 소개 00:03:00
섹션 1. AngularJS 의 개념
AngularJS 의 개념들 00:05:00
AngularJS 개발 환경 구성 00:04:00
섹션 2. To-Do 리스트 앱 만들기 - 컨트롤러
Index.html 로 시작하기 미리보기 00:03:00
모듈과 컨트롤러 00:09:00
출력하기 00:04:00
섹션 3. To-Do 리스트 앱 만들기 - 내장 디렉티브
ngRepeat 00:08:00
ngFilter 00:03:00
ngClick 00:08:00
필터 버튼 00:06:00
섹션 4. To-Do 리스트 앱 만들기 - 폼 만들기
폼 만들기 1 미리보기 00:05:00
폼 만들기 2 00:04:00
폼 검증 1 00:07:00
폼 검증 2 00:05:00
섹션 5. To-Do 리스트 앱 만들기 - 디렉티브
todoTitle 00:04:00
todoItem 00:08:00
todoFilters 00:02:00
todoForm 00:06:00
섹션 6. To-Do 리스트 앱 만들기 - 서비스
todoStorage : get() 00:10:00
todoStorage : remove(), add() 00:06:00
todoStorage : localStorage 00:17:00
todoStorage : update() 00:08:00
마무리 정리
지금까지의 AngularJS 미리보기 00:06:00

Hello

이용해 주셔서 감사합니다. 불편한 점이나 건의하실 일이 있으시면 왼쪽 하단 녹색창이나, 아래 카톡아이디로 말씀해 주세요!!

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R10 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED