Front-end development (basics + practical project collection)

• Chapter1 Course Introduction
• 1-1 Course introduction, development environment and VSCODE common plug-ins 01
• 1-2 Course introduction, development environment and VSCODE common plug-ins 02
• 1-3 Course introduction, development environment and VSCODE common plug-ins 03
• 1-4 markdown and emmet syntax 01
• 1-5 markdown and emmet syntax 02
• Chapter2 Commonly used HTML tags
• 2-1 Document structure and layout tag usage skills and link and image tags and application scenarios 01
• 2-2 Document structure and layout tag usage skills and link and image tags and application scenarios 02
• 2-3 Lists and navigation, tables and practice, inline frames and website backend layout 01
• 2-4 Lists and navigation, tables and practice, inline frames and website backend layout 02
• 2-5 Lists and navigation, tables and practice, inline frames and website backend layout 03
• Chapter3 Form elements, CSS selectors and box models, etc.
• 3-1 Detailed knowledge of form elements 01
• 3-2 Detailed knowledge of form elements 02
• 3-3 css syntax/selector weight/context selector 01
• 3-4 css syntax/selector weight/context selector 02
• 3-5 css syntax/selector weight/context selector 03
• Chapter4 Pseudo classes/font icons/box models/media queries/common element styles, etc.
• 4-1 Pseudo classes and font icons, box model common sense 01
• 4-2 Pseudo classes and font icons, box model common sense 02
• 4-3 Pseudo classes and font icons, box model common sense 03
• 4-4 Detailed box model, common units, media query 01
• 4-5 Detailed box model, common units, media query 02
• 4-6 Detailed box model, common units, media query 03
• 4-7 Detailed box model, common units, media query 04
• Chapter5 Common element styles/positioning/flex/grid layout
• 5-1 Commonly used element styles and positioning practice 01
• 5-2 Commonly used element styles and positioning practice 02
• 5-3 Commonly used element styles and positioning practice 03
• 5-4 Flex layout and common attributes + grid layout and common attributes (example) 01
• 5-5 Flex layout and common attributes + grid layout and common attributes (example) 02
• 5-6 Flex layout and common attributes + grid layout and common attributes (example) 03
• 5-7 Flex layout and common attributes + grid layout and common attributes (example) 04
• Chapter6 JD homepage layout and JS basics
• 6-1 JD.com M terminal home page layout analysis and practice 01
• 6-2 JD.com M terminal home page layout analysis and practice 02
• 6-3 JD.com M terminal home page layout analysis and practice 03
• 6-4 JD.com M terminal homepage layout analysis and practical implementation 04
• 6-5 JS initial test: Where is the JS code written? How to quote it? 01
• 6-6 JS initial test: Where is the JS code written? How to quote it? 02
• Chapter7 js syntax basics: variables/data types/functions/scopes/closures/template strings
• 7-1 Variables, constants, data types and detailed functions and parameters 01
• 7-2 Variables, constants, data types and detailed functions and parameters 02
• 7-3 Variables, constants, data types and detailed functions and parameters 03
• 7-4 Variables, constants, data types and detailed functions and parameters 04
• 7-5 Scope/scope chain/closure and template string and label function 01
• 7-6 Scope/scope chain/closure and template string and label function 02
• 7-7 Scope/scope chain/closure and template string and label function 03
• Chapter8 Process control and DOM manipulation
• 8-1 Branching and Simplification
• 8-2 Loops and traversals
• 8-3 accessor properties
• 8-4 DOM element addition, deletion, modification and dataset and classList objects 01
• 8-5 DOM element addition, deletion, modification and dataset and classList objects 02
• 8-6 DOM element addition, deletion, modification and dataset and classList objects 03
• Chapter9 Describe events and asynchronous operations in detail
• 9-1 JS execution mechanism and asynchronous tasks and detailed event model and form events 01
• 9-2 JS execution mechanism and asynchronous tasks and detailed event model and form events 02
• 9-3 JS execution mechanism and asynchronous tasks and detailed event model and form events 03
• 9-4 Fetch and axios examples explained 01
• 9-5 Fetch and axios examples explained 02
• Chapter10 JS classic practical cases
• 10-1 Tabs and Online Photo Albums 01
• 10-2 Tabs and Online Photo Albums 02
• 10-3 Tabs and Online Photo Albums 03
• 10-4 Classic carousel chart and shopping cart automatic calculation 01
• 10-5 Classic carousel chart and shopping cart automatic calculation 02
• 10-6 Classic carousel chart and shopping cart automatic calculation 03
• 10-7 Classic carousel and shopping cart automatic calculation 04