Vue 3 & Tailwind CSS - Membuat Komponen Autocomplete

4.2 ★★★★ ★

Vue 3 & Tailwind CSS - Membuat Komponen Autocomplete

Name: Vue 3 &amp; Tailwind CSS - Membuat Komponen Autocomplete
Rating: 4.2 (369 reviews)
Author: Eding Muhamad Saprudin

Master Vue.js 3 by building real-world projects: Unleash the Full Potential of Vue.js with Hands-On Exercises

updated on icon Updated on Jul, 2024

language icon Language - English

person icon Eding Muhamad Saprudin

category icon Development,Web Development,Vue JS

Lectures -5

Duration -22 mins

4.2 ★★★★ ★

Add to Cart Buy Now

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

Di kursus singkat ini, kita akan membuat komponen autocomplete yang reusable menggunakan Vue js 3, (Composition

API) dan Tailwind mulai dari nol.

Komponen autocomplete adalah fitur serbaguna yang akan memberikan kita saran saat kita mengetik di kotak pencarian

atau teks inputan. Dengan fitur ini seperti memiliki asisten virtual yang memprediksi dan menawarkan penyelesaian

berdasarkan apa yang kitar ketik.

Bayangkan Anda sedang membangun situs web dengan form pencarian, yang digunakan untuk membantu pengguna

menemukan produk, artikel, atau apa pun. Tanpa autocomplete, pengguna mungkin harus mengetik sendiri seluruh kueri,

dan hal ini bisa memakan waktu, rawan kesalahan, atau bahkan mungkin tidak memberikan hasil yang relevan.

Namun dengan komponen autocomplete, pengguna mendapatkan daftar saran yang sangat berguna saat mereka

mengetik. Ini dapat menghemat waktu, meningkatkan pengalaman pengguna, dan membuat situs web Anda terasa lebih

menarik dan user friendly.

Setelah menyelesaikan projek ini, Anda akan memiliki pengetahuan yang diperlukan untuk membuat komponen

autocomplete Anda sendiri dan menggunakannya di banyak proyek anda!

Goals

Belajar Vue 3 untuk membuat komponen yang reusable
Memahami penggunakan Vue 3 Composition API
Mengetahui integrasi Tailwind CSS di dalam aplikasi Vue js

Prerequisites

Mereka yang berpengealaman dengan Vue 2 dan ingin mengetahui Vue 3 composition API
Mereka yang ingin belajar implementasi Vue 3 Composition API dalam pembuatan aplikasi
Mereka yang ingin mendapatkan gambaran tengan Vue 3 dengan waktu singkat

Vue 3 & Tailwind CSS - Membuat Komponen Autocomplete

Curriculum

Check out the detailed breakdown of what’s inside the course

Pengantar
1 Lectures

Pengantar 01:00 01:00

Komponen dasar autocomplete
1 Lectures

Real time search
1 Lectures

Mengimplementasikan-v-model-pada-komponen
1 Lectures

Memberikan-style-pada-komponen-dengan-tailwind-css
1 Lectures

Instructor Details

Eding Muhamad Saprudin

Eding Muhamad is a full-stack developer with more than 10 years experience on web development. He mainly works with PHP and builds web apps with PHP frameworks like Codeigniter, Yii and Laravel. He also has excellent knowledge in Frontend Library or framework such as jQuery, Bootstrap and Vue.js.

Eding is also love teaching. He has more than 5 years experience on onsite teaching includes: object oriented programming, java, data structure, Algorithm, C++ and PHP. And he has more than 3 years experience on online teaching especially in Laravel PHP Framework.

Course Certificate

Use your certificate to make a career change or to advance in your current career.