HTML+CSS basics and practice

• Chapter1 First lesson of school
• 1-1 Learning environment (browser and editor) configuration 01
• 1-2 Learning environment (browser and editor) configuration 02
• 1-3 Learning environment (browser and editor) configuration 03
• 1-4 How to write homework and HTTP knowledge 01
• 1-5 How to write homework and HTTP knowledge 02
• 1-6 How to write homework and HTTP knowledge 03
• Chapter2 Common tags and attributes
• 2-1 Labels, Attributes and Layout Elements 1, 2, 3-01
• 2-2 Tags, attributes and layout elements 1, 2, 3-02
• 2-3 Tags, attributes and layout elements 1, 2, 3-03
• 2-4 Detailed Lists and Tables (Practice) 1, 2-01
• 2-5 Detailed list and table (practical) 1, 2-02
• 2-6 Detailed Lists and Tables (Practice) 1, 2-03
• Chapter3 Form/Framework/CSS Basics
• 3-1 Form and frame elements 01
• 3-2 Form and frame elements 02
• 3-3 Form and frame elements 03
• 3-4 CSS style sources and selectors 1-01
• 3-5 CSS style sources and selectors 1-02
• Chapter4 Pseudo classes, font icons and box models
• 4-1 Pseudo classes and font icons, layout principles 01
• 4-2 Pseudo classes and font icons, layout principles 02
• 4-3 Pseudo classes and font icons, layout principles 03
• 4-4 Box model calculation method and common units 01
• 4-5 Box model calculation method and common units 02
• Chapter5 Positioning and practical cases
• 5-1 Relative units, positioning principles and applications 01
• 5-2 Relative units, positioning principles and applications 02
• 5-3 Relative units, positioning principles and applications 03
• 5-4 Relative units, positioning principles and applications 04
• 5-5 Bit layout practice: modal box and three-column layout 01
• 5-6 Bit layout practice: modal box and three-column layout 02
• Chapter6 Common properties of flex elastic layout
• 6-1 Common properties of flex container 01
• 6-2 Common properties of flex container 02
• 6-3 Common properties of flex container 03
• 6-4 Common properties of flex projects 01
• 6-5 Common properties of flex projects 02
• Chapter7 Flex Practice: Somedong Mobile Terminal Home Page
• 7-1 Actual overall layout of header and footer 01
• 7-2 Practical overall layout of header and footer 02
• 7-3 Practical overall layout of header and footer 03
• 7-4 Actual overall layout of header and footer 04
• 7-5 Practical main navigation and product recommendation module 01
• 7-6 Practical main navigation and product recommendation module 02
• Chapter8 Common knowledge about js variables and functions
• 8-1 Variable, constant, data type 01
• 8-2 Variable, constant, data type 02
• 8-3 Variables, constants, data types 03
• 8-4 Function parameters/return values, arrow functions and IIFE functions 01
• 8-5 Function parameters/return values, arrow functions and IIFE functions 02
• Chapter9 Tag functions, destructuring and object programming
• 9-1 Higher-order functions and label functions 01
• 9-2 Higher-order functions and label functions 02
• 9-3 Higher-order functions and label functions 03
• 9-4 Destructuring assignment and simplification of object literals 01
• 9-5 Destructuring assignment and simplification of object literals 02
• Chapter10 JS strings, arrays and flow control
• 10-1 Introduction to commonly used string and array methods 01
• 10-2 Introduction to commonly used string and array methods 02
• 10-3 Introduction to commonly used string and array methods 03
• 10-4 Branching and Looping of Process Control 01
• 10-5 Branching and Looping of Process Control 02
• Chapter11 Basics of DOM operations in JS
• 11-1 Accessor properties, scope/closure/DOM element acquisition method 01
• 11-2 Accessor properties, scope/closure/DOM element acquisition method 02
• 11-3 Accessor attributes, scope/closure/DOM element acquisition method 03
• 11-4 DOM traversal, addition and deletion, custom attribute dataset operation 01
• 11-5 DOM traversal, addition and deletion, custom attribute dataset operation 02
• Chapter12 Detailed event and form event practice
• 12-1 Event registration and event proxy 01
• 12-2 Event registration and event proxy 02
• 12-3 Event registration and event proxy 03
• 12-4 Practical combat: form validation and mini message board 01
• 12-5 Practical combat: form validation and mini message board 02
• Chapter13 Ajax and two practices
• 13-1 JSON and Ajax combat 01
• 13-2 JSON and Ajax combat 02
• 13-3 JSON and Ajax combat 03
• 13-4 Practical combat of tabs and lazy/lazy loading technology 01
• 13-5 Practical combat of tabs and lazy/lazy loading technology 02
• Chapter14 Practical combat: carousel and photo album manager
• 14-1 The Principle and Implementation of Practical Classic Carousel Charts (100-minute full version) 01
• 14-2 The Principle and Implementation of Practical Classic Carousel Charts (100-minute full version) 02
• 14-3 The principle and implementation of the classic carousel chart in practice (100-minute full version) 03
• 14-4 The Principle and Implementation of Practical Classic Carousel Charts (100-minute full version) 04
• 14-5 Simple photo album manager (DOM operation) 01
• 14-6 Simple photo album manager (DOM operation) 02
• Chapter15 Practical combat: Shopping cart full selection and automatic calculation
• 15-1 Practical shopping cart full selection and real-time calculation function 01
• 15-2 Practical shopping cart full selection and real-time calculation function 02
• 15-3 Practical shopping cart full selection and real-time calculation function 03
• 15-4 Practical shopping cart full selection and real-time calculation function 04
• 15-5 Harmless sharing and mutual encouragement 01
• 15-6 Harmless sharing and mutual encouragement 02
• Chapter16 jquery`$()`parameters and selectors
• 16-1 jquery`$()`parameters and selectors01
• 16-2 jquery`$()`parameters and selectors02
• 16-3 jquery`$()`parameters and selectors03
• 16-4 jquery attribute operation 01
• 16-5 jquery attribute operation 02
• 16-6 jquery attribute operation 03
• Chapter17 jquery text operations, style attribute operations, effects
• 17-1 jquery text operation, style attribute operation, effect 01
• 17-2 jquery text operation, style attribute operation, effect 02
• 17-3 jquery text operation, style attribute operation, effect 03
• 17-4 jquery node 01
• 17-5 jquery node 02
• 17-6 jquery node 03
• Chapter18 jQuery dom element operation
• 18-1 jQuery dom element operation 01
• 18-2 jQuery dom element operation 02
• 18-3 jQuery dom element operation 03
• 18-4 Selector operations and mouse events 01
• 18-5 Selector operations and mouse events 02
• Chapter19 Form events and keyboard events
• 19-1 Form events and keyboard events 01
• 19-2 Form events and keyboard events 02
• 19-3 Form events and keyboard events 03
• 19-4 jquery $.get method 01
• 19-5 jquery $.get method 02
• 19-6 jquery $.get method 03
• Chapter20 jquert $.post request
• 20-1 jquert $.post request 01
• 20-2 jquert $.post request 02
• 20-3 jquert $.post request 03
• 20-4 jquery $.ajax01
• 20-5 jquery $.ajax02
• 20-6 jquery $.ajax03
• Chapter21 bootstrap download and installation and bootstrap form
• 21-1 bootstrap download and installation and bootstrap form 01
• 21-2 bootstrap download and installation and bootstrap form 02
• 21-3 bootstrap download and installation and bootstrap form 03
• 21-4 Responsive layout 01
• 21-5 Responsive layout 02
• Chapter22 Text layout
• 22-1 Text layout 01
• 22-2 Text layout 02
• 22-3 Text layout 03
• 22-4 Buttons and Navigation 01
• 22-5 Buttons and Navigation 02
• 22-6 Buttons and Navigation 03
• Chapter23 Navigation bar, form, form element
• 23-1 Navigation bar, form, form element 01
• 23-2 Navigation bar, form, form element 02
• 23-3 Navigation bar, form, form element 03
• 23-4 Alert box and modal box 01
• 23-5 Alert box and modal box 02
• Chapter24 css width, height, css margins, padding and jquery supplementary knowledge
• 24-1 css width, height, css margins, padding and jquery supplementary knowledge 01
• 24-2 css width, height, css margins, padding and jquery supplementary knowledge 02
• 24-3 css width, height, css margins, padding and jquery supplementary knowledge 03
• 24-4 Practical combat: modify and delete 01
• 24-5 Practical combat: modify and delete 02