wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

การพัฒนา Application ด้วย Ionic Vue

Total questions: 30

Worksheet time: 30mins

Name
Class
Date
1.

การติดตั้ง Ionic Vue ต้องใช้คำสั่งใด?

a)

npm install @ionic/vue @ionic/vue-router

b)

npm install vue-ionic

c)

npm install @ionic/vue-cli

d)

npm install ionic-vue

2.

คำสั่งใดที่ใช้ในการสร้างโปรเจกต์ Ionic Vue ใหม่?

a)

ionic new --type=react

b)

ionic start blank --type=angular

c)

ionic create --vue

d)

ionic start blank --type=vue

3.

ใน Ionic Vue, Component คืออะไร?

a)

Component คือเครื่องมือสำหรับเขียนโค้ด JavaScript

b)

Component คือส่วนประกอบที่ใช้ในการสร้าง UI ใน Ionic Vue.

c)

Component คือฟังก์ชันที่ใช้ในการจัดการข้อมูล

d)

Component คือรูปแบบการจัดเก็บข้อมูลในฐานข้อมูล

4.

การสร้าง Component ใน Vue ต้องใช้ไฟล์ประเภทใด?

a)

.js

b)

.html

c)

.vue

d)

.css

5.

การใช้ Router ใน Ionic Vue ต้องทำการติดตั้งแพ็กเกจใด?

a)

vue-router

b)

react-router

c)

angular-router

d)

vue-router-dom

6.

การกำหนดเส้นทางใน Router ของ Ionic Vue ทำได้อย่างไร?

a)

ใช้ React Router ในการกำหนดเส้นทาง

b)

ใช้ Angular Router ในการกำหนดเส้นทาง

c)

ใช้ jQuery ในการกำหนดเส้นทาง

d)

ใช้ Vue Router ในการกำหนดเส้นทางใน Router ของ Ionic Vue

7.

การออกแบบ UI ด้วย Ionic มีเครื่องมือใดบ้าง?

a)

Ionic Editor

b)

Ionic Designer

c)

Ionic Toolkit

d)

Ionic Framework, Ionic CLI, Ionic Studio

8.

การใช้ Ionic CLI มีประโยชน์อย่างไร?

a)

Ionic CLI helps in efficient mobile app development with tools for building and deploying applications.

b)

Ionic CLI is only useful for web development.

c)

Ionic CLI is primarily for desktop application development.

d)

Ionic CLI does not support deployment of applications.

9.

การสร้างหน้าใหม่ใน Ionic Vue ต้องทำอย่างไร?

a)

สร้างไฟล์ JavaScript ใหม่และเพิ่มเส้นทางใน router

b)

สร้างไฟล์ CSS ใหม่และเพิ่มเส้นทางใน router

c)

สร้างไฟล์ Vue ใหม่และเพิ่มเส้นทางใน router

d)

สร้างไฟล์ HTML ใหม่และเพิ่มเส้นทางใน router

10.

การใช้ props ใน Component ของ Vue คืออะไร?

a)

การใช้ props ใน Component ของ Vue คือการส่งข้อมูลจาก Component ลูกไปยัง Component แม่

b)

การใช้ props ใน Component ของ Vue คือการส่งข้อมูลจาก Component แม่ไปยัง Component ลูก.

c)

การใช้ props ใน Component ของ Vue คือการจัดการสถานะภายใน Component

d)

การใช้ props ใน Component ของ Vue คือการสร้าง Component ใหม่

11.

การจัดการสถานะใน Component ของ Vue ทำได้อย่างไร?

a)

ใช้ data() และ methods ใน Component หรือใช้ Vuex สำหรับการจัดการสถานะ

b)

ใช้ computed properties สำหรับการจัดการสถานะ

c)

ใช้ localStorage สำหรับการเก็บสถานะ

d)

ใช้ props เพื่อส่งข้อมูลระหว่าง Components

12.

การใช้ slot ใน Component ของ Vue คืออะไร?

a)

การใช้ slot คือการสร้าง Component ใหม่ใน Vue

b)

slot ใช้สำหรับจัดการกับ state ของ Component

c)

การใช้ slot คือการเพิ่ม CSS ให้กับ Component

d)

การใช้ slot ใน Component ของ Vue คือการส่งเนื้อหาจาก Parent Component ไปยัง Child Component ผ่านแท็ก .

13.

การใช้ Ionic Framework กับ Vue มีข้อดีอย่างไร?

a)

การใช้ Ionic Framework กับ Vue ทำให้ประสบการณ์ผู้ใช้แย่ลง.

b)

การใช้ Ionic Framework กับ Vue ทำให้แอปมีขนาดใหญ่ขึ้นและช้าลง.

c)

การใช้ Ionic Framework กับ Vue ช่วยให้พัฒนาแอปมือถือที่มีประสิทธิภาพสูงและประสบการณ์ผู้ใช้ที่ราบรื่นได้ง่ายขึ้น.

d)

การใช้ Ionic Framework กับ Vue ไม่สามารถพัฒนาแอปมือถือได้.

14.

การสร้างปุ่มใน Ionic Vue ใช้คอมโพเนนต์ใด?

a)

ion-button

b)

ion-btn

c)

ion-buttom

d)

ion-btm

15.

การใช้ CSS ในการออกแบบ UI ของ Ionic Vue ทำได้อย่างไร?

a)

ใช้ไฟล์ CSS หรือ SCSS ปรับแต่งสไตล์ของคอมโพเนนต์ใน Ionic Vue.

b)

ใช้ JavaScript เพื่อปรับแต่งฟังก์ชันการทำงานของคอมโพเนนต์

c)

ใช้ HTML เพื่อสร้างเลย์เอาต์ของแอปพลิเคชัน

d)

ใช้ภาพกราฟิกเพื่อปรับแต่งการแสดงผลของ UI

16.

การใช้ Vue Router กับ Ionic มีวิธีการอย่างไร?

a)

ไม่ต้องติดตั้งอะไรเพิ่มเติมสำหรับการใช้งาน

b)

ติดตั้ง Vue Router และกำหนดเส้นทางใน router.js แล้วนำเข้าไปยังไฟล์หลักของ Ionic.

c)

ติดตั้ง Ionic และกำหนดเส้นทางใน app.js

d)

ใช้ Vuex แทน Vue Router ใน Ionic

17.

การสร้าง Navigation Bar ใน Ionic Vue ต้องทำอย่างไร?

a)

ใช้ IonContent, IonCard, IonButton และ IonTitle

b)

ใช้ IonHeader, IonFooter, IonBackButton และ IonTitle

c)

ใช้ IonTabs, IonTabBar, IonTabButton และ IonTitle

d)

ใช้ IonToolbar, IonButtons, IonMenuButton และ IonTitle ในการสร้าง Navigation Bar.

18.

การใช้ Lifecycle Hooks ใน Component ของ Vue คืออะไร?

a)

Lifecycle Hooks คือวิธีการสร้าง Component ใหม่ใน Vue

b)

Lifecycle Hooks คือฟังก์ชันที่ใช้ในการจัดการข้อมูลใน Vue

c)

Lifecycle Hooks คือฟังก์ชันที่ถูกเรียกในช่วงต่างๆ ของวงจรชีวิตของ Component ใน Vue.js

d)

Lifecycle Hooks คือฟังก์ชันที่ใช้ในการเชื่อมต่อกับฐานข้อมูลใน Vue

19.

การจัดการกับการนำทางใน Ionic Vue ทำได้อย่างไร?

a)

ใช้ JavaScript ปกติในการจัดการการนำทาง

b)

ใช้ Vuex สำหรับการจัดการการนำทาง

c)

ใช้ Ionic Native สำหรับการจัดการการนำทาง

d)

ใช้ Vue Router สำหรับการจัดการการนำทางใน Ionic Vue

20.

การใช้ Ionic Icons ในโปรเจกต์ Vue ต้องทำอย่างไร?

a)

ใช้ แทน

b)

ติดตั้ง Vue CLI เท่านั้น

c)

ไม่ต้องนำเข้าไอคอนในไฟล์ Vue

d)

ติดตั้ง Ionic Vue และ Ionic Icons, นำเข้าไอคอนในไฟล์ Vue, ใช้ เพื่อแสดงไอคอน.

21.

ข้อใดเป็น HTTP status code ที่แสดงถึงความสำเร็จ?

a)

200 OK

b)

404 Not Found

c)

500 Internal Server Error

d)

301 Moved Permanently

22.

JavaScript ที่ทำงานภายนอก Browser คือ ?

a)

Angular

b)

Vue

c)

Node.js

d)

React.js

23.

JavaScript เป็นภาษาแบบใด

a)

Compiler

b)

Interpreter

c)

Binary

d)

Machine code

24.

ไฟล์สกุลของภาษา JavaScript แบบมาตรฐานคือ ?

a)

.ts

b)

.js

c)

.jsx

d)

.java

25.

เครื่องมือที่ใช้ในการสร้างแอพที่ได้มากกว่า 1 ระบบ ถูกเรียกว่าอะไร ?

a)

Two platform

b)

Multiple Platform

c)

Cross Platform

d)

Many Platform

26.

สิ่งใดใช้ส่งข้อมูลใน component จากภายนอก

a)

setState

b)

render with arguments

c)

PropTypes

d)

props

27.

let กับ const ต่างกันอย่างไร

a)

let เปลี่ยนแปลงค่าได้ const ไม่สามารถเปลี่ยนแปลงค่าได้

b)

let กำหนดค่าได้ครั้งเดียว const กำหนดค่าได้หลายครั้ง

c)

let เก็บค่าตัวแลข const เก็บค่า string

d)

ถูกทุกข้อ

28.

ข้อใดสร้างตัวแปร Array ใน JavaScript ได้ถูกต้อง

a)

var name = ["a","b","c","d"];

b)

var name = ("a,"b","c","d");

c)

var name = {"a","b","c","d"}

d)

ถูกทุกข้อที่กล่าวมาก

29.

console.warn("Hello");

คำสั่งดังกล่าวคืออะไร

a)


แสดงผล log ออกทาง console แบบปกติ

b)

แสดงผล log ออกทาง console แบบมีสัญลักษณ์แจ้งเตือน

c)


แสดงผล log ออกทาง console แบบมีสัญลักษณ์ Error

d)

ไม่มีข้อใดถูก

30.

ข้อใดสร้างตัวแปรใน javascript ได้ถูกต้อง

a)

var 2b = 300;

b)

var double = 1000;

c)

var age = "John";

d)

var total Price = 1299;