Issue 17_Front-end Development-php.cn

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

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

49062 person learning

60 class hour

21 hours 21 minutes 37 seconds Total course duration

2023-07-28update

PHP中文网

Gold lecturer

A total of 51 coursesStudent5294 Lecturer rating5.5

认证高级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 Nameoperate
[must see]17_0917 source codeExclusive for paid users

[must see]17_0918 source codeExclusive for paid users

[must see]17-0922 source codeExclusive for paid users

[must see]17-0923 source codeExclusive for paid users

[must see]17-0924 source codeExclusive for paid users

[must see]17-0926 source codeExclusive for paid users

[must see]17-0927 source codeExclusive for paid users

[must see]17-0927 source codeExclusive for paid users

[must see]0928 coursewareExclusive for paid users

[must see]17-0929 source codeExclusive for paid users

[must see]17-0930 source codeExclusive for paid users

PHP中文网 Lecturer Other Courses

Elementary html5 Chinese manual

5508
Collection
Elementary CSS 2.0 Chinese Manual

6109
Collection
Elementary CSS 3.0 Reference Manual

3773
Collection
Advanced Play with CSS Flexbox layout

23623
Collection
Advanced Make layout as fast as 5G: CSS Grid grid layout

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

138337
Collection
Elementary Bootstrap3 reference manual

3335
Collection
Elementary Foundation5 Manual

901
Collection
Elementary JavaScript Reference Manual

9432
Collection
Elementary jQuery1.11 Reference Manual

9118
Collection
Elementary jQuery1.7 Chinese manual

5729
Collection
Elementary jQuery_API_1.4.4 Manual

4224
Collection

Delivery price：￥600

favor

Opening a VIP only requires￥ 540 Save ￥ 60

discount

VIP member exclusive VIP 60+ courses are free to watch

Coupon

Participate in the full reduction promotion The specific usage regulations are based on coupons

Buy Now

This course includes：

21 hours 21 minutes 37 seconds Watch videos anytime

11 Download Resources

Popular courses Latest courses

More>

About us Disclaimer Sitemap: php.cn：Public welfare online PHP training，Help PHP learners grow quickly！