HTML5/CSS3/JavaScript/ES6 introductory course-Free online video tutorial-php.cn

Community

Learn

Tools Library

AI Tools

Leisure

English

HTML5/CSS3/JavaScript/ES6 introductory course

1. HTTP protocol and Web basics; 2. HTML5/CSS3; 3. JavaScript/ES6; 4. Node/Vue3...

Elementary

javascript

42614 person learning

102class hour

01 days 11 hours 33 minutes 57 secondsTotal course duration

2023-11-07update

PHP中文网

Gold lecturer

A total of 51 courses Student5297 Lecturer rating5.5

认证高级PHP讲师More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

1. HTTP protocol and Web basics; 2. HTML5/CSS3; 3. JavaScript/ES6; 4. Node/Vue3...

HTML5/CSS3/JavaScript/ES6 introductory course

Chapter1 The first lesson of school: Development environmenttry and see
expand retract

Section1 Software download and editor installation 01
duration： 18 minutes 24 seconds

Section2 Software download and editor installation 02
duration： 17 minutes 19 seconds

Section3 vscode common plug-ins and markdown syntax 01
duration： 20 minutes 33 seconds

Section4 vscode common plug-ins and markdown syntax 02
duration： 21 minutes 27 seconds

Section5 HTML document structure and viewing method 01
duration： 15 minutes 33 seconds

Section6 HTML document structure and viewing method 02
duration： 16 minutes 18 seconds
Chapter2 Development environment configuration and common HTML tags
expand retract

Section1 The first lesson of the semester: Development environment configuration (essence version) 01
duration： 21 minutes 48 seconds

Section2 The first lesson of the semester: Development environment configuration (essence version) 02
duration： 19 minutes 47 seconds

Section3 Element syntax/properties/layout elements 01
duration： 23 minutes 06 seconds

Section4 Element syntax/properties/layout elements 02
duration： 23 minutes 16 seconds

Section5 Element syntax/properties/layout elements 03
duration： 23 minutes 24 seconds
Chapter3 Introduction to common HTML tags
expand retract

Section1 Pictures, links, lists, tables, etc. 01
duration： 20 minutes 44 seconds

Section2 Pictures, links, lists, tables, etc. 02
duration： 19 minutes 39 seconds

Section3 Forms, Inline Frames and Multimedia Elements 01
duration： 23 minutes 10 seconds

Section4 Forms, Inline Frames and Multimedia Elements02
duration： 23 minutes 25 seconds

Section5 Forms, Inline Frames and Multimedia Elements03
duration： 24 minutes 25 seconds
Chapter4 CSS style sources and selectors
expand retract

Section1 css element style source analysis 01
duration： 24 minutes 06 seconds

Section2 css element style source analysis 02
duration： 24 minutes 32 seconds

Section3 css basic selector, contextual selector and weight (emphasis) 01
duration： 19 minutes 01 seconds

Section4 css basic selector, contextual selector and weight (emphasis) 02
duration： 18 minutes 57 seconds

Section5 css basic selector, contextual selector and weight (emphasis) 03
duration： 21 minutes 09 seconds
Chapter5 Describe pseudo-classes, box models, and responsive layout in detail
expand retract

Section1 Detailed explanation of pseudo-class selectors (key points) 01
duration： 18 minutes 31 seconds

Section2 Detailed explanation of pseudo-class selectors (key points) 02
duration： 15 minutes 51 seconds

Section3 Detailed explanation of pseudo-class selectors (key points) 03
duration： 17 minutes 48 seconds

Section4 Font icon, box model, common layout unit 01
duration： 17 minutes 48 seconds

Section5 Font icons, box models, common layout units 02
duration： 17 minutes 14 seconds

Section6 Font icons, box models, common layout units 03
duration： 18 minutes 31 seconds

Section7 Grid Layout Appreciation (Extended)
duration： 14 minutes 59 seconds
Chapter6 Media queries, positioning and flex, grid
expand retract

Section1 Examples of common styles for media queries and tables 01
duration： 20 minutes 11 seconds

Section2 Examples of common styles for media queries and tables 02
duration： 20 minutes 51 seconds

Section3 Positioning and actual combat 01
duration： 20 minutes 05 seconds

Section4 Positioning and actual combat 02
duration： 20 minutes 54 seconds

Section5 Common properties of flex containers and projects 01
duration： 21 minutes 42 seconds

Section6 Common properties of flex containers and projects 02
duration： 22 minutes 23 seconds
Chapter7 Mobile layout principles and Grid layout
expand retract

Section1 Mobile layout solution: rem + vw01
duration： 17 minutes 56 seconds

Section2 Mobile layout solution: rem + vw02
duration： 17 minutes 50 seconds

Section3 Mobile layout solution: rem + vw03
duration： 14 minutes 34 seconds

Section4 Detailed explanation of Grid layout principles and practice 01
duration： 24 minutes 14 seconds

Section5 Detailed explanation of Grid layout principles and practice 02
duration： 24 minutes 40 seconds

Section6 Detailed explanation of Grid layout principles and practice 03
duration： 24 minutes 35 seconds
Chapter8 JavaScript efficient development environment and programming basics
expand retract

Section1 Member Analysis in JS Learning Environment and Program 01
duration： 19 minutes 36 seconds

Section2 Member Analysis in JS Learning Environment and Program 02
duration： 19 minutes 12 seconds

Section3 Member Analysis in JS Learning Environment and Program 03
duration： 19 minutes 50 seconds

Section4 Detailed explanation of scopes and constants, identifier naming convention 01
duration： 22 minutes 34 seconds

Section5 Detailed explanation of scopes and constants, identifier naming convention 02
duration： 24 minutes 35 seconds
Chapter9 Describe functions and data types in detail
expand retract

Section1 Additional lesson: Handwritten grid layout components and practice (Grid version) (01)
duration： 14 minutes 52 seconds

Section2 Additional lesson: Handwritten grid layout components and practice (Grid version) (02)
duration： 13 minutes 56 seconds

Section3 Describe functions and data types in detail 01
duration： 20 minutes 36 seconds

Section4 Describe functions and data types in detail 02
duration： 19 minutes 19 seconds

Section5 Describe functions and data types in detail 03
duration： 20 minutes 42 seconds

Section6 Describe functions and data types in detail 04
duration： 20 minutes 07 seconds

Section7 Describe functions and data types in detail 05
duration： 22 minutes 04 seconds
Chapter10 Process control, function parameters and template literals
expand retract

Section1 Detailed explanation of branches and loops in process control 01
duration： 20 minutes 11 seconds

Section2 Describe in detail the branches and loops of process control 02
duration： 20 minutes 46 seconds

Section3 Describe in detail the branches and loops of process control 03
duration： 21 minutes 02 seconds

Section4 Describe function parameters and return values in detail
duration： 23 minutes 46 seconds

Section5 A simplified approach to object literals
duration： 09 minutes 39 seconds

Section6 Template literals and template functions
duration： 26 minutes 09 seconds
Chapter11 Closures/Classes and Objects/Destructuring/Browser JS
expand retract

Section1 Closure/Accessor Properties 01
duration： 14 minutes 55 seconds

Section2 Closure/Accessor Properties 02
duration： 17 minutes 13 seconds

Section3 Classes and Objects/Destructuring Assignment 01
duration： 24 minutes 32 seconds

Section4 Classes and Objects/Destructuring Assignment 02
duration： 24 minutes 55 seconds

Section5 How to introduce and obtain DOM elements in js
duration： 22 minutes 31 seconds
Chapter12 DOM actual combat and events
expand retract

Section1 Common dom operations and dom practical combat 01
duration： 20 minutes 16 seconds

Section2 Common dom operations and dom practical combat 02
duration： 19 minutes 42 seconds

Section3 Common DOM operations and DOM actual combat 03
duration： 19 minutes 19 seconds

Section4 Common dom operations and dom practical combat 04
duration： 18 minutes 01 seconds

Section5 dataset,classList,event addition and dispatch 01
duration： 14 minutes 23 seconds

Section6 dataset, classList, event addition and dispatch 02
duration： 16 minutes 06 seconds
Chapter13 JS operating mechanism and common APIs for strings and arrays
expand retract

Section1 JS form events and running mechanism: single thread + event loop and example demonstration 01
duration： 19 minutes 10 seconds

Section2 JS form events and running mechanism: single thread + event loop and example demonstration 02
duration： 18 minutes 30 seconds

Section3 JS form events and running mechanism: single thread + event loop and example demonstration 03
duration： 18 minutes 56 seconds

Section4 Demonstration of common API examples for strings and arrays 01
duration： 24 minutes 38 seconds

Section5 Demonstration of common API examples for strings and arrays 02
duration： 25 minutes 28 seconds
Chapter14 JS classic combat
expand retract

Section1 Tabs and Cart01
duration： 19 minutes 59 seconds

Section2 Tabs and Cart02
duration： 20 minutes 57 seconds

Section3 Tabs and Cart03
duration： 20 minutes 35 seconds

Section4 Event subscription and publishing, carousel chart and lazy loading practice 01
duration： 21 minutes 00 seconds

Section5 Event subscription and publishing, carousel chart and lazy loading practice 02
duration： 23 minutes 07 seconds
Chapter15 JSON, Promise and module common sense
expand retract

Section1 JSON and Promise, fetch, async, await operations 01
duration： 23 minutes 26 seconds

Section2 JSON and Promise, fetch, async, await operations 02
duration： 23 minutes 10 seconds

Section3 JSON and Promise, fetch, async, await operations 03
duration： 20 minutes 57 seconds

Section4 JSON and Promise, fetch, async, await operations 04
duration： 21 minutes 23 seconds

Section5 Module common sense
duration： 17 minutes 23 seconds
Chapter16 Online photo album manager practice and Node basics
expand retract

Section1 DOM in action: Online photo album manager
duration： 35 minutes 37 seconds

Section2 Node basic knowledge and common operations of npm package management 01
duration： 19 minutes 58 seconds

Section3 Node basic knowledge and common operations of npm package management 02
duration： 20 minutes 02 seconds

Section4 Node basic knowledge and common operations of npm package management 03
duration： 25 minutes 12 seconds
Chapter17 Node operating principle and introduction to common modules
expand retract

Section1 node operating principle 01
duration： 17 minutes 13 seconds

Section2 node operating principle 02
duration： 20 minutes 20 seconds

Section3 Introduction to node common modules 01
duration： 23 minutes 34 seconds

Section4 Introduction to node common modules 02
duration： 22 minutes 34 seconds

Section5 Introduction to node common modules 03
duration： 22 minutes 51 seconds
Chapter18 Vue principles and common instructions
expand retract

Section1 Vue common terms and common instructions 1-01
duration： 21 minutes 02 seconds

Section2 Vue common terms and common instructions 1-02
duration： 21 minutes 28 seconds

Section3 Vue common terms and common instructions 1-03
duration： 22 minutes 06 seconds
Chapter19 Events, list rendering and component communication
expand retract

Section1 Events and conditions, list rendering 01
duration： 23 minutes 55 seconds

Section2 Events and conditions, list rendering 02
duration： 25 minutes 19 seconds

Section3 Computed properties and listeners 01
duration： 21 minutes 24 seconds

Section4 Computed properties and listeners 02
duration： 16 minutes 58 seconds

Section5 Communication between global components and components
duration： 25 minutes 20 seconds

Section6 Get started quickly with common Git operations
duration： 48 minutes 56 seconds

Data Name operate
[must see]HTML5CSS3JavaScriptES6 introductory course courseware Download

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5514
Collection
ElementaryCSS 2.0 Chinese Manual

6121
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

26599
Collection
AdvancedMake layout as fast as 5G: CSS Grid grid layout

30756
Collection
ElementaryThe front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]

178282
Collection
ElementaryBootstrap3 reference manual

3340
Collection
ElementaryFoundation5 Manual

903
Collection
ElementaryJavaScript Reference Manual

9468
Collection
ElementaryjQuery1.11 Reference Manual

9118
Collection
ElementaryjQuery1.7 Chinese manual

5737
Collection
ElementaryjQuery_API_1.4.4 Manual

4226
Collection

Start Learning

This course includes：

01 days 11 hours 33 minutes 57 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>