wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Full Stack Laravel 12 with inertia js and React

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

ข้อใดเป็นข้อดีหลักของการใช้ Inertia.js แทน JSON API ใน Laravel?

a)

ต้องใช้ GraphQL แทน REST API

b)

ลดจำนวน request และ response ข้อมูลระหว่าง frontend และ backend

c)

ลดการพึ่งพา Laravel Blade template

d)

ไม่ต้องใช้ middleware ใด ๆ ใน Laravel

2.

Laravel + Inertia.js แตกต่างจาก Laravel API + React SPA อย่างไร?

a)

Inertia.js ใช้ Server-Side Rendering เท่านั้น

b)

Laravel API + React SPA รองรับการทำงานแบบ SSR เท่านั้น

c)

Inertia.js ทำงานแบบ Single Page Application แต่ไม่ต้องใช้ API JSON

d)

Laravel + Inertia.js ต้องใช้ Vue.js เท่านั้น

3.

คุณสมบัติใหม่ที่สำคัญของ Laravel 12 คืออะไร?

a)

รองรับ HTTP/3

b)

Routing & Middleware สามารถใช้ attribute-based middleware

c)

ต้องใช้ PHP 9.0 ขึ้นไป

d)

Composer 3.0 เป็น requirement

4.

ข้อใดเป็นข้อดีของการใช้ Repository Pattern ใน Laravel 12?

a)

ช่วยลดเวลาในการเขียน SQL Query โดยตรง

b)

ใช้แทน Eloquent ORM ได้ทุกกรณี

c)

ทำให้โค้ดมีความยืดหยุ่นและทดสอบง่ายขึ้น

d)

ทำให้ Laravel สามารถทำงานกับ MongoDB ได้

5.

คำสั่งติดตั้ง Laravel 12 ผ่าน Composer คืออะไร?

a)

composer install laravel

b)

npm create laravel-app

c)

composer create-project laravel/laravel my-app

d)

laravel new my-app

6.

องค์ประกอบใดที่ต้องกำหนดค่าหลังติดตั้ง Laravel 12?

a)

Database connection

b)

Node.js 14+

c)

ตั้งค่า Webpack

d)

ต้องใช้ MySQL เท่านั้น

7.

Laravel ใช้คำสั่งใดในการสร้างไฟล์ Migration?

a)

php artisan db:migrate

b)

php artisan migrate:fresh

c)

php artisan rollback

d)

php artisan make:migration create_users_table

8.

Laravel Tinker ใช้ทำอะไร?

a)

เป็นเครื่องมือ Debugging ที่ใช้ใน Production

b)

ใช้สร้าง Controller และ Model

c)

ทดสอบโค้ด Laravel โดยไม่ต้องสร้างไฟล์

d)

ใช้รัน Unit Test

9.

Inertia.js ใช้หลักการใดในการสื่อสารระหว่าง Laravel และ React?

a)

JSON AP

b)

WebSocket

c)

XML

d)

AJAX และ JSON props

10.

ข้อใดไม่ใช่ฟีเจอร์หลักของ Inertia.js?

a)

การจัดการ Global State

b)

Routing แบบ server-drivenใช้ Vue หรือ React ได้

c)

ใช้ Vue หรือ React ได้

d)

ต้องใช้ GraphQL

11.

คำสั่งใดใช้ติดตั้ง Tailwind CSS ในโปรเจค Laravel + React?

a)

npm install tailwindcss

b)

yarn add bootstrap

c)

composer require tailwindcss

d)

npm install sass

12.

ShadCN/UI มีประโยชน์อย่างไร?

a)

เป็น UI Framework สำหรับ React ที่มี Component พร้อมใช้งาน

b)

ใช้แทน Laravel Blade Template ได้

c)

ใช้เฉพาะกับ Vue.js เท่านั้น

d)

ต้องใช้ร่วมกับ Redux

13.

Laravel Breeze รองรับ Authentication รูปแบบใดบ้าง?

a)

API Token

b)

OAuth 2.0 เท่านั้น

c)

Session-based Authentication และ API Authentication

d)

JWT เท่านั้น

14.

Middleware auth:sanctum ใช้ทำอะไร?

a)

ใช้สำหรับ hashing password

b)

ป้องกันผู้ใช้ที่ไม่ได้ login ไม่ให้เข้าถึง API

c)

ใช้แทน Passport API

d)

ใช้แทน CSRF Protection

15.

React ใช้ state management ใดที่นิยมใช้กับ Inertia.js?

a)

Zustand

b)

Redux

c)

Vuex

d)

MobX

16.

react-hook-form มีประโยชน์อย่างไร?

a)

จัดการฟอร์มและ Validation ได้ง่ายขึ้น

b)

ใช้แทน GraphQL ได้

c)

เป็น UI Framework

d)

ใช้สร้าง State Management

17.

ข้อใดเป็นไลบรารีสำหรับจัดการอัปโหลดไฟล์ใน Laravel?

a)

Laravel Storage

b)

Media Library by Spatie

c)

Laravel File Manager

d)

Laravel Upload Pro

18.

Laravel Export ข้อมูลเป็น Excel ควรใช้ไลบรารีใด?

a)

Laravel Excel

b)

Laravel PDF

c)

Laravel Table

d)

Laravel CSV

19.

ข้อใดเป็นเครื่องมือที่ใช้ Deploy Laravel บน DigitalOcean?

a)

Laravel Deployer

b)

Laravel API Gateway

c)

Laravel Forge

d)

Laravel Runner

20.

หากต้องการ Deploy Frontend React (Inertia.js) ควรใช้บริการใด?

a)

Laravel Forge

b)

Netlify หรือ Vercel

c)

MySQL Cloud

d)

PostgreSQL Hosting

Similar Resources on Wayground

เทคโนโลยีเปลี่ยนโลก

15 questions

เทคโนโลยีเปลี่ยนโลก

quiz

Worksheet

•

6th - 8th Grade