Vue.js / Nuxt.js

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

Promises, async/await, modules, classes, map/filter/reduce, optional chaining, nullish coalescing

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

Promise āđƒāļ™ JavaScript āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

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

Promise āļ„āļ·āļ­āļ­āļ­āļšāđ€āļˆāļāļ•āđŒāļ—āļĩāđˆāđāļ—āļ™āļāļēāļĢāđ€āļŠāļĢāđ‡āļˆāļŠāļīāđ‰āļ™āļŦāļĢāļ·āļ­āļ„āļ§āļēāļĄāļĨāđ‰āļĄāđ€āļŦāļĨāļ§āđƒāļ™āļ—āļĩāđˆāļŠāļļāļ”āļ‚āļ­āļ‡āļāļēāļĢāļ”āļģāđ€āļ™āļīāļ™āļāļēāļĢāđāļšāļš asynchronous āļĄāļąāļ™āļŠāđˆāļ§āļĒāđƒāļŦāđ‰āļˆāļąāļ”āļāļēāļĢāļāļēāļĢāļ”āļģāđ€āļ™āļīāļ™āļāļēāļĢāļ—āļĩāđˆāđƒāļŠāđ‰āđ€āļ§āļĨāļē (āļ„āļģāļ‚āļ­ HTTP, āļāļēāļĢāļ­āđˆāļēāļ™āđ„āļŸāļĨāđŒ) āđ‚āļ”āļĒāđ„āļĄāđˆāļšāļĨāđ‡āļ­āļāļāļēāļĢāļ—āļģāļ‡āļēāļ™āļ‚āļ­āļ‡āđ‚āļ„āđ‰āļ” Promise āļŠāļēāļĄāļēāļĢāļ–āļĄāļĩāļŠāļēāļĄāļŠāļ–āļēāļ™āļ°āđ„āļ”āđ‰āđāļāđˆ pending (āļāļģāļĨāļąāļ‡āļĢāļ­), fulfilled (āđāļāđ‰āđ„āļ‚āļŠāļģāđ€āļĢāđ‡āļˆ) āļŦāļĢāļ·āļ­ rejected (āļĨāđ‰āļĄāđ€āļŦāļĨāļ§āļžāļĢāđ‰āļ­āļĄāļ‚āđ‰āļ­āļœāļīāļ”āļžāļĨāļēāļ”)

2

āļ„āļĩāļĒāđŒāđ€āļ§āļīāļĢāđŒāļ” async āļ—āļĩāđˆāļ­āļĒāļđāđˆāļŦāļ™āđ‰āļēāļŸāļąāļ‡āļāđŒāļŠāļąāļ™āļĄāļĩāļˆāļļāļ”āļ›āļĢāļ°āļŠāļ‡āļ„āđŒāļ­āļ°āđ„āļĢ?

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

āļ„āļĩāļĒāđŒāđ€āļ§āļīāļĢāđŒāļ” async āļˆāļ°āđāļ›āļĨāļ‡āļŸāļąāļ‡āļāđŒāļŠāļąāļ™āđƒāļŦāđ‰āļāļĨāļēāļĒāđ€āļ›āđ‡āļ™āļŸāļąāļ‡āļāđŒāļŠāļąāļ™āđāļšāļš asynchronous āļ—āļĩāđˆāļ„āļ·āļ™āļ„āđˆāļēāđ€āļ›āđ‡āļ™ Promise āđ€āļŠāļĄāļ­āđ‚āļ”āļĒāļ­āļąāļ•āđ‚āļ™āļĄāļąāļ•āļī āđāļĄāđ‰āļ§āđˆāļēāļŸāļąāļ‡āļāđŒāļŠāļąāļ™āļˆāļ°āļ„āļ·āļ™āļ„āđˆāļēāļ˜āļĢāļĢāļĄāļ”āļē āļ„āđˆāļēāļ™āļąāđ‰āļ™āļˆāļ°āļ–āļđāļāļŦāđˆāļ­āļŦāļļāđ‰āļĄāđ„āļ§āđ‰āđƒāļ™ Promise āļ—āļĩāđˆ resolve āđāļĨāđ‰āļ§āđ‚āļ”āļĒāļ­āļąāļ•āđ‚āļ™āļĄāļąāļ•āļī āļŠāļīāđˆāļ‡āļ™āļĩāđ‰āļŠāđˆāļ§āļĒāđƒāļŦāđ‰āđƒāļŠāđ‰ await āļ āļēāļĒāđƒāļ™āļŸāļąāļ‡āļāđŒāļŠāļąāļ™āđ€āļžāļ·āđˆāļ­āļĢāļ­ Promise āļ­āļ·āđˆāļ™ āđ† āđ„āļ”āđ‰āđƒāļ™āļĢāļđāļ›āđāļšāļšāļ—āļĩāđˆāļ­āđˆāļēāļ™āļ‡āđˆāļēāļĒāļāļ§āđˆāļēāļāļēāļĢāđƒāļŠāđ‰ then() āđāļĨāļ° catch()

3

āļ•āļąāļ§āļ”āļģāđ€āļ™āļīāļ™āļāļēāļĢ optional chaining ?. āļ—āļģāļ­āļ°āđ„āļĢāđƒāļ™ JavaScript?

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

āļ•āļąāļ§āļ”āļģāđ€āļ™āļīāļ™āļāļēāļĢ optional chaining āļŠāđˆāļ§āļĒāđƒāļŦāđ‰āđ€āļ‚āđ‰āļēāļ–āļķāļ‡āļžāļĢāļ­āđ€āļžāļ­āļĢāđŒāļ•āļĩāļ—āļĩāđˆāļ‹āđ‰āļ­āļ™āļāļąāļ™āļ‚āļ­āļ‡āļ­āļ­āļšāđ€āļˆāļāļ•āđŒāļ—āļĩāđˆāļ­āļēāļˆāđ€āļ›āđ‡āļ™ null āļŦāļĢāļ·āļ­ undefined āđ„āļ”āđ‰āļ­āļĒāđˆāļēāļ‡āļ›āļĨāļ­āļ”āļ āļąāļĒ āļŦāļēāļāļžāļĢāļ­āđ€āļžāļ­āļĢāđŒāļ•āļĩāļĢāļ°āļ”āļąāļšāļāļĨāļēāļ‡āđ€āļ›āđ‡āļ™ null āļŦāļĢāļ·āļ­ undefined āļ™āļīāļžāļˆāļ™āđŒāļˆāļ°āļ„āļ·āļ™āļ„āđˆāļē undefined āđāļ—āļ™āļ—āļĩāđˆāļˆāļ°āđ€āļāļīāļ”āļ‚āđ‰āļ­āļœāļīāļ”āļžāļĨāļēāļ” āļŠāļīāđˆāļ‡āļ™āļĩāđ‰āļŠāđˆāļ§āļĒāļŦāļĨāļĩāļāđ€āļĨāļĩāđˆāļĒāļ‡āļāļēāļĢāđ€āļ‚āļĩāļĒāļ™āļāļēāļĢāļ•āļĢāļ§āļˆāļŠāļ­āļšāļ”āđ‰āļ§āļĒāļ•āļ™āđ€āļ­āļ‡āļˆāļģāļ™āļ§āļ™āļĄāļēāļāđāļĨāļ°āļ—āļģāđƒāļŦāđ‰āđ‚āļ„āđ‰āļ”āļāļĢāļ°āļŠāļąāļšāđāļĨāļ°āļ­āđˆāļēāļ™āļ‡āđˆāļēāļĒāļ‚āļķāđ‰āļ™

4

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

5

āļˆāļ° import āļŸāļąāļ‡āļāđŒāļŠāļąāļ™āļ—āļĩāđˆāļĄāļĩāļŠāļ·āđˆāļ­āļˆāļēāļ ES6 module āđ„āļ”āđ‰āļ­āļĒāđˆāļēāļ‡āđ„āļĢ?

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

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

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

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 āđāļĨāļ°āļ•āļąāļ§āļˆāļģāļĨāļ­āļ‡āļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

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