Pengenalan React Server Component dari Programming With Erik untuk pengambilan data dari database

https://youtu.be/r3naKWlTOTA

---

Cara melakukan deploy aplikasi React JS ke layanan droplet VPS Digital Ocean

https://www.digitalocean.com/community/tutorials/how-to-deploy-a-react-application-with-nginx-on-ubuntu-20-04

---

Contoh pengambilan data di React JS dengan Apollo GraphQL

https://blog.logrocket.com/data-retrieval-in-graphql-with-react-apollo/

---

#react #graphql #serverComponent #vps #digitalocean

Daftar layanan atau web yang menyediakan aset gambar, icon, ilustrasi, dan grafik yang gratis yang dapat dipakai untuk menambah desain tampilan aplikasi web

https://medium.com/javascript-in-plain-english/26-places-to-find-beautiful-free-illustrations-for-your-website-ec8be0f5b019

#assets #icon #image #illustration #asset

Latihan menggunakan CSS Grid dengan lima latihan membuat halaman Web

https://dev.to/joyshaheb/acing-css-grid-model-in-2021-with-5-exercises-css-2021-51ci

#css #grid #cssGrid #html

Memperkenalkan Awesome Compose, kumpulan dari resep Docker Compose untuk penggunaan Docker di backend dan front end

https://github.com/docker/awesome-compose

—-

Latihan panjang mengenal Docker dalam durasi 4 jam

https://dev.to/techworld_with_nana/full-docker-course-free-4hl3

---

Latihan panjang sekali pengenalan Docker dan Kubernetes dari Freecodecamp

https://www.freecodecamp.org/news/course-on-docker-and-kubernetes/

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

---

Panduan lengkap Handbook penggunaan Docker Container untuk pengembangan aplikasi web modern

https://www.freecodecamp.org/news/the-docker-handbook/

---

Panduan lengkap Handbook penggunaan Kubernetes dan Docker untuk pengembangan aplikasi web

https://www.freecodecamp.org/news/the-kubernetes-handbook/

---

Latihan panjang dan berseri pengenalan Docker dengan ilustrasi gambar sederhana dan menarik

https://dev.to/aurelievache/understanding-docker-part-8-docker-layers-1080

https://dev.to/aurelievache/understanding-docker-part-9-docker-search-35pb

---

Latihan menggunakan Docker untuk menjalankan MongoDb Container yang dipakai dalam proses pengembangan aplikasi

https://dev.to/simonnystrom/setting-up-mongodb-in-docker-for-development-1n4k

---

#docker #mongodb #kubernetes #handbook #guide #awesome

Mengenal Emmet dan cara penggunaannya untuk mempercepat templating HTML

https://medium.com/javascript-in-plain-english/speed-up-your-coding-using-emmet-a-really-powerful-tool-6b0b2b16032d


#emmet #html

Cara melakukan instalasi Linux dengan cara dual boot, dengan menggunakan Balena Etcher , USB Flashdisk, dan distro Ubuntu

https://medium.com/better-programming/how-to-install-linux-on-windows-9f63cfc98f21


#linux #dualboot #nowsl

Mungkin ada yang ingin tanya” langsung ke seoramg Google Engineer bisa ikutan minggu ini gaes, di youtube Kotakode 👍🙏

Kalau ada pertanyaan yang ingin di tanyakan bisa dm saya aja langsung

Daftar GRATIS di https://linktr.ee/kotatalks2

Latihan panjang sekali penggunaan Serverless Framework untuk aplikasi pemesanan tiket, dengan Node JS, Vue JS, React JS, Apollo GraphQL, Tailwind CSS dan Ant Design

https://itnext.io/build-an-app-that-books-vacations-to-the-moon-with-graphql-lambda-dynamodb-serverless-framework-569b26b6e85

---

Membuat Navbar menu di Next JS dengan menggunakan Tailwind CSS

https://dev.to/andrewespejo/how-to-design-a-simple-and-beautiful-navbar-using-nextjs-and-tailwindcss-26p1

---

#nodejs #react #vue #serverless #tailwind #graphql #ant

Latihan panjang membuat Drag and Drop Component dengan HTML5 dan CSS

https://blog.logrocket.com/html-5-drag-and-drop-api-a-tutorial/

---

Contoh penggunaan Data Attribute di dalam HTML dan JavaScript

https://medium.com/javascript-in-plain-english/quick-guide-to-using-data-attributes-f1f2c3161d5f

---

Membuat tampilan kalender di HTML dengan CSS Grid sederhana

https://css-tricks.com/a-calendar-in-three-lines-of-css/

---

Tips melakukan debugging CSS pada tampilan HTML

https://dev.to/sheelah_b/debugging-css-some-tips-and-tricks-bek

---

Membuat tampilan responsive dari aplikasi web dengan Media Query

https://www.freecodecamp.org/news/responsive-pages-and-color-themes-with-minimal-css/

#drag #drop #css #html #calendar
#dataAttribute

Latihan sederhana membuat CMS dengan Angular dan Firebase

https://medium.com/javascript-in-plain-english/create-a-cms-with-angular-firebase-8ecdf0dd63d9

---

Latihan membuat aplikasi web sederhana dengan Angular, Node JS Express JS, dan CRUD ke database PostgreSQL

https://dev.to/bezkoder/angular-11-node-js-postgresq-crud-example-with-express-rest-apis-1c83

—-

Latihan membuat Dark Mode di Angular dengan bantuan Angular Material

https://sevriukovmk.medium.com/angular-material-dark-mode-f1baee78d8af

---

Latihan membuat fungsi CRUD pada aplikasi web Angular ke layanan Firebase Database

https://dev.to/bezkoder/angular-11-firebase-crud-with-realtime-database-3l07

#angular #firebase #cms #nodejs #postgresql

Membuat halaman konfirmasi Dialog dengan Component di Vue JS

https://stackabuse.com/how-to-create-a-confirmation-dialogue-in-vue-js/

—-

Tips penggunaan Nuxt JS untuk halaman error, Async Hooks , dan teknik request data ke API

https://medium.com/javascript-in-plain-english/nuxt-js-error-pages-async-and-request-data-cc58452c8a8c


#vue #dialog #modal #nuxt

Kelas CSS untuk menghapus margin margin tersisa di bagian header element

https://twitter.com/argyleink/status/1316143837903896577

#css #header #margin

Cara menggunakan ES Modules di backend Node JS seperti Express, dan bukan dengan Common JS

https://medium.com/dev-genius/nodejs-using-es-modules-instead-of-commonjs-9c6e801e7508

—-

Cara konfigurasi Mongoose di Express JS

https://medium.com/javascript-in-plain-english/how-to-set-up-mongoose-with-expressjs-da2cc34c9219

—-

Mengenal apa itu CORS dan cara mengatasinya di bagian backend

https://medium.com/swlh/cors-cross-origin-communication-in-the-modern-web-1a8f6ec3b3a6

---

Contoh sederhana alur kerja proses Login dan Sign Up dengan Node JS

https://dev.to/tienbku/node-js-express-login-example-with-mongodb-2ofc

---

#express #nodejs #esm #commonjs #es6 #mongoose #mongodb #cors

Menggunakan Docker Compose untuk menjalankan multiple Container secara bersamaan dan mempermudah proses development dan production

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

---

Rekapitulasi beberapa artikel menarik seputar Docker selama tahun 2020

https://www.docker.com/blog/year-in-review-the-most-viewed-docker-blog-posts-of-2020-part-1/

---

Cara mempercepat Build Docker image dan container dengan Docker cache

https://dev.to/gasparev/speed-up-docker-build-time-with-cache-warming-29on

#docker

Daftar layanan untuk deploy aplikasi web secara gratis terbatas

https://dev.to/surajsrv11/5-website-to-host-your-website-for-free-2p55

#hosting #vps #demo

Latihan penting membuat fitur Reset Password di dalam backend Node JS dan Express JS

https://kelvinmwinuka.com/how-to-handle-password-reset-in-expressjs/

---

Latihan menggunakan Passport JS untuk membantu sistem Authentication di Express JS dengan Local Auth Strategy

https://medium.com/javascript-in-plain-english/how-to-create-registration-authentication-with-express-passportjs-eb9450a9fa3b

---

Latihan panjang menggunakan Passport JS untuk sistem Authentication di Express JS dengan Local Auth Strategy

https://www.sitepoint.com/local-authentication-using-passport-node-js/

---

Cara menggunakan Passport JS di Express JS

https://www.freecodecamp.org/news/learn-how-to-handle-authentication-with-node-using-passport-js-4a56ed18e81e/


---

Contoh penggunaan Cookie Parser di dalam Express JS

https://dev.to/code_regina/express-router-and-cookies-2b0k

---

#nodejs #express #passport #auth

Latihan penting untuk membuat element Footer agar tetap menempel / Sticky ke posisi bawah halaman

https://dev.to/dailydevtips1/making-a-footer-stick-to-the-bottom-with-css-212g

---

Perbedaan antara ClipPath dan Mask dengan CSS untuk element gambar atau grafik

https://css-tricks.com/clippath-vs-mask/

---

Contoh penggunaan CSS untuk membuat cover element di atas element HTML yang lain

https://css-irl.info/a-utility-class-for-covering-elements/

https://css-tricks.com/a-utility-class-for-covering-elements/

---

Daftar tag HTML yang wajib diketahui pengembang aplikasi web

https://blog.logrocket.com/html-tags-every-frontend-developer-should-know/

#html #css #footer #cover #clipPath #mask

Memperkenalkan Web Vitals Leaderboard. Layanan untuk melihat peringkat aplikasi web seluruh dunia berdasarkan hasil penilaian performa Web vitals

https://vitals-leaderboard.pazguille.me/

#pwa #lighthouse

Latihan deploy aplikasi React JS ke layanan hosting Netlify

https://blog.logrocket.com/3-ways-to-deploy-react-apps-to-netlify/

---

Membuat jam digital dengan React JS

https://dev.to/olanetsoft/how-to-build-a-ticking-clock-with-react-425f

---

Cara menambahkan Google Analytics ke dalam Next JS

https://dev.to/creativesuraj/how-to-add-google-analytics-to-a-next-js-website-3c9k

---

Cara deploy aplikasi React JS ke Github Pages

https://dev.to/terieyenike/how-to-deploy-react-apps-to-github-2e5m

#clock #digital #react #nextjs #analytic #github

Konversi halaman web menjadi bentuk PDF dengan bantuan Puppeteer dan Node JS

https://medium.com/better-programming/convert-web-pages-into-pdfs-with-puppeteer-and-node-js-8e72fb3d0bd2

—-

Cara mudah untuk memperbarui versi Node JS dengan Node Version Manager

https://medium.com/javascript-in-plain-english/the-best-way-to-reinstall-node-js-mac-linux-windows-d5f3212fdd2e

—-

Latihan membangun aplikasi berbasis WebSocket dengan SocketIO dan Node JS Express

https://medium.com/javascript-in-plain-english/how-to-build-a-websocket-chat-application-819399d55800

—-

Beberapa kelebihan dari Node JS dan framework backend JS yang powerfull dan panduan hijrah ke Node JS dari web developer bahasa php.

https://medium.com/javascript-in-plain-english/node-js-for-php-developers-4084aa3ed723

—-

Konfigurasi Github Actions dari Travis CI untuk melakukan proses CI/CD aplikasi berbasis Node JS

https://medium.com/javascript-in-plain-english/migrate-travis-ci-to-github-actions-for-node-js-4ab21e28d63c

—-

Latihan menggunakan Socket IO untuk menampilkan realtime Tweet dari Traversy Media

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

---

Contoh penggunaan Assert Module di backend Node JS


https://blog.logrocket.com/using-assert-modules-to-verify-invariants-in-nodejs/

---

#nodejs #pdf #puppeteer #nvm #nophp #socketio #express #tweet #assert