Navigation

    BaliJS
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Popular
    • Talents
    • Users
    • Groups
    1. Home
    2. wayanjimmy
    3. Posts

    wayanjimmy (@wayanjimmy)

    126
    Reputation
    76
    Posts
    42
    Profile views
    6
    Followers
    2
    Following
    • Profile
    • Following
    • Followers
    • Topics
    • Posts
    • Best
    • Groups

    Information about wayanjimmy

    ReactJS Dev Problem Solver JS Warrior BaliJS Organizer
    Joined
    Last Online
    Website
    wayanjimmy.xyz
    Location
    Jakarta

    About me

    web dev // anime lover // cruise boarding

    Posts made by wayanjimmy

    • Memasang Global Gitignore

      Permasalahan ini bermula ketika di beberapa project, saya ingin Git tidak mendeteksi beberapa file atau folder di dalam project.

      Sebagai contoh kalau menggunakan database Sqlite, project akan menghasilkan file {nama_db}.sqlite didalamnya.

      Tapi saya selalu lupa untuk menambahkannya ke file .gitignore yang ada di dalam project itu dan ini terjadi berulang kali (namanya manusia ya sering lupa hehe).

      Ok, sebagai manusia yg malas menambahkan 1 baris kode ke setiap .gitignore di project yang baru, saya mencari solusi. browsing, browsing browsing!

      Ternyata di Git saya bisa menambahkan sebuah .gitignore yang sifatnya global? Ya, berlaku di seluruh sistem!

      Caranya?

      1. Buat sebuah file .gitignore versi global, dalam hal ini saya buat di folder home dengan alamat ~/.gitignore_global
      2. Daftar kan file tersebut agar Git mengenalinya dengan perintah berikut
        git config --global core.excludesfile '~/.gitignore_global'
      3. Just sit back and relax 😊

      File .gitignore_global milik saya sendiri, di track di sebuah git repo yg saya rawat dari waktu ke waktu, reponya bisa di cek disini

      Referensi

      • https://stackoverflow.com/questions/7335420/global-git-ignore
      • https://git-scm.com/book/en/v2/Customizing-Git-Git-Configuration
      • https://github.com/wayanjimmy/dotfiles/blob/master/.gitignore_global
      posted in Diskusi Umum
    • Kumpulan VueJS Admin Dashboard Template Gratis

      @barayuda asik thanks bara lumayan nambah referensi

      posted in Front End
    • Ayo kenalin dirimu!

      @Wayan-Mastra halo Mastra, salam kenal dan selamat datang di forum! Bisa baca-baca post dan topic yang udah ada ya, siapa tau ada yang menarik, atau boleh juga sharing-sharing 😁

      posted in Diskusi Umum
    • BaliJS Newsletter #7

      Menarik di baca

      • Deno 1.0 telah rilis -- Seperti yang disebut di newsletter ke-4, sekarang Deno udah rilis. Heit.. bukan berarti harus rewrite semua project Node ke Deno yak hehe.. tapi ada baiknya temen-temen udah mulai coba dan rasakan sendiri gimana bedanya sama NodeJS. Kalau ada yg menarik boleh tu dishare hasil opreknya di forum 🙂

      • How to ‘Flow’: Here’s the most magical chart you’ll come across today -- Ada yang kesulitan fokus? artikel ini membahas tentang "Flow", yang mana kalau kita melakukan sesuatu yang sedikit lebih menantang namun tidak terlalu membosankan, akan membantu kita bisa mengalir dalam "Flow" tersebut.

      • Website menarik buat programmer -- Kumpulan website yg sebaiknya diketahui dan dikunjungi oleh Programmer, listnya banyak banget! cuz langsung buka.

      • Npm sebagai build tool -- Resource menarik tentang npm scripts dan gimana menggunakan npm sebagai build tool.

      Project menarik

      • μPlot -- Sebuah library chart yang cepat dan efisien, cocok digunakan untuk chart time series.

      • 1loc.dev -- 165 kumpulan utilitas Javascript yang hanya terdiri dari 1 baris.

      • MongoDB buat VSCode -- Ada yang pakai MongoDB dan VSCode? Nah ekstensi ini memungkinkan kamu ga perlu keluar dari VSCode buat manage database mu. Alternatif lain bisa juga pake Azure Cosmos DB

      • Menulis config webpack 4 -- Masih pusing dengan webpack? sabar, kamu ga sendiri. Coba cek repo ini deh, siapa tau dapat inspirasi gimana nulis webpack config yang lebih baik.

      • Zss -- Sebuah SCSS framework untuk design system.

      Tutorial

      • Membuat Menu Menggunakan SvelteJS -- Berawal dari tantangan BaliJS Quiz, @adibite menulis sebuah tutorial bagaimana dia mapping array dari menu object menjadi DOM tree. Cekidot!

      Diskusi menarik di telegram

      Hei,jadi di newsletter ini ada yang baru! yaitu tambahan informasi tentang diskusi menarik yang berlangsung di telegram selama 2 minggu kebelakang.

      • RBAC di NodeJS -- Diskusi ini terkait bagaimana penerapan RBAC (Role Based Access Control) di NodeJS. Dari diskusi tersebut ada beberapa tautan menarik antara lain
        • casl -- Sebuah library yang terinspirasi dari library ruby yang bernama cancan, library ini juga dilengkapi dengan beberapa adapter di bagian frontend seperti ReactJS, Angular, dll.
        • How to Manage User Permissions in NodeJS

      Tentang membuat resume yang menarik

      Agar temen-temen yang cari kerja dan ingin memberikan kerjaan bisa saling bertemu, ciye! Jadi BaliJS inisiatif untuk membuat dokumen google sheets Awesome list of BaliJS Talents. Boleh update infonya disana ya!

      Ngomongin cari kerja, resume yang menarik, singkat dan berisi juga penting. BaliJS juga ngumpulin beberapa resources terkait ini.

      • Panduan ini bagus banget Tech Interview Handbook
      • dan ini salah satu contoh resume bagus https://georgebyte.com/cv
      • ini juga https://deciduously.com/cv
      posted in Newsletter
    • BaliJS Quiz #2

      @alfrcr selamat kepada pemenang @pandemuliada @adibite

      posted in Quiz
    • Awesome list of BaliJS Talents

      Latar belakang : untuk memudahkan teman-teman yang sedang mencari kerja dan mendapatkan pekerjaan, BaliJS berinisiatif untuk menyediakan wadah berupa daftar Talent yang tergabung di komunitas ini.

      Silakan teman-teman lengkapi di pranala Google sheets berikut.

      http://tiny.cc/BaliJSTalents

      Untuk yang sedang mencari rekan kerja, juga bisa gunakan informasi di dokumen diatas untuk menghubungi Talent yang kira-kira cocok sesuai dengan kebutuhan.

      posted in Lowongan
    • Serba otomatis dengan shell script

      @alfrcr wah iya! nice tips

      posted in Front End
    • Serba otomatis dengan shell script

      @natserract wah menarik nih, shell script memang serbaguna, cocok untuk pekerjaan seperti ini.

      Bagi yang males belajar shell script, dan ingin tetep pake javascript mungkin bisa coba opsi ini https://microsoft.github.io/just

      posted in Front End
    • Cara Aman Edit Dependency Module

      @mazipan terkait tanda ^, saya jadi ingat dulu pernah nyimpen ini

      20200503122615-photo_2020-02-28_01-14-28.jpg

      posted in Front End
    • BaliJS Newsletter #6

      Menarik dibaca

      • Nodejs versi 14 sudah tersedia -- Nodejs versi 14 merupakan kandidat versi LTS (Long Term Support) selanjutnya. Update ini dilengkapi peningkatan fitur diagnostik, upgrade versi V8, Async Local Storage API yang masih eksperimental dan peningkatan di steams API. Tidak usah buru buru upgrade ya, karena versi ini baru akan dipromosikan menjadi LTS pada Oktober 2020.

      • Npmtrends.com -- Sebuah website yang bisa digunakan untuk membandingkan popularitas package npm. Apakah ini bisa kita gunakan untuk memilih sebuah library yang akan digunakan di project selanjutnya? Tentunya dengan asumsi semakin populer sebuah package maka dukungan komunitasnya lebih baik 🙂 202005040709-lodash-vs-ramda.png

      • Why I stopped using Microservices -- Sebuah tulisan yang reflektif tentang pengalaman menggunakan microservice oleh seorang developer yang mengawali karirnya sebagai frontend developer dan juga penulis buku The Road to Learn React

      • The Cost of Javascript Frameworks -- Sungguh menarik, diartikel ini dijelaskan bahwa harga yang dibayar ketika menggunakan Javascript dalam aplikasi web yg kita kembangkan. Harga yang harus dibayar tersebut di pecah menjadi 4 hal antara lain.

        1. Harga saat mengunduh berkas dari jaringan internet
        2. Harga ketika parsing dan compile uncompressed file ketika sudah selesai diunduh
        3. Harga ketika mengeksekusi Javascript
        4. Harga memori yang digunakan
      • KnowTheHeaders: CORS (Part 1) -- Belajar fundamental penting banget! Kenapa? karena akan memperkuat cara pikir kita tentang bagaimana sesuatu bekerja, dan bisa membantu proses debugging. Pernahkan mendapat pesan error seperti ini Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at? Pada artikel ini evilfactory membahas seluk beluk CORS.

      Seputar penamaan variabel

      Hal 1 ini menjadi sebuah hal yang gampang-gampang susah (lebih banyak susahnya sih).

      meaningful variable name

      Jadi dalam newsletter ini dikemas beberapa bahan terkait penamaan variabel.

      • Comprehensive language-agnostic guidelines on variables naming. -- Sebuah cheatsheet untuk menamakan variabel, yang tidak terpaku pada pemrograman apapun, namun menggunakan Javascript sebagai ilustrasinya.

      • How To Name Things -- Tulisan komprehensiv dari swyx, tulisan satu ini lebih condong dalam lingkungan Javascript, dan tipsnya praktikal banget, bisa langsung dicoba nih.

      posted in Newsletter
    • Obrolan #1 bersama Budi Harta

      photo_2020-03-28_09-55-41.png

      Kenalin dirimu dong

      Yoo budi disini, usia 18 tahun di 5 tahun yang lalu, seorang frontend yang sedang jatuh cinta dengan ReactJS, menggunakan javascript sebagai dapur utama dan penggemar Hatsune Miku. Hobby belanja, ngobrol, sharing dan bermain game. Dulu kuliah di Politeknik Negeri Bali jurusan Teknik Elektro program studi Manajemen Informatika.

      Bisa diceritain ga, gimana perjalanannya menjadi developer?

      Awalnya aku pengen jadi animator, tapi aku punya buta warna parsial dan saat membuat animasi, warna itu adalah hal yang wajib. So aku pindah ke frontend karena di frontend masih bisa menganimasikan sesuatu dan warna juga bisa ambil dari color palette (walau ga heboh hehe) sisanya nothing special, udah kecemplung dan kebetulan komunitasnya asik, ya hayuk lanjut.

      Ruang kerjamu sehari-hari kaya gimana?

      Semenjak akhir tahun 2019 aku dibolehkan bekerja secara remote, setup kerja ku di kamar aja. Masih tinggal sama orang tua tapi syukurnya orang tua ngerti kalo aku lagi kerja ga dipanggil dan disuruh beli telor ke warung.

      budi-workspace.jpeg

      Alat-alat kerja utama itu internet, laptop dan headphone ANC (Active Noise Cancellation), ANC ini aku saranin temen-temen invest ke barang ini, percaya deh produktifitas mu pasti meningkat sisanya complementary.

      Oh ya, sebagai tambahan aku ada sebuah whiteboard buat ngegambar flow sebelum kerja atau kalo lagi stuck.

      photo_2020-03-28_10-24-36.png

      Untuk code editor yang utama aku pakai Vscode dan kadang pakai vim. Tema yang favorit aku pakai, The one and only material theme, color schemenya tergantung suasana hati kadang dark kadang light.

      Idealnya seperti apa Tech Stack yang kamu suka saat bekerja?

      NextJS, Styled Component, React pose atau Frammer motion dan Tailwindcss (optional)

      Apa aja sih repositori github yang menarik versi kamu?

      Ga banyak, tapi mantengin NextJS, Pixijs, React pose dan sekarang lagi intens banget sama Frammer motion

      Saat ini tertarik dengan technology apa?

      Sebenarnya engga ada tertarik karena menurutku pribadi itu sama aja dan akan bagus + hebat ketika menyelesaikan sebuah masalah. Aku pribadi lebih tertarik dengan social enginering serta marketing strategy. Apakah itu termasuk teknologi? Wkwk

      Gimana workflow kamu saat bekerja dari awal sampai akhir?

      Normal lah seperti programmer pada umumnya.

      • Planing
      • Code
      • Bugfix
      • Code
      • Change requirement
      • Code
      • Bugfix

      Perlu di catat, aku belum pernah kerja di perusahaan besar dengan jumlah tim yang diatas 10 orang.

      Sekarang lagi belajar apa nih?

      Hmmm ga belajar sih, lebih suka bilang bertualang, bertualang mencari style yang nyaman buat nyelesaiin masalah.

      Project apa yang paling kamu banggakan?

      Semua, apapun yang aku buat aku selalu bangga. Tapi yang paling berkesan itu adalah CD interaktif tentang salah satu pura di Denpasar yang dibuat saat SMK dalam rangka lomba Wirausaha Muda Denpasar.

      Apa sih tantangan teknologi di tempat kamu bekerja sekarang?

      Pengalaman serta skill ku dalam memanfaatkan tools-tools masih banyak yang kurang apalagi di tim kecil kerasa banget.

      Ada playlist musik favoritmu saat bekerja?

      Ga ada playlist favorit, aku cuman ngetik Hatsune Miku dan biarkan youtube music yang urus sisanya, kalo di spotify itu ada namanya 'This is Hatsune Miku'

      Kalo genre yang paling di suka itu EDM dan akustik. Tambahan, aku suka denger suara hujan atau jangkrik pake headphone ANC (buat kamu yang baca ini, coba deh chill banget).

      Kasi saran dong buat teman-teman yang baru belajar ngoding

      Rajin nanya, cari mentor kalo malu atau ga enak nyusahin orang ya bantu mentornya, traktir makan kek atau apa. Mau lewat course monggo. Joinlah ke komunitas, disana kita bisa liat langsung bentuk manusia yang ngoding buat makan sekalian bersosial dan belajar komunikasi. Dan perlu di ingat bully itu bagian dari belajar. Baper boleh, tapi jangan lama-lama, fokus ke teknis monggo, tapi aku kurang suka fokus ke teknis lebih suka fokus ke pola pikir atau cara berpikir.

      Akhir kata, kamu ada ingin mempromosikan sesuatu?

      Saat ini belum, tapi dalam waktu dekat aku ada rencana buat channel youtube membungkus koding dengan tujuan utama untuk menghibur disamping memberikan edukasi, serta aku kadang livestream main game sambil call bareng temen-temen apalagi sekarang ada wabah jadi ya tetep bisa bersosial sambil ngobrol ngawur.

      posted in Ngobrolin Keseharian Developer
    • Ayo kenalin dirimu!

      @adibite halo Adi, Jamstack emang menarik bgt nih, apalagi semenjak muncul platform seperti netlify. Btw websiteku pribadi juga pakai eleventy dan di host di netlify

      posted in Diskusi Umum
    • Lagi mikir-mikir nyari kerjaan remote?

      @alfrcr menarik nih kerja remote, mungkin ada yang bisa mencerahkan bagaimana cara nya mencari kerja remote di Indonesia.

      Btw aku sempet ngumpulin beberapa bahan terkait kerja remote, bisa cek disini https://notebook.wayanjimmy.xyz/remote-working

      Company remote panutanku

      • Gitlab, Buffer mereka punya open knowledge base yang berbasis web https://about.gitlab.com/handbook dan https://open.buffer.com
      • Basecamp yang setauku paling gencar nyebarin ajaran remote first melalui publikasi bukunya seperti Rework dan It Doesn't Have to Be Crazy at Work, lebih lanjut cek di https://basecamp.com/books
      posted in Diskusi Umum
    • Kumpulan VueJS Admin Dashboard Template Gratis

      Dari hasil keliling Github saya berhasil ngumpulin beberapa admin dashboard gratis yang mungkin bisa bantu temen-temen start projek lebih cepat.

      Vue Argon Dashboard

      Jepretan Layar 2020-04-21 pukul 21.29.21.png

      Github: https://github.com/creativetimofficial/vue-argon-dashboard

      Vue Typescript Admin

      Jepretan Layar 2020-04-21 pukul 21.30.15.png

      Github : https://github.com/Armour/vue-typescript-admin-template

      Shard Dashboard Vue

      Jepretan Layar 2020-04-21 pukul 21.32.15.png

      Github : https://github.com/DesignRevision/shards-dashboard-vue

      Bagi teman-teman yang punya lagi mohon bagi juga ya di reply topic ini XD

      posted in Front End
    • Ayo kenalin dirimu!

      @latamaosadi Selamat datang bert. Kapan kapan sharing belajar Javascript dan berkebunnya ya wqwq, Game juga boleh 😁

      posted in Diskusi Umum
    • BaliJS Newsletter #5

      Menarik dibaca

      • Senarai padanan kata dan istilah populer. -- Mungkin membantu buat teman-teman yang ingin menulis artikel bahasa Indonesia, namun kesulitan mencari padanan kata asing ke bahasa Indonesia
      • Profiling React.js Performance -- Sebuah panduan untuk profiling perfomance aplikasi React menggunakan beberapa API yang masih experimental
      • How the Vue Composition API Replaces Vue Mixins -- Sebuah artikel pendapat tentang bagaimana Vue Composition API nantinya bisa menggantikan Vue Mixins
      • Strategies for migrating to TypeScript -- Beberapa cara yang bisa ditempuh untuk memigrasikan projek Javascript ke Typescript

      Tutorial

      • Web Development Essentials 2020 (w/ Chris Castiglione) -- Hal-hal dasar yang sebaiknya dipelajari untuk menjadi Web Developer di tahun 2020 dirangkum oleh Channel Youtube CsDojo dalam video ini.
      • Professor Frisby Introduces Composable Functional JavaScript -- Yang ingin mendalami Functional Programming di Javascript, ada course gratis menarik dari egghead.io
      • Grow your freelance career in web design -- Course gratis dari webflow, mengarahkan bagaimana cara untuk menjadi freelancer web designer.
      • CS 253 Web Security -- Kuliah Web Security oleh Feross
      posted in Newsletter
    • BaliJS Newsletter #4

      Menarik dibaca

      • Pilihan Arsitektur Server -- Panduan sederhana yang bisa digunakan untuk memilih arsitektur server yang cocok dengan projectmu.

      • Mencoba React Router V6 -- Pada saat artikel ini ditulis React Router V6 masih versi alpha, namun sepertinya ini waktu yang tepat untuk mulai mencoba menggunakannya.

      • Deno 1.0 akan diusahakan rilis Mei 2020 -- Ada yang sudah pernah mencoba Deno? Jadi Deno adalah sebuah project dari creator NodeJS, Ryan Dahl, Salah satu alasan dibuatnya Deno adalah membuat runtime Node yang secure, dan memperbaiki beberapa kesalahan design yang dilakukan saat ia membuat Node. Lebih jelas tentang Deno bisa tonton di talknya Ryan Dahl yang ini

      • ForumBaliJS: Berkenalan dengan Javascript -- Sebuah tulisan yang ramah pemula, memperkenalkan Javascript yang ditulis oleh Made Aryadi. Tulisan ini cocok dibaca teman-teman yang baru akan menjelajahi Javascript.

      Project Menarik

      • AntV -- Ada yang pernah pakai Ant Design ? AntV adalah sebuah library untuk data visualisasi dari Ant Design.

      • Notyf -- Library minimalis untuk membuat toast notification pada aplikasi web. Library ini juga dapat diintegrasi ke Vue , React dan Angular.

      • Sing a song with the JavaScript Speech Synthesis API using async/await -- Project menarik yang mengeksplorasi penggunaan JavaScript Speech Synthesis API.

      Tutorial

      • Javascript Big O Notation -- Apa itu Big O Notation ? Bagi yang masih merasa asing, disarankan banget untuk ikuti video ini. Eric Traub memberikan penjelasan yang enak di mengerti dengan bahasa Javascript tentunya.
      posted in Newsletter
    • Meminta Bantuan ketika bekerja disebuah Tim

      Tulisan ini adalah sebuah rangkuman dari video Youtube dari channel funfunfunction berikut https://www.youtube.com/watch?v=qe1ZAy2yNvE

      Ada 3 cara meminta dan memberikan bantuan dalam sebuah tim

      1. Kode arkeologi
      2. Buddy sistem
      3. Pair programming

      Kode Arkeologi

      Biasanya terjadi ketika seseorang yang menulis kode sebelumnya sudah berada ditempat lain (mungkin resign), jadi yang kamu lakukan adalah mencoba membaca kodenya sendiri, tanpa bantuan orang lain. Yang dirasakan biasanya bingung dan takut melakukan perubahan pada kode tersebut, jadi yang bisa dilakukan adalah mengubah sedikit demi sedikit dengan penuh kewaspadaan.

      Tidak ada dokumentasi maupun unit test yang bisa diandalkan. Mungkin kamu sudah pernah mengalami hal seperti ini, tapi ini bukanlah cara yang produktif dilakukan dalam sebuah tim dan bisa banyak menghabiskan waktu. Cara kerja tim yang lebih baik adalah memiliki Buddy sistem yang akan dijelaskan dibawah

      Buddy sistem

      Sebuah tim mengalokasikan seseorang atau waktu untuk membantu seseorang yang baru masuk dalam sebuah tim/proyek baru.

      Orang yang mendapat tugas untuk membantu developer yang baru harus menyediakan waktunya untuk membantu orang tersebut, bahkan mendorong developer tersebut untuk bertanya tanpa beban.

      Pastikan jika kamu diposisi sebagai developer baru tersebut jangan malu untuk bertanya gunakan fasilitas ini jika ada, bahkan jika kamu merasa malu bertanya (biasanya seseorang malu bertanya, karena ingin membuktikan bahwa dirimu bisa melakukannya sendiri).

      Pair programming

      Pair programming metode yang difavoritkan oleh MPJ.
      Metode ini dilakukan oleh 2 orang yang berperan sebagai :

      • Driver : orang yang memegang keyboard (Orang baru atau masih belum familiar dengan kode projek)
      • Navigator : orang yang mengarahkan driver (Biasanya sudah familiar dengan kode projek)
        Kode review adalah salah satu cara berbagi pengetahuan dalam tim. Dengan melakukan pair programming kamu seperti melakukan kode review selama proses pair programming tersebut.

      Pesan untuk Senior developer

      Jika kamu diberikan tanggung jawab untuk membantu seseorang yang baru terjun dalam proyek. Luangkan waktu untuk membantu orang tersebut, dan dorong dia untuk menanyakan pertanyaan. Jangan tinggalkan dia seorang diri dan menuntutnya harus menyelesaikannya sendiri.

      Pendapat Pribadi

      Dari rangkuman diatas, saya melihat bahwa MPJ ingin menghimbau agar membudayakan kebiasaan bertanya tanpa takut untuk dicela dalam sebuah Tim.

      Bagaimana menurut teman-teman yang lain, apa punya pengalaman atau tips yang bisa dibagi untuk membangun budaya seperti itu?

      posted in Diskusi Umum
    • Fitur tambahan

      @dlmbg mantap de, bersedia jadi narasumber de ? wqwq

      posted in Komentar dan Masukan
    • BaliJS Quiz #1

      @detautama wah bagus nih videonya. Thanks @detautama

      posted in Quiz
    • 1
    • 2
    • 3
    • 4
    • 2 / 4