Best posts made by wayanjimmy

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.

UIkit menurut saya UI library yang cukup mudah untuk digunakan dengan latar belakang saya yang lebih sering nongkrong di Backend hehe.

Tapi saya tetap saja sulit untuk membuat layout halaman sendiri dan nemu starter ini https://github.com/zzseba78/Kick-Off.

Nah, tapi gimana caranya implementasi starter di atas di ReactJS, saya sudah membuatnya di Codesandbox https://codesandbox.io/s/6z0oprzq0n barang kali bisa ngebantu teman-teman yang pengen coba UIkit dan ReactJS juga.

Dependency yang dipakai di demo diatas

• https://github.com/uikit/uikit
• https://github.com/reach/router
• https://github.com/jamiebuilds/react-loadable

@sarascahya @seriusanbudi itu yang kecil oren setia menemani kesendirian di kost

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

• 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).

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.

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

Vue Argon Dashboard

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

Vue Typescript Admin

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

Shard Dashboard Vue

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

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

@alfrcr

• Text editor : Neovim
• Colorscheme : Palenight

Seputar Frontend

• Gridjs -- Plugin untuk membuat tabel yang ditulis dengan Typescript, dapat digunakan dengan framework populer seperti Vue, Angular dan React.

• React Europe Talks -- Bagi semeton pengguna ReactJS dan ingin tetap update dengan perkembangan terbaru bisa nonton kumpulan video dari konferensi React Europe, berikut ini sudah dirangkum jadi lebih nyaman , agar milih video yang sesuai dengan ketertarikan.

• Angular: DOM Manipulation -- Ingin melakukan manipulasi DOM di Angular tapi masih pakai jQuery? Eits stop dulu, angular punya Renderer2 yang bertujuan sama. Simak penggunaannya di post ini yang ditulis oleh natserract

• BSI CoffeeTalk #1 Why Angular? -- Bincang bincang terkait framework Angular oleh kanal Youtube Badan Sistem Informasi UII (Universitas Islam Indonesia)

Seputar Backend

• Node REST API Series -- Belajar membuat REST API dengan Node yang ditulis oleh pandemuliada

• Belajar HTTP Status code - - Ketika mengembangkan aplikasi web jangan sampai mengembalikan status 200 jika sebenarnya terjadi error. Baca selengkapnya artikel ini agar bisa menggunakan HTTP status code lebih baik lagi.

Lain-lain

• Untools -- Kurasi kerangka kerja untuk memecahkan masalah.

• Njt -- Sebuah tools menarik jika kamu ingin explore package package yang ada di npm

• Plus62.dev -- Sebuah newsletter tentang proyek menarik yang dibuat Developer Indonesia, dikirimkan setiap seminggu sekali

• SVGuitar: JavaScript Guitar Chord Renderer -- Membuat SVG chord gitar dengan Javascript atau Typescript. Cocok banget buat semeton yang hobi musik

• Deliberate Practice for Software Developers -- Sebuah kerangka bekerja untuk mempelajari skill yang kompleks.

@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

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?

Seputar Frontend

• Forum BaliJS: Daftar plugin JS bagus -- Satya kresna membuat kurasi tentang berbagai plugin Javascript yang tidak tergantung kode pihak ke-3.

• Panduan FE web developer -- Website MDN kini memiliki panduan untuk belajar menjadi Frontend Web Developer

• Bagaimana Frontend di Kata.ai -- Ingin tahu gimana cara kerja, tools dan budaya tim Frontend di Kata.ai? Resi Respati menulis sebuah artikel yang menjelaskan mulai dari bahasa / library yang dipilih, testing, skeleton dan budaya.

Seputar Backend

• Inacode Podcast: Ketut Sandiarsa Plumier -- Podcast dari Inacode ngobrol santai membahas teknologi dan perjalanan bli Ketut Sandiarsa dalam membuat framework Node dengan Typescript

Lain-lain

• OKR untuk belajar -- OKR (Objective and Key Results) adalah sebuah metode penentuan tujuan yang cukup ambisius di perkenalkan oleh Google. Sophia mengadaptasi konsep ini untuk menentukan tujuan dalam belajar, siapa tahu teman-teman tertarik untuk membuat hal serupa

• Panduan menulis Spesifikasi Teknikal -- Menulis spesifikasi sebuah proyek tidak kalah penting dengan menulis kode proyek itu sendiri. Dengan spesifikasi yang tertulis dengan baik akan meningkatkan penyampaian informasi terkait proyek ke seluruh anggota tim.

• Tingkatkan tulisan tutorial dengan metode Code Sandwich -- Metode code sandwich menarik untuk di coba untuk membuat artikel tutorial yang mudah dimengerti.

• Pengenalan Git -- Sebuah workshop oleh KulKulTech tentang Git & Github sebagai sarana social coding.

• Konvensi dalam menulis Git Commit -- Konvensi seperti apa yang kamu gunakan saat nulis git commit?

@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

Seputar Frontend

• 4 Cara fetch data di ReactJS -- 4 Cara melakukan fetch data di ReactJS yang sudah menggunakan React Hook.

Seputar Backend

• Apa yang terjadi ketika kita ketik URL di Browser -- Kembali ke dasar, apa sih yang terjadi ketika kita mengetik sebuah alamat website di browser? Cek visualisasi berikut, gambar nya menarik sehingga lebih mudah untuk dimengerti.

Lain-lain

• VSCode Can do That -- kumpulan Tip & Trik menggunakan VSCode yang mungkin kamu belum tahu.

• Slingcode -- Sarana berbagi projek berbasis web yang mendukung offline dan sharing lewat flashdisk. Cocok untuk pemula untuk belajar ngoding tanpa belajar kerumitan setup IDE.

• Template membuat Ebook -- Bagi yang ingin membuat ebook online berbasis markdown, coba deh template ini.

• 18 Video untuk mendalami pemahaman Javascript -- Kurasi 18 video yang mengubah paradigma kita tentang bagaimana cara kerja Javascript. Cocok bwt buat temen-temen yang ingin mendalami Javascript.

• Konten Belajar Programming -- Daftar situs web dan konten lain seputar pemrograman berbahasa Indonesia. Ayo yang mau kontribusi silakan buka Pull Requestnya ya!

Obrolan di Forum

• Rest API di NodeJS dengan MySQL -- Tutorial yang ditulis Merta Yoga menceritakan pengalamannya membuat Rest API dengan NodeJS dan MySQL

• Trik Programming di Laptop Super Kentang -- Jangan biarkan laptop super kentang menghalangi keinginan untuk berkarya, Adi Gunawan menulis tips yang dia gunakan untuk mengakali ini.

• Ngobrolin Keseharian Developer #2 bersama Prabu -- Bli Prabu menceritakan pengalamannya yang awalnya ngoding Java hingga sekarang Ngoding Javascript dan VueJS, baca kisah lengkapnya dan semoga terinspirasi!

Lowongan Kerja

• Frontend Developer di Labster.com

@adibite wah keren nih. Aku dulu ngakalin laptop kentang dengan ngoding pake vim

Seputar Frontend

• Storybook 6.0 telah Rilis! -- yay Storybook versi mayor terbaru telah Rilis! Bagi yang belum tahu Storybook ini cocok untuk membuat dokumentasi interaktif untuk UI component yang ada dalam Tim Frontend kamu. Simak artikel ini untuk tahu apa saja hal yang baru.

• Nuxt Typescript PWA Tailwind CSS Composition API Starter -- Belajar tidak melulu melalui tutorial atau artikel. Kita bisa belajar dengan membaca source code orang lain. Terimakasih kepada Jefry Dewangga yang sudah menulis repo ini, kita bisa pelajari dengan bongkar reponya, hehe.

Seputar Backend

• Programmer Zaman Now: Belajar Kubernetes -- Pengen ngulik Kubernetes tapi terkendala dengan konten yang berbahasa inggris. Coba deh ikutin Belajar Kubernetes bareng mas Eko di channel youtube Programmer Zaman Now

• Isoflow: Bikin Diagram Arsitektur Cantik dan Gratis -- Diagram bagus banget digunakan untuk menjelaskan arsitektur backend yang ingin dibangun. Pakai tools ini untuk bikin diagram isometric secara gratis. Salah satu hasilnya kaya gini nih.

• Trik SQL dari seorang Database Admin -- Yang sering berhadapan dengan SQL setiap hari, coba nih dibaca, barangkali ada hal yang belum kita tahu dan itu bisa membuat keseharian kita jadi lebih indah

• Docker di lingkungan NodeJS -- Bagi yang bungkus aplikasi backendnya dengan Node. Mungkin bisa meningkatkan keamanan aplikasimu dengan metode multi state build yg dibahas disini.

Lain-lain

• Umbrella -- Kumpulan library functional programming yang saling bersinergi. Apakah ini semacam Lodash atau Ramda yg berbasis Typescript ya ? Gimana menurut semeton?

• Minisearch -- Solusi full text search berbasis javascript yang bisa digunakan baik di Browser atau Node. Cocok nih buat teman-teman yg malas pakai solusi full text search seperti Elastic Search atau Solr yg berbasis java. Kalau versi javascript pastinya lebih enteng, dengan fitur yg terbatas tentunya

• Webassembly tanpa Browser -- Gimana sih ceritanya kalau Webassembly di dunia tanpa browser? Ini beberapa contoh kasus penggunaan Webassembly di luar browser :

  • Bahasa scripting untuk video game
  • Menjalankan code dengan minimal overhead seperti yang dilakukan Fastly/Cloudflare
  • Melakukan update secara mudah pada device IoT dengan minimal runtime overhead
  • Perlu menulis program dengan perfomance yang kenceng di lingkungan dimana kamu ga bisa JIT (just-in-time)

• Starboard: Notebook interaktif -- Ini semacam notebook yang interaktif, bisa jalanin kode javascript bahkan render visualisasi data. Wah bagus bgt ini dengan javascript kita bisa bikin macam-macam.

Seputar Frontend

• Tailzilla.app -- Tempatnya saling berbagi komponen tailwindcss!

• 1 Kesalahan di React yang bisa memperlambat pekerjaan -- Kent C. Dodds dalam artikelnya membahas pendapatnya tentang bagaimana sebaiknya melakukan komposisi component di React, agar lebih memaksimalkan sifat dari react sendiri.

• Visx dari Airbnb -- Bermula dari keinginan untuk menyeragamkan visualisasi data di Airbnb dan berbasis React, Airbnb kini merilis library internal mereka yang sudah digunakan 2.5thn lebih dengan kelebihan bundle size yang kecil, dan API yang ekspresif.

Seputar Backend

• 11 ORM Javascript terbaik di bahas disini! -- Ngomongin ORM di dunia Javascript ada banyak banget! berikut perbandingan masing masing yg dirangkum oleh tim Prisma. Perbandingan ini meliputi sisi popularitas, aktivitas di repo, dukungan dan stabilitasnya.

Lain-lain

• 35 Developer Youtube yang sebaiknya di Follow -- Belajar dengan gratis sudah banyak caranya! salah satunya lewat youtube, ok ga gratis banget sih, kita perlu investasi kuota juga hehe.

• 5 Tips untuk Junior Developer -- Emma Bostian berbagi 5 tips bagi junior developer untuk bisa masuk ke dunia Industri. Yuk belajar dari yang lebih berpengalaman

Seputar Frontend

• Mempelajari React Hooks lebih dalam, sebuah module pembelajaran React Hooks ditulis dengan Bahasa Indonesia -- React Hooks Deep Dive

Seputar Backend

• Packing Nodejs dalam sebagai Single Binary -- Boxed Node

Seputar Tutorial

• Selain belajar di perkuliahan, computer science sebenarnya bisa dipelajari sendiri lo, karena banyak banget materi yang ada di internet. Berikut ini beberapa materi yang berhasil dikumpulin.

  • Teach Yourself Computer Science
  • Twitter Thread on creating your own CS degree online
  • Open Source Society University (OSSU)
  • The Missing Semester of Your CS Education

• Buat semeton yang baru banget memulai koding, Youtube Channel ini cocok diikuti, selain karena menggunakan Bahasa Indonesia, konten-nya juga, membantu mengerti dasar yang perlu dipelajari untuk belajar lebih jauh seperti Belajar Git, Roadmap menjadi Web Developer Roadmap menjadi Web Developer dan banyak lagi konten terkait motivasi -- Youtube Channel Upkoding

• Yuk Belajar Data Fetching di React dengan React Query oleh Sastra Nababan -- Youtube

@detautama wah bagus nih videonya. Thanks @detautama

@alfinsuryaS kalau pakai Typescript sepertinya TypeORM menarik nih

Menarik dibaca

• MirageJS - Build complete frontend features, even if your API doesn't exist. -- Perkakas yang bisa dijadikan pilihan untuk mendevelop aplikasi frontend tanpa menunggu backend tersedia terlebih dahulu.
• React Fundamentals with Ryan Florence -- 6 tahun React membuatnya semakin matang, namun apakah kita sudah belajar fundamentalnya lebih baik? Podcast ini membahas hal tersebut bersama Ryan, yang sudah berpengalaman membuat konten pembelajaran di ReactTraining dan sebagai kreator ReactRouter.
• Produktif dengan Kerjasama Asinkronus -- Pentingnya mengemukakan ide dalam bentuk tulisan adalah salah satu pondasi agar kita dapat bekerja secara asikronus. Jika bisa produktif dengan bekerja asinkronus, sekaligus membuat kita menjadi pekerja yang siap kerja secara remote. Yuk bahas lg di artikel ini.
• Cara bertanya seputar programming -- Jangan malu bertanya di group telegram BaliJS jika menemukan kesulitan, namun sebagai penanya jangan lupa juga memberikan informasi yang jelas agar teman-teman yang ingin membantu dapat lebih mengerti keadaan yang dialami (ini juga melatih empati buat yang bertanya lo, :D). Thx bwt evilfactorylabs yg udah buat panduan yang mantap!

Tutorial

• Best FREE Resources to Learn Web Development in 2020 -- Ingin belajar web development tahun ini? Ini kurasi sumber belajar gratis, info juga ke temanmu yang ingin belajar web development

@made halo Aryadi salam kenal, saat ini domisili dimana ya ?