Next Section: CSS样表声明引入方式与优先级快速预览2000 plays

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

Zero-based front-end development video tutorial

Introduction >
ChapterCourseware
Chapter1Web basic principles and common HTML tags

Analysis of basic working principles of the Web

06 minutes50 seconds

Commonly used text and formatting tags in HTML

08 minutes28 seconds

HTML link <a> and image tag <img>

09 minutes33 seconds

List tags in HTML (unordered/ordered/custom)

Tips for using table tags in HTML

15 minutes23 seconds

Processing technology of form controls in HTML

A quick start with blocks and styles

Introduction to HTML5 video audio and object tags

Chapter2CSS style introduction and priority, setting background

CSS template declaration introduction method and priority quick preview

06 minutes42 seconds

A quick introduction to the introduction and priority of CSS style sheets

Tips for setting background styles with CSS

Chapter3CSS List_Table_Quick Start with Common Selectors

CSS style control for link tags

CSS tips for setting list item tags

16 minutes13 seconds

CSS precise control technology for table styles

Quick guide to common CSS selectors

Chapter4CSS_positioning_floating and layout

CSS positioning, floating and layout teaching courseware [Light version]

Introduction to the box model in CSS

CSS document flow and relative positioning technology

Absolute positioning technology in CSS

CSS floating positioning technology

CSS uses floating to implement mixed layout of graphics and text

CSS margins implement binding of images and text

Chapter5CSS_Layout Principles and Practice

Analysis of CSS single column layout principle

Analysis on the implementation principle of CSS two-column layout

Analysis of the principles of CSS layout with more than three columns

Corporate website homepage layout practice_upper part

17 minutes20 seconds

Corporate website homepage layout practice_lower part

33 minutes12 seconds
Chapter6First experience with JavaScript

Start your JS journey with an automated chatbot

11 minutes41 seconds

Introduction to JavaScript functions

10 minutes34 seconds

Getting started with JavaScript objects

31 minutes33 seconds
Chapter7Essence of JavaScript theory basics

[Small case] Message board with sensitive word filtering

09 minutes56 seconds

Detailed explanation of expressions in JavaScript

Detailed explanation of JavaScript statements

Chapter8JavaScript tab_timer_album

Quick preview of tonight’s case

Simple online electronic photo album

Tab creation case in web page

29 minutes12 seconds

Classic countdown case

Chapter9JavaScript DOM_array_function parameters

Message board with comment function

A complete collection of array operation methods

Let’s talk about function parameters again

Chapter10JavaScript style_window_constructor

Code editor case

JavaScript gets non-interlined CSS styles

Let’s talk about the relationship between objects and constructors again

Chapter11Prototypal inheritance and JSON objects

An introduction to the concept of classes in PHP

The relationship between function prototype and class

Parsing of object and array combination data

Convert JS objects and arrays to JSON strings

JSON.stringify method parameter parsing

Introduction to the use of toJSON method in JS objects

Chapter12Form_Ajax and request types

form's name attribute and submit method

14 minutes40 seconds

elements attribute of form form

Introduction to traditional form validation

Ajax courseware explanation

get request in Ajax

Chapter13Ajax commonly used classic example principles

The principle of quickly creating a virtual host with PHP toolbox

POST submission in Ajax

Ajax form validation principles

Analysis on the implementation principle of Ajax non-refresh paging

Ajax gets server JSON data

Chapter14JavaScript self-calling functions and DOM node types

Self-calling function declaration techniques

DOM node types and basic applications

Chapter15First experience with jQuery

Using CSS selectors to select elements in native JS

jQuery factory function

Detailed explanation of jQuery objects

Conversion between jQuery objects and JS objects

Event registration and deletion in jQuery

Chapter16jQuery basic operations

Detailed explanation of parameters of jQuery function

jQuery operates html attributes

jQuery CSS style control

jQuery control class style

jQuery document DOM node manipulation

Chapter17Selector knowledge in jQuery

Classification of jQuery selectors

jQuery common selection filters

Common methods of jQuery selector

Chapter18Ajax call and example analysis in jQuery

Example: Online photo album manager

Detailed explanation of the function of $.ajax()

$.ajax() and JSON implement message query

Chapter19Boostra Basics

Bootstrap download and import

23 minutes51 seconds

The principle of Bootstrap grid layout

Boostrap column offset

Bootstrap column nesting

Boostrap column sort

Chapter20How to call Boostrap components and plug-ins

Bootstrap common component plug-ins and examples

52 minutes46 seconds
  • CancelreplySending
  • Cancelpost a noteSending