로그인을 해주세요
실전! HTML5 프로젝트 가이드
- 교육기간
- 30일
- 강의구성
- 0차시
* HTML5를 활용하여 구조적인 Markup을 설계하고자 하는 웹 기획자, 웹 디자이너, 웹 개발자를 위한 과정
▶교육대상
1. HTML5를 활용하여 구조적인 Markup을 설계하고자 하는 웹 기획자, 웹 디자이너, 웹 개발자
▶교육내용
1. Getting Start html5
2. 레이아웃 구조를 세우는 html5 요소
3. 쉽고 강력한 html5 웹폼
4. 감성을 흔드는 Canvas Painting
5. Canvas에서 다이나믹 애니메이션 만들기
6. 브라우저만의 표준기능만으로 DnD(Drag & Drop)
7. 로컬에서 관리되는 File API
8. Web Messaging 표준 Communication API
9. 오프라인에서의 웹 구현 Application Cache
10. 브라우저의 저장소 Web Storage
11. Web database로 자료관리를 깔끔하게
12. Web work로 병렬처리 실현
13. 양방향 통신을 담당하는 Websocket
14. 위치정보를 알아내는 Geolocation API
15. 웹에서의 서버푸시 SSE(Sever -Sent Event)
16. CORS를 구현하는 XHR2
17. 화려한 시각을 자랑하는 CSS3
18. 스타일리쉬한 그래픽 CSS3
19. javascript의 라이브러리 jquery
20. HTML5 WebStyling 프로젝트
▶수료기준
|
항목 |
진도율 |
진행단계평가 |
최종평가 |
과제 |
수료점수 |
|
평가비율 |
100% |
0% |
0% |
0% |
60점이상 |
|
수료조건 |
80% |
없음 |
없음 |
없음 |
※ 수료기준은 각 평가항목의 점수가 수료기준 점수 이상이고 총점이 60점 이상이어야 합니다.
학습목표
1. 본 학습 과정은 웹프로젝트 레이아웃 설계를 구현하는 데 있어 미래 웹 표준의 범용 기술인 HTML5와 CSS3의 신동향 웹표준 기술을 소개 하며 웹접근성을 향상시킬수 있는 올바른 개념을 학습합니다.- 로컬을 활용한 자료 관리 및 백그라운드와 포그라운드간의 통신을 습득하고 오프라인 웹을 구현할 수 있다.
- 웹 설계시에 의미없는 레이아웃을 구현하는 기존 방식에서 웹의 가치와 성능을 향상시키고 호환성과 웹표준에 접목할 수 있도록 웹표준기술에 대해 알 수 있다.
- 구조 관련 요소(element)를 활용하여 웹 사이트를 견고하고 시맨틱하게 구현할 수 있는 능력을 배양하고 CSS3와 jQuery를 활용하여 Device, Plug In 에 구애 받지 않는 동적인 콘텐츠 디자인을 할 수 있다.
