Next Section: 伪类与字体图标,布局原理01364 plays

5 秒后自动播放下一节
  Watch Again

HTML+CSS basics and practice

Introduction >
ChapterCourseware
Chapter1First lesson of school

Learning environment (browser and editor) configuration 01

20 minutes14 seconds

Learning environment (browser and editor) configuration 02

19 minutes46 seconds

Learning environment (browser and editor) configuration 03

19 minutes33 seconds

How to write homework and HTTP knowledge 01

How to write homework and HTTP knowledge 02

How to write homework and HTTP knowledge 03

Chapter2Common tags and attributes

Labels, Attributes and Layout Elements 1, 2, 3-01

Tags, attributes and layout elements 1, 2, 3-02

Tags, attributes and layout elements 1, 2, 3-03

Detailed Lists and Tables (Practice) 1, 2-01

Detailed list and table (practical) 1, 2-02

Detailed Lists and Tables (Practice) 1, 2-03

Chapter3Form/Framework/CSS Basics

Form and frame elements 01

Form and frame elements 02

Form and frame elements 03

CSS style sources and selectors 1-01

CSS style sources and selectors 1-02

Chapter4Pseudo classes, font icons and box models

Pseudo classes and font icons, layout principles 01

Pseudo classes and font icons, layout principles 02

Pseudo classes and font icons, layout principles 03

Box model calculation method and common units 01

Box model calculation method and common units 02

Chapter5Positioning and practical cases

Relative units, positioning principles and applications 01

Relative units, positioning principles and applications 02

Relative units, positioning principles and applications 03

Relative units, positioning principles and applications 04

Bit layout practice: modal box and three-column layout 01

Bit layout practice: modal box and three-column layout 02

Chapter6Common properties of flex elastic layout

Common properties of flex container 01

Common properties of flex container 02

Common properties of flex container 03

Common properties of flex projects 01

Common properties of flex projects 02

Chapter7Flex Practice: Somedong Mobile Terminal Home Page

Actual overall layout of header and footer 01

Practical overall layout of header and footer 02

Practical overall layout of header and footer 03

Actual overall layout of header and footer 04

Practical main navigation and product recommendation module 01

Practical main navigation and product recommendation module 02

Chapter8Common knowledge about js variables and functions

Variable, constant, data type 01

Variable, constant, data type 02

Variables, constants, data types 03

Function parameters/return values, arrow functions and IIFE functions 01

Function parameters/return values, arrow functions and IIFE functions 02

Chapter9Tag functions, destructuring and object programming

Higher-order functions and label functions 01

Higher-order functions and label functions 02

Higher-order functions and label functions 03

Destructuring assignment and simplification of object literals 01

Destructuring assignment and simplification of object literals 02

Chapter10JS strings, arrays and flow control

Introduction to commonly used string and array methods 01

Introduction to commonly used string and array methods 02

Introduction to commonly used string and array methods 03

Branching and Looping of Process Control 01

Branching and Looping of Process Control 02

Chapter11Basics of DOM operations in JS

Accessor properties, scope/closure/DOM element acquisition method 01

Accessor properties, scope/closure/DOM element acquisition method 02

Accessor attributes, scope/closure/DOM element acquisition method 03

DOM traversal, addition and deletion, custom attribute dataset operation 01

DOM traversal, addition and deletion, custom attribute dataset operation 02

Chapter12Detailed event and form event practice

Event registration and event proxy 01

Event registration and event proxy 02

Event registration and event proxy 03

Practical combat: form validation and mini message board 01

Practical combat: form validation and mini message board 02

Chapter13Ajax and two practices

JSON and Ajax combat 01

JSON and Ajax combat 02

JSON and Ajax combat 03

Practical combat of tabs and lazy/lazy loading technology 01

Practical combat of tabs and lazy/lazy loading technology 02

Chapter14Practical combat: carousel and photo album manager

The Principle and Implementation of Practical Classic Carousel Charts (100-minute full version) 01

23 minutes42 seconds

The Principle and Implementation of Practical Classic Carousel Charts (100-minute full version) 02

The principle and implementation of the classic carousel chart in practice (100-minute full version) 03

The Principle and Implementation of Practical Classic Carousel Charts (100-minute full version) 04

Simple photo album manager (DOM operation) 01

Simple photo album manager (DOM operation) 02

Chapter15Practical combat: Shopping cart full selection and automatic calculation

Practical shopping cart full selection and real-time calculation function 01

Practical shopping cart full selection and real-time calculation function 02

Practical shopping cart full selection and real-time calculation function 03

Practical shopping cart full selection and real-time calculation function 04

Harmless sharing and mutual encouragement 01

Harmless sharing and mutual encouragement 02

Chapter16jquery`$()`parameters and selectors

jquery`$()`parameters and selectors01

jquery`$()`parameters and selectors02

jquery`$()`parameters and selectors03

jquery attribute operation 01

jquery attribute operation 02

jquery attribute operation 03

Chapter17jquery text operations, style attribute operations, effects

jquery text operation, style attribute operation, effect 01

jquery text operation, style attribute operation, effect 02

jquery text operation, style attribute operation, effect 03

jquery node 01

jquery node 02

jquery node 03

Chapter18jQuery dom element operation

jQuery dom element operation 01

jQuery dom element operation 02

jQuery dom element operation 03

Selector operations and mouse events 01

Selector operations and mouse events 02

Chapter19Form events and keyboard events

Form events and keyboard events 01

Form events and keyboard events 02

Form events and keyboard events 03

jquery $.get method 01

jquery $.get method 02

jquery $.get method 03

Chapter20jquert $.post request

jquert $.post request 01

jquert $.post request 02

jquert $.post request 03

jquery $.ajax01

jquery $.ajax02

jquery $.ajax03

Chapter21bootstrap download and installation and bootstrap form

bootstrap download and installation and bootstrap form 01

bootstrap download and installation and bootstrap form 02

bootstrap download and installation and bootstrap form 03

Responsive layout 01

Responsive layout 02

Chapter22Text layout

Text layout 01

Text layout 02

Text layout 03

Buttons and Navigation 01

Buttons and Navigation 02

Buttons and Navigation 03

Chapter23Navigation bar, form, form element

Navigation bar, form, form element 01

Navigation bar, form, form element 02

Navigation bar, form, form element 03

Alert box and modal box 01

Alert box and modal box 02

Chapter24css width, height, css margins, padding and jquery supplementary knowledge

css width, height, css margins, padding and jquery supplementary knowledge 01

css width, height, css margins, padding and jquery supplementary knowledge 02

css width, height, css margins, padding and jquery supplementary knowledge 03

Practical combat: modify and delete 01

Practical combat: modify and delete 02

  • CancelreplySending
  • Cancelpost a noteSending