Name: Advanced front-end basics-Mobile Web
Uploaded: 2022-08-17T16:45:41+8:00
Duration: 1362 min 54 s

Chapter1Course Introduction: Stage course introduction
19 minutes22 seconds; Today’s course introduction
03 minutes32 seconds
Chapter2Font icon: Font Icon-Basic Usage
12 minutes14 seconds; Font icon-iconfont class
05 minutes05 seconds; Case-Shopping Cart
09 minutes54 seconds; font-icon-svg-upload
10 minutes15 seconds
Chapter3plane transformation: Plane Transformation - Introduction
08 minutes07 seconds; Plane transformation-displacement
03 minutes39 seconds; Plane transformation-displacement-techniques
09 minutes08 seconds; Plane transformation-positioning box to center
12 minutes23 seconds; Case-double door-layout
06 minutes00 seconds; Case-double door-hover effect
04 minutes55 seconds; plane transformation rotation
07 minutes45 seconds; Plane Conversion - Convert Circle Points
06 minutes15 seconds; Plane Transformation-Multiple Transformation
06 minutes15 seconds; Plane Transform-Zoom
18 minutes24 seconds; Case-Zoom
03 minutes39 seconds; Case - Zoom - Notes - Stackability
11 minutes26 seconds; Gradient
09 minutes05 seconds; Case-Gradient
10 minutes00 seconds; Comprehensive Case-Huawei-Structural Analysis
07 minutes05 seconds; Comprehensive case-Huawei-mask
12 minutes06 seconds; Comprehensive case-Huawei-hover effect
Chapter4space transformation: Today’s course introduction
07 minutes13 seconds; Space Transformation - Introduction
04 minutes13 seconds; Space transformation-displacement
07 minutes35 seconds; Space Transformation-Perspective Properties
09 minutes22 seconds; Space transformation-perspective properties-principle
09 minutes33 seconds; Space transformation-rotateZ
04 minutes16 seconds; Space transformation-rotateX
04 minutes34 seconds; Space transformation-rotateY
03 minutes30 seconds; Space Transformation - Left Hand Rule
05 minutes41 seconds; Space transformation-rotate3d-understand
02 minutes33 seconds; Space transformation-three-dimensional presentation
12 minutes52 seconds
Chapter53d navigation: 3d Navigation - Structural Analysis
06 minutes24 seconds; 3D Navigation-Building a Cube
08 minutes04 seconds; 3d navigation-hover
05 minutes21 seconds
Chapter6Course review: Morning review
03 minutes27 seconds; Spatial transformation - scaling
05 minutes42 seconds
Chapter7animation: Animation-Introduction
10 minutes46 seconds; animation-from..to
06 minutes16 seconds; Animation-Percentage
04 minutes48 seconds; Animation-animation composite attribute 01
11 minutes18 seconds; Animation-animation composite attribute 02
08 minutes15 seconds; Animation-animation split writing method
07 minutes07 seconds; Animation-Frame-by-Frame Animation-Introduction
05 minutes21 seconds; Animation-frame-by-frame animation-implementation
12 minutes02 seconds; Animation-Multiple groups of animations
10 minutes31 seconds
Chapter8Comprehensive case: revolving door
18 minutes52 seconds; National Travel-Background Picture
15 minutes01 seconds; National Travel-Cloud-Layout
07 minutes37 seconds; National Travel-Clouds-Animation
05 minutes39 seconds
Chapter9Course Introduction 2: exam questions
11 minutes57 seconds; Course Introduction
01 minutes49 seconds; Course knowledge introduction
01 minutes01 seconds
Chapter10Features of mobile terminal: The differences between PC and mobile web pages
05 minutes13 seconds; google emulator
07 minutes07 seconds; resolution
10 minutes32 seconds; Code Reference Resolution - Logic
10 minutes02 seconds; Viewport
12 minutes00 seconds; Double chart
14 minutes50 seconds; Percent layout
12 minutes27 seconds
Chapter11Flex: Flex-Experience
09 minutes43 seconds; Introduction to Flex
08 minutes40 seconds; Flex-Composition
08 minutes42 seconds; Flex-Spindle Alignment
10 minutes39 seconds; Flex-cross axis alignment
09 minutes48 seconds; Flex-Individually control the cross-axis alignment of a box
03 minutes17 seconds; Flex-flexible box size characteristics
04 minutes38 seconds; Flex-elastic expansion ratio
12 minutes45 seconds
Chapter12Little Rabbit Fresh-Order: Little Rabbit Xianer-confirm order-preparation work
10 minutes10 seconds; Confirm order-overall layout
16 minutes16 seconds; Confirm order-pay at bottom-layout
07 minutes39 seconds; Confirm order-pay at bottom-left side
07 minutes16 seconds; Confirm order-pay at the bottom-right side
04 minutes25 seconds; Confirm order-User information-Overall layout
13 minutes01 seconds; Confirm order-User information-Content layout
05 minutes38 seconds; Confirm order-user information-text content
08 minutes39 seconds
Chapter13Little Rabbit Xian'er-Products and other information: Course Introduction
02 minutes48 seconds; Product-Layout
12 minutes24 seconds; Number of Products
05 minutes36 seconds; product description
16 minutes35 seconds; Additional information - Layout
11 minutes08 seconds; Additional information - content
08 minutes47 seconds
Chapter14Flex layout: Flex-modify spindle direction
07 minutes51 seconds; Flex-Spindle Orientation and Alignment
05 minutes32 seconds; Flex-flexible box line wrapping
08 minutes52 seconds; Flex - adjust row alignment
05 minutes51 seconds
Chapter15Little Rabbit Xian'er-PC: Project Introduction
10 minutes10 seconds; background
07 minutes25 seconds; Content layout
08 minutes25 seconds; Account Overview - Layout
09 minutes02 seconds; Account Overview - Contents
14 minutes46 seconds; Account Overview-Image Size
03 minutes54 seconds; Public Panel-Layout
10 minutes22 seconds; Public panel-text style
04 minutes30 seconds; order-li layout
07 minutes03 seconds; Order-Content Layout
07 minutes31 seconds; Order-goods
09 minutes18 seconds; order-goods-ellipsis
07 minutes29 seconds; Order-common
08 minutes55 seconds
Chapter16Mobile adaptation: Mobile adaptation
10 minutes24 seconds; Today’s course introduction
02 minutes11 seconds; Experience rem mobile adaptation
05 minutes00 seconds; rem-basic use
07 minutes04 seconds; rem-media query
12 minutes53 seconds; rem-mobile adaptation
10 minutes03 seconds; rem-layout process
08 minutes40 seconds; rem-flexible mobile adaptation
09 minutes46 seconds; Less-Experience
06 minutes52 seconds; Less-Introduction
03 minutes04 seconds; Less-EasyLess plugin
00 minutes58 seconds; Less-annotation
04 minutes22 seconds; Less-calculate
07 minutes25 seconds; Less-nested
10 minutes02 seconds; Less-variable
10 minutes35 seconds; Less-import
06 minutes01 seconds; Less-Export-Plug-in Configuration
08 minutes38 seconds; Less-Export-Separate Path
04 minutes30 seconds; Less-disable export
03 minutes47 seconds
Chapter17amusement park project: Project preparation
07 minutes10 seconds; Less-import
03 minutes13 seconds; overall arrangement
09 minutes44 seconds; Root size variable
05 minutes15 seconds; banner area
04 minutes02 seconds; Event title
04 minutes47 seconds; Activity-Layout
06 minutes54 seconds; Activity-font icon
08 minutes20 seconds; Activity-Status-Blue
06 minutes47 seconds; Active status - gray
08 minutes29 seconds; activity-text-top
06 minutes45 seconds; activity-text-bottom
07 minutes12 seconds; Activity-Content Copy
04 minutes16 seconds; Activity-Bottom Toolbar
10 minutes46 seconds
Chapter18vw and vh: vw-experience
09 minutes48 seconds; vh-experience
03 minutes30 seconds; vw-mobile adaptation
06 minutes27 seconds; vh-mobile adaptation
04 minutes30 seconds; vh-full screen impact
05 minutes10 seconds
Chapter19Station B: Get material
08 minutes51 seconds; Project preparation
05 minutes51 seconds; Header-Layout; vw variable
01 minutes39 seconds; Head-logo icon
06 minutes53 seconds; Head-right content; Head - more; Header-font icon font size; Head-tab; Video-Layout; Video-Ideas; Video-introduction text; Video-Quantity Statistics
09 minutes41 seconds; Video-Flexible box line wrapping; Header-level and background color
03 minutes10 seconds
Chapter20Media inquiries: Course Introduction
06 minutes04 seconds; media-query-max-min-width
10 minutes50 seconds; Media queries - writing order
09 minutes35 seconds; Understand-Media Inquiry-Full Writing Method
06 minutes27 seconds; Media query-link writing method
06 minutes17 seconds; Media Query-Hide
09 minutes26 seconds
Chapter21bootstrap: bootstrap experience
07 minutes10 seconds; Introduction to bootstrap
03 minutes18 seconds; bootstrap download
09 minutes56 seconds; bootstrap-use
08 minutes43 seconds; bootstrap-grid system-principle
10 minutes30 seconds; bootstrap-grid system-code
10 minutes22 seconds; bootstrap-grid system-other class names
08 minutes01 seconds; bootstrap-introduction
06 minutes19 seconds; bootstrap-table
08 minutes47 seconds; bootstrap-button
07 minutes23 seconds; bootstrap-component
07 minutes57 seconds; bootstrap-font-icon
03 minutes22 seconds; bootstrap-plugin-dropdown menu
07 minutes10 seconds; bootstrap-plugin-carousel chart
06 minutes49 seconds
Chapter22AlloyTeam: Project preparation
04 minutes35 seconds; Banner image-height
16 minutes17 seconds; Header-component
06 minutes41 seconds; Head-Style
07 minutes18 seconds; Customization-Project Navigation
13 minutes53 seconds; Open Source Project-Title Text
06 minutes28 seconds; Open Source Project - Grid Layout
04 minutes14 seconds; Open Source Project-Content
06 minutes32 seconds; global style
08 minutes10 seconds

部分浏览器不支持，请下载APP观看

Next Section：综合案例-华为-mask919 plays

Advanced front-end basics-Mobile Web

部分浏览器不支持，请下载APP观看

Next Section： 综合案例-华为-mask919 plays

Advanced front-end basics-Mobile Web

Allpost a note

Next Section：综合案例-华为-mask919 plays