Latihan Javascript dengan membuat 15 project sederhana dan framework JS dari channel Coding Addict

https://youtu.be/c5SIG7Ie0dM

#project #course
---

Latihan membuat halaman Shopping Cart dengan Javascript HTML dan CSS

https://youtu.be/90PgFUPIybY

#shoppingcart #vanillajs
---

Latihan membuat web Portofolio dengan Gatsby JS dan Strapi CMS

https://youtu.be/asB-dUwpH4Y

Latihan dasar menggunakan Gatsby JS

https://youtu.be/5Mam9NuxwQc

Latihan membuat web app Coffee Shop dengan Snipcart dan Contentful CMS

https://youtu.be/oAVhEPey_qA


#gatsby #react #snipcart #contentful


---

Latihan membuat Budget Calculator dengan Svelte JS
https://youtu.be/uk1eM0Yn0UQ

#svelte

Latihan menggunakan Bree JS , library untuk membuat Job Scheduler di Node JS backend dengan bantuan Worker Thread. Contoh kasus yang dibuat adalah mengirim Tweet Twitter dalam rentang waktu tertentu

https://blog.logrocket.com/getting-started-with-bree-js/

---

Membuat alur logika Shopping Cart di Node JS
https://dev.to/suniljoshi19/unit-testing-react-components-using-enzyme-and-jest-testing-frameworks-2m4k

—-

Menampilkan visualisasi kode yang error dari alur kerja aplikasi Node JS dengan Ilama Logging

https://dev.to/bakenator/visualize-nodejs-errors-in-real-time-with-llama-logs-3c18


#nodejs #workerThread #scheduler #bree #breejs #shoppingcart #logging #ilamalogging

Latihan menggunakan Date Picker dari Angular Material untuk fungsi Date Range

https://www.techiediaries.com/angular-10-material-date-picker-calendar-range/

---

Latihan membuat Dark Mode di Angular dengan mudah melalui Angular Material

https://levelup.gitconnected.com/angular-material-dark-mode-in-3-steps-b9421bfc184b

---

Membuat halaman Shopping Cart dengan Angular dan Node JS

https://dev.to/suniljoshi19/build-a-shopping-cart-in-nodejs-and-angular10-4hne

---

Cara deploy aplikasi Angular ke Github Pages dengan Github Actions

https://dev.to/jasonfritsche/deploy-angular-to-github-pages-by-setting-up-a-workflow-in-github-171b

---

Tips dan trik menggunakan Dependency Injection di Angular

https://dev.to/thinkster/3-angular-dependency-injection-tips-i0e

---

#angular #material #darkmode #mean #shoppingcart #nodejs #githubActions #githubPages #dependencyInjection

Membuat halaman Shopping Cart dengan Svelte JS dan Sapper

https://blog.bitsrc.io/getting-started-with-sveltejs-building-a-shopping-cart-with-code-snippets-71e1603b4449

—-

Konfigurasi Tailwind CSS dan PostCSS pada Svelte Sapper JS

https://dev.to/codechips/solid-sapper-setup-with-postcss-and-tailwind-1mbo

—-

Konfigurasi Environment Variables pada project Svelte JS dan TypeScript

https://dev.to/jancassio/adding-environment-variables-to-svelte-typscript-project-4phk

—-

Latihan pengenalan Svelte JS dengan membuat aplikasi Counter sederhana

https://dev.to/alexmercedcoder/svelte-learn-the-basics-of-this-fast-framework-with-small-bundles-13pk

—-

Komparasi antara Svelte Sapper dengan Vue JS

https://dev.to/divporter/svelte-sapper-vs-vue-2dnk

#svelte #shoppingcart #sapper #tailwind #environment #counter

Latihan mengenal Svelte JS dengan contoh kasus halaman Shopping Cart

https://blog.bitsrc.io/getting-started-with-sveltejs-building-a-shopping-cart-with-code-snippets-71e1603b4449

---

Mengenal Elder.js: A Svelte Framework and Static Site Generator
https://elderguide.com/tech/elderjs/

---

Membuat aplikasi Blog dengan Sapper Svelte JS dan deploy ke Github Pages

https://dev.to/simonnystrom/creating-a-blog-with-svelte-sapper-and-github-pages-29gb

#svelte #elderjs #shoppingcart #sapper #blog

Latihan sederhana bersama Ali Spittel dalam membuat aplikasi Next JS dan deploy ke layanan Amazon AWS Amplify

https://youtu.be/GsObT64SRhA

---

Latihan membuat pengaturan aktivasi fitur atau feature toggle tergantung dari jenis akses pengguna atau role based access dengan Next JS

https://www.freecodecamp.org/news/how-to-use-feature-toggles-in-next-js-and-react/

---

Latihan penting menambahkan fitur Authentication di Next JS dengan Auth0 service

https://blog.logrocket.com/authenticate-your-next-js-application-using-auth0/

---

Latihan membuat aplikasi Next JS dan deploy ke layanan Google Cloud Run

https://blog.logrocket.com/how-to-deploy-next-js-on-google-cloud-run/

---

Latihan panjang sekali membuat halaman Shopping Cart lengkap dengan kalkulasi jumlah barang dan harga, menggunakan Next JS

https://blog.logrocket.com/building-a-next-js-shopping-cart-app/

#nextjs #react #feature #rbac #shoppingCart #aws #auth #gcp #auth0

Menggunakan Nx Tools untuk membuat project berbasis React JS

https://blog.logrocket.com/building-an-application-with-react-and-nx/

---

Konfigurasi Airbnb Style Guide untuk ESLint pada React JS project

https://blog.bitsrc.io/how-to-set-up-airbnb-style-guide-for-react-projects-fc7dfb1f3d68

---

Latihan panjang membuat project berbasis Next JS dengan logika shopping cart

https://blog.logrocket.com/building-a-next-js-shopping-cart-app/

#react #nx #nextjs #eslint #airbnb #shoppingCart

Latihan dari Web Dev Simplified tentang membuat halaman dan fitur Shopping Cart dengan React dan TypeScript

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

#react #typescript #webdevsimplified #shoppingCart

Tips bagi pemula dalam penggunaan React JS dari Web Dev Simplified

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

—-

Latihan panjang dari Traversy Media membuat aplikasi Shopping Cart dengan React JS dan Stripe

https://www.youtube.com/watch?v=_8M-YVY76O8

——

Penggunaan React Context dengan TypeScript dari channel Weibenfalk

https://www.youtube.com/watch?v=nTQ-PfUqDvM


#react #webdevsimplified #traversymedia #weibenfalk #shoppingCart

How to Build a Shopping Cart with React and TypeScript

https://www.freecodecamp.org/news/how-to-build-a-shopping-cart-with-react-and-typescript/

---

Elevating React Development with Custom Hooks and Props Getters

https://dev.to/dbxdev/elevating-react-development-with-custom-hooks-and-props-getters-1d6o

#react #shoppingCart #props #getter