Name: Basic tutorial for getting started with Web front-end
Uploaded: 2022-03-29T14:58:20+8:00
Duration: 2584 min 34 s

Chapter1webstorm development tools: Current status of web front-end
09 minutes45 seconds; Introduction to development tools
05 minutes03 seconds; Installation of webstorm
04 minutes41 seconds; Use of webstorm
24 minutes03 seconds
Chapter2HTML basics: html introduction
16 minutes57 seconds; html basic structure
12 minutes24 seconds; Properties in the basic structure
16 minutes18 seconds; fundamental element
21 minutes13 seconds; Image tags
10 minutes30 seconds; Hyperlink
21 minutes34 seconds; Anchor positioning
09 minutes20 seconds; Block elements and inline elements
26 minutes00 seconds; Unordered and ordered lists
15 minutes13 seconds; custom list
06 minutes44 seconds; Basic structure of table
11 minutes56 seconds; Common properties of tables
17 minutes47 seconds; Table row and column properties
08 minutes56 seconds; Merge Cells
06 minutes10 seconds; Iframe
19 minutes45 seconds; Form function
11 minutes53 seconds; textbox and password
12 minutes32 seconds; Radio buttons and checkboxes
10 minutes14 seconds; button group
16 minutes32 seconds; drop-down list
12 minutes39 seconds; Multiline text and label labels
08 minutes50 seconds; form fields
11 minutes05 seconds
Chapter3HTML5 new: html5 new type 1
09 minutes40 seconds; html5 new type 2
07 minutes41 seconds; html5 new attributes
09 minutes58 seconds; div tag and span tag
16 minutes09 seconds; HTML5 new structure tag 1
06 minutes51 seconds; HTML5 new structure tag 2
14 minutes14 seconds; datalist tag
06 minutes04 seconds; video
06 minutes44 seconds; Audio
09 minutes34 seconds; embed tag
04 minutes44 seconds; canvas tag 1
16 minutes31 seconds; canvas tag 2
14 minutes13 seconds
Chapter4CSS: Get to know css
07 minutes50 seconds; css introduction method
22 minutes14 seconds; css rules and comments
06 minutes03 seconds; Use of chrome debugging tools
11 minutes54 seconds; Element selectors and universal selectors
09 minutes58 seconds; Class selectors and ID selectors
14 minutes38 seconds; css style sheet features
12 minutes32 seconds; Merge selectors
08 minutes25 seconds; div+css layout
09 minutes32 seconds; Background color and image
21 minutes42 seconds; Background image location
10 minutes10 seconds; background attachment
06 minutes15 seconds; Background abbreviation
04 minutes47 seconds; Font properties
09 minutes38 seconds; Color transparency and content overflow
22 minutes14 seconds; text attribute 1
14 minutes01 seconds; text attribute 2
13 minutes12 seconds; list properties
12 minutes00 seconds; Relationship selector
16 minutes32 seconds; attribute selector
17 minutes16 seconds; Link pseudo-class selector
12 minutes55 seconds; Structural pseudo-class selector
21 minutes29 seconds; Pseudo object selector
11 minutes01 seconds; Get to know the box
22 minutes03 seconds; margins
12 minutes57 seconds; padding
07 minutes50 seconds; Margin merge
18 minutes40 seconds; weird box
30 minutes14 seconds; Meizu official website
22 minutes47 seconds; flexbox
23 minutes24 seconds; Flexbox application
24 minutes57 seconds; float
12 minutes58 seconds; clear float
09 minutes04 seconds; display attribute
21 minutes59 seconds; position positioning
19 minutes10 seconds; Browser kernel and its prefix
17 minutes27 seconds; z-index stacking order
06 minutes38 seconds
Chapter5Navigation map and carousel map: Gionee official website navigation bar
23 minutes06 seconds; Gionee official website navigation bar 2
13 minutes42 seconds; Centered summary
09 minutes01 seconds; Gionee official website carousel image
15 minutes50 seconds; Gionee official website star products
09 minutes42 seconds; rounded corners
14 minutes15 seconds; shadow
15 minutes21 seconds; linear gradient
15 minutes41 seconds; radial gradient
17 minutes02 seconds; animation
18 minutes36 seconds; Draw graphics
06 minutes32 seconds; multiple columns
04 minutes10 seconds; WeChat navigation bar
03 minutes31 seconds; Xiaomi white navigation bar
34 minutes16 seconds; Xiaomi carousel and sliding door
33 minutes25 seconds; Xiaomi small advertising space
18 minutes46 seconds; Xiaomi flash sale
34 minutes47 seconds; Xiaomi mobile phone part; Imitation Xiaomi hidden special effects
05 minutes21 seconds; Mobile navigation bar; Mobile carousel chart
16 minutes39 seconds; Mobile message section; Mobile restaurant recommendations; Mobile footer; if branch
Chapter6js basics: js initial
23 minutes02 seconds; Variable types and conversions
51 minutes20 seconds; Other operators
32 minutes42 seconds; ternary operator
07 minutes43 seconds; mathematical operators
33 minutes54 seconds; arithmetic operators
13 minutes11 seconds; literal
23 minutes50 seconds; break和continue
09 minutes30 seconds; switch exercise
08 minutes56 seconds; switch exercise (2)
11 minutes55 seconds; while first acquaintance
16 minutes29 seconds; End of single layer cycle
23 minutes34 seconds; random number
09 minutes18 seconds; small exercise; loop initialization
27 minutes09 seconds; Operation; The job is over
11 minutes03 seconds; break+continue nested+diamond
35 minutes15 seconds; Nested loops; Prime initial
22 minutes19 seconds; prime number simplification operations
24 minutes57 seconds; Common methods for strings
21 minutes41 seconds; on string
23 minutes22 seconds; in string
23 minutes20 seconds; Common methods for strings
46 minutes58 seconds; encrypt and decode
15 minutes00 seconds; array initialization; Array traversal
19 minutes30 seconds; Common array methods
38 minutes18 seconds; Under common methods of arrays; Two-dimensional array; Two-dimensional array exercises
Chapter7Library management system small practice: library management system
36 minutes26 seconds; first acquaintance with object
30 minutes53 seconds; Object operations
38 minutes25 seconds; Function parameters and actual parameters
33 minutes02 seconds; Function type + supplement
27 minutes43 seconds; Homework - Object Class Library Management System; Closure
30 minutes21 seconds; Supplement to closure; variable declaration hoisting; First class citizens of functions; Function scope chain + variable promotion within function; Passing by value and passing by address; Parameters with the same name appear in the function; Overloading of simulated functions
11 minutes05 seconds; eval+instanceof; Math
27 minutes59 seconds; Generate verification code
08 minutes54 seconds; Operation
11 minutes52 seconds; Function scope supplement; pass-by-reference supplement; date object; date job
Chapter8DOM manipulation: dom initial
12 minutes28 seconds; On the common attributes of dom; Among the commonly used attributes of location and dom; titleMarquee
12 minutes46 seconds; Select page elements; DOM creates page elements and attributes + css to implement navigation
26 minutes18 seconds; Set internal styles
24 minutes26 seconds; Common properties of node; Under common properties of node; Node common methods; html element; Event overview+html event; Non-IEdom0 events; Non-iedom2 events; dom2 events in ie; dom2 compatibility writing method; mouse exercises; sliding oh sad div; color palette; Document loading order
23 minutes35 seconds; div mobile supplement; onresize+setTimeOut
Chapter9event: focus event; registered user; scroll event; Significant; Keyboard events; Job 1 registered user; Small div moves within large div; touch event; this; this small example; event attribute; Cancel node default behavior + cancel event delivery; news scroll
29 minutes19 seconds; Compatibility writing; mouse wheel; Add scroll event to news
17 minutes07 seconds; Image verification
22 minutes40 seconds; Secondary linkage; Level three linkage; event delegation
Chapter10window: First acquaintance with window
13 minutes01 seconds; window.name; Common methods; Right-click the corresponding values of IE and non-IE; Customize right-click menu; Scheduled calls and delayed calls; timer movement; Taobao example
15 minutes19 seconds; data analysis; Page loading order; js file loading order; Reflow and redraw; window.history; call and apply; Closure; iife; Replenish; correspondence and exclusivity; Object-oriented + constructor; girl walking 1; girl walking 2
Chapter11prototype: First acquaintance with prototypes
15 minutes55 seconds; Reuse function
20 minutes47 seconds; Object-oriented and process-oriented; Analog package; constructor in prototype; prototype chain; Inherited exercises; Prototyping exercise; Design Patterns; end of design mode
17 minutes49 seconds; First acquaintance with regular rules
22 minutes24 seconds; expression + range + group matching; metacharacter pattern; Quantifier pattern; Methods in regular objects
31 minutes41 seconds; Regular advanced-initial position
10 minutes31 seconds; Operation; Repeating class; greed and laziness; Array deduplication; hash to remove duplicates; Efficiency comparison; Bubble sort initial version; Bubbling optimization complete; recursion; Quick sort; binary search; json parsing; Bookstore
41 minutes09 seconds; Size related; Waterfalls flow
49 minutes39 seconds; Error resolution; Infinite scrolling waterfall flow
20 minutes08 seconds

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

Next Section：面向对象+构造函数879 plays

Basic tutorial for getting started with Web front-end

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

Next Section： 面向对象+构造函数879 plays

Basic tutorial for getting started with Web front-end

Allpost a note

Next Section：面向对象+构造函数879 plays