앵귤러 머티리얼 (Angular Material) 기초 풀 코스
Angular Material
8명의 학생들이 수강
앵귤러 머티리얼 (Angular Material)이란, 구글에서 제시한 다양한 디바이스들을 아우르는 하나의 일관된 디자인 가이드라인 입니다.
여기서는 이 머티리얼 디자인(Material Design)을 Angular 애플리케이션에서 사용하는 방법을
구글의 공식 문서를 기반으로 진행합니다.
강좌 교육과정 소개 (COURSE CURRICULUM)
| 오리엔테이션과 설치 | |||
| 앵귤러 머테리얼 강의 안내 | 00:06:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 – 1 기본 셋업 | 00:12:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 – 2 모듈 생성 | 00:05:00 | ||
| 모듈별 안내 | |||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 – 3 Angular Material typography | 00:05:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 – 4 버튼 콤포넌트 | 00:06:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 – 5 버튼 토글 기능 | 00:06:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 – 6 아이콘 | 00:03:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 – 7 뱃지(Badges) | 00:06:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 – 8 프로그래스 스피너(Progress Spinner) | 00:03:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 -9 네비게이션 – Toolbar | 00:00:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 -10 Sidenav | 00:09:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 -11 메뉴(Menu) | 00:11:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 -12 리스트, 그리드 리스트(Grid list) | 00:08:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 -13 Expansion-panel 과 Accordion | 00:06:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 -14 Card | 00:05:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 -15 Tab | 00:02:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 -16 스테퍼(Stepper) | 00:06:00 | ||
| 앵귤러 머테리얼 디자인 (Angular Material) 기초 풀 코스 -17 폼 필드(Form field) – 인풋(Input) | 00:08:00 | ||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -18 폼 필드(Form field) – Select | 00:03:00 | ||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -19 autocomplete | 00:03:00 | ||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -20 체크박스, 라디오버튼 | 00:05:00 | ||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -21 풍선 도움말 Tooltip | 00:05:00 | ||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -22 달력 기능 datepicker | 00:06:00 | ||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -23 스낵바 Snackbar | 00:08:00 | ||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -24 Table (1) 테이블 기초 | 00:13:00 | ||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -25 Table (2) filter – 엄청 간단한 데이터 필터링 기능 | 00:07:00 | ||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -26 데이터 정렬 하기 Sort header | 00:06:00 | ||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -27 페이지 네비게이션 기능 Paginator | 00:05:00 | ||
| Component Dev Kit (CDK) | |||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -28 CDK(1) Drag&Drop | 00:02:00 | ||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -29 CDK(2) Reordering lists | 00:05:00 | ||
| 앵귤러 머티리얼 디자인 (Angular Material) 기초 풀 코스 -30 CDK(3) Scrolling 과 마무리 | 00:06:00 | ||
강의 평가
처음으로 강의 평가를 해 주세요~