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

코스 소개

코스 일정

WEB 프로젝트 개발 프로세스 소개

개발 역할 약어 소개.

제품 디자인

개발 계획

프론트엔드 개발 콘텐츠 소개

주석 소개

표시

컷 그림 (1)

컷 그림 (2)

정적 페이지 아이디어 verify-fullPage.js는 간단한 전환 페이지를 구축합니다.

정적 페이지 아이디어 검증 - 구성 요소 전환

JS 수업 계획

일반 그래픽 컴포넌트 클래스-H5ComponentBase (개발 준비)

일반 그래픽 컴포넌트 클래스-H5ComponentBase(파라미터 설정)

CSS 스타일 계획

일반 그래픽 컴포넌트 클래스-H5ComponentBase(onLoad, onLeave 이벤트 허용)

콘텐츠 구성 클래스-H5(addPage 메소드)

콘텐츠 구성 클래스-H5(addComponent 메소드)

콘텐츠 구성 클래스-H5(fullPage.js 통합)

차트 구성 요소 개발 소개

산점도 원리 분석

산점도 개발(산점도의 축척값 및 색상 설정)

산점도 개발(위치 설정)

기둥형 차트 개발 소개

가로 세로 막대형 차트 개발(HTML DOM 구성)

가로 세로 막대형 차트 개발(CSS 스타일 작성)

가로 기둥형 차트 개발(성장 애니메이션 제작)

꺾은선형 차트 구성요소 환경 구축을 위한 꺾은선형 차트

꺾은선형 차트 캔버스

꺾은선형 차트 그리기 눈금선

폴리라인 그리기 포인트

선화 데이터를 연결하는 꺾은선형 차트

꺾은선형 차트 그리기 음영

프로젝트 이름 그리기

폴리라인 애니메이션

프로젝트 이름 애니메이션

방사형 차트 개발(설계 지침)

방사형 차트 개발(백그라운드 레이어 개발)

방사형 차트 개발(데이터 레이어 개발)

레이더 차트 개발(프로젝트 텍스트 수정, 성장 애니메이션)

파이 차트 개발(파이 그림 그리기 준비)

파이 차트 개발(파이 차트 그리기)

파이 차트 개발(파이 차트 애니메이션 그리기)

원형 차트 개발(프로젝트 텍스트 삽입)

프론트엔드 통합 개발 소개

프론트엔드 통합 개발 준비

그래픽 및 텍스트 컴포넌트 페이지 개발(홈페이지 통합 개발)

그래픽 및 텍스트 구성 요소 페이지 개발(통합 콘텐츠 채우기)

그래픽 및 텍스트 컴포넌트 페이지 개발(마지막 페이지 통합 개발)

차트 컴포넌트 페이지 통합 개발(1)

차트 컴포넌트 페이지 통합 개발(2)

차트 컴포넌트 페이지 통합 개발(3)

차트 컴포넌트 페이지 통합 개발(4)

로딩 효과(소개)

로딩 효과(HTML 구조 구성 및 CSS 스타일 설정)

로딩 효과(JS 스크립팅)

원형 차트 텍스트 리플로우(소개)

원형 차트 텍스트 재배열(교차점 결정)

원형 차트 텍스트 리플로우(리플로우)

Ajax가 JSON 데이터를 가져옵니다(1부)

Ajax가 JSON 데이터를 가져옵니다(2부)