Latihan panjang dan berseri dari Codedamn pembuatan backend Node JS dengan Express JS , yaitu membuat sistem login dan logout dengan JSON Web Token JWT

https://youtu.be/b91XgdyX-SM

---

Latihan Codedamn sebelumnya dengan CRUD ke MongoDb dengan Node JS dan Express

https://youtu.be/5QEwqX5U_2M

---

Melakukan unit testing pada Express Middleware

https://medium.com/javascript-in-plain-english/how-to-unit-test-express-middleware-typescript-jest-c6a7ad166e74


---

Pengenalan Puppeteer untuk web scrapping halaman web

https://medium.com/javascript-in-plain-english/puppeteer-js-web-scraping-with-a-headless-browser-b5c5151c24a5

—-

Daftar proyek open source berbasis Node JS yang menarik untuk diikuti dan dicoba

https://medium.com/better-programming/8-node-js-projects-worth-looking-at-32a7290fc6d6

—-

Tips dan trik dalam memperketat keamanan aplikasi berbasis Node JS

https://medium.com/javascript-in-plain-english/nodejs-security-best-practices-542528f910

—-

Latihan membuat aplikasi Terminal atau CLI dengan Node JS

https://medium.com/@rossbulat/building-a-node-js-cli-an-introduction-fc3ac8868081

#nodejs #express #login #logout #jwt #mongodb #crud #puppeteer #sample #security #cli

Delapan latihan dan sampel aplikasi web yang dapat dipakai untuk latihan React JS

https://www.freecodecamp.org/news/8-reactjs-project-ideas-to-start-learning-by-doing/

---

Latihan membuat Apollo GraphQL Server dengan Next JS

https://www.smashingmagazine.com/2020/10/graphql-server-next-javascript-api-routes/

---

Latihan dasar memulai menggunakan React Next JS

https://www.smashingmagazine.com/2020/10/getting-started-with-next-js/

---

Menggunakan DevTo sebagai sumber CMS untuk aplikasi Next JS

https://dev.to/cvr/using-dev-to-as-a-cms-with-next-js-3eo0

---

Contoh pembuatan aplikasi Movie App dengan React JS

https://dev.to/maj07/react-project-movie-app-3f38

#nextjs #react #course #sample #graphql

Beberapa proyek menarik di Github yang dibuat dengan Vue JS

https://medium.com/javascript-in-plain-english/top-7-vue-js-projects-on-github-19ba006d34e8

---

Latihan dasar memulai menggunakan Vue JS

https://levelup.gitconnected.com/getting-started-with-vue-js-fe0d2ac38d07

---

Menggunakan CSS Flexbox di dalam Vuetify

https://medium.com/front-end-weekly/vuetify-flexbox-78ea34b933aa

---

Melakukan testing pada Component di Nuxt JS

https://blog.logrocket.com/component-testing-in-nuxt-js/

---

Menerapkan form Validation di Form Vuetify Vue JS

https://blog.logrocket.com/how-to-implement-form-validation-with-vuetify-in-a-vue-js-app/

---

Tips melakukan testing dan user acceptance test di Vue JS

https://blog.logrocket.com/a-guide-to-user-acceptance-testing-in-vue-js/

---

#vue #vuetify #github #sample #nuxt #form #vuetify #uat

Programming With Erik melakukan review terhadap beberapa proyek berbasis Vue JS 3 dan contoh proyek yang dapat dipakai sebagai latihan

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

- Vue 3 Playground
- Vite + Tailwind CSS Starter
- StackBlitz
- Movie Search
- Vue 3 Realworld Example
- Awesome Vue 3 Repo
—

Cara mengirim email langsung dari Vue JS ke tujuan email dengan bantuan library Email JS

https://www.freecodecamp.org/news/send-emails-from-your-vue-application/

#emailjs #vue #sample

Daftar sampel kode dan project yang ada di Codepen untuk menambah inspirasi latihan desain aplikasi web

https://dev.to/simonholdorf/10-inspiring-ideas-for-your-next-front-end-project-11bh

#codepen #sample #frontend

Sampel project aplikasi web lowongan kerja yang dibuat dengan React Next JS, Tailwind CSS, Fauna Db, dan Strapi CMS

https://github.com/erhankaradeniz/remotebond-remote-jobs

#sample #nodejs #nextjs #react

Kumpulan lengkap contoh project Javascript yang dapat dipakai sebagai latihan

https://www.freecodecamp.org/news/javascript-projects-for-beginners/

---

Perbedaan strict comparison dengan loose comparison di JavaScript

https://dev.to/kozlovzxc/js-interview-in-2-minutes-vs-1f58

---

Kumpulan library untuk membuat Chart di aplikasi web

https://hackernoon.com/10-javascript-charting-libraries-data-visualization-b77523d23372


---

#sample #tutorial #esm #strict #comparison #chart #library

Sampel kode untuk aplikasi restaurants yang dibuat dengan HTML, CSS, dan JavaScript

https://dev.to/abdurrehmaan/restaurant-menu-using-javascript-33ln

#sample

Referensi beberapa project untuk mengasah kemampuan front end developer

https://dev.to/madza/8-projects-to-build-to-master-your-front-end-skills-4gnc

#sample

Latihan panjang dari Fireship membuat aplikasi web dengan JavaScript murni dan beberapa framework Javascript lainnya

https://youtu.be/cuHDQhDhvPE

#fireship #sample

Sampel project web portofolio yang dibuat dengan React JS dan TypeScript

https://reactjsexample.com/a-beautiful-portfolio-page-made-with-react-and-typescript/

#react #portofolio #typescript #sample

Membuat sampel data acak dengan Node JS dan Falso JS

https://netbasal.com/generate-fake-data-in-the-browser-and-node-js-using-falso-3998d2bcbaaf

—-

Konsep dasar tentang cara kerja Node JS

https://medium.com/@contact.ashraful1/node-js-basic-concept-86fb4df4e6f9

—-

Membuat REST API dengan Node JS, Express JS, dan MySQL

https://medium.com/codex/building-a-rest-api-with-node-js-mysql-and-express-d55c090d171e

—-

Latihan sederhana tentang pembuatan REST API dengan Express JS dan database MongoDb

https://medium.com/seminal/creating-an-api-using-express-and-mongodb-ffc134b233ba

—-

#nodejs #fake #sample #express #falso #mongodb

Beberapa project contoh untuk dipakai belajar bagi pemula JavaScript

https://javascript.plainenglish.io/33-javascript-projects-for-beginners-a68553e9f56d

---

Menggunakan fungsi reject di dalam Promise dalam fungsi async await

https://javascript.plainenglish.io/how-to-reject-a-promise-with-the-javascript-async-await-syntax-d71c8870ceca

---

#sample #async #await #reject

Beberapa project open source yang dapat dipakai untuk membuat aplikasi berbasis Vue JS

https://medium.com/flatlogic/top-16-vue-open-source-projects-f96a519adade

#vue #sample

Kumpulan sampel project berbasis React JS yang dapat digunakan sebagai latihan

https://javascript.plainenglish.io/47-react-examples-for-website-development-1334cf89281d

#react #sample

Kumpulan sampel project untuk React JS

https://javascript.plainenglish.io/47-react-examples-for-website-development-1334cf89281d

#react #sample

Latihan sederhana membuat Color Picker dengan JavaScript, HTML, dan CSS

https://medium.com/weekly-webtips/build-a-hexagonal-color-picker-with-css-vanilla-javascript-36e62d10527

---

Beberapa project contoh untuk belajar menggunakan JavaScript

https://javascript.plainenglish.io/33-javascript-projects-for-beginners-a68553e9f56d

---

Pengenalan struktur data dalam Javascript

https://javascript.plainenglish.io/data-structures-in-js-9a13f7aa82b3

---

Pengenalan ES module dengan Common JS module

https://www.freecodecamp.org/news/modules-in-javascript/

#css #color #picker #esm #data #structure #sample

Penjelasan tentang dynamic import di JavaScript

https://medium.com/@vincent.bocquet/dynamic-import-in-javascript-a-simple-guide-a808cff86458

—-

Beberapa contoh project JavaScript untuk belajar

https://levelup.gitconnected.com/9-awesome-javascript-projects-for-your-resume-6dcf4645da4b


#import #sample