⚡Mari Tangkap Pikachu ⚡| POKEMON API REACT JS
Halo teman-teman! Selamat datang di channel kita. Di video ini, kita akan belajar cara membuat aplikasi sederhana menggunakan Pokemon API. Kita akan melalui langkah-langkah mulai dari mengakses API hingga menampilkan data Pokemon di aplikasi kita.
Langkah-langkah yang akan kita bahas:
Setup Project:
Pertama, kita akan membuat proyek baru menggunakan HTML, CSS, dan JavaScript. Pastikan teman-teman sudah menginstal editor teks favorit kalian. Kita akan menggunakan Visual Studio Code di sini.
Mengakses Pokemon API:
Kita akan menggunakan Pokemon API (https://pokeapi.co/) untuk mendapatkan data Pokemon. Teman-teman bisa mengunjungi situs tersebut untuk melihat dokumentasinya.
Membuat Permintaan API:
Kita akan menggunakan JavaScript untuk mengirim permintaan HTTP ke API dan mengambil data Pokemon. Kita akan menggunakan fetch untuk ini.
Menampilkan Data di Aplikasi:
Setelah kita mendapatkan data dari API, kita akan menampilkan informasi Pokemon seperti nama, gambar, dan tipe di aplikasi kita.
Styling dengan CSS:
Kita akan menambahkan beberapa gaya dengan CSS agar aplikasi kita terlihat lebih menarik.
🏁TIMELINE
==============================
00:00:00 Intro
00:00:39 Instalasi
00:07:42 Pokemon API
00:10:22 React Komponen
00:11:53 Ambil API
00:22:14 Display Nama Pokemon
00:25:26 Display Gambar Pokemon
00:36:24 Display Loading
00:39:32 Display Detail Data
00:51:30 Pagination
🔗LINK PENTING
==============================
Pokemon API : https://pokeapi.co/
Repository : https://github.com/dirumahrafif/react...
🔰 COURSE PREMIUM
==============================
🏷️Tutorial Laravel : https://dirumahrafif.id/course/laravel
🏷️Tutorial Booststrap : https://dirumahrafif.id/course/bootstrap
⏰ JADWAL RELEASE VIDEO BARU
==============================
Jumat pukul 19:00 WIB (insya Allah ☺️)
▶️ FOLLOW KAMI
==============================
🕸️ Website: http://dirumahrafif.id/
💰 Donasi: https://saweria.co/dirumahrafif
🎮 Discord: https://dirumahrafif.id/discord
🖼️ IG: / dirumah.rafif
📂 Github: https://github.com/dirumahrafif
⚙️ PERALATAN SAYA
==============================
▪️ Mic Condensor Fifine K66GB
https://shope.ee/7UeeJDWhBy
⚡POPULAR VIDEO
==============================
• Tutorial Membuat Website Sederhana de...
• CARA CEPAT MEMBUAT CRUD DENGAN PHP MY...
• MEMBUAT WEBSITE DENGAN BOOTSTRAP 5. S...
• MUDAH! BUAT WEBSITE TRAVEL DENGAN HEA...
❓ Pertanyaan ❓
Silakan sampaikan pertanyaan sehingga semoga saya atau yang lainnya bisa membantu.
Pertanyaan, Informasi, silakan email di bawah ini
💌 Email: [email protected]
Terima kasih,