Advanced front-end basics-Mobile Web
This course adopts the 2+5 model. In the first two days, HTML+CSS will be implemented, using font icons, plane transitions, animations, etc. to enrich web page effects and presentation methods; in the last five days, mobile and multi-terminal adaptation effects will be completed. The course is designed in a closed-loop manner, and each chapter is equipped with comprehensive cases. After learning, enterprise-level projects will be practiced, allowing students to not only master the knowledge points, but also learn the application scenarios of the knowledge points in actual development, allowing students to apply what they have learned.
239080
person learning
187
class hour
2022-08-17
update time
22 Hours42 minutes54 seconds
Total course duration
有朋自远方来，虽远必诛！
You will learn
This course adopts the 2+5 model. In the first two days, HTML+CSS will be implemented, using font icons, plane transitions, animations, etc. to enrich web page effects and presentation methods; in the last five days, mobile and multi-terminal adaptation effects will be completed. The course is designed in a closed-loop manner, and each chapter is equipped with comprehensive cases. After learning, you will practice enterprise-level projects, so that students can not only master the knowledge points, but also learn the application scenarios of the knowledge points in actual development, so that students can apply what they have learned.
Advanced front-end basics-Mobile Web
Section1 Stage course introduction
19 minutes22 seconds
Section2 Today’s course introduction
03 minutes32 seconds
Chapter1 Course Introduction
Section1 Font Icon-Basic Usage
12 minutes14 seconds
Section2 Font icon-iconfont class
05 minutes05 seconds
Section3 Case-Shopping Cart
09 minutes54 seconds
Section4 font-icon-svg-upload
10 minutes15 seconds
Chapter2 Font icon
Section1 Plane Transformation - Introduction
08 minutes07 seconds
Section2 Plane transformation-displacement
03 minutes39 seconds
Section3 Plane transformation-displacement-techniques
09 minutes08 seconds
Section4 Plane transformation-positioning box to center
12 minutes23 seconds
Section5 Case-double door-layout
06 minutes00 seconds
Section6 Case-double door-hover effect
04 minutes55 seconds
Section7 plane transformation rotation
07 minutes45 seconds
Section8 Plane Conversion - Convert Circle Points
06 minutes15 seconds
Section9 Plane Transformation-Multiple Transformation
06 minutes15 seconds
Section10 Plane Transform-Zoom
18 minutes24 seconds
Section11 Case-Zoom
03 minutes39 seconds
Section12 Case - Zoom - Notes - Stackability
11 minutes26 seconds
Section13 Gradient
09 minutes05 seconds
Section14 Case-Gradient
10 minutes00 seconds
Section15 Comprehensive Case-Huawei-Structural Analysis
07 minutes05 seconds
Section16 Comprehensive case-Huawei-mask
12 minutes06 seconds
Section17 Comprehensive case-Huawei-hover effect
In calculation
Chapter3 plane transformation
Section1 Today’s course introduction
07 minutes13 seconds
Section2 Space Transformation - Introduction
04 minutes13 seconds
Section3 Space transformation-displacement
07 minutes35 seconds
Section4 Space Transformation-Perspective Properties
09 minutes22 seconds
Section5 Space transformation-perspective properties-principle
09 minutes33 seconds
Section6 Space transformation-rotateZ
04 minutes16 seconds
Section7 Space transformation-rotateX
04 minutes34 seconds
Section8 Space transformation-rotateY
03 minutes30 seconds
Section9 Space Transformation - Left Hand Rule
05 minutes41 seconds
Section10 Space transformation-rotate3d-understand
02 minutes33 seconds
Section11 Space transformation-three-dimensional presentation
12 minutes52 seconds
Chapter4 space transformation
Section1 3d Navigation - Structural Analysis
06 minutes24 seconds
Section2 3D Navigation-Building a Cube
08 minutes04 seconds
Section3 3d navigation-hover
05 minutes21 seconds
Chapter5 3d navigation
Section1 Morning review
03 minutes27 seconds
Section2 Spatial transformation - scaling
05 minutes42 seconds
Chapter6 Course review
Section1 Animation-Introduction
10 minutes46 seconds
Section2 animation-from..to
06 minutes16 seconds
Section3 Animation-Percentage
04 minutes48 seconds
Section4 Animation-animation composite attribute 01
11 minutes18 seconds
Section5 Animation-animation composite attribute 02
08 minutes15 seconds
Section6 Animation-animation split writing method
07 minutes07 seconds
Section7 Animation-Frame-by-Frame Animation-Introduction
05 minutes21 seconds
Section8 Animation-frame-by-frame animation-implementation
12 minutes02 seconds
Section9 Animation-Multiple groups of animations
10 minutes31 seconds
Chapter7 animation
Section1 revolving door
18 minutes52 seconds
Section2 National Travel-Background Picture
15 minutes01 seconds
Section3 National Travel-Cloud-Layout
07 minutes37 seconds
Section4 National Travel-Clouds-Animation
05 minutes39 seconds
Chapter8 Comprehensive case
Section1 exam questions
11 minutes57 seconds
Section2 Course Introduction
01 minutes49 seconds
Section3 Course knowledge introduction
01 minutes01 seconds
Chapter9 Course Introduction 2
Section1 The differences between PC and mobile web pages
05 minutes13 seconds
Section2 google emulator
07 minutes07 seconds
Section3 resolution
10 minutes32 seconds
Section4 Code Reference Resolution - Logic
10 minutes02 seconds
Section5 Viewport
12 minutes00 seconds
Section6 Double chart
14 minutes50 seconds
Section7 Percent layout
12 minutes27 seconds
Chapter10 Features of mobile terminal
Section1 Flex-Experience
09 minutes43 seconds
Section2 Introduction to Flex
08 minutes40 seconds
Section3 Flex-Composition
08 minutes42 seconds
Section4 Flex-Spindle Alignment
10 minutes39 seconds
Section5 Flex-cross axis alignment
09 minutes48 seconds
Section6 Flex-Individually control the cross-axis alignment of a box
03 minutes17 seconds
Section7 Flex-flexible box size characteristics
04 minutes38 seconds
Section8 Flex-elastic expansion ratio
12 minutes45 seconds
Chapter11 Flex
Section1 Little Rabbit Xianer-confirm order-preparation work
10 minutes10 seconds
Section2 Confirm order-overall layout
16 minutes16 seconds
Section3 Confirm order-pay at bottom-layout
07 minutes39 seconds
Section4 Confirm order-pay at bottom-left side
07 minutes16 seconds
Section5 Confirm order-pay at the bottom-right side
04 minutes25 seconds
Section6 Confirm order-User information-Overall layout
13 minutes01 seconds
Section7 Confirm order-User information-Content layout
05 minutes38 seconds
Section8 Confirm order-user information-text content
08 minutes39 seconds
Chapter12 Little Rabbit Fresh-Order
Section1 Course Introduction
02 minutes48 seconds
Section2 Product-Layout
12 minutes24 seconds
Section3 Number of Products
05 minutes36 seconds
Section4 product description
16 minutes35 seconds
Section5 Additional information - Layout
11 minutes08 seconds
Section6 Additional information - content
08 minutes47 seconds
Chapter13 Little Rabbit Xian'er-Products and other information
Section1 Flex-modify spindle direction
07 minutes51 seconds
Section2 Flex-Spindle Orientation and Alignment
05 minutes32 seconds
Section3 Flex-flexible box line wrapping
08 minutes52 seconds
Section4 Flex - adjust row alignment
05 minutes51 seconds
Chapter14 Flex layout
Section1 Project Introduction
10 minutes10 seconds
Section2 background
07 minutes25 seconds
Section3 Content layout
08 minutes25 seconds
Section4 Account Overview - Layout
09 minutes02 seconds
Section5 Account Overview - Contents
14 minutes46 seconds
Section6 Account Overview-Image Size
03 minutes54 seconds
Section7 Public Panel-Layout
10 minutes22 seconds
Section8 Public panel-text style
04 minutes30 seconds
Section9 order-li layout
07 minutes03 seconds
Section10 Order-Content Layout
07 minutes31 seconds
Section11 Order-goods
09 minutes18 seconds
Section12 order-goods-ellipsis
07 minutes29 seconds
Section13 Order-common
08 minutes55 seconds
Chapter15 Little Rabbit Xian'er-PC
Section1 Mobile adaptation
10 minutes24 seconds
Section2 Today’s course introduction
02 minutes11 seconds
Section3 Experience rem mobile adaptation
05 minutes00 seconds
Section4 rem-basic use
07 minutes04 seconds
Section5 rem-media query
12 minutes53 seconds
Section6 rem-mobile adaptation
10 minutes03 seconds
Section7 rem-layout process
08 minutes40 seconds
Section8 rem-flexible mobile adaptation
09 minutes46 seconds
Section9 Less-Experience
06 minutes52 seconds
Section10 Less-Introduction
03 minutes04 seconds
Section11 Less-EasyLess plugin
00 minutes58 seconds
Section12 Less-annotation
04 minutes22 seconds
Section13 Less-calculate
07 minutes25 seconds
Section14 Less-nested
10 minutes02 seconds
Section15 Less-variable
10 minutes35 seconds
Section16 Less-import
06 minutes01 seconds
Section17 Less-Export-Plug-in Configuration
08 minutes38 seconds
Section18 Less-Export-Separate Path
04 minutes30 seconds
Section19 Less-disable export
03 minutes47 seconds
Chapter16 Mobile adaptation
Section1 Project preparation
07 minutes10 seconds
Section2 Less-import
03 minutes13 seconds
Section3 overall arrangement
09 minutes44 seconds
Section4 Root size variable
05 minutes15 seconds
Section5 banner area
04 minutes02 seconds
Section6 Event title
04 minutes47 seconds
Section7 Activity-Layout
06 minutes54 seconds
Section8 Activity-font icon
08 minutes20 seconds
Section9 Activity-Status-Blue
06 minutes47 seconds
Section10 Active status - gray
08 minutes29 seconds
Section11 activity-text-top
06 minutes45 seconds
Section12 activity-text-bottom
07 minutes12 seconds
Section13 Activity-Content Copy
04 minutes16 seconds
Section14 Activity-Bottom Toolbar
10 minutes46 seconds
Chapter17 amusement park project
Section1 vw-experience
09 minutes48 seconds
Section2 vh-experience
03 minutes30 seconds
Section3 vw-mobile adaptation
06 minutes27 seconds
Section4 vh-mobile adaptation
04 minutes30 seconds
Section5 vh-full screen impact
05 minutes10 seconds
Chapter18 vw and vh
Section1 Get material
08 minutes51 seconds
Section2 Project preparation
05 minutes51 seconds
Section3 Header-Layout
In calculation
Section4 vw variable
01 minutes39 seconds
Section5 Head-logo icon
06 minutes53 seconds
Section6 Head-right content
In calculation
Section7 Head - more
In calculation
Section8 Header-font icon font size
In calculation
Section9 Head-tab
In calculation
Section10 Video-Layout
In calculation
Section11 Video-Ideas
In calculation
Section12 Video-introduction text
In calculation
Section13 Video-Quantity Statistics
09 minutes41 seconds
Section14 Video-Flexible box line wrapping
In calculation
Section15 Header-level and background color
03 minutes10 seconds
Chapter19 Station B
Section1 Course Introduction
06 minutes04 seconds
Section2 media-query-max-min-width
10 minutes50 seconds
Section3 Media queries - writing order
09 minutes35 seconds
Section4 Understand-Media Inquiry-Full Writing Method
06 minutes27 seconds
Section5 Media query-link writing method
06 minutes17 seconds
Section6 Media Query-Hide
09 minutes26 seconds
Chapter20 Media inquiries
Section1 bootstrap experience
07 minutes10 seconds
Section2 Introduction to bootstrap
03 minutes18 seconds
Section3 bootstrap download
09 minutes56 seconds
Section4 bootstrap-use
08 minutes43 seconds
Section5 bootstrap-grid system-principle
10 minutes30 seconds
Section6 bootstrap-grid system-code
10 minutes22 seconds
Section7 bootstrap-grid system-other class names
08 minutes01 seconds
Section8 bootstrap-introduction
06 minutes19 seconds
Section9 bootstrap-table
08 minutes47 seconds
Section10 bootstrap-button
07 minutes23 seconds
Section11 bootstrap-component
07 minutes57 seconds
Section12 bootstrap-font-icon
03 minutes22 seconds
Section13 bootstrap-plugin-dropdown menu
07 minutes10 seconds
Section14 bootstrap-plugin-carousel chart
06 minutes49 seconds
Chapter21 bootstrap
Section1 Project preparation
04 minutes35 seconds
Section2 Banner image-height
16 minutes17 seconds
Section3 Header-component
06 minutes41 seconds
Section4 Head-Style
07 minutes18 seconds
Section5 Customization-Project Navigation
13 minutes53 seconds
Section6 Open Source Project-Title Text
06 minutes28 seconds
Section7 Open Source Project - Grid Layout
04 minutes14 seconds
Section8 Open Source Project-Content
06 minutes32 seconds
Section9 global style
08 minutes10 seconds
Chapter22 AlloyTeam
Data Name
Advanced front-end basics-Mobile Web--related courseware
Download
王林 Lecturer Other Courses
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2982557
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
546667
Quick introduction to web front-end development
8 class hour
220790
Master PS video tutorials from scratch
268 class hour
1003300
Latest courses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web front-end] Node.js quick start
16 class hour
16696
Complete collection of foreign web development full-stack courses
12 class hour
13480
Go language practical GraphQL
10 class hour
11115
550W fan master learns JavaScript from scratch step by step
1 class hour
1264
