The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]-Free online video tutorial-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)

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

1. HTML5: a new generation of structured markup language, the latest international standard from W3C; 2. CSS5: The latest collection of style rules, in line with modern page layout standards; 3. ES6: The latest specification of JavaScript (based on the latest ECMAScript standard); 4. NPM: The latest standard front-end package management tool based on Node.js; 5. VUE: The world’s most popular universal front-end development framework (essential for front-end development)

Elementary

css

es6

html

npm

vue

Big front end

array

138043 person learning

152 class hour

01 days 08 hours 20 minutes 06 seconds Total course duration

2023-10-30update

PHP中文网

Gold lecturer

A total of 51 coursesStudent5294 Lecturer rating5.7

认证高级PHP讲师 More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

1. HTML5: a new generation of structured markup language, the latest international standard from W3C; 2. CSS5: The latest collection of style rules, in line with modern page layout standards; 3. ES6: The latest specification of JavaScript (based on the latest ECMAScript standard); 4. NPM: The latest standard front-end package management tool based on Node.js; 5. VUE: The world’s most popular universal front-end development framework (essential for front-end development)

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

Chapter1 development environment
expand retract

Section1 Install editor VScode
duration： 05 minutes 54 seconds

Section2 Install Chrome Google Chrome
duration： 02 minutes 46 seconds

Section3 Installation and use of VScode universal plug-in
duration： 15 minutes 29 seconds

Section4 VScode markdown and font settings
duration： 08 minutes 16 seconds

Section5 markdown grammar rules
duration： 12 minutes 43 seconds

Section6 HTTP basics
duration： 12 minutes 15 seconds

Section7 Analysis of common terms in web development
duration： 12 minutes 59 seconds

Section8 html document structure
duration： 08 minutes 24 seconds

Section9 Single label vs. double label
duration： 06 minutes 19 seconds

Section10 Front-end practical page display
duration： 11 minutes 57 seconds
Chapter2 Development environment configuration and common HTML tags
expand retract

Section1 Use of Live Server plug-in
duration： 05 minutes 30 seconds

Section2 Relationship between client and local server
duration： 06 minutes 09 seconds

Section3 Write markdown documents
duration： 08 minutes 49 seconds

Section4 vscode custom file icon
duration： 01 minutes 50 seconds

Section5 Let the code fly--Emmet syntax
duration： 28 minutes 40 seconds

Section6 html common attributes and default attributes
duration： 06 minutes 00 seconds

Section7 html event attributes and custom attributes
duration： 08 minutes 34 seconds

Section8 Commonly used layout semantic tags
duration： 11 minutes 48 seconds
Chapter3 Introduction to common HTML tags
expand retract

Section1 Image-Link-List Tag
duration： 12 minutes 55 seconds

Section2 Implement graphic and text lists and navigation
duration： 07 minutes 49 seconds

Section3 Detailed explanation of html tables
duration： 17 minutes 10 seconds

Section4 Data interaction medium-form form
duration： 10 minutes 20 seconds

Section5 Form HTTP POST submission
duration： 06 minutes 47 seconds

Section6 Hide and show the form password box
duration： 11 minutes 08 seconds

Section7 radio radio button
duration： 08 minutes 47 seconds

Section8 checkboxcheckbox
duration： 07 minutes 24 seconds

Section9 Form control-drop-down menu
duration： 05 minutes 14 seconds

Section10 form button type
duration： 01 minutes 36 seconds

Section11 iframe inline element loads Baidu map
duration： 05 minutes 53 seconds

Section12 Video tag loads Douyin short video
duration： 03 minutes 34 seconds

Section13 A small practical experience with inline frames - building a skinny backend homepage
duration： 07 minutes 38 seconds
Chapter4 CSS style sources and selectors
expand retract

Section1 CSS programming goals
duration： 08 minutes 49 seconds

Section2 Interpret element style sources
duration： 16 minutes 48 seconds

Section3 Style reference priority issue
duration： 09 minutes 27 seconds

Section4 style inheritance
duration： 09 minutes 22 seconds

Section5 Complete explanation of basic selectors
duration： 12 minutes 26 seconds

Section6 level selector
duration： 11 minutes 37 seconds

Section7 Detailed analysis of the weight of selectors
duration： 21 minutes 58 seconds
Chapter5 Describe pseudo-classes, box models, and responsive layout in detail
expand retract

Section1 Structural pseudo-class selector
duration： 11 minutes 59 seconds

Section2 Pseudo-class selector parameters
duration： 21 minutes 11 seconds

Section3 Pseudo class quick matching
duration： 07 minutes 18 seconds

Section4 Form pseudo-class
duration： 09 minutes 24 seconds

Section5 Use of font icons
duration： 12 minutes 25 seconds

Section6 Layout artifact--box model
duration： 20 minutes 33 seconds

Section7 css layout unit
duration： 12 minutes 47 seconds

Section8 Viewport units vh-vw
duration： 19 minutes 19 seconds

Section9 Commonly used styles of tables (pseudo-classes)
duration： 10 minutes 26 seconds
Chapter6 Media queries, positioning and flex, grid
expand retract

Section1 Media query--mobile layout adaptation
duration： 24 minutes 10 seconds

Section2 Positioning and positioning elements
duration： 17 minutes 09 seconds

Section3 Login modal box positioning practice
duration： 17 minutes 55 seconds

Section4 flex flexible layout--container
duration： 11 minutes 54 seconds

Section5 Properties in flex container
duration： 15 minutes 24 seconds

Section6 flex item properties
duration： 14 minutes 20 seconds
Chapter7 Mobile layout principles and Grid layout
expand retract

Section1 Viewport viewport (layout viewport, visual viewport, ideal viewport)
duration： 23 minutes 28 seconds

Section2 Mobile layout solution (rem+vw)
duration： 24 minutes 49 seconds

Section3 Grid container properties and project properties
duration： 21 minutes 25 seconds

Section4 Advanced gameplay of grid layout
duration： 26 minutes 46 seconds

Section5 Grid implements Holy Grail layout
duration： 17 minutes 27 seconds

Section6 Custom grid layout component
duration： 15 minutes 43 seconds

Section7 Grid layout practical case
duration： 11 minutes 51 seconds
Chapter8 JavaScript efficient development environment and new programming foundation
expand retract

Section1 Install Node.js to run JavaScript scripts
duration： 17 minutes 10 seconds

Section2 Members in the code and program execution flow
duration： 10 minutes 00 seconds

Section3 Reuse of variables (data) and code blocks (programs)
duration： 12 minutes 51 seconds

Section4 A brief analysis of JavaScript functions
duration： 08 minutes 35 seconds

Section5 JavaScript Scope and Scope Chain
duration： 18 minutes 59 seconds

Section6 JavaScript constants
duration： 07 minutes 37 seconds

Section7 Identifier naming convention
duration： 14 minutes 22 seconds
Chapter9 Describe functions and data types in detail
expand retract

Section1 How anonymous functions are executed
duration： 17 minutes 41 seconds

Section2 Arrow functions and usage scenarios
duration： 19 minutes 53 seconds

Section3 ...Classic use of rest parameters
duration： 17 minutes 20 seconds

Section4 function return value
duration： 03 minutes 31 seconds

Section5 JS data type--array
duration： 15 minutes 09 seconds

Section6 JS object--encapsulation of data and methods
duration： 18 minutes 28 seconds

Section7 Hidden identity and usage of JS functions
duration： 17 minutes 30 seconds
Chapter10 Process control and template literals
expand retract

Section1 Process control--single branch and double branch
duration： 11 minutes 34 seconds

Section2 switch multi-branch process control
duration： 16 minutes 11 seconds

Section3 while entry type judgment loop
duration： 15 minutes 34 seconds

Section4 for, for-of, for-in loops
duration： 13 minutes 01 seconds

Section5 A simplified approach to object literals
duration： 08 minutes 38 seconds

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

Section1 Closure: Partial function implements data partitioning
duration： 17 minutes 45 seconds

Section2 JS pure function
duration： 02 minutes 55 seconds

Section3 JS accessor properties
duration： 09 minutes 12 seconds

Section4 JS classes and objects
duration： 17 minutes 48 seconds

Section5 Class inheritance (extension)
duration： 06 minutes 21 seconds

Section6 Using accessor properties in JS classes
duration： 02 minutes 49 seconds

Section7 Destructuring assignment--array destructuring and object destructuring
duration： 18 minutes 32 seconds

Section8 JS in the browser
duration： 09 minutes 04 seconds

Section9 Get and manipulate DOM elements
duration： 13 minutes 44 seconds
Chapter12 DOM actual combat and events
expand retract

Section1 Get DOM form elements
duration： 11 minutes 01 seconds

Section2 Traverse the DOM tree
duration： 13 minutes 57 seconds

Section3 Add, delete, and modify DOM elements
duration： 18 minutes 36 seconds

Section4 JS operation element content
duration： 12 minutes 26 seconds

Section5 DOM operation practice: message board
duration： 18 minutes 32 seconds

Section6 Custom properties--dataset object
duration： 06 minutes 50 seconds

Section7 JS operation class attribute--classList object
duration： 11 minutes 45 seconds

Section8 Adding and deleting events
duration： 10 minutes 47 seconds
Chapter13 JS operating mechanism and common APIs for strings and arrays
expand retract

Section1 Event bubbling and event delegation
duration： 21 minutes 05 seconds

Section2 Summary of form events
duration： 09 minutes 31 seconds

Section3 JS running mechanism: single thread + time loop
duration： 15 minutes 07 seconds

Section4 Single-threaded asynchronous demo
duration： 09 minutes 29 seconds

Section5 Commonly used APIs in strings
duration： 14 minutes 14 seconds

Section6 A complete collection of js array operations (pop, push, unshift, delete, shift methods)
duration： 11 minutes 50 seconds

Section7 Array iteration and traversal methods
duration： 15 minutes 00 seconds

Section8 Array separation, reversal, splicing and update operations
duration： 08 minutes 56 seconds
Chapter14 JS classic combat
expand retract

Section1 Native JS in action: tabs
duration： 23 minutes 13 seconds

Section2 Practical combat: automatic calculation of shopping cart items
duration： 37 minutes 01 seconds

Section3 Event publishing and subscription
duration： 13 minutes 46 seconds

Section4 Practical combat: 15 lines of code to implement carousel chart
duration： 17 minutes 35 seconds

Section5 Practical combat: lazy loading
duration： 12 minutes 33 seconds

Section6 Practical combat: Responsive web album manager
duration： 33 minutes 28 seconds
Chapter15 JSON, Promise and module common sense
expand retract

Section1 Detailed explanation of JSON in JS
duration： 30 minutes 06 seconds

Section2 ajax-xhr asynchronous data query
duration： 17 minutes 27 seconds

Section3 The past and present life of Promise
duration： 07 minutes 45 seconds

Section4 Promise状态：pending fulfilled rejected
duration： 10 minutes 16 seconds

Section5 Trigger different callbacks based on Promise status
duration： 05 minutes 17 seconds

Section6 Fetch API
duration： 15 minutes 42 seconds

Section7 JS modular development
duration： 17 minutes 27 seconds
Chapter16 Online photo album manager practice and Node basics
expand retract

Section1 Node basics
duration： 13 minutes 55 seconds

Section2 Node command executes js script
duration： 13 minutes 42 seconds

Section3 npm command to install and delete project dependencies
duration： 15 minutes 16 seconds

Section4 npm installs global dependency packages
duration： 06 minutes 02 seconds

Section5 Package version number rules
duration： 04 minutes 03 seconds

Section6 Package version checking and updating
duration： 10 minutes 41 seconds
Chapter17 Node operating principle and introduction to common modules
expand retract

Section1 Node plug-in installation and synchronization
duration： 11 minutes 53 seconds

Section2 The underlying design pattern CPS principle in Ndoe
duration： 20 minutes 01 seconds

Section3 Detailed explanation of Nodejs-side modular CommomJS specification
duration： 28 minutes 59 seconds

Section4 Detailed explanation of Nodejs http module
duration： 12 minutes 41 seconds

Section5 Nodejs file module
duration： 07 minutes 27 seconds

Section6 Nodejs path module
duration： 08 minutes 56 seconds
Chapter18 Git distributed version control
expand retract

Section1 Git version control implementation principle
duration： 12 minutes 06 seconds

Section2 git local warehouse initialization
duration： 07 minutes 14 seconds

Section3 git code submission process
duration： 08 minutes 06 seconds

Section4 git checkout file restore
duration： 03 minutes 38 seconds

Section5 Configure associated remote warehouse
duration： 06 minutes 37 seconds

Section6 git ssh configuration tutorial
duration： 04 minutes 47 seconds

Section7 Summary of common git commands
duration： 05 minutes 48 seconds
Chapter19 Vue principles and common instructions
expand retract

Section1 vue creates dynamic pages
duration： 08 minutes 31 seconds

Section2 Mount points, vue instances, data injection, responsiveness
duration： 14 minutes 26 seconds

Section3 v-text v-html v-once directive use
duration： 08 minutes 01 seconds

Section4 Various ways of writing vue dynamic binding styles
duration： 17 minutes 55 seconds

Section5 vue input two-way delayed binding
duration： 09 minutes 44 seconds
Chapter20 Events, list rendering and component communication
expand retract

Section1 vue event binding
duration： 18 minutes 37 seconds

Section2 v-for list rendering
duration： 16 minutes 48 seconds

Section3 vue conditional rendering
duration： 11 minutes 45 seconds

Section4 vue keyboard modifiers
duration： 09 minutes 58 seconds

Section5 Vue computed properties implement shopping cart function
duration： 12 minutes 28 seconds

Section6 vue watch data monitoring
duration： 12 minutes 09 seconds

Section7 Register vue global component
duration： 09 minutes 43 seconds

Section8 Child component receives data from parent component
duration： 02 minutes 46 seconds

Section9 Listen to child component events
duration： 12 minutes 52 seconds

Data Nameoperate
[must see]The big front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/[Courseware]Download

PHP中文网 Lecturer Other Courses

Elementary html5 Chinese manual

5508
Collection
Elementary CSS 2.0 Chinese Manual

6109
Collection
Elementary CSS 3.0 Reference Manual

3773
Collection
Advanced Play with CSS Flexbox layout

23611
Collection
Advanced Make layout as fast as 5G: CSS Grid grid layout

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

138043
Collection
Elementary Bootstrap3 reference manual

3335
Collection
Elementary Foundation5 Manual

901
Collection
Elementary JavaScript Reference Manual

9432
Collection
Elementary jQuery1.11 Reference Manual

9118
Collection
Elementary jQuery1.7 Chinese manual

5729
Collection
Elementary jQuery_API_1.4.4 Manual

4224
Collection

Start Learning

This course includes：

01 days 08 hours 20 minutes 06 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>

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