Vue.js / Nuxt.js

āļžāļ·āđ‰āļ™āļāļēāļ™ JavaScript

Variables, types, functions, arrow functions, destructuring, spread operator, template literals

20 āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒÂ·
Junior
1

āļ„āļ§āļēāļĄāđāļ•āļāļ•āđˆāļēāļ‡āļŦāļĨāļąāļāļĢāļ°āļŦāļ§āđˆāļēāļ‡ var āđāļĨāļ° let āđƒāļ™ JavaScript āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

āļ„āļģāļ•āļ­āļš

āļ„āļ§āļēāļĄāđāļ•āļāļ•āđˆāļēāļ‡āļžāļ·āđ‰āļ™āļāļēāļ™āļ­āļĒāļđāđˆāļ—āļĩāđˆ scope āļ‚āļ­āļ‡āļ•āļąāļ§āđāļ›āļĢ let āļĄāļĩ block scope āļŦāļĄāļēāļĒāļ„āļ§āļēāļĄāļ§āđˆāļēāļ•āļąāļ§āđāļ›āļĢāļ—āļĩāđˆāļ›āļĢāļ°āļāļēāļĻāļ”āđ‰āļ§āļĒ let āļˆāļ°āļĄāļĩāļ­āļĒāļđāđˆāđ€āļ‰āļžāļēāļ°āļ āļēāļĒāđƒāļ™āļšāļĨāđ‡āļ­āļāļ—āļĩāđˆāļĄāļąāļ™āļ–āļđāļāļāļģāļŦāļ™āļ” (āļĢāļ°āļŦāļ§āđˆāļēāļ‡āļ§āļ‡āđ€āļĨāđ‡āļšāļ›āļĩāļāļāļē) āļŠāđˆāļ§āļ™ var āļĄāļĩ function scope āļ‹āļķāđˆāļ‡āļ­āļēāļˆāļ—āļģāđƒāļŦāđ‰āđ€āļāļīāļ”āļžāļĪāļ•āļīāļāļĢāļĢāļĄāļ—āļĩāđˆāđ„āļĄāđˆāļ„āļēāļ”āļ„āļīāļ”āđ€āļžāļĢāļēāļ°āļ•āļąāļ§āđāļ›āļĢāļŠāļēāļĄāļēāļĢāļ–āđ€āļ‚āđ‰āļēāļ–āļķāļ‡āđ„āļ”āđ‰āļ™āļ­āļāļšāļĨāđ‡āļ­āļ āļ„āļ§āļēāļĄāđāļ•āļāļ•āđˆāļēāļ‡āļ‚āļ­āļ‡ scope āļ™āļĩāđ‰āļ—āļģāđƒāļŦāđ‰ let āđ€āļ›āđ‡āļ™āļ•āļąāļ§āđ€āļĨāļ·āļ­āļāļ—āļĩāđˆāđāļ™āļ°āļ™āļģāđ€āļžāļ·āđˆāļ­āļŦāļĨāļĩāļāđ€āļĨāļĩāđˆāļĒāļ‡āļšāļąāđŠāļāļ—āļĩāđˆāđ€āļāļĩāđˆāļĒāļ§āļ‚āđ‰āļ­āļ‡āļāļąāļš hoisting āđāļĨāļ° scope

2

āļ„āļ§āļĢāđƒāļŠāđ‰ const āđāļ—āļ™ let āđƒāļ™āļāļēāļĢāļ›āļĢāļ°āļāļēāļĻāļ•āļąāļ§āđāļ›āļĢāđ€āļĄāļ·āđˆāļ­āđƒāļ”?

āļ„āļģāļ•āļ­āļš

āļ„āļ§āļĢāđƒāļŠāđ‰ const āđ€āļĄāļ·āđˆāļ­āļ•āļąāļ§āđāļ›āļĢāļˆāļ°āđ„āļĄāđˆāļ–āļđāļāļāļģāļŦāļ™āļ”āļ„āđˆāļēāđƒāļŦāļĄāđˆāļ­āļĩāļāļŦāļĨāļąāļ‡āļˆāļēāļāļāļēāļĢāļ›āļĢāļ°āļāļēāļĻāļ„āļĢāļąāđ‰āļ‡āđāļĢāļ āđ€āļ›āđ‡āļ™āđāļ™āļ§āļ›āļāļīāļšāļąāļ•āļīāļ—āļĩāđˆāļ”āļĩāļ—āļĩāđˆāļˆāļ°āļ›āļĢāļ°āļāļēāļĻāļ•āļąāļ§āđāļ›āļĢāļ—āļąāđ‰āļ‡āļŦāļĄāļ”āļ”āđ‰āļ§āļĒ const āđ€āļ›āđ‡āļ™āļ„āđˆāļēāđ€āļĢāļīāđˆāļĄāļ•āđ‰āļ™ āđāļĨāđ‰āļ§āļˆāļķāļ‡āđ€āļ›āļĨāļĩāđˆāļĒāļ™āđ„āļ›āđƒāļŠāđ‰ let āđ€āļ‰āļžāļēāļ°āđ€āļĄāļ·āđˆāļ­āļˆāļģāđ€āļ›āđ‡āļ™āļ•āđ‰āļ­āļ‡āļāļģāļŦāļ™āļ”āļ„āđˆāļēāđƒāļŦāļĄāđˆ āļ‹āļķāđˆāļ‡āļ—āļģāđƒāļŦāđ‰āđ‚āļ„āđ‰āļ”āļ„āļēāļ”āđ€āļ”āļēāđ„āļ”āđ‰āļ‡āđˆāļēāļĒāļ‚āļķāđ‰āļ™āđāļĨāļ°āļŠāđˆāļ§āļĒāđƒāļŦāđ‰āđ€āļ‚āđ‰āļēāđƒāļˆāđ€āļˆāļ•āļ™āļēāļ‚āļ­āļ‡āļ™āļąāļāļžāļąāļ’āļ™āļē āļŦāļĄāļēāļĒāđ€āļŦāļ•āļļ: const āļ›āđ‰āļ­āļ‡āļāļąāļ™āļāļēāļĢāļāļģāļŦāļ™āļ”āļ„āđˆāļēāđƒāļŦāļĄāđˆ āđāļ•āđˆāđ„āļĄāđˆāđ„āļ”āđ‰āļ›āđ‰āļ­āļ‡āļāļąāļ™āļāļēāļĢāđāļāđ‰āđ„āļ‚āļ„āļļāļ“āļŠāļĄāļšāļąāļ•āļīāļ‚āļ­āļ‡ object

3

āļŠāļ™āļīāļ”āļ‚āđ‰āļ­āļĄāļđāļĨ primitive āđƒāļ™ JavaScript āļĄāļĩāļ­āļ°āđ„āļĢāļšāđ‰āļēāļ‡?

āļ„āļģāļ•āļ­āļš

JavaScript āļĄāļĩāļŠāļ™āļīāļ”āļ‚āđ‰āļ­āļĄāļđāļĨ primitive āđ€āļˆāđ‡āļ”āļŠāļ™āļīāļ”: string āļŠāļģāļŦāļĢāļąāļšāļŠāļēāļĒāļ­āļąāļāļ‚āļĢāļ°, number āļŠāļģāļŦāļĢāļąāļšāļˆāļģāļ™āļ§āļ™āđ€āļ•āđ‡āļĄāđāļĨāļ°āļ—āļĻāļ™āļīāļĒāļĄ, boolean āļŠāļģāļŦāļĢāļąāļšāļ„āđˆāļē true āđāļĨāļ° false, undefined āļŠāļģāļŦāļĢāļąāļšāļ•āļąāļ§āđāļ›āļĢāļ—āļĩāđˆāļĒāļąāļ‡āđ„āļĄāđˆāđ„āļ”āđ‰āļāļģāļŦāļ™āļ”āļ„āđˆāļē, null āđ€āļžāļ·āđˆāļ­āđāļŠāļ”āļ‡āļāļēāļĢāđ„āļĄāđˆāļĄāļĩāļ„āđˆāļēāđ‚āļ”āļĒāļ•āļąāđ‰āļ‡āđƒāļˆ, symbol āđ€āļžāļ·āđˆāļ­āļŠāļĢāđ‰āļēāļ‡āļ•āļąāļ§āļĢāļ°āļšāļļāļ—āļĩāđˆāđ„āļĄāđˆāļ‹āđ‰āļģāļāļąāļ™ āđāļĨāļ° bigint āļŠāļģāļŦāļĢāļąāļšāļˆāļģāļ™āļ§āļ™āđ€āļ•āđ‡āļĄāļ‚āļ™āļēāļ”āđƒāļŦāļāđˆ āļŠāļ™āļīāļ” primitive āļ™āļąāđ‰āļ™āđ„āļĄāđˆāļŠāļēāļĄāļēāļĢāļ–āđ€āļ›āļĨāļĩāđˆāļĒāļ™āđāļ›āļĨāļ‡āđ„āļ”āđ‰āđāļĨāļ°āđ€āļ›āļĢāļĩāļĒāļšāđ€āļ—āļĩāļĒāļšāļāļąāļ™āļ”āđ‰āļ§āļĒāļ„āđˆāļē āļ•āđˆāļēāļ‡āļˆāļēāļ object āļ—āļĩāđˆāđ€āļ›āļĢāļĩāļĒāļšāđ€āļ—āļĩāļĒāļšāļāļąāļ™āļ”āđ‰āļ§āļĒāļāļēāļĢāļ­āđ‰āļēāļ‡āļ­āļīāļ‡

4

āļ„āļ§āļēāļĄāđāļ•āļāļ•āđˆāļēāļ‡āļĢāļ°āļŦāļ§āđˆāļēāļ‡ null āđāļĨāļ° undefined āđƒāļ™ JavaScript āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

5

āļ„āļ§āļĢāđƒāļŠāđ‰āļ•āļąāļ§āļ”āļģāđ€āļ™āļīāļ™āļāļēāļĢāđƒāļ”āđƒāļ™āļāļēāļĢāđ€āļ›āļĢāļĩāļĒāļšāđ€āļ—āļĩāļĒāļšāļ„āđˆāļēāļŠāļ­āļ‡āļ„āđˆāļēāļ­āļĒāđˆāļēāļ‡āđ€āļ‚āđ‰āļĄāļ‡āļ§āļ”āđƒāļ™ JavaScript?

+17 āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

āļŦāļąāļ§āļ‚āđ‰āļ­āļŠāļąāļĄāļ āļēāļĐāļ“āđŒ Vue.js / Nuxt.js āļ­āļ·āđˆāļ™āđ†

JavaScript āļŠāļĄāļąāļĒāđƒāļŦāļĄāđˆ (ES6+)

Junior
20 āļ„āļģāļ–āļēāļĄ

āļžāļ·āđ‰āļ™āļāļēāļ™ Vue

Junior
22 āļ„āļģāļ–āļēāļĄ

āļ„āļ­āļĄāđ‚āļžāđ€āļ™āļ™āļ•āđŒ Vue

Junior
20 āļ„āļģāļ–āļēāļĄ

Vue Router

Junior
18 āļ„āļģāļ–āļēāļĄ

Pinia State Management

Junior
20 āļ„āļģāļ–āļēāļĄ

Vuex (Legacy)

Mid-Level
15 āļ„āļģāļ–āļēāļĄ

Composition API

Mid-Level
24 āļ„āļģāļ–āļēāļĄ

āļĢāļ°āļšāļš Reactivity āļ‚āļ­āļ‡ Vue

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļžāļ·āđ‰āļ™āļāļēāļ™ Nuxt

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ”āļķāļ‡āļ‚āđ‰āļ­āļĄāļđāļĨ (Data Fetching) āđƒāļ™ Nuxt

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

SSR āđāļĨāļ° SSG āđƒāļ™ Nuxt

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

Server Routes āļ‚āļ­āļ‡ Nuxt

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āđ‚āļĄāļ”āļđāļĨ Nuxt

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

Composables āđƒāļ™ Vue

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļŸāļ­āļĢāđŒāļĄāđāļĨāļ°āļāļēāļĢāļ•āļĢāļ§āļˆāļŠāļ­āļš Vue

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļˆāļąāļ”āļāļēāļĢāļŠāļ–āļēāļ™āļ°āđƒāļ™ Nuxt

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ—āļ”āļŠāļ­āļš Vue

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢ Deploy Nuxt āđāļĨāļ° CI/CD

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

āļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļžāļ‚āļ­āļ‡ Vue

Senior
22 āļ„āļģāļ–āļēāļĄ

āļĢāļđāļ›āđāļšāļšāļ‚āļąāđ‰āļ™āļŠāļđāļ‡āļ‚āļ­āļ‡ Vue

Senior
24 āļ„āļģāļ–āļēāļĄ

TypeScript āļāļąāļš Vue

Senior
22 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļĒāļ·āļ™āļĒāļąāļ™āļ•āļąāļ§āļ•āļ™ Nuxt

Senior
20 āļ„āļģāļ–āļēāļĄ

SEO āļ”āđ‰āļ§āļĒ Nuxt

Senior
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ—āļģ Internationalization āđƒāļ™ Nuxt

Senior
18 āļ„āļģāļ–āļēāļĄ

āļŠāļ–āļēāļ›āļąāļ•āļĒāļāļĢāļĢāļĄ Vue

Senior
22 āļ„āļģāļ–āļēāļĄ

āļ„āļ§āļēāļĄāļ›āļĨāļ­āļ”āļ āļąāļĒāļ‚āļ­āļ‡ Nuxt

Senior
20 āļ„āļģāļ–āļēāļĄ

āļĢāļ°āļšāļšāļ™āļīāđ€āļ§āļĻ Vue

Senior
18 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļĒāđ‰āļēāļĒ Vue 2→3 & Nuxt 2→3

Senior
22 āļ„āļģāļ–āļēāļĄ

āđ€āļŠāļĩāđˆāļĒāļ§āļŠāļēāļ Vue.js / Nuxt.js āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļŠāļąāļĄāļ āļēāļĐāļ“āđŒāļ„āļĢāļąāđ‰āļ‡āļ–āļąāļ”āđ„āļ›

āđ€āļ‚āđ‰āļēāļ–āļķāļ‡āļ„āļģāļ–āļēāļĄāļ—āļąāđ‰āļ‡āļŦāļĄāļ” flashcards āđāļšāļšāļ—āļ”āļŠāļ­āļšāđ€āļ—āļ„āļ™āļīāļ„ āđāļšāļšāļāļķāļāļŦāļąāļ” code review āđāļĨāļ°āļ•āļąāļ§āļˆāļģāļĨāļ­āļ‡āļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

āđ€āļĢāļīāđˆāļĄāđƒāļŠāđ‰āļŸāļĢāļĩ