Introduction to the sixth course

Build a learning environment

HTML first experience

Commonly used tags(1)

Commonly used tags(2)

Commonly used tags(3)

Commonly used tags(4)

css basic syntax

css selector priority

Box model knowledge in CSS

Commonly used CSS selectors (Part 1)

Commonly used CSS selectors (Part 2)

CSS background control technology

Interesting inner and outer margins

Basic knowledge about floating

Positioning and Case 1

Positioning and Case 2

Q&A 1

Q&A 2

Q&A 3

Five ways to clear floats

Layout common sense

Absolute positioning layout principle

Floating layout principle

Universal header and bottom layout

Principle and implementation of double flying wing layout

Holy Grail Layout Principle and Implementation

Page splitting and creation of corporate sites (Part 1)

Page splitting and creation of corporate sites (Part 2)

html+css summary and sharing

Build a programming environment

JS basic syntax (1)

JS basic syntax (2)

JS basic syntax (3)

Commonly used loop control structures

First experience with object-oriented

Function knowledge in JS

Elaborate on the object

Describe object 1 in detail

A closer look at array traversal and conversion

Detailed description of array traversal and conversion 1

DOM and nodes

Summary of methods for obtaining elements in JS

DOM combat online photo album 1

DOM combat online photo album 2

DOM practical guestbook 1

DOM actual combat guestbook 2

Tips for operating tables with js

Practical combat: online automated customer service

Practical Combat: Little Calculator

JS event basics

5.11 Saturday Question Answering Class (1)

5.11 Saturday Question Answering Class (2)

The application of change event in the form

Other common events: submit/blur/input

Similarities and differences between input and change events

Implementation of the select-all function of the shopping cart

Yesterday’s homework explanation

Single thread and events

Ajax gets HTML content

Explain the principles of Ajax in detail

Ajax practical form validation

Ajax combat tab

JSON(1) in detail

JSON(2) in detail

JSON actual back-end data reading

JSON practical form validation

FAQ

Serialization of JS objects

Rewrite Ajax form validation

Extended knowledge of serialization and restoration of JS objects

Saturday course answers

First experience with jQuery

Introduction to usage scenarios of $() function

How to convert between jQuery objects and DOM objects

Introduction to common selectors

Commonly used DOM operations (1)

Commonly used DOM operations (2)

Events in jQuery

Practical combat: private photo album manager

Commonly used Ajax methods (1)

Commonly used Ajax methods (2)

Commonly used Ajax methods (3)

Three-level linkage principle and implementation of event actual combat

Introduction to commonly used traversal methods in jQuery

How to install and use plug-ins in jQuery

Introduction of frameworks and templates

Grid layout principle

Bootstrap grid layout practice

Saturday course answers (1)

Saturday course answers (2)

Tables and Forms

Buttons and Images

Drop-down menus and button groups, etc.

Control groups and navigation bars

Pagination and tab badges

Giant screen and thumbnail components

List group panel etc.

Warning and modal box folding plug-ins, etc.

Practical combat: The principle and implementation of carousel charts

Implemented using iframe

Implemented with Ajax

Use Bootstrap to beautify the backend management system

Analysis of the whole process of page parsing and script execution 1

Analysis of the whole process of page parsing and script execution 2

Task queue and event loop principles