Name: The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Uploaded: 2022-09-30T15:31:49+8:00
Duration: 1940 min 6 s

Chapter1development environment: Install editor VScode
05 minutes54 seconds; Install Chrome Google Chrome
02 minutes46 seconds; Installation and use of VScode universal plug-in
15 minutes29 seconds; VScode markdown and font settings
08 minutes16 seconds; markdown grammar rules
12 minutes43 seconds; HTTP basics
12 minutes15 seconds; Analysis of common terms in web development
12 minutes59 seconds; html document structure
08 minutes24 seconds; Single label vs. double label
06 minutes19 seconds; Front-end practical page display
11 minutes57 seconds
Chapter2Development environment configuration and common HTML tags: Use of Live Server plug-in
05 minutes30 seconds; Relationship between client and local server
06 minutes09 seconds; Write markdown documents
08 minutes49 seconds; vscode custom file icon
01 minutes50 seconds; Let the code fly--Emmet syntax
28 minutes40 seconds; html common attributes and default attributes
06 minutes00 seconds; html event attributes and custom attributes
08 minutes34 seconds; Commonly used layout semantic tags
11 minutes48 seconds
Chapter3Introduction to common HTML tags: Image-Link-List Tag
12 minutes55 seconds; Implement graphic and text lists and navigation
07 minutes49 seconds; Detailed explanation of html tables
17 minutes10 seconds; Data interaction medium-form form
10 minutes20 seconds; Form HTTP POST submission
06 minutes47 seconds; Hide and show the form password box
11 minutes08 seconds; radio radio button
08 minutes47 seconds; checkboxcheckbox
07 minutes24 seconds; Form control-drop-down menu
05 minutes14 seconds; form button type
01 minutes36 seconds; iframe inline element loads Baidu map
05 minutes53 seconds; Video tag loads Douyin short video
03 minutes34 seconds; A small practical experience with inline frames - building a skinny backend homepage
07 minutes38 seconds
Chapter4CSS style sources and selectors: CSS programming goals
08 minutes49 seconds; Interpret element style sources
16 minutes48 seconds; Style reference priority issue
09 minutes27 seconds; style inheritance
09 minutes22 seconds; Complete explanation of basic selectors
12 minutes26 seconds; level selector
11 minutes37 seconds; Detailed analysis of the weight of selectors
21 minutes58 seconds
Chapter5Describe pseudo-classes, box models, and responsive layout in detail: Structural pseudo-class selector
11 minutes59 seconds; Pseudo-class selector parameters
21 minutes11 seconds; Pseudo class quick matching
07 minutes18 seconds; Form pseudo-class
09 minutes24 seconds; Use of font icons
12 minutes25 seconds; Layout artifact--box model
20 minutes33 seconds; css layout unit
12 minutes47 seconds; Viewport units vh-vw
19 minutes19 seconds; Commonly used styles of tables (pseudo-classes)
10 minutes26 seconds
Chapter6Media queries, positioning and flex, grid: Media query--mobile layout adaptation
24 minutes10 seconds; Positioning and positioning elements
17 minutes09 seconds; Login modal box positioning practice
17 minutes55 seconds; flex flexible layout--container
11 minutes54 seconds; Properties in flex container
15 minutes24 seconds; flex item properties
14 minutes20 seconds
Chapter7Mobile layout principles and Grid layout: Viewport viewport (layout viewport, visual viewport, ideal viewport)
23 minutes28 seconds; Mobile layout solution (rem+vw)
24 minutes49 seconds; Grid container properties and project properties
21 minutes25 seconds; Advanced gameplay of grid layout
26 minutes46 seconds; Grid implements Holy Grail layout
17 minutes27 seconds; Custom grid layout component
15 minutes43 seconds; Grid layout practical case
11 minutes51 seconds
Chapter8JavaScript efficient development environment and new programming foundation: Install Node.js to run JavaScript scripts
17 minutes10 seconds; Members in the code and program execution flow
10 minutes00 seconds; Reuse of variables (data) and code blocks (programs)
12 minutes51 seconds; A brief analysis of JavaScript functions
08 minutes35 seconds; JavaScript Scope and Scope Chain
18 minutes59 seconds; JavaScript constants
07 minutes37 seconds; Identifier naming convention
14 minutes22 seconds
Chapter9Describe functions and data types in detail: How anonymous functions are executed
17 minutes41 seconds; Arrow functions and usage scenarios
19 minutes53 seconds; ...Classic use of rest parameters
17 minutes20 seconds; function return value
03 minutes31 seconds; JS data type--array
15 minutes09 seconds; JS object--encapsulation of data and methods
18 minutes28 seconds; Hidden identity and usage of JS functions
17 minutes30 seconds
Chapter10Process control and template literals: Process control--single branch and double branch
11 minutes34 seconds; switch multi-branch process control
16 minutes11 seconds; while entry type judgment loop
15 minutes34 seconds; for, for-of, for-in loops
13 minutes01 seconds; A simplified approach to object literals
08 minutes38 seconds; Template literals and template functions
20 minutes48 seconds
Chapter11Closures/Classes and Objects/Destructuring/Browser JS: Closure: Partial function implements data partitioning
17 minutes45 seconds; JS pure function
02 minutes55 seconds; JS accessor properties
09 minutes12 seconds; JS classes and objects
17 minutes48 seconds; Class inheritance (extension)
06 minutes21 seconds; Using accessor properties in JS classes
02 minutes49 seconds; Destructuring assignment--array destructuring and object destructuring
18 minutes32 seconds; JS in the browser
09 minutes04 seconds; Get and manipulate DOM elements
13 minutes44 seconds
Chapter12DOM actual combat and events: Get DOM form elements
11 minutes01 seconds; Traverse the DOM tree
13 minutes57 seconds; Add, delete, and modify DOM elements
18 minutes36 seconds; JS operation element content
12 minutes26 seconds; DOM operation practice: message board
18 minutes32 seconds; Custom properties--dataset object
06 minutes50 seconds; JS operation class attribute--classList object
11 minutes45 seconds; Adding and deleting events
10 minutes47 seconds
Chapter13JS operating mechanism and common APIs for strings and arrays: Event bubbling and event delegation
21 minutes05 seconds; Summary of form events
09 minutes31 seconds; JS running mechanism: single thread + time loop
15 minutes07 seconds; Single-threaded asynchronous demo
09 minutes29 seconds; Commonly used APIs in strings
14 minutes14 seconds; A complete collection of js array operations (pop, push, unshift, delete, shift methods)
11 minutes50 seconds; Array iteration and traversal methods
15 minutes00 seconds; Array separation, reversal, splicing and update operations
08 minutes56 seconds
Chapter14JS classic combat: Native JS in action: tabs
23 minutes13 seconds; Practical combat: automatic calculation of shopping cart items
37 minutes01 seconds; Event publishing and subscription
13 minutes46 seconds; Practical combat: 15 lines of code to implement carousel chart
17 minutes35 seconds; Practical combat: lazy loading
12 minutes33 seconds; Practical combat: Responsive web album manager
33 minutes28 seconds
Chapter15JSON, Promise and module common sense: Detailed explanation of JSON in JS
30 minutes06 seconds; ajax-xhr asynchronous data query
17 minutes27 seconds; The past and present life of Promise
07 minutes45 seconds; Promise状态：pending fulfilled rejected
10 minutes16 seconds; Trigger different callbacks based on Promise status
05 minutes17 seconds; Fetch API
15 minutes42 seconds; JS modular development
17 minutes27 seconds
Chapter16Online photo album manager practice and Node basics: Node basics
13 minutes55 seconds; Node command executes js script
13 minutes42 seconds; npm command to install and delete project dependencies
15 minutes16 seconds; npm installs global dependency packages
06 minutes02 seconds; Package version number rules
04 minutes03 seconds; Package version checking and updating
10 minutes41 seconds
Chapter17Node operating principle and introduction to common modules: Node plug-in installation and synchronization
11 minutes53 seconds; The underlying design pattern CPS principle in Ndoe
20 minutes01 seconds; Detailed explanation of Nodejs-side modular CommomJS specification
28 minutes59 seconds; Detailed explanation of Nodejs http module
12 minutes41 seconds; Nodejs file module
07 minutes27 seconds; Nodejs path module
08 minutes56 seconds
Chapter18Git distributed version control: Git version control implementation principle
12 minutes06 seconds; git local warehouse initialization
07 minutes14 seconds; git code submission process
08 minutes06 seconds; git checkout file restore
03 minutes38 seconds; Configure associated remote warehouse
06 minutes37 seconds; git ssh configuration tutorial
04 minutes47 seconds; Summary of common git commands
05 minutes48 seconds
Chapter19Vue principles and common instructions: vue creates dynamic pages
08 minutes31 seconds; Mount points, vue instances, data injection, responsiveness
14 minutes26 seconds; v-text v-html v-once directive use
08 minutes01 seconds; Various ways of writing vue dynamic binding styles
17 minutes55 seconds; vue input two-way delayed binding
09 minutes44 seconds
Chapter20Events, list rendering and component communication: vue event binding
18 minutes37 seconds; v-for list rendering
16 minutes48 seconds; vue conditional rendering
11 minutes45 seconds; vue keyboard modifiers
09 minutes58 seconds; Vue computed properties implement shopping cart function
12 minutes28 seconds; vue watch data monitoring
12 minutes09 seconds; Register vue global component
09 minutes43 seconds; Child component receives data from parent component
02 minutes46 seconds; Listen to child component events
12 minutes52 seconds

部分浏览器不支持，请下载APP观看

Next Section： iframe内联元素加载百度地图1049 plays

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

部分浏览器不支持，请下载APP观看

Next Section： iframe内联元素加载百度地图1049 plays

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

Allpost a note