Melihat beberapa fitur baru dari React JS 18

https://blog.logrocket.com/exploring-react-18-three-new-apis/

---

Komparasi antara Solid JS dengan React JS

https://blog.logrocket.com/solidjs-vs-react/

---

Cara menggunakan Font yang di hosting di server sendiri pada Next JS

https://levelup.gitconnected.com/how-to-self-host-fonts-in-nextjs-5a9930d8c67a

---

Latihan membuat filter component di React JS

https://www.freecodecamp.org/news/how-to-make-a-filter-component-in-react/

#react #component #filter #font #selfhost #solidjs

Beri warna tampilan text editor VS Code / Codium kalian dengan tema tampilan Mayukai Theme yang menarik dan pewarnaan yang mudah dibaca. Varian yang tersedia ada banyak pilihan seperti Mayukai Mirage, Mayukai Semantic Mirage, Mayukai Dark, Mayukai Mirage Gruvbox Darktooth, Mayukai Mono, Mayukai Alucard, Mayukai Sunset, dan Mayukai Reversal. Cek preview dan instalasinya disini
https://marketplace.visualstudio.com/items?itemName=GulajavaMinistudio.mayukaithemevsc

Untuk instalasi di VS Code/Codium, cukup cari di menu Marketplace, dan search "mayukai" .

—-

Tidak lupa kami menyediakan variant custom dari font Iosevka yang kami beri nama Iosevka Mayukai. Font ini merupakan gabungan dari beberapa style font Iosevka dengan tambahan Glyph dan Ligature yang lengkap. Spesimen font, instalasi, dan pemasangan dapat dilihat disini.
https://github.com/Iosevka-Mayukai/Iosevka-Mayukai

Untuk unduh font, langsung saja ke Github Release Page berikut
https://github.com/Iosevka-Mayukai/Iosevka-Mayukai/releases

#promosi

Membuat halaman 404 di Vue Router untuk menangkap Routing yang tidak tersedia bersama channel John Komarnicky

https://youtu.be/-N78TlOFj-k

#vue #router

Latihan dari Online Tutorials tentang membuat aplikasi Kalkulator

https://www.youtube.com/watch?v=Q6FkM7CIKbc

#onlinetutorials #calculator

Membuat sistem authentication dengan mudah dengan Next JS, NextAuth Plugin, Node JS, dan MongoDb

https://javascript.plainenglish.io/passwordless-authentication-in-next-js-with-nextauth-js-and-mongodb-19760c79184

#nextjs #react #auth #mongodb #nodejs

Pengembangan Web berada di garis depan era digital kita. Tidak mengherankan jika pemrograman web sangat diminati, dan bidang ini tumbuh jauh lebih cepat dari yang kita kira. Meskipun begitu, tidak ada kata terlambat untuk memulai mempelajari bidang ini, yang penting kita berani untuk memulai. 💪

Bersama dengan **Sandhika Galih** (Lecturer & Founder WebProgrammingUNPAS), dalam acara IDCamp x Dicoding LIVE yang akankah membahas secara dalam mengenai **"Web Developer From Zero to Hero"**. 🤓

Daftar di
dicoding.com/events/4272

Sabtu, 29 Januari 2022 jam 9-10 WIB.

Teruskan pesan ini biar lebih banyak kawan-kawan yang ikutan belajar.. 🤩

Kumpulan website penting yang menyediakan layanan asset untuk front end developer

https://medium.com/frontend-canteen/awesome-websites-for-frontend-developers-a1cf94e1c9de

#web #assets

Latihan melakukan export halaman web ke bentuk PDF dengan JavaScript

https://blog.bitsrc.io/how-to-export-webpage-to-pdf-using-javascript-html2pdf-and-jspdf-6cdd549618c

——

#pdf #export

Pengenalan routing di Express dengan Dependency Injection

https://blog.openreplay.com/dependency-injection-in-node-js-higher-order-routing-with-express

#express #nodejs #routing #dependencyInjection

Daftar course penting untuk belajar Javascript dan Node JS

https://www.freecodecamp.org/news/23-free-websites-to-learn-javascript/

---

Latihan pengenalan tentang unary operator di JavaScript

https://dev.to/efkumah/what-you-should-know-about-unary-operators-in-javascript-57gp

---

Latihan mengkonversi function biasa ke bentuk arrow function

https://javascript.plainenglish.io/how-to-convert-any-function-to-an-arrow-function-in-javascript-afb0c87e411d

---

#course #arrow #unary #operator

Latihan dari Web Dev Simplified dalam membuat hover effect pada gambar gallery

https://youtu.be/tF3RE5CGt9U

---

Membuat Navigation menu yang responsive dengan menggunakan CSS dan HTML saja

https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/

---

#css #hover #responsive #webdevsimplified

[#PacktPub] Mastering Node.js - Second Edition

Beberapa candaan yang berhubungan software development

https://javascript.plainenglish.io/programming-jokes-to-make-you-die-laughing-94efd4fecafa

#jokes

Presentasi Vue JS 3 dari Evan You di Vue Conf Toronto 2022
https://youtu.be/2KBHvaAWJOA

Traversy Media merilis latihan panjang tentang pengenalan MongoDb Database dan contoh implementasi nya pada Node JS

https://youtu.be/2QQGWYe7IDU

#traversyMedia #nodejs #mongodb

Latihan bagian keempat dari Web Programming Unpas tentang Pengenalan Utility Class dan cara setup project berbasis Tailwind CSS dasar.

https://www.youtube.com/watch?v=_38OWbFYYh4

#wpu #tailwind #css

Beberapa konsep JavaScript yang perlu dipahami saat belajar Javascript

https://dev.to/axlyaguana11/concepts-you-need-to-know-if-you-are-a-javascript-beginner-5am0

---

Beberapa contoh kasus penggunaan Spread Operator pada Array JavaScript

https://javascript.plainenglish.io/6-use-cases-of-the-spread-operator-with-javascript-arrays-783e3da1ac1e

---

Latihan menggunakan RxJS Observable di project Javascript

https://javascript.plainenglish.io/how-to-use-observables-with-vanilla-javascript-aca40a7590ff

---

Cara menghapus karakter String kosong atau whitespaces dengan JavaScript

https://javascript.plainenglish.io/how-to-trim-whitespace-from-a-string-in-javascript-f06db6ee5c7

---

#concept #whitespace #spread #operator #learning

Penggunaan Service Worker di JavaScript untuk caching beberapa asset di web app.

https://betterprogramming.pub/the-power-of-caching-in-javascript-9a4c985ba8e8

—-

Daftar fitur penting dari JavaScript ES2015 yang perlu dipelajari

https://javascript.plainenglish.io/es6-features-that-make-you-a-modern-javascript-developer-2b6d279b8e4d

#es2015 #serviceworker #cache

Latihan sederhana dari Lama Dev tentang membuat halaman web e-commerce dengan HTML, JavaScript, dan CSS

https://youtu.be/b3Gqq_k-g24

---

Membuat efek bayangan box shadows yang halus dengan CSS dan HTML

https://www.freecodecamp.org/news/how-to-create-beautiful-box-shadows-in-html-and-css/

---

Membuat Floating Action Button dengan bantuan CSS murni

https://javascript.plainenglish.io/how-to-create-a-floating-action-button-with-pure-css-positioning-e52ba498083f

---

Membuat diagram Pie Chart dengan hanya CSS dan HTML

https://www.freecodecamp.org/news/css-only-pie-chart/

---

#css #landingpage #piechart #floatingButton #boxShadow #ecommerce #lamaDev

Beberapa referensi state management untuk React JS

https://blog.openreplay.com/top-6-react-state-management-libraries-for-2022

---

Design pattern untuk component React JS

https://blog.openreplay.com/3-react-component-design-patterns-you-should-know-about

#react #state #component #designPatterns

Latihan pengenalan Node JS dan MongoDB dengan membuat aplikasi tugas atau Task todo list

https://nabendu82.medium.com/understanding-nodejs-by-building-a-task-app-70767401009e

—-

Membuat aplikasi MEAN Stack dengan GraphQL, PostGraphile, Angular, BullJS, Nest JS, dan TypeORM

https://medium.com/@raviyasas/crud-operations-with-graphql-and-nestjs-723043e38f1f

—-

Latihan memasang Elasticsearch pada Node JS

https://medium.com/nonstopio/elasticsearch-using-nodejs-and-json-f444ef378556

#nodejs #mongodb #angular #mean #elasticsearch