프론트엔드 자바스크립트 기술인 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)
스타트업 위플래닛(http://wepla.net) 에서 프론트엔드-백엔드 개발을 담당하고 있습니다.
책읽는 남자, 요가맨.
블로그 : http://blog.jeonghwan.net/
5. 관련 추천 강좌
자바스크립트 언어 기본 - javascript
무료 2515
강좌 평가
강좌 교육과정
| 오리엔테이션 | |||
| 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 | |
Great!
대단히 감사합니다.
초보자에게 앵글러의 개념 및 이해를 손쉽게 도와주셨습니다.
감사합니다다
수고하셨어요 감사합니다
중요한 개념들을 전체적으로 훑어볼 수 있어서 아주 유익했습니다! 고맙습니다!!
중요한 개념들을 전체적으로 훑어볼 수 있어서 아주 유익했습니다! 고맙습니다!!
많은 도움이 되었습니다만
기본적으로 angular js를 처음접하는데 있어서 많은 도움이 되었습니다. 모든 강좌를 모두 마치고 todo앱을 완성하여 다운을 받아서 index.html을 돌렸습니다. 기본적으로 windows에 angular 환경을 잡아 줘야 하는것이 있는지 궁금합니다.
저도 그렇게는 안해봤는데.. 해보고 추가 설정이 필요한지 알아볼게요
처음 시작하는데 많은 도움이 되었습니다.
처음 시작하는데 많은 도움이 되었습니다.
감사합니다.
감사합니다
수고하셨어요 감사합니다
굿입니다.
짧은 시간에 앵귤러에 대한 부분을 접할 수 있는 좋은 강의였습니다.
Angular 기본에 대해서 빠르게 훑어볼 수 있었습니다. 감사합니다.
Angular 기본에 대해서 빠르게 훑어볼 수 있었습니다. 감사합니다.
잘봤어요 감사합니다.
감사합니다.
라우팅에 대한 부분이 아쉽지만 전반적으로 앵귤러에 대한 이해가 잘 되게 설명해서 좋았어요!!!!
수고하셨습니다 😀
많은 도움이 되었습니다.
감사합니다.
감사합니다.
처음 접근하는데있어 정말 많은 도움이 됬습니다~
재밌습니다 ㅎ
차근차근 잘 가르켜주셔서 잘배우고 있습니다.전체적으로 앵귤로가 어떻게 돌아가고 어떤방식으로 작동하는지 알수있어요
빠른 시간 안에 앵귤러의 개념을 배울 수 있어서 좋았습니다.
빠른 시간 안에 앵귤러의 개념을 배울 수 있어서 좋았습니다.
좋은 강의네요
앵귤러2 강의도 있었으면 좋겠어요 감사합니다.
잘 배우고 갑니다!
처음 Angular 배우는데는 최고!
AngularJS 기본 개념과 To-Do 앱 만들기 실습 - 앵귤러 강좌
2.0 강의 였으면, 더 좋았겠습니다.
잘봤습니다
잘봤습니다
많은 도움되었습니다.
깔끔한 코드와 친절한 설명 감사합니다.
잘배웠습니다.
감사합니다.
쉬운 설명 감사합니다.
좋은 강의 감사합니다
빠르게 앵귤러를 접할 수 있어서 좋은 것 같습니다.
처음 접하는 AngularJS
AngularJS 처음 사용해보는데 실습과 함께 기본개념을 잘 설명해주셔서 이해가 빠르네요~b
강의 감사합니다
처음 개념 잡기 좋은 강좌인것 같습니다.
앵귤러를 처음 접하는 분들에게 많은 도움이 될거 같아요
예제를 따라 하면서 단계별로 개념 잡기 좋네요..
감사합니다.
많은 도움이 되었습니다.
angularjs 2 도 나중에 올려주세요!
AngularJS 이 강좌 보고 기본개념 쉽게 잡았습니다.
AngularJS 이 강좌 보고 기본개념 쉽게 잡았습니다.
많은도움되었습니다. 좋은 강의 감사합니다.
유익한 강의
초보자도 쉽게 이해 할 수 있는 유익한 강의 였습니다.
잘들었습니다
angular 처음 접하는 사람한테 아주 좋은 강의같아요~!
angularjs!!
앵귤러를 처음 접하는 분들한테는 정말 좋은거같습니다!!
TDD 방식으로 앵귤러를 알기 쉽게 설명 했습니다. 쏙쏙 이해가 되네요.
TDD 방식으로 앵귤러를 알기 쉽게 설명 했습니다. 쏙쏙 이해가 되네요.
Angular JS를 빠른 시간 내에 살펴볼 수 있는 강의
짧은 시간 안에 Angular JS의 주요 기능을 알아볼 수 있었습니다. Angular 2도 개설해주시길 기원합니다. 감사합니다.
fast, easy!!!
몇시간안에 빠르게 개념을 잡는데 큰 도움이 되었습니다.
유료라도 좋으니 실무에서 어플리케이션 구현할때 기본적인 구조와 패턴 등의 강의가 있으면 좋겠습니다.
고생하셨습니다.
강의를 들으면서 직접실습 코딩해보니 이해가 빠릅니다.
책을 보면서 혼자 이해하는 것보다 강좌를 통해서 기본적인 내용을 실습해보니 이해하는데 많은 도움이 되었습니다. 조금더 다른 부분도 추가해 주시면 고맙겠네요. 서비스 종류도 여러가지가 있는데, factory, service, provider, constant… etc. 이런 용도에 대해서도 언급해주셨으면 합니다.
설명을 잘해주시네요
굿
앵귤러 완전 초보입니다.
그래도 덕분에 앵귤러의 기초에 대해 알 수 있게 되었네요 ㅎㅎ 감사합니다!
잘봤습니다.
친절하고 차분한 강의로 angularjs의 개념을 잡는데 많은 도움이 됐습니다.
강좌 잘 보았습니다.
간단한 앱 만들기 수업이 좋았습니다.
갓초보입니다.
angular 가 뭔지 모르는 저에겐 정말 도움되는 기본개념에 대한 설명이었습니다!
덕분에 약간의 angular 에 대한 지식을 쌓을 수 있었습니다!
감사합니다!
추천합니다!
Angular가 다른 언어에 비해 처음 시작이 좀 어렵다는 느낌을 받았는데,
쉽고 빠르게 강의 해주셔서
많은 도움을 받고 갑니다. 감사합니다.
짧은 시간에 Angular의 컨셉을 이해하고 앞으로 공부할 방향성을 잡을 수 있어서 좋았습니다. 감사합니다.
잘봤습니다.
나머지 강의는 http://blog.jeonghwan.net/lectures/todomvc-angular/6/ 여기서 보면되겠네요 ^^;
잘봤습니다^^
잘봤습니다^^
기초개념을 쌓기 좋은강의
앵귤러 문서를 보기 전에 강의를 보고 전체적으로 앵귤러란 무엇이고 어떤식으로 하면 유용하게 사용할 수 있겠구나
앵귤러에 대한 개념을 확실하게 잡아주는 강의였습니다.
개념 잡는데 도움이 많이 되었습니다.
angular가 뭔지 몰랐는데 개념잡는데 도움이 많이 되었습니다.
마지막 공부방향까지 알려주셔서 정말 감사합니다.
실습하면서 이해하기 좋습니다.
기초적인 개념 잘 설명해주시는 듯합니다.
실습도 재밌었네요.
개념이랑 개발 사례를 학습하는데 매우 좋네요.
앵귤러라 초기 학습장벽이 있는거 같던데 기본 개념을 잘 설명해 주셔서 좋습니다.
말씀도 편안하게 해주셔서 듣기도 좋네요.
나중에 백엔드 부분도 더 다뤄졌으면 하는 아쉬움은 좀 있습니다.