Membuat Ripple Effect untuk tampilan loading halaman dengan CSS

https://dev.to/crayoncode/css-loading-animation-ripple-effect-in-mosaic-keyframes-flex-box-4a77

—-

Tips menggunakan Tailwind CSS serta contohnya.

https://dev.to/joserfelix/6-tips-for-tailwind-css-development-with-resources-33i4

—-

#css #tailwind

Membuat aplikasi fullstack JavaScript dengan menggunakan React Next JS dan Firebase Database

https://blog.logrocket.com/building-a-fullstack-application-with-next-js-and-firestore-db/

---

Membuat fungsi push notifications dengan Firebase Cloud Messaging ke aplikasi React JS

https://blog.logrocket.com/push-notifications-with-react-and-firebase/

---

Latihan membuat halaman carousel sederhana di React JS

https://dev.to/rakumairu/simple-react-carousel-24m0

---

Membuat tampilan menu Tab dengan React JS

https://dev.to/ziratsu/create-lovely-react-tabs-4g41

---

Konfigurasi Next JS untuk menggunakan TypeScript , ESLint, Jest, Enzyme dan Storybook

https://medium.com/javascript-in-plain-english/how-to-setup-next-js-typescript-eslint-storybook-jest-enzyme-610451591df0

—-

Membuat halaman dengan mode AMP (Accelerated Mobile Pages) dengan menggunakan Next JS

https://medium.com/javascript-in-plain-english/next-js-amp-list-65b27cef0db6

#firebase #react #nextjs #tabs #carousel #fcm #notification #amp

Daftar fitur JavaScript ES2021 dengan beberapa contoh penggunaannya

https://medium.com/better-programming/javascript-es2021-features-with-simple-examples-ada723b55355

—-

Contoh konfigurasi Express JS untuk menggunakan TypeScript

https://medium.com/javascript-in-plain-english/how-to-set-up-a-node-express-typescript-app-in-2021-1459e53a3090

—-

Beberapa trik optimasi penulisan kode JavaScript sesuai dengan ES Standards terbaru

https://medium.com/javascript-in-plain-english/34-javascript-optimization-techniques-to-know-in-2021-d561afdf73c3

#es2021 #nodejs #express #typescript #tips #tricks

Membuat komponen upload file dengan library React Uploady dan Ant Design

https://blog.logrocket.com/building-a-file-upload-component-with-react-uploady-and-ant-design/

---

Mengenal library untuk upload file yang bernama React Uploady

https://blog.logrocket.com/using-react-uploady-to-upload-files/

---

Latihan sederhana membuat aplikasi Video Chatting dengan React, Node JS, dan WebRTC

https://dev.to/arjhun777/video-chatting-and-screen-sharing-with-react-node-webrtc-peerjs-18fg

---

Boilerplate atau kerangka project yang berbasis React 17,Tailwind CSS dan Webpack 5

https://dev.to/golangch/my-first-public-react-boilerplate-with-wp-5-tailwind-2-28pc

---

Konfigurasi Proxy server di Next JS untuk proses development

https://dev.to/george3447/setting-up-proxy-in-nextjs-for-dev-enviornment-1nh3

---

Menambahkan Tailwind CSS ke dalam Next JS

https://dev.to/ghoshnirmalya/integrating-tailwindcss-with-next-js-2kl3

---

Latihan membangun aplikasi portofolio dengan Gatsby JS

https://dev.to/willholmes/building-a-portfolio-site-in-gatsbyjs-12i5

---

Daftar sampel project berbasis React yang dapat dipakai latihan

https://dev.to/forcommunity/top-5-reactjs-projects-for-web-developers-1i53

---

#react #upload #uploady #nextjs #tailwind #nodejs #webrtc #gatsby #portfolio #boilerplate

Membuat fungsi Reset Password di Express JS

https://dev.to/kelvinvmwinuka/how-to-handle-password-reset-in-expressjs-ipb

-
Latihan sebelumnya tentang membuat registrasi pengguna dan verifikasi email pengguna dengan Passport JS

https://kelvinmwinuka.com/how-to-create-registration-authentication-with-express-passportjs/

https://kelvinmwinuka.com/how-to-set-up-mongoose-with-expressjs/

---

Latihan penting membuat Proxy dan Reverse Proxy dengan Express JS middleware

https://blog.logrocket.com/how-a-proxy-server-works-in-node-js/

---

#nodejs #auth #reset #password #registration #proxy #email #verification

Daftar buku menarik seputar pemrograman yang menarik untuk dibaca

https://dev.to/simonholdorf/10-fantastic-books-by-developers-for-developers-3hgc


#books

Hari ini adalah hari terakhir promo spesial tahun baru di https://bukureact.id yang akan mengajari kamu memahami fundamental React modern, Express, Mongo dan Javascript modern secara umum. Silahkan bagi yang belum memiliki bukunya bisa dipesan di tautan tersebut.

#books #mern #nodejs #bahasaIndonesia

Latihan sederhana pengenalan Nuxt Vue JS dengan data Quote generator API

https://medium.com/javascript-in-plain-english/make-a-quote-generator-with-nuxt-js-f7a745e287d0

—-

Membuat daftar sitemap dengan Nuxt JS

https://medium.com/javascript-in-plain-english/generating-sitemap-entries-for-nuxt-content-f7eb7b5fdb3b

#nuxt #vue #quote #sitemap

Halo guys, saya ada buat API social media downloader dengan Express dan Node.js
ada 6 API social media downloader yg dapat digunakan yaitu youtube, youtube playlist, tiktok, facebook, soundcloud dan dailymotion.

Jika teman2 ingin menggunakan, silahkan di clone atau download melalui Github.
https://github.com/gusfahmi/Social-Media-Downloader

Thank you. 😁

Daftar latihan penggunaan Docker pada contoh kasus aplikasi web modern.

---

Membuat Docker Container untuk aplikasi React JS sampai ke konfigurasi NGINX sederhana

https://medium.com/front-end-weekly/dockerizing-react-app-c66d1737bc8c

---

Cara membuat Docker container untuk aplikasi berbasis Vue JS dan dijalankan di NGINX Container

https://dev.to/nas5w/how-to-serve-a-vue-app-with-nginx-in-docker-4p54

---

Contoh penggunaan Docker Compose untuk aplikasi berbasis Angular

https://dev.to/wkrzywiec/how-to-run-database-backend-and-frontend-in-a-single-click-with-docker-compose-of1

---

Pengenalan apa itu Docker dan contoh kasus penggunaan bagi pemula

https://www.freecodecamp.org/news/what-is-docker-used-for-a-docker-container-tutorial-for-beginners/

---

Daftar latihan penting seputar Docker dan Kubernetes dari Freecodecamp

https://www.freecodecamp.org/news/tag/docker/

---

#docker #vue #angular #react #compose #container

Latihan menggunakan VS Code dari shortcut sampai ke bentuk snippets

https://www.freecodecamp.org/news/learn-visual-studio-code-to-increase-productivity/

---

Memperkenalkan ekstensi VS Chat, ekstensi untuk berkirim pesan instan via VS Code

https://dev.to/banji220/vschat-chat-online-in-vscode-33p1

---

Contoh penggunaan VS Code untuk menghubungkan ke Remote Container Docker

https://dev.to/quantone/how-to-run-vs-code-as-a-container-for-remote-development-2ng3

#vscode #code

Latihan dari Traversy Media membuat latar belakang atau background berbentuk video pada halaman aplikasi web

https://youtu.be/8MgpE2DTTKA

---

Latihan melakukan debugging CSS Grid dengan Chrome Dev Tools

https://blog.logrocket.com/using-chrome-devtools-to-debug-css-grid/


---

Forms validation di Bulma CSS dengan menggunakan JavaScript

https://www.ma-no.org/en/programming/javascript/validating-html-forms-using-bulma-and-vanilla-javascript

---

Latihan dari Online Tutorials membuat efek 3D melingkar pada tampilan teks

https://youtu.be/QvERvfZl8qc

---

Latihan dari Online Tutorials membuat animasi hover effect clip path pada Button Element

https://youtu.be/bdPXAl2mRTA

---

#css #traversymedia #onlinetutorials #background #video #cssGrid #bulma #hover #button

AMP atau Accelerated Mobile Pages kini sudah dibawah naungan Open JS Foundation. Dan ini adalah pengenalan tentang CMS yang menggunakan AMP untuk bagian front end nya.

https://dev.to/valeriavg/amp-cms-introduction-1p3i

#nodejs #amp #cms

Daftar perintah untuk pengoperasioan Linux melalui command prompt Terminal CLI

https://dev.to/payalsasmal/basic-linux-unix-commands-we-should-know-12f5

---

Pengenalan dasar tentang apa itu sistem operasi berbasis Linux

https://dev.to/lucasmc64/linux-the-right-choice-39fj


#linux #cli

Latihan panjang dari Dcode tentang pengenalan Events dan Event Handler di JavaScript Modern

https://youtu.be/YiOlaiscqDY

---

Latihan menghapus salah satu property yang ada di dalam Object JavaScript

https://stackabuse.com/javascript-remove-a-property-from-an-object/

—-

Beberapa daftar fitur JavaScript modern yang wajib diketahui dan dipelajari

https://medium.com/javascript-in-plain-english/51-javascript-features-you-should-know-9449c4505366


#es2015 #event #object #property #delete

Fireship merilis latihan singkat tentang pengenalan framework React Next JS yang menjadi rekomendasi utama dalam pembuatan aplikasi web modern.

https://youtu.be/Sklc_fQBmcs

---

Daftar library untuk melakukan proses lazy loading component dan asset di React JS

https://blog.logrocket.com/the-top-choices-for-react-lazy-loading-libraries-in-2021/

---

#nextjs #react #fireship #lazyloading

Latihan panjang membuat Google Docs Clone dengan Firebase, HTML, CSS, dan JavaScript

https://blog.logrocket.com/build-a-google-doc-clone-with-html-css-and-javascript/

---

Membuat penyusun format nomor telepon dengan JavaScript

https://dev.to/hellodevworldblog/phone-number-formatter-javascript-4m34

---

Daftar operator JavaScript Modern ES2020 yang sudah dapat dipakai saat ini di browser dan Babel

https://medium.com/javascript-in-plain-english/3-new-javascript-operators-that-you-can-use-today-649da09df09d

---

Menggunakan Promise , Async Await di dalam JavaScript untuk proses yang bersifat blocking event loop

https://medium.com/javascript-in-plain-english/writing-asynchronous-code-in-javascript-using-async-and-await-5d43ddcfa31b

#docs #googleDocs #clone #css #es2020 #phoneNumber

Latihan bagian kedua dari Diligent Dev tentang membuat aplikasi mobile berbagi foto dengan Ionic, Vue JS 3, dan Firebase Database

https://youtu.be/uYfINoxFl6U

Playlist yang lain dapat dilihat di channel Diligent Dev di atas

---

Cara mengganti default font di Vuetify yang dipakai di Nuxt JS

https://medium.com/untitled-factory/changing-default-font-in-vuetify-js-and-nuxt-js-3894e726ff10

—-

Tips optimasi aplikasi Vue JS untuk performa lebih baik

https://medium.com/javascript-in-plain-english/ways-to-optimize-our-vue-apps-b7c314c2252a

#vue #nuxt

Daftar API gratis dan bersifat publik yang dapat dipakai sebagai latihan pembuatan aplikasi web

https://dev.to/hb/10-fun-apis-to-use-for-your-next-project-2lco

#api #free #publicAPI

Cara menggunakan SASS dan CSS Modules di Next JS

https://www.freecodecamp.org/news/how-to-use-sass-with-css-modules-in-next-js/

---

Pengenalan apa itu React Server Component dan penggunaannya

https://www.freecodecamp.org/news/what-are-react-server-components/

---

Beberapa keahlian JavaScript yang diperlukan dan tips penggunaan React

https://www.freecodecamp.org/news/how-to-learn-react-skills-you-need-to-know/

---

Beberapa tips penggunaan React Hooks yang benar

https://blog.logrocket.com/avoiding-common-mistakes-in-react-hooks/

---

#react #nextjs #sass #scss #serverComponent #hooks