Introduction to the Next Course

12002

1. Course Content and Review

Establish a preliminary understanding of web development, including HTML, JavaScript, VueJS, and Vuetify.
As beginners, students will be able to quickly get started and will no longer feel unfamiliar or fearful of web development.
Develop basic skills in reading documentation, researching information, and using developer tools to check for code errors.

2. Case Study: How to Dynamically Display Data on a Web Page and Store Data Changes

The data in the examples learned in this lesson is written as an array within the script. Even if data is added, modified, or deleted, upon rerunning the program, the updated data will revert to its initial values and cannot be saved.

Data can only be persistently saved when stored in a database. In real application scenarios, data changes in real-time and can be recorded in a database, ensuring that updated data is not lost.

For example, there is a student management page studentManagement.html, connected to the database: jianghujs_1table_crud. When a new student's data is added, refreshing the page will still show the latest data.

002-011-Student Management.png

3. Complete Structure of Web Applications

Through the above example, it is common in practical scenarios to build applications using a model that combines a web page with a database, where the web page (frontend) and the database (backend) play key roles. We will study this content in the Application Development - Beginner course.

4. Course Learning Path

Before studying the next Application Development - Beginner course, it is necessary to first complete the Application Development - Introduction course and the Data Management - Introduction course.

The Data Management - Introduction course covers the basics of data management: MySQL database, Navicat, SQL language, and familiarization with database management tools, enabling students to perform simple data operations using these tools.

The Application Development - Beginner course will teach how to connect web pages to databases and learn simple enterprise-level applications, specifically developing simple projects using the Jianghu JS framework that can be applied in real-world web applications.

## 1. Course Content and Review

- Establish a preliminary understanding of web development, including HTML, JavaScript, VueJS, and Vuetify.  
- As beginners, students will be able to quickly get started and will no longer feel unfamiliar or fearful of web development.  
- Develop basic skills in reading documentation, researching information, and using developer tools to check for code errors.

## 2. Case Study: How to Dynamically Display Data on a Web Page and Store Data Changes

The data in the examples learned in this lesson is written as an array within the script. Even if data is added, modified, or deleted, upon rerunning the program, the updated data will revert to its initial values and cannot be saved.

Data can only be persistently saved when stored in a database. In real application scenarios, data changes in real-time and can be recorded in a database, ensuring that updated data is not lost.

For example, there is a student management page `studentManagement.html`, connected to the database: `jianghujs_1table_crud`. When a new student's data is added, refreshing the page will still show the latest data.

![002-011-Student Management.png](/__appId__/upload/articleMaterial/12060/002-011-学生管理.png)

## 3. Complete Structure of Web Applications

Through the above example, it is common in practical scenarios to build applications using a model that combines a web page with a database, where the web page (frontend) and the database (backend) play key roles. We will study this content in the Application Development - Beginner course.

## 4. Course Learning Path

Before studying the next Application Development - Beginner course, it is necessary to first complete the Application Development - Introduction course and the Data Management - Introduction course.

The Data Management - Introduction course covers the basics of data management: MySQL database, Navicat, SQL language, and familiarization with database management tools, enabling students to perform simple data operations using these tools.

The Application Development - Beginner course will teach how to connect web pages to databases and learn simple enterprise-level applications, specifically developing simple projects using the Jianghu JS framework that can be applied in real-world web applications.