Belajar Vue: Kursus Code
Belajar Vue: Kursus Code — Pelajari Vue.js dengan membuat komponen di ponsel
Belajar Vue: Kursus Code adalah aplikasi iOS dan Android yang gratis untuk memulai, yang mengajarkan Vue.js kepada pemula yang sudah mengenal sedikit HTML dan JavaScript, serta developer yang beralih dari Options API ke Composition API. Aplikasi ini memiliki 42 kursus dan 156 pelajaran, mulai dari template pertama hingga Pinia, Vue Router, dan Nuxt 3, sementara single-file components dikompilasi di perangkat Anda — sehingga 20 proyek terpandu, misi, dan Vue Lab dapat berjalan tanpa server.
- Harga
- Gratis, upgrade Pro
- Platform
- iOS dan Android
- Bahasa
- 22
- Peringkat usia
- 4+
- Versi
- 82.6.0
- Memerlukan
- iOS 15.1 atau lebih baru
- App Store
- 3.0 ★ (2)
Sebuah komponen lebih mudah dipahami setelah Anda pernah membongkar komponen yang rusak.
Vue Lab memberi Anda komponen rusak setiap hari dan meminta Anda menemukan bug-nya, memungkinkan Anda mengutak-atik props komponen dengan kontrol langsung, serta menunjukkan perubahan state saat Anda mengeklik. Single-file components dikompilasi di ponsel, sehingga preview rusak dan diperbaiki langsung di depan Anda, disertai kartu error yang menjelaskan apa yang salah.
Apa itu
Belajar Vue: Kursus Code adalah aplikasi iOS dan Android gratis yang mengajarkan Vue.js melalui 42 kursus dan 156 pelajaran, mulai dari sintaks template dan data binding hingga Composition API, Pinia, Vue Router, dan TypeScript, lalu ke Nuxt 3, pengujian dengan Vitest, serta aplikasi full-stack. Single-file components dikompilasi di perangkat, sehingga proyek terpandu, misi coding, dan Vue Lab yang interaktif dapat berjalan di ponsel tanpa server, sementara mentor AI di Pro menjelaskan kode dan error.
Di dalam aplikasi
Tampilannya
Kursusnya
Materi yang dibahas dalam kursus Vue
42 kursus dan 156 pelajaran dari daftar kursus bawaan aplikasi, mulai dari template pertama hingga server rendering dan pola untuk production.
Memulai dengan Vue.js
Pengantar Vue.js, Vue CLI, dan struktur proyek, sintaks template, serta data binding.
Reactivity dan Composition API
Dasar-dasar Vue 3 Composition API, sintaks script setup, reactivity dan computed properties, serta Vue directives.
Components dan Forms
Dasar-dasar component dan komunikasi antarkomponen, slots, provide dan inject, forms dan validation, serta component lifecycle.
Reuse dan Polish
Vue 3 composables, transitions dan animations, error handling, serta render functions dan JSX.
State dan Routing
Manajemen state dengan Pinia, Vuex, routing dengan Vue Router dan pola router tingkat lanjut, serta penanganan APIs dan data asynchronous.
TypeScript, i18n, dan Tooling
TypeScript dengan Vue 3, internationalization, integrasi Storybook, serta deployment dan pemeliharaan aplikasi Vue.
Nuxt 3, Testing, dan Real-Time
Server-side rendering dengan Nuxt 3, component testing dengan Vitest, GraphQL dengan Apollo, serta aplikasi real-time dengan WebSockets.
Production Patterns
Performance, praktik terbaik keamanan, pengembangan plugin, publikasi component library, progressive web apps, dan micro-frontends.
Cara kerjanya
Bagaimana proses belajar Vue di aplikasi ini
Setiap kursus memiliki level, dan setiap pelajaran setelah kursus pertama yang gratis dibuka dengan preview gratis, sehingga Anda dapat melihat seperti apa suatu topik sebelum memutuskan untuk melanjutkan.
Mulai dengan Introduction to Vue.js
Kursus pertama gratis dan dimulai dengan pengenalan tentang Vue, penyiapan lingkungan, serta aplikasi Hello Vue. Kursus diberi tag dari A1 hingga C1, sehingga Anda tahu harus mulai dari mana dan apa yang dipelajari berikutnya.
Buat dan jalankan komponen di ponsel
Edit single-file component dan lihat preview-nya seketika. Proyek terpandu mengembangkan aplikasi selangkah demi selangkah, sementara App Studio memungkinkan Anda membuat aplikasi dengan banyak layar, router, dan store dari blueprint siap pakai.
Berlatih di Vue Lab
Cari bug harian, cocokkan desain target di Style Lab, berlomba melawan waktu dalam duel speed-build, atau tulis ulang komponen Options API dengan gaya Composition.
Apa saja isinya
Yang tersedia di aplikasi
42
Kursus, 156 pelajaran
Mulai dari sintaks template dan directives, lalu lifecycle, slots, provide dan inject, serta composables hingga Nuxt 3, GraphQL, PWA, dan micro-frontends.
20
Proyek terpandu
Kembangkan aplikasi selangkah demi selangkah, dengan single-file components yang dikompilasi langsung di perangkat Anda dan kartu error saat preview mengalami masalah.
28
Misi coding
Latihan dari yang mudah hingga yang sulit, ditambah blueprint App Studio untuk aplikasi dengan banyak layar, router, dan store.
Lab
Vue Lab
Inspector reaktivitas, perburuan bug harian, 12 level Style Lab, duel speed-build, dojo Options ke Composition API, serta pustaka My Components yang dapat Anda bagikan sebagai kartu gambar.
Wawancara
Pertanyaan wawancara Vue
Pertanyaan untuk wawancara developer front-end, dengan kuis, sesi mengulang flashcard, dan cheat sheet yang dapat dibuka kapan saja.
AI
Mentor AI (Pro)
Tanyakan tentang suatu konsep atau error, minta kode Anda dijelaskan, atau buat pelajaran khusus tentang topik apa pun yang ingin Anda pelajari.
Latar belakang
Apa itu Vue.js, dan apa yang sebaiknya dipelajari pemula terlebih dahulu?
Vue adalah framework JavaScript untuk membangun antarmuka web interaktif dari komponen: bagian-bagian kecil yang dapat digunakan kembali, yang masing-masing memiliki sedikit template, logika, dan style. Vue menarik bagi pemula karena jalur belajarnya bertahap; Anda dapat memulai dengan HTML biasa dan sedikit JavaScript, lalu menambahkan struktur seiring proses belajar. Urutan yang masuk akal adalah template dan data binding, kemudian reaktivitas dan komponen, lalu Composition API, dan setelah itu routing, state management, serta server rendering.
Reaktivitasgagasan intinya
Anda mengubah suatu data, lalu layar yang bergantung padanya diperbarui secara otomatis. Memahami nilai mana yang reaktif, serta apa yang ditambahkan oleh computed properties dan watchers, akan menghilangkan sebagian besar kebingungan saat pertama belajar Vue.
Options API dan Composition APIdua cara menulis komponen
Options API yang lebih lama mengelompokkan kode berdasarkan jenisnya, seperti data dan methods. Composition API dengan script setup mengelompokkannya berdasarkan fitur dan memudahkan pembuatan composables yang dapat digunakan kembali. Banyak tutorial dan codebase masih menggunakan keduanya, jadi kemampuan membaca masing-masing sama-sama berguna.
Pinia, Vuex, dan routerapa yang ditambahkan aplikasi nyata
Setelah aplikasi memiliki beberapa layar, aplikasi membutuhkan routing untuk berpindah di antaranya dan store bersama untuk data yang digunakan lebih dari satu komponen. Pinia adalah store terkini untuk Vue, sedangkan Vuex adalah store sebelumnya yang masih digunakan banyak proyek lama.
Nuxt dan server renderingsaat pencarian dan kecepatan menjadi penting
Nuxt dibangun di atas Vue untuk merender halaman di server, yang membantu mempercepat pemuatan pertama dan meningkatkan visibilitas di mesin pencari. Biasanya, topik ini dipelajari pada tahap kedua, setelah komponen, routing, dan state sudah terasa nyaman.
Kesesuaian
Untuk siapa — dan bukan untuk siapa
Cocok untuk Anda jika Anda
- Mengetahui sedikit HTML dan JavaScript serta ingin mempelajari framework pertama
- Sedang berpindah dari Options API ke Composition API, atau dari Vuex ke Pinia
- Sedang mempersiapkan diri untuk wawancara developer Vue.js atau pekerjaan front-end pertama
- Belajar lebih efektif dengan memperbaiki component yang rusak daripada hanya membacanya
- Ingin sesi singkat yang bisa dilakukan saat bepergian
Bukan alat yang tepat untuk Anda jika Anda
- Belum pernah melihat HTML atau JavaScript — mulai dengan kursus JavaScript terlebih dahulu
- Ingin merilis aplikasi production dari ponsel — laptop tetap menjadi perangkat untuk melakukannya
- Mengharapkan semuanya gratis: kursus pertama dan pratinjau tersedia gratis, sedangkan Pro membuka seluruh kurikulum
- Menginginkan materi resmi Vue.js — ini adalah aplikasi pembelajaran independen
Pertanyaan
Pertanyaan yang sering diajukan
Apa cara terbaik untuk mempelajari Vue.js di ponsel?
Belajarlah dengan menjalankan component, bukan hanya membacanya. Belajar Vue: Kursus Code mengompilasi single-file component di perangkat, sehingga 20 proyek terpandu, 28 misi, dan Vue Lab semuanya dapat dijalankan di ponsel. Pelajaran singkat dalam 42 kursus membawamu dari sintaks template hingga Nuxt 3, dengan kursus pertama yang gratis sebagai permulaan.
Apakah aplikasi ini mengajarkan Composition API dan Pinia?
Ya. Belajar Vue: Kursus Code memiliki kursus tentang dasar-dasar Vue 3 Composition API, sintaks script setup, composables, dan manajemen state dengan Pinia, serta Vuex versi lama untuk proyek yang sudah ada. Options to Composition API dojo di Vue Lab memungkinkanmu menulis ulang component klasik dengan gaya modern.
Apa perbedaan antara Options API dan Composition API di Vue?
Options API mengelompokkan kode component berdasarkan jenisnya, seperti data, methods, dan computed, sedangkan Composition API dengan script setup mengelompokkannya berdasarkan fitur dan memudahkan penggunaan composables yang dapat digunakan kembali. Belajar Vue: Kursus Code mengajarkan Composition API dengan script setup dan menyertakan Options to Composition API dojo di Vue Lab untuk menulis ulang component klasik dengan gaya modern.
Apakah saya perlu mengetahui JavaScript sebelum mempelajari Vue?
Sedikit pengetahuan tentang HTML dan JavaScript akan sangat membantu. Belajar Vue: Kursus Code ditujukan bagi pemula yang mengetahui dasar-dasarnya dan ingin mempelajari framework pertama, sehingga aplikasi ini menjelaskan konsep Vue dari awal, tetapi tidak mengajarkan JavaScript itu sendiri. Jika variabel dan fungsi masih baru bagimu, sebaiknya ikuti kursus JavaScript terlebih dahulu.
Apa itu Vue Lab?
Vue Lab adalah area latihan di Belajar Vue: Kursus Code. Di dalamnya terdapat reactivity inspector, daily bug hunt dengan component yang rusak, level Style Lab untuk mencocokkan desain target menggunakan CSS, speed-build duels, Options to Composition API dojo, dan library My Components yang berisi hasil yang telah kamu buat.
Apakah aplikasi ini membahas Nuxt 3 dan server-side rendering?
Ya. Kursus tingkat lanjut di Belajar Vue: Kursus Code membahas server-side rendering dengan Nuxt 3, SSR streaming dengan Suspense, dan full-stack Vue dengan Fastify serta authentication, bersama component testing dengan Vitest dan aplikasi real-time dengan WebSockets.
Apakah aplikasi ini membantu persiapan wawancara Vue.js?
Ya. Belajar Vue: Kursus Code menyediakan pertanyaan wawancara Vue untuk posisi front-end developer, lengkap dengan kuis, sesi review flashcard, dan cheat sheet. Kursus-kursus di baliknya membahas reactivity, lifecycle, composables, dan manajemen state, yang merupakan topik wawancara umum.
Apakah Belajar Vue: Kursus Code gratis?
Aplikasi ini gratis untuk diunduh. Kursus pertama, pratinjau setiap pelajaran, proyek terpandu pertama, misi pertama, daily bug hunt, tiga level Style Lab, kuis, pertanyaan wawancara, dan cheat sheet tersedia gratis, dan versi gratis menampilkan iklan. Pro membuka seluruh kurikulum dan lab, mentor AI, serta ujian sertifikat, sekaligus menghapus iklan.
Apakah aplikasi ini dibuat oleh tim Vue.js?
Tidak. Belajar Vue: Kursus Code adalah aplikasi pembelajaran independen dan tidak berafiliasi dengan atau didukung oleh proyek Vue.js. Aplikasi ini mengajarkan Vue.js sebagai framework open-source melalui kursus dan latihan buatannya sendiri.
Apakah tersedia sertifikat?
Ya. Lulus ujian akhir, yang merupakan bagian dari Pro, memberi Anda sertifikat penyelesaian. Sertifikat ini menunjukkan pekerjaan yang telah Anda lakukan dan bukan kualifikasi terakreditasi, sehingga paling efektif jika dilengkapi dengan komponen dan proyek yang dapat Anda jelaskan.
Platform dan bahasa apa saja yang didukung?
Belajar Vue: Kursus Code dapat digunakan di iPhone melalui App Store (iOS 15.1 atau versi lebih baru) dan di Android melalui Google Play. Antarmukanya tersedia dalam 22 bahasa, dan aplikasi ini mendapat rating 4+ di App Store.
Mulai
Bangun komponen Vue pertama Anda hari ini
Gratis untuk memulai di iOS dan Android, dalam 22 bahasa.
Lainnya dari CoddyKit
Tersedia di iOS dan Android.