Course Introduction
05 minutes28 secondsclass schedule
01 minutes32 secondsIntroduction to WEB project development process
04 minutes12 secondsDevelopment role abbreviation introduction.
02 minutes09 secondsproduct design
03 minutes48 secondsdevelopment planning
04 minutes45 secondsIntroduction to front-end development content
01 minutes54 secondsIntroduction to annotation
02 minutes19 secondsmark
15 minutes41 secondsCut picture (1)
09 minutes19 secondsCut picture (2)
07 minutes06 secondsStatic page idea verification-fullPage.js builds a simple switching page
12 minutes28 secondsStatic page idea verification-component switching
14 minutes02 secondsJS class planning
05 minutes53 secondsGeneral graphic component class-H5ComponentBase (development preparation)
05 minutes44 secondsGeneral graphic component class-H5ComponentBase (parameter settings)
16 minutes26 secondsCSS style planning
03 minutes32 secondsGeneral graphic component class-H5ComponentBase (accepts onLoad, onLeave events)
Content organization class-H5 (addPage method)
17 minutes23 secondsContent organization class-H5 (addComponent method)
10 minutes56 secondsContent organization class-H5 (integrated fullPage.js)
Introduction to chart component development
03 minutes20 secondsScatter plot principle analysis
03 minutes00 secondsScatter plot development (scale values and color settings of scatter plots)
15 minutes49 secondsScatter plot development (location settings)
10 minutes29 secondsIntroduction to Column Chart Development
02 minutes39 secondsHorizontal column chart development (HTML DOM construction)
18 minutes39 secondsHorizontal column chart development (CSS style writing)
Horizontal column chart development (growth animation production)
Line chart to build line chart component environment
Line chart canvas
05 minutes37 secondsLine chart drawing grid lines
polyline drawing points
Line chart connecting line drawing data
Line chart drawing shading
Draw project name
Polyline animation
Project name animation
Radar chart development (design instructions)
Radar chart development (background layer development)
17 minutes49 secondsRadar chart development (data layer development)
Radar chart development (project text modification, growth animation)
10 minutes05 secondsPie chart development (preparation for drawing pie pictures)
06 minutes12 secondsPie chart development (drawing pie charts)
Pie chart development (drawing pie chart animation)
03 minutes40 secondsPie chart development (project text injection)
09 minutes32 secondsIntroduction to front-end integrated development
03 minutes40 secondsFront-end integrated development preparation
Graphic and text component page development (home page integrated development)
Graphic and text component page development (integrated content filling)
Graphic and text component page development (integrated development of the last page)
Integrated development of chart component page (1)
Integrated development of chart component page (2)
Integrated development of chart component page (3)
Integrated development of chart component page (4)
Loading effect (introduction)
04 minutes37 secondsLoading effect (HTML structure construction and CSS style setting)
09 minutes45 secondsLoading effect (JS scripting)
16 minutes10 secondsPie chart text reflow (introduction)
08 minutes18 secondsPie chart text rearrangement (intersection determination)
12 minutes52 secondsPie chart text reflow (reflow)
14 minutes07 secondsAjax gets JSON data (Part 1)
05 minutes51 secondsAjax gets JSON data (Part 2)
13 minutes32 seconds