Basic tutorial for getting started with Web front-end
The course mainly explains the basics of WEB front-end, from understanding the WEB front-end to installing and building the environment, and using WebStorm for development. This course comprehensively and systematically explains the basic knowledge and practical application techniques of HTML and CSS, and analyzes all aspects of web page production in a simple and in-depth manner through a large number of examples. Mainly covers HTML tags, CSS concepts and font settings, CSS selectors, CSS box models, CSS floats and clear floats, first introduction to javascript, operators, strings, objects and functions, etc.
346990
person learning
251
class hour
2022-03-29
update time
01 days19 Hours04 minutes34 seconds
Total course duration
有朋自远方来，虽远必诛！
You will learn
The course mainly explains the basics of WEB front-end, from understanding the WEB front-end to installing and building the environment, and using WebStorm for development. This course comprehensively and systematically explains the basic knowledge and practical application techniques of HTML and CSS, and analyzes all aspects of web page production in a simple and in-depth manner through a large number of examples. Mainly covers HTML tags, CSS concepts and font settings, CSS selectors, CSS box models, CSS floats and clear floats, first introduction to javascript, operators, strings, objects and functions, etc.
Basic tutorial for getting started with Web front-end
Section1 Current status of web front-end
09 minutes45 seconds
Section2 Introduction to development tools
05 minutes03 seconds
Section3 Installation of webstorm
04 minutes41 seconds
Section4 Use of webstorm
24 minutes03 seconds
Chapter1 webstorm development tools
Section1 html introduction
16 minutes57 seconds
Section2 html basic structure
12 minutes24 seconds
Section3 Properties in the basic structure
16 minutes18 seconds
Section4 fundamental element
21 minutes13 seconds
Section5 Image tags
10 minutes30 seconds
Section6 Hyperlink
21 minutes34 seconds
Section7 Anchor positioning
09 minutes20 seconds
Section8 Block elements and inline elements
26 minutes00 seconds
Section9 Unordered and ordered lists
15 minutes13 seconds
Section10 custom list
06 minutes44 seconds
Section11 Basic structure of table
11 minutes56 seconds
Section12 Common properties of tables
17 minutes47 seconds
Section13 Table row and column properties
08 minutes56 seconds
Section14 Merge Cells
06 minutes10 seconds
Section15 Iframe
19 minutes45 seconds
Section16 Form function
11 minutes53 seconds
Section17 textbox and password
12 minutes32 seconds
Section18 Radio buttons and checkboxes
10 minutes14 seconds
Section19 button group
16 minutes32 seconds
Section20 drop-down list
12 minutes39 seconds
Section21 Multiline text and label labels
08 minutes50 seconds
Section22 form fields
11 minutes05 seconds
Chapter2 HTML basics
Section1 html5 new type 1
09 minutes40 seconds
Section2 html5 new type 2
07 minutes41 seconds
Section3 html5 new attributes
09 minutes58 seconds
Section4 div tag and span tag
16 minutes09 seconds
Section5 HTML5 new structure tag 1
06 minutes51 seconds
Section6 HTML5 new structure tag 2
14 minutes14 seconds
Section7 datalist tag
06 minutes04 seconds
Section8 video
06 minutes44 seconds
Section9 Audio
09 minutes34 seconds
Section10 embed tag
04 minutes44 seconds
Section11 canvas tag 1
16 minutes31 seconds
Section12 canvas tag 2
14 minutes13 seconds
Chapter3 HTML5 new
Section1 Get to know css
07 minutes50 seconds
Section2 css introduction method
22 minutes14 seconds
Section3 css rules and comments
06 minutes03 seconds
Section4 Use of chrome debugging tools
11 minutes54 seconds
Section5 Element selectors and universal selectors
09 minutes58 seconds
Section6 Class selectors and ID selectors
14 minutes38 seconds
Section7 css style sheet features
12 minutes32 seconds
Section8 Merge selectors
08 minutes25 seconds
Section9 div+css layout
09 minutes32 seconds
Section10 Background color and image
21 minutes42 seconds
Section11 Background image location
10 minutes10 seconds
Section12 background attachment
06 minutes15 seconds
Section13 Background abbreviation
04 minutes47 seconds
Section14 Font properties
09 minutes38 seconds
Section15 Color transparency and content overflow
22 minutes14 seconds
Section16 text attribute 1
14 minutes01 seconds
Section17 text attribute 2
13 minutes12 seconds
Section18 list properties
12 minutes00 seconds
Section19 Relationship selector
16 minutes32 seconds
Section20 attribute selector
17 minutes16 seconds
Section21 Link pseudo-class selector
12 minutes55 seconds
Section22 Structural pseudo-class selector
21 minutes29 seconds
Section23 Pseudo object selector
11 minutes01 seconds
Section24 Get to know the box
22 minutes03 seconds
Section25 margins
12 minutes57 seconds
Section26 padding
07 minutes50 seconds
Section27 Margin merge
18 minutes40 seconds
Section28 weird box
30 minutes14 seconds
Section29 Meizu official website
22 minutes47 seconds
Section30 flexbox
23 minutes24 seconds
Section31 Flexbox application
24 minutes57 seconds
Section32 float
12 minutes58 seconds
Section33 clear float
09 minutes04 seconds
Section34 display attribute
21 minutes59 seconds
Section35 position positioning
19 minutes10 seconds
Section36 Browser kernel and its prefix
17 minutes27 seconds
Section37 z-index stacking order
06 minutes38 seconds
Chapter4 CSS
Section1 Gionee official website navigation bar
23 minutes06 seconds
Section2 Gionee official website navigation bar 2
13 minutes42 seconds
Section3 Centered summary
09 minutes01 seconds
Section4 Gionee official website carousel image
15 minutes50 seconds
Section5 Gionee official website star products
09 minutes42 seconds
Section6 rounded corners
14 minutes15 seconds
Section7 shadow
15 minutes21 seconds
Section8 linear gradient
15 minutes41 seconds
Section9 radial gradient
17 minutes02 seconds
Section10 animation
18 minutes36 seconds
Section11 Draw graphics
06 minutes32 seconds
Section12 multiple columns
04 minutes10 seconds
Section13 WeChat navigation bar
03 minutes31 seconds
Section14 Xiaomi white navigation bar
34 minutes16 seconds
Section15 Xiaomi carousel and sliding door
33 minutes25 seconds
Section16 Xiaomi small advertising space
18 minutes46 seconds
Section17 Xiaomi flash sale
34 minutes47 seconds
Section18 Xiaomi mobile phone part
In calculation
Section19 Imitation Xiaomi hidden special effects
05 minutes21 seconds
Section20 Mobile navigation bar
In calculation
Section21 Mobile carousel chart
16 minutes39 seconds
Section22 Mobile message section
In calculation
Section23 Mobile restaurant recommendations
In calculation
Section24 Mobile footer
In calculation
Section25 if branch
In calculation
Chapter5 Navigation map and carousel map
Section1 js initial
23 minutes02 seconds
Section2 Variable types and conversions
51 minutes20 seconds
Section3 Other operators
32 minutes42 seconds
Section4 ternary operator
07 minutes43 seconds
Section5 mathematical operators
33 minutes54 seconds
Section6 arithmetic operators
13 minutes11 seconds
Section7 literal
23 minutes50 seconds
Section8 break和continue
09 minutes30 seconds
Section9 switch exercise
08 minutes56 seconds
Section10 switch exercise (2)
11 minutes55 seconds
Section11 while first acquaintance
16 minutes29 seconds
Section12 End of single layer cycle
23 minutes34 seconds
Section13 random number
09 minutes18 seconds
Section14 small exercise
In calculation
Section15 loop initialization
27 minutes09 seconds
Section16 Operation
In calculation
Section17 The job is over
11 minutes03 seconds
Section18 break+continue nested+diamond
35 minutes15 seconds
Section19 Nested loops
In calculation
Section20 Prime initial
22 minutes19 seconds
Section21 prime number simplification operations
24 minutes57 seconds
Section22 Common methods for strings
21 minutes41 seconds
Section23 on string
23 minutes22 seconds
Section24 in string
23 minutes20 seconds
Section25 Common methods for strings
46 minutes58 seconds
Section26 encrypt and decode
15 minutes00 seconds
Section27 array initialization
In calculation
Section28 Array traversal
19 minutes30 seconds
Section29 Common array methods
38 minutes18 seconds
Section30 Under common methods of arrays
In calculation
Section31 Two-dimensional array
In calculation
Section32 Two-dimensional array exercises
In calculation
Chapter6 js basics
Section1 library management system
36 minutes26 seconds
Section2 first acquaintance with object
30 minutes53 seconds
Section3 Object operations
38 minutes25 seconds
Section4 Function parameters and actual parameters
33 minutes02 seconds
Section5 Function type + supplement
27 minutes43 seconds
Section6 Homework - Object Class Library Management System
In calculation
Section7 Closure
30 minutes21 seconds
Section8 Supplement to closure
In calculation
Section9 variable declaration hoisting
In calculation
Section10 First class citizens of functions
In calculation
Section11 Function scope chain + variable promotion within function
In calculation
Section12 Passing by value and passing by address
In calculation
Section13 Parameters with the same name appear in the function
In calculation
Section14 Overloading of simulated functions
11 minutes05 seconds
Section15 eval+instanceof
In calculation
Section16 Math
27 minutes59 seconds
Section17 Generate verification code
08 minutes54 seconds
Section18 Operation
11 minutes52 seconds
Section19 Function scope supplement
In calculation
Section20 pass-by-reference supplement
In calculation
Section21 date object
In calculation
Section22 date job
In calculation
Chapter7 Library management system small practice
Section1 dom initial
12 minutes28 seconds
Section2 On the common attributes of dom
In calculation
Section3 Among the commonly used attributes of location and dom
In calculation
Section4 titleMarquee
12 minutes46 seconds
Section5 Select page elements
In calculation
Section6 DOM creates page elements and attributes + css to implement navigation
26 minutes18 seconds
Section7 Set internal styles
24 minutes26 seconds
Section8 Common properties of node
In calculation
Section9 Under common properties of node
In calculation
Section10 Node common methods
In calculation
Section11 html element
In calculation
Section12 Event overview+html event
In calculation
Section13 Non-IEdom0 events
In calculation
Section14 Non-iedom2 events
In calculation
Section15 dom2 events in ie
In calculation
Section16 dom2 compatibility writing method
In calculation
Section17 mouse exercises
In calculation
Section18 sliding oh sad div
In calculation
Section19 color palette
In calculation
Section20 Document loading order
23 minutes35 seconds
Section21 div mobile supplement
In calculation
Section22 onresize+setTimeOut
In calculation
Chapter8 DOM manipulation
Section1 focus event
In calculation
Section2 registered user
In calculation
Section3 scroll event
In calculation
Section4 Significant
In calculation
Section5 Keyboard events
In calculation
Section6 Job 1 registered user
In calculation
Section7 Small div moves within large div
In calculation
Section8 touch event
In calculation
Section9 this
In calculation
Section10 this small example
In calculation
Section11 event attribute
In calculation
Section12 Cancel node default behavior + cancel event delivery
In calculation
Section13 news scroll
29 minutes19 seconds
Section14 Compatibility writing
In calculation
Section15 mouse wheel
In calculation
Section16 Add scroll event to news
17 minutes07 seconds
Section17 Image verification
22 minutes40 seconds
Section18 Secondary linkage
In calculation
Section19 Level three linkage
In calculation
Section20 event delegation
In calculation
Chapter9 event
Section1 First acquaintance with window
13 minutes01 seconds
Section2 window.name
In calculation
Section3 Common methods
In calculation
Section4 Right-click the corresponding values of IE and non-IE
In calculation
Section5 Customize right-click menu
In calculation
Section6 Scheduled calls and delayed calls
In calculation
Section7 timer movement
In calculation
Section8 Taobao example
15 minutes19 seconds
Section9 data analysis
In calculation
Section10 Page loading order
In calculation
Section11 js file loading order
In calculation
Section12 Reflow and redraw
In calculation
Section13 window.history
In calculation
Section14 call and apply
In calculation
Section15 Closure
In calculation
Section16 iife
In calculation
Section17 Replenish
In calculation
Section18 correspondence and exclusivity
In calculation
Section19 Object-oriented + constructor
In calculation
Section20 girl walking 1
In calculation
Section21 girl walking 2
In calculation
Chapter10 window
Section1 First acquaintance with prototypes
15 minutes55 seconds
Section2 Reuse function
20 minutes47 seconds
Section3 Object-oriented and process-oriented
In calculation
Section4 Analog package
In calculation
Section5 constructor in prototype
In calculation
Section6 prototype chain
In calculation
Section7 Inherited exercises
In calculation
Section8 Prototyping exercise
In calculation
Section9 Design Patterns
In calculation
Section10 end of design mode
17 minutes49 seconds
Section11 First acquaintance with regular rules
22 minutes24 seconds
Section12 expression + range + group matching
In calculation
Section13 metacharacter pattern
In calculation
Section14 Quantifier pattern
In calculation
Section15 Methods in regular objects
31 minutes41 seconds
Section16 Regular advanced-initial position
10 minutes31 seconds
Section17 Operation
In calculation
Section18 Repeating class
In calculation
Section19 greed and laziness
In calculation
Section20 Array deduplication
In calculation
Section21 hash to remove duplicates
In calculation
Section22 Efficiency comparison
In calculation
Section23 Bubble sort initial version
In calculation
Section24 Bubbling optimization complete
In calculation
Section25 recursion
In calculation
Section26 Quick sort
In calculation
Section27 binary search
In calculation
Section28 json parsing
In calculation
Section29 Bookstore
41 minutes09 seconds
Section30 Size related
In calculation
Section31 Waterfalls flow
49 minutes39 seconds
Section32 Error resolution
In calculation
Section33 Infinite scrolling waterfall flow
20 minutes08 seconds
Chapter11 prototype
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
2982764
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
546854
Quick introduction to web front-end development
8 class hour
220818
Master PS video tutorials from scratch
268 class hour
1003584
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
16702
Complete collection of foreign web development full-stack courses
12 class hour
13513
Go language practical GraphQL
10 class hour
11164
550W fan master learns JavaScript from scratch step by step
1 class hour
1265
