Skip to main content

Posts

Showing posts from January, 2022

Apa Itu Berfikir Induktif dan Deduktif

  Sekali kali kita belajar sesuatu di luar programming Pernah ga sih ketika kita belajar sesuatu itu susah banget buat ngerti dan fahamnya? Saya serirng begitu dan ternyata mungkin ada kendala disana yang saya sedang gali juga Hingga akhirnya saya menyadari bahwa seperti keahlian pada umumnya berfikir juga memiliki langkah langkahnya atau seninya Garis bawahi, Berfikir itu ada seninya Namun gimana cara memulainya? Baca Juga:  Teknologi Teknologi Yang Bisa Kamu Pelajari Dengan Laptop Kentang Di Tahun 2020 Berfikir Secara Induktif dan Deduktif Dunia ini memiliki banyak sekali variable atau banyak sekali informasi. Kalau cara kita belajar adalah dengan menghafalnya satu persatu maka pasti kita akan pusing dan blenger juga Sebagai contoh, bayangkan kita harus menghafal semua nama hewan hewan mamalia yang di darat maupun di air. Kita cukup mempelajari ciri ciri yang ada dari seekor mamalia Nahh. Inilah yang disebut berfikir induktif Pengertian Berfikir Induktif Berfikir induktif adalah cara

Tips Ngoding Anti Error Saat Kursus Online. Works!

  Siapa disini yang ketika ngoding sering mengalami error? Padahal semua langkah langkahnya sudah persis apa yang dilakukan dalam course video kalian? Saya juga sering mengalaminya. Kalau kalian beruntung kalian bisa bertanya di forum Stackoverflow atau Discord. Mungkin beberapa orang yang pernah mengikuti course yang sama dengan kalian bisa memberikan jawaban yang benar. Namun gimana kalo ternyata tidak ada solusi untuk error kalian? Maka jawabannya bisa jadi ada di dalam postingan ini. Saya akan memberi tahukannya kepada kalian. Tak hanya tips supaya kalian tak lagi mengalami error, saya juga akan menjelaskan beberapa penyebabnya Baca Juga: Lebih Baik Langsung Bikin Project Atau Nonton Video Course Dulu? Pastikan Kalian Menggunakan Versi Package, Libary, Tool, Yang Sama Tak bisa dipungkiri libray, framework, atau tools yang digunakan oleh guru guru course kita menggunakan versi lawas. Karena bayangkan saja, jika video yang kita ikuti itu sudah 1 tahun yang lalu, maka ada beberapa per

Cara Menerapkan ODM (Object Document Management) Pada MongoDB

Barang kali disini ada yang sering menggunakan MySQL dalam meng-query atau mengambil data dari database dengan syntax seperti ini Select * from students where (class = '11A' or class = '11B') and gender='M' Ternyata kita bisa menggunakan syntax yang berbentuk object untuk mendapatkan query yang kita inginkan. Tanpa harus menggunakan syntax yang blibet seperti diatas MongoDB adalah salah satu database berbasis object yang mendukung hal tersebut. Dikarenakan MongoDB adalah database yang setiap datanya berbasis object alias key dan value. Maka dalam mengambil data datanya pun semudah kita menggunakan data yang berbentuk object Baca Juga:  Cara Membuat CRUD API (Create, Read, Update, Delete) Dengan NodeJS dan MongoDB Postingan kali ini akan membahas beberapa hal antara lain Apa Itu MongoDB? Apa Itu Mongoose? Apa Itu ODM (Object Document Mapping) dan Penerapannya? Perbedaan Antara ODM dan ORM? Function MongoDB Yang Sering Digunakan Untuk CRUD Apa Itu MongoDB? MongoDB

Cara Membuat CRUD API (Create, Read, Update, Delete) Dengan NodeJS dan MongoDB

Pada postingan kali ini saya akan menshare cara membuat API CRUD sederhana menggunakan MongoDB. Dalam pengimpelementasiannya. Saya akan menggunakan tool MongoDB (Sudah pasti) NodeJS ExpressJS Mongoose Postman Robot 3T Docker Apa Itu CRUD? CRUD merupakans sebuah konsep aplikasi dimana sebuah aplikasi memungkinkan membuat (create), membaca (read), mengubah (update), dan menghapus (delete). Meskipun terdengar sangat sederhana konsep CRUD ini menjadi pondasi awal pada setiap aplikasi di dunia ini. Coba sebutkan ada ga aplikasi yang sama sekali tidak mempunyai fitur yang CRUD tawarkan? Tidak ada kan? Hanya saja semakin canggih sebuah aplikasi terkadang konsep CRUDnya menjadi lebih rumit. Contohnya saat menambah data (create) kita harus menambahkan sistem validasi terlebih dahulu. Lalu untuk update, kita harus mengecheck apakah data yang kita ingin ubah sudah pernah mengalami perubahan atau tidak Kali ini kita akan belajar bersama membuat aplikasi CRUD menggunakan MongoDB Kenapa MongoDB? Mon

Konsep Middleware dan Cara Menggunakannya Di NodeJS

  Ketika membuat aplikasi web kita membutuhkan middleware untuk mengolah segala transaksi data, antar request dan response Contoh lumrahnya adalah ketika kita menerima sebuah response dan di dalamnya berisi body yang akan kita tampilkan dalam view html kita. Namun, kita tidak bisa menampilkannya begitu saja. Kita perlu mengubahnya menjadi file json dengan middleware Salah satu contoh middleware yang kerap digunakan untuk hal itu adalah urlencoded dan json yang merupakan middleware bawaan dari ExpressJS Postingan ini akan membahas beberapa hal Konsep dan Cara Kerja Web Apa Itu Middleware Illustrasi Middleware Dan Penerapannya Kedalam Kode Kita Uji Coba Case Yang Barang Kali Rumit Kesimpulan Yang Di Dapat Namun untuk bisa memahami hal sejauh itu. Kita harus faham dulu konsepnya Konsep Web Bekerja Web (seperti yang kita tahu) itu menerima response dan mengirimkan request. Setiap web. Bahkan web Facebook yang biasa kita pake itu juga harus mengirimkan request. Request biasanya berisi data

Cara Membuat Navlink Aktif Dengan Classname Pada NextJS

  Saat kita masuk dalam sebuah halaman web terkadang kita membutuhkan semacam indikator di halaman manakah kita berada. Contohnya, saat kita masuk ke halaman Home. Maka kita melihat apakah navbar di atas web itu terdapat warna tertentu yang menandakan kita berada di halaman web Begitu pula saat di halaman transaction, maka navbar juga akan menunjukan bahwa kita ada di halaman transaction Bagaimana cara membuatnya di project NextJS kita? Menggunakan next/router Menggunakan classnames Menggunakan pengkondisian ternary Langkah Langkah next/router berisi library yang membantu kita mengengineer apapun yang terkait dengan routing pada NextJS. Termasuk saat kita ingin menentukan manakah halaman aktif dimana kita berada di dalamnya Cara untuk menggunakannya mudah. Ketika  kode berikut import {useRouter} from 'next/router' Lalu masukkan kedalam sebuah const dengan nama router const router = useRouter() useRouter akan berisi method pathname dimana ia akan mengembalikan/memberi tahu kita

Navbar. Cara Mengubah Struktur HTML Ke NextJS

  Ketika kita ingin membuat website, terkadang website kita masih berbentuk struktur HTML polos biasa yang tidak tersentuh dengan framework apapun Lalu kita ingin mengubahnya kedalam project NextJS agar segala fungsionalitas seperti routing dari halaman satu ke halaman lain bisa cepat. Atau kita ingin menghubungkan tampilan HTML tersebut dengan sistem backend yang sudah disediakan Namun bagaimana caranya? Bagaimana mengubah susunan HTML menjadi struktur NextJS?  Kali ini, saya akan menjelaskannya yang terdiri dari beberapa poin berikut Memindahkan Kode HTML Kedalam div Yang Dikembalikan Oleh Functional Component Membuat Struktur Folder Menyusun Props Yang Dibutuhkan Menggunakan Link Membuat Interface Dengan Typescript Menginstall package classname Menggunakan Component Menu Dan Mengexport Value Untuk Props Jika komponen HTML kalian mempunyai style maka kita bisa menggunakan global CSS. Penjelesan tersebut juga pernah dibahas di blog ini Baca Juga: Cara Menggunakan Global CSS dan Module

Cara Menggunakan Global CSS dan Module CSS Pada NextJS

  Ketika membuat web kita perlu memberikan style agar tampilan web kita menarik. Tak hanya untuk faktor keindahan, memberikan style juga bisa memberikan petunjuk kepada user agar bisa intuituf ketika aplikasi web kita digunakan Pada postingan kali ini kita akan belajar bagaimana menggunakan style pada framework NextJS.  Selain itu ada beberapa poin yang akan kita bahas Jenis Jenis CSS Bagaimana Cara Menggunakan Global CSS Bagaimana Cara Menggunakan Module CSS Manakah Yang Harus Kita Gunakan? Memberikan style pada NextJS kurang-lebih mirip dengan kita memberikan style pada html biasa. Kita perlu membuat file css dan memberikan kode kode didalamanya Yang membedakan adalah sifat CSS dalam NextJS yang global dan specific Jenis Jenis CSS Global CSS CSS dimana kita bisa memberikan style pada component component manapun asal memiliki nama class yang sesuai di dalam file css kita Semisal kita mempunya component lalu kita membuat file global.css yang ditempatkan pada folder style Namun css tida