원 페이지 웹앱 디자인 과정은 유행하는 트랜드의 디자인을 통해, 웹의 새로운 코딩 형식을 접목하는 과정으로서
디자인 레이아웃에 관련된 스타일과 인터랙션을 배우고 완성 예제를 구현해 나가는 과정입니다.
▶교육대상
1. 처음으로 JavaScript을 배워보려는 학습자
2. 코딩의 기본기를 익히고자 하는 웹개발 학습자
3. 실무에서 코딩 능력을 향상시키고자 하는 웹디자이너나 웹퍼블리셔 학습자
▶학습목차
1. 데스크탑 유형 : 기본 헤더
2. 데스크탑 유형 : 접근성 헤더
3. 데스크탑 유형 : 기본 JavaScript 문법1
4. 데스크탑 유형 : 기본 JavaScript 문법2
5. 데스크탑 유형 : 기본 JavaScript 문법3
6. 데스크탑 유형 : 기본 JavaScript 문법4
7. 데스크탑 유형 : 예제1 헤더 스타일 작성
8. 데스크탑 유형 : 예제1 본문 스타일 작성1
9. 데스크탑 유형 : 예제1 본문 스타일 작성2
10. 데스크탑 유형 : 예제1 인터랙션 작성
11. 반응형 유형 : 기본 반응형
12. 반응형 유형 : 기본 반응형 탭
13. 반응형 유형 : 반응형 상품 리스트
14. 반응형 유형 : 모바일 메뉴1
15. 반응형 유형 : 모바일 메뉴2
16. 반응형 유형 : 패럴렉스 인터페이스
17. 반응형 유형 : 예제2 헤더 스타일 작성
18. 반응형 유형 : 예제2 본문 스타일 작성1
19. 반응형 유형 : 예제2 본문 스타일 작성2
20. 반응형 유형 : 예제2 본문 인터랙션 작성1
21. 반응형 유형 : 예제2 본문 인터랙션 작성2
▶수료기준
항목 |
진도율 |
진행단계평가 |
최종평가 |
과제 |
수료점수 |
평가비율 |
100% |
0% |
0% |
0% |
60점이상 |
수료조건 |
80% |
없음 |
없음 |
없음 |
※ 수료기준은 각 평가항목의 점수가 수료기준 점수 이상이고 총점이 60점 이상이어야 합니다.
1. 1. 데스크탑 유형 기본 헤더 40분
2. 2. 데스크탑 유형 접근성 헤더 49분
3. 3. 데스크탑 유형 기본 JavaScript 문법1 49분
4. 4. 데스크탑 유형 기본 JavaScript 문법2 34분
5. 5. 데스크탑 유형 기본 JavaScript 문법3 37분
6. 6. 데스크탑 유형 기본 JavaScript 문법4 32분
7. 7. 데스크탑 유형 예제1 헤더 스타일 작성 47분
8. 8. 데스크탑 유형 예제1 본문 스타일 작성1 35분
9. 9. 데스크탑 유형 예제1 본문 스타일 작성2 45분
10. 10. 데스크탑 유형 예제1 인터랙션 작성 54분
11. 11. 반응형 유형 기본 반응형 39분
12. 12. 반응형 유형 기본 반응형 탭 28분
13. 13. 반응형 유형 반응형 상품 리스트 22분
14. 14. 반응형 유형 모바일 메뉴1 52분
15. 15. 반응형 유형 모바일 메뉴2 34분
16. 16. 반응형 유형 패럴렉스 인터페이스 44분
17. 17. 반응형 유형 예제2 헤더 스타일 작성 36분
18. 18. 반응형 유형 예제2 본문 스타일 작성1 45분
19. 19. 반응형 유형 예제2 본문 스타일 작성2 45분
20. 20. 반응형 유형 예제2 본문 인터랙션 작성1 40분
21. 21. 반응형 유형 예제2 본문 인터랙션 작성2 43분