Register Sign in
CATECP HOME

About

Lecture

Projects

Resource

News

Partner

Contact

Register Sign in
[Big Data Analysis and Applications] 5.Web Front-End Frameworks and Applications
#ICT# #IOT#

Lesson Code: TCEN2026I032

Clicks：
LIKE
Academic Hours
5.10hours
Publish Date
Oct 2026

Lecturer

1. Lecturer WEI ShanzhouGuangxi Technological College of Machinery and Electricity

2. Lecturer LIN FengGuangxi Technological College of Machinery and Electricity

3. Lecturer QIN DachuangGuangxi Technological College of Machinery and Electricity

4. Lecturer LIU ChunxiaGuangxi Technological College of Machinery and Electricity

5. Lecturer FAN YongliangGuangxi Technological College of Machinery and Electricity

6. Lecturer ZHANG RonglingGuangxi Technological College of Machinery and Electricity

7. Lecturer LI HanboGuangxi Technological College of Machinery and Electricity

General Introduction
This course focuses on developing students’ front-end application development skills. It introduces the fundamentals of the Vue.js front-end framework,
as well as the approaches and methods for developing front-end projects using Vue.js.

This Course is for
1. Enabling trainees to become familiar with the basic concepts and fundamentals of the Vue.js framework.
2. Enabling trainees to master the methods for developing front-end projects using Vue.js.
3. Enabling trainees to build a solid foundation for advanced coursework in software system development.

Learning Materials

1. Corresponding PowerPoint Slides
2. Online Course Video
3. Simulation Question Bank

Recognized By

Benefits of Learning

1. Being able to understand the theoretical foundations and operations of the Vue.js reactivity system, virtual DOM, component communication mechanisms, routing management, and network requests, and optimize performance through source code analysis.
2. Having the capability to apply the web front-end development workflow and independently complete front-end project development and debugging based on Vue.js.
3. Being able to stay current with updates in the Vue.js ecosystem and demonstrate the ability to read English technical documentation and collaborate within developer communities.

Courses Videos
1.1 Introduction to Vue.mp4play1.2 MVVM Model.mp4play1.3.1 Vue CLI Installation and Configuration.mp4play1.3.2 Creating the First Vue Configuration.mp4play1.4.1 Element Plus Installation and Configuration.mp4play1.4.2 Commonly Used Element Plus Components (Buttons, Tables, Carousels).mp4play2.1 Options API and Composition API.mp4play2.2.1 Data Binding - Data Definition and Display.mp4play2.2.2 Data Binding - Reactive Data.mp4play2.3.1 Definition and Invocation of Methods.mp4play2.3.2 Event Object.mp4play2.3.3 Event Modifiers.mp4play2.4.1 Built-in Directives v-bind and v-model.mp4play2.4.2 v‑text and v‑html Directives.mp4play2.4.3 Built-in Directives v-if and v-show.mp4play2.4.4 v-for Directives.mp4play2.5.1 Binding the class Attribute.mp4play2.5.2 Binding the style Attribute.mp4play2.6 Compute Properties.mp4play2.7 Watch Properties.mp4play3.1 Registration and Use of Components.mp4play3.2.1 Passing Data from Parent Component to Child Component.mp4play3.2.2 Passing Data from Child Component to Parent Component.mp4play3.2.3 Data Transmission Across Non‑Adjacent Components.mp4play3.3 The Lifecycle Functions in Vue .mp4play3.4 Dynamic Components.mp4play3.5.1 Default Slot.mp4play3.5.2 Named Slot.mp4play3.5.3 Scoped Slot.mp4play4.1.1 Routing.mp4play4.1.2 Basic Usage of Routing.mp4play4.2.1 Nested Routes.mp4play4.2.2 Route Redirection.mp4play4.3.1 Dynamic Routes.mp4play4.3.2 Route Parameter Passing.mp4play4.4 Route Guards.mp4play5.1 Know Axios.mp4play5.2.1 Axios Sending GET Network Requests.mp4play5.2.2 Axios Sending POST Network Requests.mp4playPromotional video of Web Front-End Frameworks and Applications.mp4play

Downloads
Please log in and download

TEL:+855 99 294 999

FAX:+855 99 294 999

E-MAIL:catecp@seameoted.org