Issue 18_Front-end development-php.cn

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Issue 18_Front-end development

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

Intermediate

Front-end development

Issue 18

83644 person learning

109class hour

01 days 11 hours 33 minutes 57 secondsTotal course duration

2023-07-28update

PHP中文网

Gold lecturer

A total of 51 courses Student5296 Lecturer rating5.3

认证高级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...

Issue 18_Front-end development

Chapter1 1220-First lesson of school: Development environment
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 1221-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 1222 - 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 1223-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 1224-Elaborate on pseudo-classes, box model, and responsive layout
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 1227-Media query, 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 1228-Mobile terminal 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 1229-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 1230-Elaborate on functions and data types
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 1231- 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 0104-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 0105-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 0106-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 0107-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 0110-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 0111- 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 0112-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 0113- 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 0114 - 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]1220 source code Download

[must see]1221 source code Download

[must see]1222 source code Download

[must see]1223 source code Download

[must see]1224 source code Download

[must see]1227 source code Download

[must see]1228 source code Download

[must see]1229 source code Download

[must see]1230 source code Download

[must see]1231 source code Download

[must see]0104 source code Download

[must see]0105 source code Download

[must see]0106 source code Download

[must see]0107 source code Download

[must see]0110 source code Download

[must see]0111 source code Download

[must see]0112 source code Download

[must see]0113 source code Download

[must see]0114 source code (including git) Download

[must see]1228 source code-php Chinese website app-front-end page Download

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5512
Collection
ElementaryCSS 2.0 Chinese Manual

6114
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

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

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

157920
Collection
ElementaryBootstrap3 reference manual

3338
Collection
ElementaryFoundation5 Manual

903
Collection
ElementaryJavaScript Reference Manual

9451
Collection
ElementaryjQuery1.11 Reference Manual

9118
Collection
ElementaryjQuery1.7 Chinese manual

5732
Collection
ElementaryjQuery_API_1.4.4 Manual

4224
Collection

Start Learning

This course includes：

01 days 11 hours 33 minutes 57 seconds Watch videos anytime

20 Download Resources

Popular courses Latest courses

More>

About us Disclaimer Sitemap: php.cn：Public welfare online PHP training，Help PHP learners grow quickly！