< Return
Flex layout and common attributes + grid layout and common attributes (example) 02
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.
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
- Course Recommendations
- Courseware download
![Practical development of imitation Meituan APP [A must-have JavaScript project for front-end programmers]](https://img.php.cn/upload/course/000/000/068/6242bebc05ca9210.png)
Front-end development (basics + practical project collection) courseware
Download
Students who have watched this course are also learning
Let's briefly talk about starting a business in PHP
Quick introduction to web front-end development
Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things
Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]
Login verification and classic message board
Computer network knowledge collection
Quick Start Node.JS Full Version
The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)