html5 개발 모바일 데이터 보고서

• 장1 코스 준비
• 1-1 코스 소개
• 1-2 코스 일정
• 1-3 WEB 프로젝트 개발 프로세스 소개
• 1-4 개발 역할 약어 소개.
• 1-5 제품 디자인
• 1-6 개발 계획
• 장2 프런트엔드 개발 소개, 주석 및 자르기
• 2-1 프론트엔드 개발 콘텐츠 소개
• 2-2 주석 소개
• 2-3 표시
• 2-4 컷 그림 (1)
• 2-5 컷 그림 (2)
• 장3 프로젝트 JS 클래스 개발
• 3-1 정적 페이지 아이디어 verify-fullPage.js는 간단한 전환 페이지를 구축합니다.
• 3-2 정적 페이지 아이디어 검증 - 구성 요소 전환
• 3-3 JS 수업 계획
• 3-4 일반 그래픽 컴포넌트 클래스-H5ComponentBase (개발 준비)
• 3-5 일반 그래픽 컴포넌트 클래스-H5ComponentBase(파라미터 설정)
• 3-6 CSS 스타일 계획
• 3-7 일반 그래픽 컴포넌트 클래스-H5ComponentBase(onLoad, onLeave 이벤트 허용)
• 3-8 콘텐츠 구성 클래스-H5(addPage 메소드)
• 3-9 콘텐츠 구성 클래스-H5(addComponent 메소드)
• 3-10 콘텐츠 구성 클래스-H5(fullPage.js 통합)
• 장4 차트 구성요소-분산형 차트 구성요소 개발
• 4-1 차트 구성 요소 개발 소개
• 4-2 산점도 원리 분석
• 4-3 산점도 개발(산점도의 축척값 및 색상 설정)
• 4-4 산점도 개발(위치 설정)
• 장5 차트 구성 요소-막대 차트 구성 요소 개발
• 5-1 기둥형 차트 개발 소개
• 5-2 가로 세로 막대형 차트 개발(HTML DOM 구성)
• 5-3 가로 세로 막대형 차트 개발(CSS 스타일 작성)
• 5-4 가로 기둥형 차트 개발(성장 애니메이션 제작)
• 장6 차트 구성요소-선 차트 개발
• 6-1 꺾은선형 차트 구성요소 환경 구축을 위한 꺾은선형 차트
• 6-2 꺾은선형 차트 캔버스
• 6-3 꺾은선형 차트 그리기 눈금선
• 6-4 폴리라인 그리기 포인트
• 6-5 선화 데이터를 연결하는 꺾은선형 차트
• 6-6 꺾은선형 차트 그리기 음영
• 6-7 프로젝트 이름 그리기
• 6-8 폴리라인 애니메이션
• 6-9 프로젝트 이름 애니메이션
• 장7 해도 구성 요소-레이더 차트 개발
• 7-1 방사형 차트 개발(설계 지침)
• 7-2 방사형 차트 개발(백그라운드 레이어 개발)
• 7-3 방사형 차트 개발(데이터 레이어 개발)
• 7-4 레이더 차트 개발(프로젝트 텍스트 수정, 성장 애니메이션)
• 장8 차트 구성요소-원형 차트 개발
• 8-1 파이 차트 개발(파이 그림 그리기 준비)
• 8-2 파이 차트 개발(파이 차트 그리기)
• 8-3 파이 차트 개발(파이 차트 애니메이션 그리기)
• 8-4 원형 차트 개발(프로젝트 텍스트 삽입)
• 장9 프로젝트 프런트엔드 페이지 통합 개발
• 9-1 프론트엔드 통합 개발 소개
• 9-2 프론트엔드 통합 개발 준비
• 9-3 그래픽 및 텍스트 컴포넌트 페이지 개발(홈페이지 통합 개발)
• 9-4 그래픽 및 텍스트 구성 요소 페이지 개발(통합 콘텐츠 채우기)
• 9-5 그래픽 및 텍스트 컴포넌트 페이지 개발(마지막 페이지 통합 개발)
• 9-6 차트 컴포넌트 페이지 통합 개발(1)
• 9-7 차트 컴포넌트 페이지 통합 개발(2)
• 9-8 차트 컴포넌트 페이지 통합 개발(3)
• 9-9 차트 컴포넌트 페이지 통합 개발(4)
• 장10 커리큘럼 확장
• 10-1 로딩 효과(소개)
• 10-2 로딩 효과(HTML 구조 구성 및 CSS 스타일 설정)
• 10-3 로딩 효과(JS 스크립팅)
• 10-4 원형 차트 텍스트 리플로우(소개)
• 10-5 원형 차트 텍스트 재배열(교차점 결정)
• 10-6 원형 차트 텍스트 리플로우(리플로우)
• 10-7 Ajax가 JSON 데이터를 가져옵니다(1부)
• 10-8 Ajax가 JSON 데이터를 가져옵니다(2부)