Issue 17_Front-end Development-php.cn

Community Learn Tools Library Leisure

English

Issue 17_Front-end Development

1. Basic knowledge and practice of HTML5+CSS3; 2. Basics of JavaScript, Node.js, and Vue3; 3. Practice: mobile layout (JD M terminal), classic carousel images, lazy loading and optimization, tabs, online photo albums, Shopping cart automatic calculation and stage assessment.

Elementary

Front-end development

Issue 17

53973 person learning

60class hour

21 hours 21 minutes 37 secondsTotal course duration

2023-07-28update

PHP中文网

Gold lecturer

A total of 51 courses Student5296 Lecturer rating5.8

认证高级PHP讲师More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

1.HTML+CSS Practice the layout of back-end modules and consolidate the basic knowledge of html and css 2.JavaScript+Node.js+Vue3 Basic grammar, practical application

Issue 17_Front-end Development

Chapter1 First lesson of school
expand retract

Section1 Course introduction, development environment and VSCODE common plug-ins 01
duration： 19 minutes 55 seconds

Section2 Course introduction, development environment and VSCODE common plug-ins 02
duration： 20 minutes 06 seconds

Section3 Course introduction, development environment and VSCODE common plug-ins 03
duration： 20 minutes 06 seconds

Section4 markdown and emmet syntax 01
duration： 22 minutes 35 seconds

Section5 markdown and emmet syntax 02
duration： 23 minutes 26 seconds
Chapter2 Commonly used HTML tags
expand retract

Section1 Document structure and layout tag usage skills and link and image tags and application scenarios 01
duration： 23 minutes 53 seconds

Section2 Document structure and layout tag usage skills and link and image tags and application scenarios 02
duration： 25 minutes 03 seconds

Section3 Lists and navigation, tables and practice, inline frames and website backend layout 01
duration： 20 minutes 04 seconds

Section4 Lists and navigation, tables and practice, inline frames and website backend layout 02
duration： 20 minutes 13 seconds

Section5 Lists and navigation, tables and practice, inline frames and website backend layout 03
duration： 17 minutes 53 seconds
Chapter3 Form elements, CSS selectors and box models, etc.
expand retract

Section1 Detailed knowledge of form elements 01
duration： 24 minutes 45 seconds

Section2 Detailed knowledge of form elements 02
duration： 22 minutes 17 seconds

Section3 css syntax/selector weight/context selector 01
duration： 18 minutes 40 seconds

Section4 css syntax/selector weight/context selector 02
duration： 21 minutes 02 seconds

Section5 css syntax/selector weight/context selector 03
duration： 15 minutes 29 seconds
Chapter4 Pseudo classes/font icons/box models/media queries/common element styles, etc.
expand retract

Section1 Pseudo classes and font icons, box model common sense 01
duration： 20 minutes 16 seconds

Section2 Pseudo classes and font icons, box model common sense 02
duration： 19 minutes 59 seconds

Section3 Pseudo classes and font icons, box model common sense 03
duration： 22 minutes 09 seconds

Section4 Detailed box model, common units, media query 01
duration： 20 minutes 14 seconds

Section5 Detailed box model, common units, media query 02
duration： 20 minutes 27 seconds

Section6 Detailed box model, common units, media query 03
duration： 19 minutes 50 seconds

Section7 Detailed box model, common units, media query 04
duration： 18 minutes 26 seconds
Chapter5 Common element styles/positioning/flex/grid layout
expand retract

Section1 Commonly used element styles and positioning practice 01
duration： 23 minutes 14 seconds

Section2 Commonly used element styles and positioning practice 02
duration： 23 minutes 41 seconds

Section3 Commonly used element styles and positioning practice 03
duration： 23 minutes 34 seconds

Section4 Flex layout and common attributes + grid layout and common attributes (example) 01
duration： 25 minutes 23 seconds

Section5 Flex layout and common attributes + grid layout and common attributes (example) 02
duration： 25 minutes 07 seconds

Section6 Flex layout and common attributes + grid layout and common attributes (example) 03
duration： 24 minutes 57 seconds

Section7 Flex layout and common attributes + grid layout and common attributes (example) 04
duration： 24 minutes 03 seconds
Chapter6 Jingdong homepage layout and JS basics 1
expand retract

Section1 JD.com M terminal home page layout analysis and practice 01
duration： 20 minutes 11 seconds

Section2 JD.com M terminal home page layout analysis and practice 02
duration： 20 minutes 02 seconds

Section3 JD.com M terminal home page layout analysis and practice 03
duration： 20 minutes 09 seconds

Section4 JD.com M terminal homepage layout analysis and practical implementation 04
duration： 22 minutes 03 seconds

Section5 JS initial test: Where is the JS code written? How to quote it? 01
duration： 16 minutes 06 seconds

Section6 JS initial test: Where is the JS code written? How to quote it? 02
duration： 13 minutes 21 seconds
Chapter7 js syntax basics: variables/data types/functions/scopes/closures/template strings
expand retract

Section1 Variables, constants, data types and detailed functions and parameters 01
duration： 18 minutes 32 seconds

Section2 Variables, constants, data types and detailed functions and parameters 02
duration： 18 minutes 30 seconds

Section3 Variables, constants, data types and detailed functions and parameters 03
duration： 18 minutes 31 seconds

Section4 Variables, constants, data types and detailed functions and parameters 04
duration： 20 minutes 09 seconds

Section5 Scope/scope chain/closure and template string and label function 01
duration： 19 minutes 19 seconds

Section6 Scope/scope chain/closure and template string and label function 02
duration： 20 minutes 01 seconds

Section7 Scope/scope chain/closure and template string and label function 03
duration： 19 minutes 41 seconds
Chapter8 Process control and DOM manipulation
expand retract

Section1 Branching and Simplification
duration： 21 minutes 58 seconds

Section2 Loops and traversals
duration： 22 minutes 21 seconds

Section3 accessor properties
duration： 23 minutes 08 seconds

Section4 DOM element addition, deletion, modification and dataset and classList objects 01
duration： 19 minutes 11 seconds

Section5 DOM element addition, deletion, modification and dataset and classList objects 02
duration： 19 minutes 13 seconds

Section6 DOM element addition, deletion, modification and dataset and classList objects 03
duration： 18 minutes 28 seconds
Chapter9 Describe events and asynchronous operations in detail
expand retract

Section1 JS execution mechanism and asynchronous tasks and detailed event model and form events 01
duration： 23 minutes 23 seconds

Section2 JS execution mechanism and asynchronous tasks and detailed event model and form events 02
duration： 23 minutes 24 seconds

Section3 JS execution mechanism and asynchronous tasks and detailed event model and form events 03
duration： 25 minutes 27 seconds

Section4 Fetch and axios examples explained 01
duration： 25 minutes 02 seconds

Section5 Fetch and axios examples explained 02
duration： 24 minutes 51 seconds
Chapter10 JS classic practical cases
expand retract

Section1 Tabs and Online Photo Albums 01
duration： 19 minutes 17 seconds

Section2 Tabs and Online Photo Albums 02
duration： 18 minutes 54 seconds

Section3 Tabs and Online Photo Albums 03
duration： 21 minutes 13 seconds

Section4 Classic carousel chart and shopping cart automatic calculation 01
duration： 25 minutes 06 seconds

Section5 Classic carousel chart and shopping cart automatic calculation 02
duration： 25 minutes 38 seconds

Section6 Classic carousel chart and shopping cart automatic calculation 03
duration： 25 minutes 10 seconds

Section7 Classic carousel and shopping cart automatic calculation 04
duration： 26 minutes 31 seconds

Data Name operate
[must see]17_0917 source code Download

[must see]17_0918 source code Download

[must see]17-0922 source code Download

[must see]17-0923 source code Download

[must see]17-0924 source code Download

[must see]17-0926 source code Download

[must see]17-0927 source code Download

[must see]17-0927 source code Download

[must see]0928 courseware Download

[must see]17-0929 source code Download

[must see]17-0930 source code Download

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5512
Collection
ElementaryCSS 2.0 Chinese Manual

6116
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

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

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

163111
Collection
ElementaryBootstrap3 reference manual

3339
Collection
ElementaryFoundation5 Manual

903
Collection
ElementaryJavaScript Reference Manual

9456
Collection
ElementaryjQuery1.11 Reference Manual

9118
Collection
ElementaryjQuery1.7 Chinese manual

5733
Collection
ElementaryjQuery_API_1.4.4 Manual

4225
Collection

Start Learning

This course includes：

21 hours 21 minutes 37 seconds Watch videos anytime

11 Download Resources

Popular courses Latest courses

More>