html5 development mobile data report

• Chapter1 Course preparation
• 1-1 Course Introduction
• 1-2 class schedule
• 1-3 Introduction to WEB project development process
• 1-4 Development role abbreviation introduction.
• 1-5 product design
• 1-6 development planning
• Chapter2 Introduction to front-end development and annotation and cutting
• 2-1 Introduction to front-end development content
• 2-2 Introduction to annotation
• 2-3 mark
• 2-4 Cut picture (1)
• 2-5 Cut picture (2)
• Chapter3 Project JS class development
• 3-1 Static page idea verification-fullPage.js builds a simple switching page
• 3-2 Static page idea verification-component switching
• 3-3 JS class planning
• 3-4 General graphic component class-H5ComponentBase (development preparation)
• 3-5 General graphic component class-H5ComponentBase (parameter settings)
• 3-6 CSS style planning
• 3-7 General graphic component class-H5ComponentBase (accepts onLoad, onLeave events)
• 3-8 Content organization class-H5 (addPage method)
• 3-9 Content organization class-H5 (addComponent method)
• 3-10 Content organization class-H5 (integrated fullPage.js)
• Chapter4 Chart component-scatter chart component development
• 4-1 Introduction to chart component development
• 4-2 Scatter plot principle analysis
• 4-3 Scatter plot development (scale values ​​and color settings of scatter plots)
• 4-4 Scatter plot development (location settings)
• Chapter5 Chart component-bar chart component development
• 5-1 Introduction to Column Chart Development
• 5-2 Horizontal column chart development (HTML DOM construction)
• 5-3 Horizontal column chart development (CSS style writing)
• 5-4 Horizontal column chart development (growth animation production)
• Chapter6 Chart component-line chart development
• 6-1 Line chart to build line chart component environment
• 6-2 Line chart canvas
• 6-3 Line chart drawing grid lines
• 6-4 polyline drawing points
• 6-5 Line chart connecting line drawing data
• 6-6 Line chart drawing shading
• 6-7 Draw project name
• 6-8 Polyline animation
• 6-9 Project name animation
• Chapter7 Chart component-radar chart development
• 7-1 Radar chart development (design instructions)
• 7-2 Radar chart development (background layer development)
• 7-3 Radar chart development (data layer development)
• 7-4 Radar chart development (project text modification, growth animation)
• Chapter8 Chart component-pie chart development
• 8-1 Pie chart development (preparation for drawing pie pictures)
• 8-2 Pie chart development (drawing pie charts)
• 8-3 Pie chart development (drawing pie chart animation)
• 8-4 Pie chart development (project text injection)
• Chapter9 Project front-end page integration development
• 9-1 Introduction to front-end integrated development
• 9-2 Front-end integrated development preparation
• 9-3 Graphic and text component page development (home page integrated development)
• 9-4 Graphic and text component page development (integrated content filling)
• 9-5 Graphic and text component page development (integrated development of the last page)
• 9-6 Integrated development of chart component page (1)
• 9-7 Integrated development of chart component page (2)
• 9-8 Integrated development of chart component page (3)
• 9-9 Integrated development of chart component page (4)
• Chapter10 Curriculum Extension
• 10-1 Loading effect (introduction)
• 10-2 Loading effect (HTML structure construction and CSS style setting)
• 10-3 Loading effect (JS scripting)
• 10-4 Pie chart text reflow (introduction)
• 10-5 Pie chart text rearrangement (intersection determination)
• 10-6 Pie chart text reflow (reflow)
• 10-7 Ajax gets JSON data (Part 1)
• 10-8 Ajax gets JSON data (Part 2)