Front-end development (basics + practical project collection)-Free online video tutorial-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)

Front-end development (basics + practical project collection)

Basic knowledge and practice of HTML5+CSS3; JavaScript basics; practice: mobile layout (JD M terminal), classic carousel images, lazy loading and optimization, tabs, online photo albums, shopping cart automatic calculation, stage assessment.

Elementary

html

javascript

css3

17788 person learning

60class hour

01 hours 44 minutes 04 secondsTotal course duration

2023-06-26update

PHP中文网

Gold lecturer

A total of 51 courses Student5294 Lecturer rating5.6

认证高级PHP讲师More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

Basic knowledge and practice of HTML5+CSS3; JavaScript basics; practice: mobile layout (JD M terminal), classic carousel images, lazy loading and optimization, tabs, online photo albums, shopping cart automatic calculation, stage assessment.

Front-end development (basics + practical project collection)

Chapter1 Course Introductiontry and see
expand retract

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

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

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

Section4 markdown and emmet syntax 01
duration：In calculation

Section5 markdown and emmet syntax 02
duration：In calculation
Chapter2 Commonly used HTML tagstry and see
expand retract

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

Section2 Document structure and layout tag usage skills and link and image tags and application scenarios 02
duration：In calculation

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

Section4 Lists and navigation, tables and practice, inline frames and website backend layout 02
duration：In calculation

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

Section1 Detailed knowledge of form elements 01
duration：In calculation

Section2 Detailed knowledge of form elements 02
duration：In calculation

Section3 css syntax/selector weight/context selector 01
duration：In calculation

Section4 css syntax/selector weight/context selector 02
duration：In calculation

Section5 css syntax/selector weight/context selector 03
duration：In calculation
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：In calculation

Section2 Pseudo classes and font icons, box model common sense 02
duration：In calculation

Section3 Pseudo classes and font icons, box model common sense 03
duration：In calculation

Section4 Detailed box model, common units, media query 01
duration：In calculation

Section5 Detailed box model, common units, media query 02
duration：In calculation

Section6 Detailed box model, common units, media query 03
duration：In calculation

Section7 Detailed box model, common units, media query 04
duration：In calculation
Chapter5 Common element styles/positioning/flex/grid layout
expand retract

Section1 Commonly used element styles and positioning practice 01
duration：In calculation

Section2 Commonly used element styles and positioning practice 02
duration：In calculation

Section3 Commonly used element styles and positioning practice 03
duration：In calculation

Section4 Flex layout and common attributes + grid layout and common attributes (example) 01
duration：In calculation

Section5 Flex layout and common attributes + grid layout and common attributes (example) 02
duration：In calculation

Section6 Flex layout and common attributes + grid layout and common attributes (example) 03
duration：In calculation

Section7 Flex layout and common attributes + grid layout and common attributes (example) 04
duration：In calculation
Chapter6 JD homepage layout and JS basics
expand retract

Section1 JD.com M terminal home page layout analysis and practice 01
duration：In calculation

Section2 JD.com M terminal home page layout analysis and practice 02
duration：In calculation

Section3 JD.com M terminal home page layout analysis and practice 03
duration：In calculation

Section4 JD.com M terminal homepage layout analysis and practical implementation 04
duration：In calculation

Section5 JS initial test: Where is the JS code written? How to quote it? 01
duration：In calculation

Section6 JS initial test: Where is the JS code written? How to quote it? 02
duration：In calculation
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：In calculation

Section2 Variables, constants, data types and detailed functions and parameters 02
duration：In calculation

Section3 Variables, constants, data types and detailed functions and parameters 03
duration：In calculation

Section4 Variables, constants, data types and detailed functions and parameters 04
duration：In calculation

Section5 Scope/scope chain/closure and template string and label function 01
duration：In calculation

Section6 Scope/scope chain/closure and template string and label function 02
duration：In calculation

Section7 Scope/scope chain/closure and template string and label function 03
duration：In calculation
Chapter8 Process control and DOM manipulation
expand retract

Section1 Branching and Simplification
duration：In calculation

Section2 Loops and traversals
duration：In calculation

Section3 accessor properties
duration：In calculation

Section4 DOM element addition, deletion, modification and dataset and classList objects 01
duration：In calculation

Section5 DOM element addition, deletion, modification and dataset and classList objects 02
duration：In calculation

Section6 DOM element addition, deletion, modification and dataset and classList objects 03
duration：In calculation
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：In calculation

Section2 JS execution mechanism and asynchronous tasks and detailed event model and form events 02
duration：In calculation

Section3 JS execution mechanism and asynchronous tasks and detailed event model and form events 03
duration：In calculation

Section4 Fetch and axios examples explained 01
duration：In calculation

Section5 Fetch and axios examples explained 02
duration：In calculation
Chapter10 JS classic practical cases
expand retract

Section1 Tabs and Online Photo Albums 01
duration：In calculation

Section2 Tabs and Online Photo Albums 02
duration：In calculation

Section3 Tabs and Online Photo Albums 03
duration：In calculation

Section4 Classic carousel chart and shopping cart automatic calculation 01
duration：In calculation

Section5 Classic carousel chart and shopping cart automatic calculation 02
duration：In calculation

Section6 Classic carousel chart and shopping cart automatic calculation 03
duration：In calculation

Section7 Classic carousel and shopping cart automatic calculation 04
duration：In calculation

Data Name operate
[must see]Front-end development (basics + practical project collection) courseware Exclusive for paid users

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5508
Collection
ElementaryCSS 2.0 Chinese Manual

6106
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

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

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

130434
Collection
ElementaryBootstrap3 reference manual

3334
Collection
ElementaryFoundation5 Manual

901
Collection
ElementaryJavaScript Reference Manual

9429
Collection
ElementaryjQuery1.11 Reference Manual

9114
Collection
ElementaryjQuery1.7 Chinese manual

5728
Collection
ElementaryjQuery_API_1.4.4 Manual

4224
Collection

Delivery price：￥1200

favor

Opening a VIP only requires￥ 668 Save ￥ 532

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：

01 hours 44 minutes 04 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>

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