wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

TypeScript and Popular Framework

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

ข้อใดคือข้อดีของการใช้ TypeScript เมื่อเทียบกับ JavaScript

a)

ลดขนาดไฟล์โค้ด

b)

การตรวจสอบประเภทข้อมูลก่อน runtime

c)

รองรับการทำงานเฉพาะบนเบราว์เซอร์

d)

เพิ่มประสิทธิภาพการทำงานของ CPU

2.

คำสั่งใดใช้ในการติดตั้ง TypeScript

a)

npm install typescript

b)

npm init typescript

c)

tsc install typescript

d)

yarn create typescript

3.

ชนิดข้อมูลใดที่ใช้ใน TypeScript เพื่อกำหนดให้ตัวแปรมีค่าคงที่และไม่เปลี่ยนแปลง

a)

var

b)

let

c)

const

d)

readonly

4.

ข้อใดคือตัวอย่างของ Type Alias ใน TypeScript

a)

type User = { name: string, age: number }

b)

interface User { name: string, age: number }

c)

alias User = { name: string, age: number }

d)

ถูกทุกข้อ

5.

ฟังก์ชันใน TypeScript ใช้คำสั่งใดเพื่อระบุประเภทของค่าที่คืนกลับ

a)

returnType

b)

void

c)

: type

d)

function type

6.

Next.js ใช้โครงสร้างใดสำหรับการ Routing

a)

File-based Routing

b)

Dynamic API Routing

c)

Component-based Routing

d)

Manual Routing

7.

ฟีเจอร์ใดของ Nuxt.js ใช้จัดการ State ภายในโปรเจกต์

a)

Vuex

b)

Pinia

c)

Composition API

d)

Vue Router

8.

ข้อใดคือคำสั่งที่ใช้สร้างโปรเจกต์ Nuxt 3

a)

npx create-nuxt-app

b)

npx nuxi init

c)

nuxt3 create

d)

npm init nuxt

9.

ประโยชน์ของ TypeScript ใน Next.js คืออะไร

a)

เพิ่มความเร็วในการ Build

b)

การตรวจสอบข้อผิดพลาดตั้งแต่ขั้นตอนการเขียนโค้ด

c)

รองรับเฉพาะการเชื่อมต่อ API

d)

ลดการใช้หน่วยความจำ

10.

คำสั่งใดใน Nuxt.js ใช้ระบุเส้นทางแบบไดนามิก (Dynamic Routing)

a)

pages/[id].vue

b)

routes/id.vue

c)

pages/id.vue

d)

routes/[id].vue

11.

Angular ใช้คำสั่งใดในการสร้างโปรเจกต์

a)

ng init project-name

b)

ng create project-name

c)

ng new project-name

d)

angular create project-name

12.

ข้อใดไม่ใช่ฟีเจอร์ของ Angular

a)

Components

b)

Directives

c)

Middleware

d)

Services

13.

ข้อใดคือส่วนสำคัญของ TypeScript ใน Angular

a)

การกำหนดประเภทของ props

b)

การใช้งาน Directive

c)

การตรวจสอบประเภทข้อมูลและ OOP

d)

การจัดการ DOM

14.

Express.js ใช้คำสั่งใดเพื่อสร้าง REST API เบื้องต้น

a)

app.use()

b)

app.get()

d)

ทั้งข้อ ข และ ค

15.

Middleware ใน Express.js ทำหน้าที่อะไร

a)

สร้างเส้นทาง API

b)

จัดการการตอบกลับของเซิร์ฟเวอร์

c)

ตรวจสอบคำขอและตอบสนอง

d)

ทั้งหมด

16.

Tailwind CSS ใช้คลาสใดเพื่อกำหนดขนาดข้อความเป็นใหญ่ที่สุด

a)

text-xl

b)

text-2xl

c)

text-4xl

d)

text-xxxl

17.

คำสั่งใดใช้ติดตั้ง Tailwind CSS ในโปรเจกต์

a)

npm install tailwind

b)

npm install tailwindcss

c)

yarn add tailwind

d)

yarn add tailwindcss

18.

ข้อใดอธิบาย Bun ได้ดีที่สุด

a)

Runtime ที่ใช้กับ TypeScript เท่านั้น

b)

ตัวเร่งความเร็วการพัฒนาและรันเซิร์ฟเวอร์

c)

CLI สำหรับการจัดการ Node.js Modules

d)

Framework สำหรับการสร้าง Frontend

19.

คำสั่งใดใช้เพื่อรันเซิร์ฟเวอร์ด้วย Bun

a)

bun dev

b)

bun start

c)

bun run

d)

bun serve

20.

Tailwind CSS รองรับการปรับแต่ง Themes และ Plugin ผ่านไฟล์ใด

a)

tailwind.js

b)

tailwind.config.js

c)

config.tailwind.js

d)

theme.config.js