Name: Weekend class (first period)_Front-end development
Uploaded: 2022-03-07T10:16:53+8:00
Duration: 2823 min 47 s
Description: PHP Chinese website weekend class (first phase) front-end development part learning objectives: 1. Basic knowledge and practical combat of HTML5+CSS3; 2. Complete the layout of all static pages of the website; focus: elastic layout and grid layout; 3. JavaScript, jQuery basics and actual combat; 4.LayUI basics and actual combat

Weekend class (first period)_Front-end development

Chapter1 Development environment and common tags
expand retract

Section1 Development environment setup 1
duration： 26 minutes 07 seconds

Section2 Development environment setup 2
duration： 19 minutes 45 seconds

Section3 Development environment setup 3
duration： 39 minutes 51 seconds

Section4 Semantic structure and text elements 1
duration： 28 minutes 25 seconds

Section5 Semantic structure and text elements 2
duration： 24 minutes 06 seconds

Section6 Semantic structure and text elements 3
duration： 37 minutes 32 seconds

Section7 Link and list elements
duration： 46 minutes 16 seconds
Chapter2 Detailed description of tables and forms
expand retract

Section1 Detailed table
duration： 46 minutes 11 seconds

Section2 Detailed form 1
duration： 48 minutes 24 seconds

Section3 html5 new control type
duration： 32 minutes 30 seconds

Section4 Describe the button and its properties in detail
duration： 26 minutes 42 seconds

Section5 Drop-down boxes, buttons and inline frames
duration： 30 minutes 42 seconds

Section6 css preliminary knowledge 1
duration： 25 minutes 32 seconds

Section7 css preliminary knowledge 2
duration： 26 minutes 32 seconds
Chapter3 selector/text/box model
expand retract

Section1 Selector 1
duration： 33 minutes 45 seconds

Section2 Selector 2
duration： 28 minutes 52 seconds

Section3 Selector 3
duration： 36 minutes 47 seconds

Section4 Selector 4
duration： 36 minutes 01 seconds

Section5 text setting technology
duration： 22 minutes 04 seconds

Section6 Use of Ali font icons
duration： 42 minutes 41 seconds

Section7 Box model basics
duration： 34 minutes 34 seconds
Chapter4 Model calculation methods and layout technology
expand retract

Section1 Box size calculation and positioning 1
duration： 33 minutes 48 seconds

Section2 Box size calculation and positioning 2
duration： 33 minutes 17 seconds

Section3 Magical margin:auto
duration： 35 minutes 53 seconds

Section4 Floating and High Collapse Solutions
duration： 30 minutes 44 seconds

Section5 Practical combat: absolute positioning three-column layout
duration： 45 minutes 45 seconds

Section6 Practical Combat: Classic Holy Grail Layout
duration： 40 minutes 46 seconds

Section7 Holy Grail Layout Summary and Grid Experience
duration： 28 minutes 09 seconds
Chapter5 Flex layout and practice
expand retract

Section1 Common properties of flex containers and projects 1
duration： 28 minutes 55 seconds

Section2 Common properties of flex containers and projects 2
duration： 26 minutes 38 seconds

Section3 Common properties of flex containers and projects 3
duration： 39 minutes 22 seconds

Section4 flex item properties 1
duration： 30 minutes 36 seconds

Section5 flex item properties 2
duration： 27 minutes 51 seconds

Section6 Flex quickly implements three-column layout on PC 1
duration： 23 minutes 35 seconds

Section7 Flex quickly implements three-column layout on PC 2
duration： 25 minutes 01 seconds

Section8 Flex quickly implements mobile layout 1
duration： 31 minutes 05 seconds

Section9 Flex quickly implements mobile layout 2
duration： 23 minutes 10 seconds
Chapter6 Grid layout and practice
expand retract

Section1 Grid layout common attributes 1
duration： 33 minutes 44 seconds

Section2 Grid layout common attributes 2
duration： 34 minutes 11 seconds

Section3 Grid layout common attributes 3
duration： 43 minutes 23 seconds

Section4 Grid layout common attributes 4
duration： 30 minutes 52 seconds

Section5 Grid layout common attributes 5
duration： 35 minutes 57 seconds

Section6 Practical combat: Implementation of 12-column grid layout 1
duration： 21 minutes 15 seconds

Section7 Practical combat: Implementation of 12-column grid layout 2
duration： 26 minutes 44 seconds

Section8 Practical combat: Responsive online photo album
duration： 35 minutes 56 seconds
Chapter7 js basic syntax
expand retract

Section1 JavaScript basic syntax 1
duration： 56 minutes 48 seconds

Section2 JavaScript basic syntax 2
duration： 37 minutes 16 seconds

Section3 JavaScript basic syntax 3
duration： 36 minutes 42 seconds
Chapter8 JS array object JSON and Ajax
expand retract

Section1 JS Array and Object Programming 1
duration： 35 minutes 18 seconds

Section2 JS Array and Object Programming 2
duration： 24 minutes 36 seconds

Section3 JS Array and Object Programming 3
duration： 30 minutes 59 seconds

Section4 JS Array and Object Programming 4
duration： 24 minutes 49 seconds

Section5 JS Array and Object Programming 5
duration： 44 minutes 10 seconds

Section6 Describe the functions in JS in detail
duration： 36 minutes 24 seconds

Section7 JSON in detail
duration： 38 minutes 45 seconds
Chapter9 Ajax, API and cross-domain requests
expand retract

Section1 Ajax implements front-end and back-end API interface requests and responses-1
duration： 44 minutes 09 seconds

Section2 Ajax implements front-end and back-end API interface requests and responses-2
duration： 56 minutes 55 seconds

Section3 Examples demonstrating commonly used DOM operations 1
duration： 53 minutes 08 seconds

Section4 Examples demonstrating commonly used DOM operations 2
duration： 55 minutes 48 seconds

Section5 Principle and implementation of jsonp cross-domain request
duration： 37 minutes 19 seconds
Chapter10 JS native classic practice and jQuery basics
expand retract

Section1 Tab practice 1
duration： 26 minutes 48 seconds

Section2 Tab practice 2
duration： 25 minutes 57 seconds

Section3 Lazy loading practice
duration： 40 minutes 49 seconds

Section4 Native js realizes classic carousel effect 1
duration： 30 minutes 11 seconds

Section5 Native js implements classic carousel effect 2
duration： 29 minutes 45 seconds

Section6 jQuery basics 1
duration： 50 minutes 13 seconds

Section7 jQuery basics 2
duration： 20 minutes 26 seconds
Chapter11 jQuery DOM and Ajax programming
expand retract

Section1 Commonly used getter and setter operations
duration： 41 minutes 21 seconds

Section2 Commonly used DOM operations and events 1
duration： 34 minutes 18 seconds

Section3 Commonly used DOM operations and events 2
duration： 28 minutes 13 seconds

Section4 Ajax and cross-domain operations in jQuery 1
duration： 34 minutes 32 seconds

Section5 Ajax and cross-domain operations in jQuery 2
duration： 34 minutes 47 seconds

Section6 Actual skin change and full selection
duration： 32 minutes 19 seconds

Section7 Practical shopping cart automatic calculation 1
duration： 30 minutes 11 seconds

Section8 Practical shopping cart automatic calculation 2
duration： 31 minutes 16 seconds
Chapter12 Vue.js programming basics
expand retract

Section1 vue design ideas and vue examples
duration： 29 minutes 17 seconds

Section2 vue design ideas and vue examples 1
duration： 23 minutes 15 seconds

Section3 Common commands and attributes 1
duration： 33 minutes 59 seconds

Section4 Common commands and attributes 2
duration： 23 minutes 11 seconds

Section5 Common instructions and attributes 3
duration： 23 minutes 08 seconds

Section6 Common commands and attributes 4
duration： 34 minutes 57 seconds

Section7 Common commands and attributes 5
duration： 45 minutes 40 seconds

Section8 Common commands and attributes 6
duration： 46 minutes 12 seconds