Next Section: 选项卡与在线相册02400 plays

5 秒后自动播放下一节
  Watch Again

Front-end development (basics + practical project collection)

Introduction >
ChapterCourseware
Chapter1Course Introduction

Course introduction, development environment and VSCODE common plug-ins 01

19 minutes55 seconds

Course introduction, development environment and VSCODE common plug-ins 02

20 minutes06 seconds

Course introduction, development environment and VSCODE common plug-ins 03

20 minutes06 seconds

markdown and emmet syntax 01

markdown and emmet syntax 02

Chapter2Commonly used HTML tags

Document structure and layout tag usage skills and link and image tags and application scenarios 01

23 minutes53 seconds

Document structure and layout tag usage skills and link and image tags and application scenarios 02

Lists and navigation, tables and practice, inline frames and website backend layout 01

20 minutes04 seconds

Lists and navigation, tables and practice, inline frames and website backend layout 02

Lists and navigation, tables and practice, inline frames and website backend layout 03

Chapter3Form elements, CSS selectors and box models, etc.

Detailed knowledge of form elements 01

Detailed knowledge of form elements 02

css syntax/selector weight/context selector 01

css syntax/selector weight/context selector 02

css syntax/selector weight/context selector 03

Chapter4Pseudo classes/font icons/box models/media queries/common element styles, etc.

Pseudo classes and font icons, box model common sense 01

Pseudo classes and font icons, box model common sense 02

Pseudo classes and font icons, box model common sense 03

Detailed box model, common units, media query 01

Detailed box model, common units, media query 02

Detailed box model, common units, media query 03

Detailed box model, common units, media query 04

Chapter5Common element styles/positioning/flex/grid layout

Commonly used element styles and positioning practice 01

Commonly used element styles and positioning practice 02

Commonly used element styles and positioning practice 03

Flex layout and common attributes + grid layout and common attributes (example) 01

Flex layout and common attributes + grid layout and common attributes (example) 02

Flex layout and common attributes + grid layout and common attributes (example) 03

Flex layout and common attributes + grid layout and common attributes (example) 04

Chapter6JD homepage layout and JS basics

JD.com M terminal home page layout analysis and practice 01

JD.com M terminal home page layout analysis and practice 02

JD.com M terminal home page layout analysis and practice 03

JD.com M terminal homepage layout analysis and practical implementation 04

JS initial test: Where is the JS code written? How to quote it? 01

JS initial test: Where is the JS code written? How to quote it? 02

Chapter7js syntax basics: variables/data types/functions/scopes/closures/template strings

Variables, constants, data types and detailed functions and parameters 01

Variables, constants, data types and detailed functions and parameters 02

Variables, constants, data types and detailed functions and parameters 03

Variables, constants, data types and detailed functions and parameters 04

Scope/scope chain/closure and template string and label function 01

Scope/scope chain/closure and template string and label function 02

Scope/scope chain/closure and template string and label function 03

Chapter8Process control and DOM manipulation

Branching and Simplification

Loops and traversals

accessor properties

DOM element addition, deletion, modification and dataset and classList objects 01

DOM element addition, deletion, modification and dataset and classList objects 02

DOM element addition, deletion, modification and dataset and classList objects 03

Chapter9Describe events and asynchronous operations in detail

JS execution mechanism and asynchronous tasks and detailed event model and form events 01

JS execution mechanism and asynchronous tasks and detailed event model and form events 02

JS execution mechanism and asynchronous tasks and detailed event model and form events 03

Fetch and axios examples explained 01

Fetch and axios examples explained 02

Chapter10JS classic practical cases

Tabs and Online Photo Albums 01

Tabs and Online Photo Albums 02

Tabs and Online Photo Albums 03

Classic carousel chart and shopping cart automatic calculation 01

Classic carousel chart and shopping cart automatic calculation 02

Classic carousel chart and shopping cart automatic calculation 03

Classic carousel and shopping cart automatic calculation 04

  • CancelreplySending
  • Cancelpost a noteSending