JavaScript programming skills and practice-Free online video tutorial-php.cn

Community

Learn

Tools Library

AI Tools

Leisure

English

JavaScript programming skills and practice

This course mainly explains the basic syntax of JavaScript, including the latest web API, DOM, BOM operations, production of web page special effects on mobile terminals, etc. The course is designed in a closed-loop manner, with key content and comprehensive intensive exercises through complete cases or projects, allowing students to apply what they have learned.

Elementary

javascript

grammar

93399 person learning

103class hour

11 hours 04 minutes 58 secondsTotal course duration

2023-03-20update

PHP中文网

Gold lecturer

A total of 51 courses Student5297 Lecturer rating5.2

认证高级PHP讲师More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

This course mainly explains the basic syntax of JavaScript, including the latest web API, DOM, BOM operations, production of web page special effects on mobile terminals, etc. The course is designed in a closed-loop manner, with key content and comprehensive intensive exercises through complete cases or projects, allowing students to apply what they have learned.

JavaScript programming skills and practice

Chapter1 JavaScript variable declaration and flow controltry and see
expand retract

Section1 Scientific memory method for many attributes of html-css
duration： 06 minutes 33 seconds

Section2 JavaScript learning overview and goals--separation of front-end and back-end
duration： 06 minutes 59 seconds

Section3 The core of the idea of front-end and back-end separation and learning objectives
duration： 03 minutes 54 seconds

Section4 What is javascript and its development history
duration： 03 minutes 03 seconds

Section5 Three reference methods in javascript
duration： 08 minutes 22 seconds

Section6 What are the output methods of javascript?
duration： 06 minutes 43 seconds

Section7 javascript basic syntax
duration： 04 minutes 45 seconds

Section8 Declaration and naming convention of javascript variables
duration： 04 minutes 59 seconds

Section9 JavaScript variable type conversion
duration： 09 minutes 00 seconds

Section10 A brief analysis of the use of javascript operators
duration： 07 minutes 08 seconds

Section11 javascript flow control structure
duration： 06 minutes 12 seconds
Chapter2 JS high-order functions and object traversal
expand retract

Section1 The use of while loop nested structure
duration： 11 minutes 07 seconds

Section2 for loop implements multiplication table
duration： 07 minutes 13 seconds

Section3 Usage of break and continue statements
duration： 01 minutes 57 seconds

Section4 Declaration of js custom function
duration： 05 minutes 11 seconds

Section5 Parameters of js function and their functions
duration： 05 minutes 41 seconds

Section6 return value of js function
duration： 02 minutes 35 seconds

Section7 Use of function variable parameters
duration： 06 minutes 23 seconds

Section8 js high-order function callback function
duration： 05 minutes 21 seconds

Section9 js high-order function anonymous function
duration： 05 minutes 20 seconds

Section10 Use the constructor to generate a js object
duration： 06 minutes 32 seconds

Section11 Create objects through new Object()
duration： 03 minutes 19 seconds

Section12 Parse this object in js
duration： 05 minutes 35 seconds

Section13 Loop traversal of js objects
duration： 06 minutes 04 seconds

Section14 Declare js objects in literal mode
duration： 05 minutes 39 seconds

Section15 js array related operations
duration： 06 minutes 25 seconds
Chapter3 Play with JS array operation methods
expand retract

Section1 Rules for using js objects in actual development
duration： 06 minutes 39 seconds

Section2 js uses built-in constructor to create wrapper object
duration： 07 minutes 39 seconds

Section3 Use of js queue method push()-shift()-pop()-unshift()
duration： 08 minutes 50 seconds

Section4 js array operation method
duration： 06 minutes 21 seconds

Section5 js system sorting algorithm
duration： 07 minutes 52 seconds

Section6 js array iteration processing method
duration： 03 minutes 16 seconds

Section7 js string operation method
duration： 08 minutes 27 seconds

Section8 js numerical methods and properties
duration： 02 minutes 25 seconds

Section9 js math object methods
duration： 09 minutes 59 seconds

Section10 Date method--implement calendar function
duration： 06 minutes 37 seconds

Section11 js common event types
duration： 05 minutes 25 seconds
Chapter4 BOM operation implements JS timer
expand retract

Section1 js exception handling
duration： 10 minutes 53 seconds

Section2 BOM Browser Object Model
duration： 08 minutes 04 seconds

Section3 BOM core--window object
duration： 05 minutes 52 seconds

Section4 window content loading event
duration： 06 minutes 24 seconds

Section5 Member properties of the window object
duration： 04 minutes 13 seconds

Section6 window object window operation method
duration： 08 minutes 21 seconds

Section7 js timer
duration： 06 minutes 52 seconds

Section8 Multiple timer clear
duration： 08 minutes 57 seconds

Section9 Application of window.screen object
duration： 05 minutes 52 seconds

Section10 window.location object implements page jump
duration： 05 minutes 18 seconds

Section11 Application of window.history object
duration： 05 minutes 16 seconds

Section12 Application of js cookie operation object
duration： 05 minutes 17 seconds

Section13 js localStorage client data storage
duration： 08 minutes 29 seconds

Section14 Homework summary and summary of this chapter
duration： 04 minutes 16 seconds
Chapter5 DOM manipulation to implement dynamic tabs
expand retract

Section1 The origin of the DOM document object model
duration： 08 minutes 09 seconds

Section2 Association and conversion between JS and HTML
duration： 07 minutes 32 seconds

Section3 Add animation to a single dom element
duration： 09 minutes 12 seconds

Section4 DOM attribute members and document flow
duration： 09 minutes 15 seconds

Section5 Get an object through the document's collection operation
duration： 06 minutes 41 seconds

Section6 model operation element content
duration： 09 minutes 47 seconds

Section7 model operation element attributes
duration： 07 minutes 17 seconds

Section8 js implements batch adding selectors
duration： 11 minutes 32 seconds

Section9 js implements dynamic tab
duration： 09 minutes 55 seconds

Section10 Obtain the collection of elements through the name attribute to implement the select-all function
duration： 06 minutes 53 seconds

Section11 Homework summary
duration： 05 minutes 17 seconds
Chapter6 DOM node navigation and animation settings
expand retract

Section1 Get object-1 through class name attribute
duration： 05 minutes 09 seconds

Section2 Get object by class name attribute-2
duration： 04 minutes 40 seconds

Section3 Find html elements through querySelectorAll() method
duration： 05 minutes 30 seconds

Section4 HTML DOM navigation
duration： 07 minutes 48 seconds

Section5 Node properties
duration： 08 minutes 43 seconds

Section6 Navigate between nodes
duration： 09 minutes 42 seconds

Section7 How to encapsulate and obtain a node collection
duration： 09 minutes 14 seconds

Section8 How to create-delete-append-replace element node 01
duration： 08 minutes 27 seconds

Section9 How to create-delete-append-replace element node 02
duration： 06 minutes 03 seconds

Section10 Detailed explanation of the width, height and position attributes of the div box 01
duration： 07 minutes 22 seconds

Section11 Detailed explanation of the width, height and position attributes of the div box 02
duration： 10 minutes 24 seconds

Section12 DOM animation settings
duration： 07 minutes 38 seconds
Chapter7 Event bubbling and mouse and keyboard mini-game implementation
expand retract

Section1 Course Review and Outlook (Key Points)
duration： 03 minutes 26 seconds

Section2 The relationship between event source-event object-event handler
duration： 06 minutes 47 seconds

Section3 Three ways to add events to elements
duration： 05 minutes 53 seconds

Section4 Event object parsing
duration： 06 minutes 22 seconds

Section5 Event object properties--event bubbling
duration： 08 minutes 39 seconds

Section6 Mouse event--implement the picture to follow the mouse movement
duration： 08 minutes 54 seconds

Section7 Simulate mouse drag event 01
duration： 08 minutes 10 seconds

Section8 Simulate mouse drag event 02
duration： 07 minutes 10 seconds

Section9 Keyboard events--implementing keyboard wizard mini-game 01
duration： 09 minutes 14 seconds

Section10 Keyboard events--implementing keyboard wizard mini-game 02
duration： 06 minutes 57 seconds

Section11 Keyboard events--implementation of keyboard wizard mini-game 03
duration： 04 minutes 51 seconds

Section12 Scroll event--the page scrolls to keep the image position fixed
duration： 07 minutes 42 seconds

Section13 Events and methods related to DOM forms
duration： 08 minutes 02 seconds

Section14 Drop-down box onchange event and job demonstration
duration： 06 minutes 45 seconds

Data Name operate
[must see]JavaScript basic syntax tutorial Download

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5520
Collection
ElementaryCSS 2.0 Chinese Manual

6125
Collection
ElementaryCSS 3.0 Reference Manual

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

33377
Collection
AdvancedPlay with CSS Flexbox layout

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

201413
Collection
ElementaryBootstrap3 reference manual

3342
Collection
ElementaryFoundation5 Manual

905
Collection
ElementaryJavaScript Reference Manual

9498
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：

11 hours 04 minutes 58 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>