Worksheetsการพัฒนาเว็บแอปพลิเคชันด้วย Nuxt JS
Total questions: 40
Worksheet time: 40mins
การติดตั้ง Nuxt JS ต้องใช้คำสั่งใดในการเริ่มต้น?
npx create-nuxt-app <ชื่อโปรเจกต์>
npx init-nuxt <ชื่อโปรเจกต์>
yarn create nuxt-app <ชื่อโปรเจกต์>
npm install nuxt
Vuetify 2 คืออะไรและมีความสำคัญอย่างไรใน Nuxt?
Vuetify 2 is a plugin for jQuery to enhance UI components.
Vuetify 2 is a CSS framework for static websites.
Vuetify 2 is a Material Design framework for Vue.js, crucial for building responsive UIs in Nuxt.
Vuetify 2 is a JavaScript library for backend development.
การเชื่อมต่อ API PHP กับ Nuxt JS ทำได้อย่างไร?
สร้าง API ใน Nuxt JS แทน PHP
ใช้ jQuery แทน axios ใน Nuxt JS
การเชื่อมต่อ API PHP กับ Nuxt JS ทำได้โดยการสร้าง API ใน PHP และใช้ axios หรือ fetch ใน Nuxt JS เพื่อเรียกข้อมูล.
ใช้ PHP เพื่อสร้างหน้าเว็บโดยไม่ต้องเชื่อมต่อ API
MySQL คืออะไรและทำไมถึงใช้ในการพัฒนาเว็บ?
MySQL เป็นระบบปฏิบัติการที่ใช้ในการพัฒนาเว็บ
MySQL คือโปรแกรมสำหรับสร้างเว็บไซต์
MySQL เป็นภาษาโปรแกรมที่ใช้ในการพัฒนาเว็บ
MySQL คือระบบจัดการฐานข้อมูลเชิงสัมพันธ์ที่ใช้ในการพัฒนาเว็บเพราะมีความเชื่อถือได้และสามารถขยายได้ง่าย.
การสร้างหน้าเว็บด้วย Nuxt JS ต้องเริ่มจากไฟล์ไหน?
nuxt.config.js
main.js
app.js
index.vue
การปรับแต่ง UI ด้วย Vuetify สามารถทำได้อย่างไร?
ใช้ JavaScript ปกติ
ใช้ Bootstrap แทน
ไม่สามารถปรับแต่งได้
ใช้ props, สร้างธีม, ใช้ CSS ที่กำหนดเอง, ปรับแต่งสไตล์ด้วยคลาส CSS.
Nuxt JS มีโหมดใดบ้างที่สามารถใช้งานได้?
Static Site Generation
Progressive Web App
Universal, SPA
Server-Side Rendering
การติดตั้ง Vuetify 2 ในโปรเจกต์ Nuxt JS ทำได้อย่างไร?
ติดตั้ง Vuetify 2 โดยใช้คำสั่ง 'npm install vuetify' หรือ 'yarn add vuetify' และสร้างไฟล์ plugin สำหรับ Vuetify.
สร้างไฟล์ config สำหรับ Vuetify ในโฟลเดอร์ components
ติดตั้ง Vuetify 2 โดยใช้คำสั่ง 'npm install vuetify-cli'
ติดตั้ง Vuetify 2 โดยใช้คำสั่ง 'npm install vuetify2'
การเรียกใช้ API ใน Nuxt JS ต้องใช้ฟังก์ชันใด?
loadAPI
asyncData หรือ fetch
fetchData
getData
การจัดการฐานข้อมูล MySQL สามารถทำได้ด้วยเครื่องมือใด?
SQLite Manager
Microsoft Access
MySQL Workbench, phpMyAdmin, Command Line Interface (CLI)
Oracle SQL Developer
การสร้างคอมโพเนนต์ใน Nuxt JS ทำได้อย่างไร?
สร้างไฟล์ HTML ในโฟลเดอร์ 'pages'
ใช้คอมโพเนนต์จากไลบรารีภายนอกโดยไม่ต้องนำเข้า
สร้างไฟล์ JavaScript ในโฟลเดอร์ 'assets'
สร้างไฟล์ Vue ในโฟลเดอร์ 'components' และนำเข้าใช้งานในหน้าเพจ.
Vuetify 2 มีคอมโพเนนต์ใดบ้างที่นิยมใช้?
v-table
v-btn, v-card, v-dialog, v-list, v-form
v-tooltip
v-grid
การเชื่อมต่อฐานข้อมูล MySQL กับ PHP ต้องใช้คำสั่งใด?
mysqli_query()
mysqli_connect()
pdo_connect()
mysql_connect()
การสร้างเส้นทางใน Nuxt JS ทำได้อย่างไร?
สร้างไฟล์ในโฟลเดอร์ 'pages'
ใช้คำสั่ง CLI เพื่อสร้างเส้นทาง
สร้างไฟล์ในโฟลเดอร์ 'components'
เพิ่มเส้นทางในไฟล์ 'nuxt.config.js'
การใช้ CSS ใน Vuetify 2 สามารถทำได้อย่างไร?
ใช้ inline styles di dalam template
ใช้ CSS preprocessors seperti SASS atau LESS tanpa konfigurasi
ใช้ class ที่กำหนดเองหรือ scoped styles ในไฟล์ .vue และใช้ CSS variables ที่ Vuetify จัดเตรียมไว้
ใช้ CSS ในไฟล์ JavaScript
การจัดการสถานะใน Nuxt JS ทำได้ด้วยวิธีใด?
ใช้ Vuex หรือ composables ใน Vue 3
ใช้ jQuery สำหรับการจัดการสถานะ
ใช้ PHP สำหรับการจัดการสถานะ
ใช้ Local Storage ใน Nuxt JS
การใช้ Vuex ใน Nuxt JS มีประโยชน์อย่างไร?
Vuex ใช้สำหรับการจัดการเส้นทางใน Nuxt JS
Vuex เป็นเครื่องมือสำหรับการสร้าง UI ใน Nuxt JS
Vuex ช่วยในการปรับปรุงประสิทธิภาพของภาพในแอปพลิเคชัน
การใช้ Vuex ใน Nuxt JS ช่วยในการจัดการสถานะของแอปพลิเคชันอย่างมีประสิทธิภาพและทำให้การแบ่งปันข้อมูลระหว่างคอมโพเนนต์ง่ายขึ้น
การสร้างฟอร์มใน Vuetify 2 ต้องใช้คอมโพเนนต์ใด?
การทำ SEO ใน Nuxt JS ทำได้อย่างไร?
ใช้ CSS frameworks ใน Nuxt JS.
เพิ่ม JavaScript libraries โดยตรงใน Nuxt JS.
ใช้ static site generation เท่านั้นใน Nuxt JS.
ใช้ meta tags, dynamic routing, และสร้าง sitemap ใน Nuxt JS.
การใช้ Middleware ใน Nuxt JS มีประโยชน์อย่างไร?
Middleware can only be used for server-side rendering.
Middleware is not necessary for routing in Nuxt JS.
Middleware is only for styling components.
Middleware in Nuxt JS is beneficial for handling authentication, data fetching, and route protection.
API คืออะไร?
Application กลาง
ตัวกลางระหว่างผู้ใช้กับคอมพิวเตอร์
ตัวกลางระหว่าง application กับ Data (Database)
ตัวกลางระหว่างเราสองคน
git มีไว้ทำอะไร?
ใช้ตัดเชือกเวลาเข้าไปในป่าลึก
มีไว้สำหรับจัดเก็บและแชร์ชุดคำสั่งของโปรแกรมร่วมกับทีม
มีไว้ช่วย up load ไฟล์ขึ้น Server
ไม่รู้เช่นกัน
API ย่อมาจากอะไร?
Application Protocol Interface
Application Programming Integration
Application Programming Interaction
Application Programming Interface
ข้อดีของการออกแบบ API ที่ดีคืออะไร?
การลดจำนวนผู้ใช้
การเพิ่มความซับซ้อน
ทำให้ใช้เวลานานขึ้น
ทำให้เข้าใจและใช้งานได้ง่ายขึ้น
HTTP method ใดที่ใช้ในการสร้าง resource ใหม่?
PUT
POST
DELETE
GET
ข้อใดเป็น HTTP status code ที่แสดงถึงความสำเร็จ?
200 OK
404 Not Found
500 Internal Server Error
301 Moved Permanently
การใช้ query parameters มักใช้สำหรับอะไร?
การกรองและจัดเรียงข้อมูล
การสร้าง resource ใหม่
การลบ resource
การอัปเดต resource
การจัดการข้อผิดพลาดใน API ควรทำอย่างไร?
ใช้รหัสสถานะเดียวกันทุกครั้ง
ไม่ต้องจัดการข้อผิดพลาด
ให้ข้อความที่ชัดเจน
ไม่ต้องให้ข้อมูลใดๆ
การใช้ HTTP status code 404 หมายถึงอะไร?
ลบ resource
อัปเดต resource
สร้าง resource ใหม่
ไม่พบ resource
การใช้ HTTP method PATCH ใช้สำหรับอะไร?
อัปเดตข้อมูลบางส่วน
สร้าง resource ใหม่
ลบ resource
ดึงข้อมูล resource
การใช้ HTTP status code 500 หมายถึงอะไร?
ข้อผิดพลาดของเซิร์ฟเวอร์
ไม่พบ resource
สร้าง resource ใหม่
อัปเดต resource
การใช้ GET /books/{id} มีวัตถุประสงค์เพื่ออะไร?
ดึงข้อมูลของหนังสือด้วย id
สร้างหนังสือใหม่
ลบหนังสือ
อัปเดตหนังสือ
การใช้ POST /books ใช้สำหรับอะไร?
สร้างหนังสือใหม่
ดึงข้อมูลหนังสือ
ลบหนังสือ
อัปเดตหนังสือ
ข้อใดมี Path parameters
GET /books/{id}
GET /books
POST /books
GET /books?category=fiction
Username ที่เข้าใช้ phpMyAdmin
root
rot
toor
admin
ข้อใดควรถูกเลือกใช้เป็นคีย์หลัก (Primary Key) ในการแยกความแตกต่างของข้อมูลแต่ละเรคคอร์ด
บ้านเลขที่
วันเดือนปีเกิด
หมายเลขบัตรประชาชน
ชื่อและนามสกุล
JavaScript ที่ทำงานภายนอก Browser คือ ?
Angular
Vue
Node.JS
React.JS
JavaScript เป็นภาษาแบบใด
Compiler
Interpreter
Binary
Machine code
ไฟล์สกุลของภาษา JavaScript แบบมาตรฐานคือ ?
.ts
.js
.jsx
.java
console.warn("Hello");
คำสั่งดังกล่าวคืออะไร
แสดงผล log ออกทาง console แบบปกติ
แสดงผล log ออกทาง console แบบมีสัญลักษณ์แจ้งเตือน
แสดงผล log ออกทาง console แบบมีสัญลักษณ์ Error
ไม่มีข้อใดถูก
