Front-end development (basics + practical project collection)-Free online video tutorial-php.cn

Community Learn Tools Library Leisure

English

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

26381 person learning

60class hour

01 hours 44 minutes 04 secondsTotal course duration

2023-06-26update

PHP中文网

Gold lecturer

A total of 51 courses Student5296 Lecturer rating5.5

认证高级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
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：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
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
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 Download

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5513
Collection
ElementaryCSS 2.0 Chinese Manual

6119
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

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

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

169795
Collection
ElementaryBootstrap3 reference manual

3339
Collection
ElementaryFoundation5 Manual

903
Collection
ElementaryJavaScript Reference Manual

9464
Collection
ElementaryjQuery1.11 Reference Manual

9118
Collection
ElementaryjQuery1.7 Chinese manual

5735
Collection
ElementaryjQuery_API_1.4.4 Manual

4226
Collection

Start Learning

This course includes：

01 hours 44 minutes 04 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>