Home
Course List
Collection of front-end practical projects [A must-have for beginners] [Taught by an architect with a million-dollar annual salary]
Collection of front-end practical projects [A must-have for beginners] [Taught by an architect with a million-dollar annual salary]
It can be called the pinnacle work, taught by an architect with an annual salary of one million, practical front-end projects, and a must-have for beginners. Course content includes: array sorting, deduplication, DOM nodes, events, browser rendering, timers, snowflake flying effects, regular examples, carousel charts, statistical charts, etc.
245607
person learning
193
class hour
2022-03-29
update time
02 days05 Hours50 minutes15 seconds
Total course duration
有朋自远方来，虽远必诛！
You will learn
It can be called the pinnacle work, taught by an architect with an annual salary of one million, practical front-end projects, and a must-have for beginners. Course content includes: array sorting, deduplication, DOM nodes, events, browser rendering, timers, snowflake flying effects, regular examples, carousel charts, statistical charts, etc.
Collection of front-end practical projects [A must-have for beginners] [Taught by an architect with a million-dollar annual salary]
Section1 Array basic methods
32 minutes17 seconds
Section2 Bubble Sort
44 minutes33 seconds
Section3 Array basic methods
27 minutes01 seconds
Section4 Practice sorting and deduplication
33 minutes25 seconds
Chapter1 array
Section1 Print form-DOM concept
37 minutes28 seconds
Section2 document properties and methods
25 minutes34 seconds
Section3 Homework - Explanation on removing leading and trailing spaces
12 minutes34 seconds
Section4 DOM element creation and nodes
30 minutes09 seconds
Section5 DOM properties and style manipulation
39 minutes24 seconds
Section6 Get node
14 minutes55 seconds
Section7 Node manipulation and simulated keyboard
29 minutes13 seconds
Section8 Node judgment, text operation and keyboard simulation js implementation
32 minutes13 seconds
Section9 Element offset and length and chained calls
31 minutes31 seconds
Chapter2 DOM
Section1 Events and event levels
48 minutes36 seconds
Section2 DOM2 events and DOM3 events
34 minutes29 seconds
Section3 Event streams and event objects
In calculation
Section4 event attribute and mouse event
36 minutes55 seconds
Section5 Calculator and mouse events
36 minutes00 seconds
Section6 js simulate keyboard and keyboard events
34 minutes10 seconds
Section7 Keyboard control movement
33 minutes58 seconds
Section8 Form events and document events
35 minutes09 seconds
Section9 Back to top
11 minutes42 seconds
Section10 picture magnifying glass
45 minutes29 seconds
Section11 Job-drag and drop
36 minutes14 seconds
Chapter3 event
Section1 Browser rendering
45 minutes55 seconds
Section2 Pop-up window-timer
49 minutes20 seconds
Section3 history_navigator_location
33 minutes55 seconds
Section4 job clock
57 minutes01 seconds
Section5 this-oriented
28 minutes53 seconds
Section6 call and apply
13 minutes34 seconds
Section7 tab switching
21 minutes35 seconds
Section8 Instance tab switches _this and target
28 minutes14 seconds
Chapter4 timer
Section1 bing_closure
45 minutes59 seconds
Section2 Scope and prototype
52 minutes10 seconds
Section3 object-oriented
41 minutes32 seconds
Section4 Snowflakes flying-randomly generate snowflakes
31 minutes58 seconds
Section5 Snowflakes flying - snowflakes falling
16 minutes23 seconds
Chapter5 snowflakes flying
Section1 Dynamic prototype_JSON
43 minutes11 seconds
Section2 json parsing example
17 minutes13 seconds
Chapter6 JSON
Section1 Regular 01
34 minutes35 seconds
Section2 Regular modifiers and common methods
43 minutes08 seconds
Section3 Strings use regular and matching rules
38 minutes57 seconds
Section4 Matching rule 2
49 minutes20 seconds
Section5 Regular examples explained
45 minutes12 seconds
Chapter7 regular
Section1 Introduction to jquery
40 minutes58 seconds
Section2 Selectors and filters
41 minutes08 seconds
Section3 filter 2
34 minutes22 seconds
Section4 Property and style manipulation
33 minutes37 seconds
Section5 Node operations
54 minutes39 seconds
Section6 Copy-replace-node related
46 minutes17 seconds
Section7 Element position, width, height and events
50 minutes58 seconds
Section8 Synthetic event-removal-simulation trigger
43 minutes57 seconds
Section9 wrap and unwrap - simulate drop-down
44 minutes36 seconds
Chapter8 jquery
Section1 Predefined animations
In calculation
Section2 Custom animation
In calculation
Section3 Example Navigation-Back to Top-Couplet Advertisement
In calculation
Chapter9 animation
Section1 Carousel chart css part
28 minutes39 seconds
Section2 Carousel image js part
33 minutes23 seconds
Section3 Waterfall flow-infinite loading
In calculation
Section4 swiper plugin
In calculation
Chapter10 carousel
Section1 Project introduction and grouping
13 minutes02 seconds
Section2 First group
17 minutes34 seconds
Section3 Blueberry Pie-Questions
In calculation
Chapter11 project
Section1 Introduction to Ajax and environment construction
In calculation
Section2 Port occupation and php server usage
In calculation
Section3 Ajax requests and readystate
In calculation
Chapter12 Ajax and environment construction
Section1 HTTP status code-Lottery example
In calculation
Section2 get and post requests - passing parameters
49 minutes57 seconds
Section3 get caching and json parsing
In calculation
Section4 Advantages and disadvantages of instance login and ajax
In calculation
Section5 Example real-time news
In calculation
Section6 Causes of cross-domain
In calculation
Section7 jsonp principle and implementation
In calculation
Section8 Ajax for image ping and jquery
In calculation
Chapter13 HTTP status code and get\post
Section1 Encapsulate common methods of jquery query and ajax
In calculation
Section2 Encapsulating Ajax
In calculation
Section3 Ajax packaging and jobs
In calculation
Chapter14 encapsulation
Section1 Carousel chart basics
In calculation
Section2 Carousel horizontal and vertical effects
In calculation
Section3 Carousel chart package-basic
26 minutes59 seconds
Section4 Advanced carousel image packaging
17 minutes25 seconds
Chapter15 Carousel 2
Section1 News Navigation
04 minutes53 seconds
Section2 Ceiling effect
17 minutes33 seconds
Section3 Floor scrolling monitoring
28 minutes18 seconds
Chapter16 navigation
Section1 Baidu map
44 minutes46 seconds
Section2 echart
25 minutes46 seconds
Section3 layer pop-up window
31 minutes04 seconds
Section4 ueditor
29 minutes49 seconds
Section5 superslider
29 minutes11 seconds
Section6 datepicker
14 minutes45 seconds
Section7 jqValid
27 minutes21 seconds
Section8 animate.css use
In calculation
Section9 wowandnormalize
In calculation
Section10 Navigation hover effect
29 minutes30 seconds
Section11 Ceiling effect
18 minutes36 seconds
Section12 banner animation and forwards
19 minutes04 seconds
Section13 grow together
In calculation
Section14 Dynamically display the number of registered people
In calculation
Chapter17 Baidu map
Section1 Project promotion 2 acceptance
In calculation
Section2 BS1
In calculation
Section3 BS2
In calculation
Section4 Grid layout principle
In calculation
Section5 BS use
In calculation
Chapter18 Project 2
Section1 less introduction and installation
22 minutes25 seconds
Section2 less syntax
In calculation
Section3 less syntax 2
In calculation
Section4 juicer
In calculation
Section5 Pagination
In calculation
Section6 local storage
29 minutes51 seconds
Section7 Post on Weibo-New Selector-Remember Password
38 minutes00 seconds
Section8 json storage-post news
In calculation
Section9 Session storage and cookies
In calculation
Section10 cookie packaging
In calculation
Section11 H5 new API-message push-multi-threading-editable elements
In calculation
Chapter19 less
Chapter20 Design Patterns
Section1 Canvas draws straight lines
20 minutes21 seconds
Section2 Use straight lines and draw dotted lines
18 minutes41 seconds
Section3 Draw rectangles and statistical charts
16 minutes45 seconds
Section4 Random statistics plots and circles and arcs
30 minutes22 seconds
Section5 Example of drawing a teacup
15 minutes31 seconds
Section6 Impact checking
40 minutes16 seconds
Section7 Object-oriented ball
In calculation
Section8 Notepad addition and list display
In calculation
Section9 Notepad query
In calculation
Section10 stroke characters
32 minutes55 seconds
Section11 Rice grid and drawing pictures
36 minutes24 seconds
Section12 linear ball
44 minutes05 seconds
Section13 Colorful balls
In calculation
Section14 Draw a clock
30 minutes36 seconds
Chapter21 canvas
Section1 Pixel operations and pixel coordinates
In calculation
Section2 Pixel pictures
In calculation
Section3 Pixel dynamic text
In calculation
Section4 colored heart
In calculation
Chapter22 Pixel operations
Section1 Basic concepts of mobile terminal
33 minutes23 seconds
Section2 meta tag
22 minutes42 seconds
Section3 Mobile terminal adaptation solution
25 minutes19 seconds
Section4 Fixed height adaptation and rem adaptation
44 minutes44 seconds
Section5 Flexible layout and head adaptation
33 minutes38 seconds
Section6 Mobile events
In calculation
Chapter23 Mobile terminal
Section1 NodeJS introduction and installation
In calculation
Section2 Nodejs use
In calculation
Section3 cnpm installation and use
12 minutes17 seconds
Chapter24 NodeJS
Section1 Basic introduction to git
22 minutes02 seconds
Section2 github account application
In calculation
Section3 git account initialization and git warehouse creation
In calculation
Section4 Git basic operations
In calculation
Section5 Git basic operations 2
In calculation
Section6 Create remote library-code push
In calculation
Section7 Clone library-fork library
In calculation
Section8 Branch operations - conflict resolution
In calculation
Section9 git interface tools
In calculation
Section10 webstrom integration
In calculation
Chapter25 Git
Section1 Introduction to ES6
32 minutes32 seconds
Section2 let command 01
31 minutes17 seconds
Section3 let command 02
In calculation
Section4 const command
In calculation
Section5 Array destructuring
In calculation
Section6 Object destructuring
In calculation
Section7 Destructuring of strings etc - incomplete destructuring
In calculation
Section8 default value
In calculation
Section9 Number extension
In calculation
Section10 Number extension 2
24 minutes24 seconds
Section11 string expansion
In calculation
Section12 String template
In calculation
Section13 Regular-from
In calculation
Section14 array expansion
In calculation
Section15 Array expansion 2
In calculation
Section16 Map and weakMap
In calculation
Section17 Set set
In calculation
Section18 function extension
In calculation
Section19 Function extension 2
In calculation
Section20 Object extension 1
In calculation
Section21 Object extension 2
In calculation
Section22 Symbol
26 minutes00 seconds
Section23 Promise object
In calculation
Section24 Common methods of Promise
In calculation
Section25 iterator
In calculation
Section26 Generators
In calculation
Section27 Async
In calculation
Section28 class class
In calculation
Section29 static和extends
In calculation
Section30 Mixin concept
In calculation
Section31 modulemodule
In calculation
Section32 export and import
In calculation
Section33 Default module
In calculation
Section34 AMD specs and requirejs
20 minutes02 seconds
Section35 Main entrance multipath-shim
In calculation
Chapter26 ES6
Data Name
The courseware is currently not available for download, and the staff are organizing it. Please pay more attention to this course in the future~
王林 Lecturer Other Courses
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2983306
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
547133
Quick introduction to web front-end development
8 class hour
220883
Master PS video tutorials from scratch
268 class hour
1005319
Latest courses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web front-end] Node.js quick start
16 class hour
16781
Complete collection of foreign web development full-stack courses
12 class hour
13534
Go language practical GraphQL
10 class hour
11191
550W fan master learns JavaScript from scratch step by step
1 class hour
1271
