Latihan panjang dan lengkap membuat REST API dengan Node JS , Express, dan PostgreSQL. Selain itu tersedia juga latihan backend Node JS dengan Nest JS

https://dev.to/fullstackprogrammer/advanced-express-js-rest-api-node-js-full-tutorial-230h

---

Tips dan trik dalam membuat JSON Web Token di backend Node JS

https://livecodestream.dev/post/2020-08-11-a-practical-guide-to-jwt-authentication-with-nodejs/


Mengatur status login pengguna dengan menggunakan JSON Web Token JWT

https://medium.com/swlh/how-to-manage-login-activity-using-jwt-in-nodejs-b810a89fd8c8
---

Tips penting dari AppSignal untuk aplikasi Node JS agar dapat berjalan kembali setelah mengalami gangguan error atau crash

https://blog.appsignal.com/2020/09/09/nodejs-resiliency-concepts-recovery-and-self-healing.html

---

Artikel tentang pengenalan Node JS dan beberapa contoh kasus penggunaannya

https://dev.to/ozakaran/it-s-all-about-nodejs-37k4

---

#nodejs #express #postgresql #nest #mern #mean #mevn #restAPI #pm2 #selfhealing #appsignal

Tips membuat aplikasi fullstack Javascript dengan Node JS

https://medium.com/dailyjs/how-i-built-my-first-mern-stack-app-in-a-week-243f04787db6

---

Cara melakukan debugging aplikasi Next JS

https://dev.to/nikolovlazar/debugging-next-js-1hgp

---

Contoh sederhana membuat proses Authentication dengan Next JS

https://dev.to/dabit3/the-complete-guide-to-next-js-authentication-2aco

---

#nodejs #mern #fullstack #nextjs #mevn #mean

Programming With Erik mengulas sebuah tools untuk membuat kerangka proyek atau boilerplate berbasis Fullstack Javascript Node JS . Tools yang dipakai bernama MEVN CLI , yang berguna membuat kerangka dengan front end Nuxt / Vue dan backend berbasis Node JS.

Demo membuat MEVN Stack dengan Nuxt dan Express
https://youtu.be/9BbfQN1z2qU

---

Tools ini tersedia di Github dan bisa kontribusi
https://github.com/madlabsinc/mevn-cli

https://mevn.madlabs.xyz/


----

Pengenalan Helpers dan Properties bawaan yang ada di dalam Nuxt JS .

https://blog.logrocket.com/working-with-context-helpers-and-advanced-properties-in-nuxt-js/

---

Pengenalan lifecycle hook di Vue JS

https://medium.com/javascript-in-plain-english/vuejs-lifecycle-hooks-7ddf74732b38

---

Artikel yang berisi daftar tools penting dalam pengembangan aplikasi berbasis Vue JS

https://www.smashingmagazine.com/2020/10/useful-tools-vue-javascript-web-development/

---

#mevn #nodejs #fullstack #express #vue #mevnCLI #mongodb #lifecycle #tools

Latihan panjang membuat aplikasi modern fullstack Javascript dengan MEVN Stack

https://youtu.be/vr6O-IYebXA

---

Latihan menggunakan plugin Markdown MDX di dalam aplikasi Vue JS

https://blog.logrocket.com/getting-started-with-mdx-and-vue-js-nuxt-js/

---

Latihan panjang membuat aplikasi Vue JS dengan GraphQL Node JS , Amazon Amplify Datastore , fitur offline dari Progressive Web Apps PWA

https://medium.com/js-dojo/offline-first-made-easy-with-graphql-amplify-datastore-and-vue-540cbe96e893

---

Contoh konfigurasi Storyblok CMS untuk dapat dipakai sebagai sumber data dari Vue JS / Nuxt JS

https://dev.to/katieadamsdev/configuring-the-storyblok-bridge-in-typescript-hmm

#mevn #express #nodejs #vue #mdx #markdown #amplify #graphql #storyblok

Membuat editor WSYIWG dengan Kendo UI dan Vue JS

https://www.telerik.com/blogs/creating-web-editor-using-kendo-ui-vue

---

Membuat aplikasi chat dengan Node JS , Kendo UI , dan MEVN Stack , yang dilengkapi dengan Emoji Suggestion dari Sentiment Analysis

https://www.telerik.com/blogs/emoji-suggestions-chat-application-kendo-ui-vue-sentiment-analysis

---

Menggunakan fungsi CI/CD dari Github Actions untuk deploy aplikasi Vue JS ke Firebase Hosting

https://medium.com/js-dojo/ci-cd-with-vue-firebase-hosting-and-github-actions-3fb0afa81314

---

Beberapa cara untuk mengisi kembali state dari Vuex di Vue JS

https://stegosource.com/3-ways-prepopulate-vue-js-global-stores-state/

---

#vue #vuex #firebase #github #actions #cicd #wsyiwg #mevn #kendoui

Channel Codedamn merilis roadmap atau alur belajar menjadi fullstack web developer modern dengan teknologi berbasis Node JS dan JavaScript. Beberapa teknologi dan framework yang dipakai dapat dilihat pada tautan berikut

https://youtu.be/kYIDqbHlZtk

---

Prediksi perkembangan teknologi aplikasi web di tahun 2021 yang akan datang oleh Codedamn

https://youtu.be/RqSUZ3mn5kM

---

Latihan panjang dari Codedamn tentang pengenalan HTML dan konsep penggunaan CSS untuk mengatur tampilan element HTML

https://youtu.be/XhqEuyWjbdo

---

#roadmap #fullstack #nodejs #mern #mean #mevn #learning

Alur belajar lengkap pengembangan aplikasi web modern berbasis JavaScript dan Node JS, dan contoh contoh stack nya.

https://www.freecodecamp.org/news/how-to-learn-web-dev-in-2021-roadmap/

---

Jalur belajar pengembangan aplikasi web modern yang menggunakan JavaScript dan Node JS

https://medium.com/swlh/2021-js-fullstack-web-developer-roadmap-part1-d86ac51d5c39

---

Channel Codedamn merilis roadmap atau alur belajar menjadi fullstack web developer modern dengan teknologi berbasis Node JS dan JavaScript. Beberapa teknologi dan framework yang dipakai dapat dilihat pada tautan berikut

https://youtu.be/kYIDqbHlZtk

---

Prediksi perkembangan teknologi aplikasi web di tahun 2021 yang akan datang oleh Codedamn

https://youtu.be/RqSUZ3mn5kM

---

Latihan panjang dari Codedamn tentang pengenalan HTML dan konsep penggunaan CSS untuk mengatur tampilan element HTML

https://youtu.be/XhqEuyWjbdo

---

#roadmap #fullstack #nodejs #mern #mean #mevn #learning #guide

Alur belajar lengkap pengembangan aplikasi web modern berbasis JavaScript dan Node JS, dan contoh contoh stack nya.

https://www.freecodecamp.org/news/how-to-learn-web-dev-in-2021-roadmap/

---

Insight dan alur belajar pengembangan aplikasi web modern berbasis Node JS dari channel Programming With Erik

https://youtu.be/3mUIuLDX-bg

---

Insight atau jalur belajar yang dapat dipilih untuk pengembangan aplikasi web modern berbasis JavaScript dan Node JS dari Traversy Media

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

—-

Jalur belajar pengembangan aplikasi web modern yang menggunakan JavaScript dan Node JS

https://medium.com/swlh/2021-js-fullstack-web-developer-roadmap-part1-d86ac51d5c39

https://a-mhaish.medium.com/2021-js-fullstack-web-developer-roadmap-part2-d3579330b0e5

---

Channel Codedamn merilis roadmap atau alur belajar menjadi fullstack web developer modern dengan teknologi berbasis Node JS dan JavaScript. Beberapa teknologi dan framework yang dipakai dapat dilihat pada tautan berikut

https://youtu.be/kYIDqbHlZtk

---

Prediksi perkembangan teknologi aplikasi web di tahun 2021 yang akan datang oleh Codedamn

https://youtu.be/RqSUZ3mn5kM
---

Sekilas perkembangan JavaScript, Node JS, dan JAMStack di tahun 2020 dan yang akan datang

https://thenewstack.io/up-the-stack-a-year-end-review-of-serverless-jamstack-and-javascript/

#roadmap #fullstack #nodejs #mern #mean #mevn #learning #guide

Latihan panjang membangun aplikasi e-commerce dengan Vue JS

https://medium.com/javascript-in-plain-english/lets-build-an-e-commerce-app-frontend-with-vue-js-8eb088f421a7

—-

Membuat kalender di Vue JS dengan library Vue Simple Calendar

https://medium.com/javascript-in-plain-english/adding-a-simple-calendar-to-our-vue-app-with-vue-simple-calendar-b0d176cf523

—-

Membuat authentication system di Vue JS dengan Firebase Auth

https://medium.com/javascript-in-plain-english/adding-authentication-to-a-vue-app-with-firebase-93727aaca80c

—-

Membuat aplikasi ToDo List untuk memahami cara kerja Composition API Vue 3

https://dev.to/burakgur/create-todo-app-with-vue-3-composition-api-1ok7

—-

Contoh aplikasi fullstack JS dengan MEVN Stack untuk contoh operasi CRUD

https://dev.to/tienbku/vue-js-node-js-mysql-example-crud-application-4i8l

—-

Element UI untuk Vue JS 3 akan segera dirilis

https://itnext.io/element-ui-for-vue-3-0-is-coming-53dfa6d4fe32

—-

#vue #ecommerce #mevn #nodejs #firebase #calendar #composition #elementUI

Latihan panjang pembuatan aplikasi MEVN dengan pengaman JWT Token dan refresh token, menggunakan Express JS dan Vue JS

https://blog.logrocket.com/jwt-authentication-from-scratch-vue-js-node-js/

---

Latihan pengenalan Node JS Crypto Module untuk pengamanan data di Node JS, enkripsi, dekripsi, sign data, dan masih banyak lagi

https://blog.logrocket.com/node-js-crypto-module-a-tutorial/

---

Tips optimasi dan performansi pada aplikasi Vue JS

https://medium.com/javascript-in-plain-english/scaling-performance-in-vue-js-applications-a868c8746cef

---

Melihat beberapa fitur dari framework Vue Vite JS 2 dan contoh penggunaannya

https://patak.dev/web/vite-2.html

---

Referensi beberapa framework Node JS untuk backend server app.

https://medium.com/javascript-in-plain-english/10-best-node-js-frameworks-for-webapps-in-2021-f217fc4e9f0f

---

Membuat efek Masonry pada tampilan Gallery di Vue JS

https://medium.com/javascript-in-plain-english/add-photo-tiles-to-a-vue-app-with-the-vue-masonry-plugin-70f8a05076c7

#nodejs #vue #vite #mevn #jwt #auth #crypto #masonry

Cara menggunakan asset icon Font Awesome di dalam project Vue JS

https://blog.logrocket.com/full-guide-to-using-font-awesome-icons-in-vue-js-apps-5574c74d9b2d/

---

Contoh penggunaan animasi transisi di dalam Vue Router

https://medium.com/javascript-in-plain-english/4-awesome-examples-of-vue-router-transitions-edfd4db99b6a

---

Latihan dasar membuat aplikasi web modern dengan Node JS MEVN Stack

https://levelup.gitconnected.com/create-a-full-stack-web-app-with-the-mevn-stack-42473aabb822

—-

Membuat efek scroll khusus pada halaman Nuxt JS setelah selesai dimuat

https://levelup.gitconnected.com/nuxt-js-custom-scrollbehavior-fired-after-page-loaded-cd94fd6ddd12

—-

#vue #nuxt #icon #fontAwesome #scroll #nodejs #mevn

Membuat header datatable yang bersifat dinamis dengan Vue JS dan Vuetify

https://blog.logrocket.com/building-a-selectable-header-data-table-with-vue-js-and-vuetify/

---

Latihan panjang tentang penggunaan Axios di Vue JS untuk mengambil data endpoint REST API dari Hackernews

https://dev.to/eaetukudo/how-to-implement-an-api-using-vuejs-axios-3m95

---

Latihan membuat aplikasi MEVN Stack dalam bentuk Todo List

https://dev.to/aumayeung/create-a-full-stack-web-app-with-the-mevn-stack-4k4

---

Membuat fungsi Redirect dan Alias di Vue Router

https://dev.to/aumayeung/redirect-and-alias-with-vue-router-4hd8

---

Contoh penggunaan Nested Route di Vue Router

https://dev.to/aumayeung/defining-nested-routes-with-vue-router-4kb0

---

Cara menambahkan Vuex Store yang bersifat modular

https://dev.to/aumayeung/adding-modules-to-a-vuex-store-46f0

---

#vue #vuetify #datatable #header #axios #vuex #router #mevn

Konfigurasi sederhana Docker Container untuk project backend Nest JS

https://dev.to/erezhod/setting-up-a-nestjs-project-with-docker-for-back-end-development-30lg

---

Membuat aplikasi blog dengan MEVN Stack

https://dev.to/kevin_odongo35/mongodb-express-vue-and-node-2cml

---

Melakukan konfigurasi Express JS, Node JS dan TypeScript untuk berjalan di Docker Container dan dengan fitur hot reload.

https://dev.to/dariansampare/setting-up-docker-typescript-node-hot-reloading-code-changes-in-a-running-container-2b2f

---

Menggunakan Docker Container untuk deploy aplikasi backend Node JS

https://hatembentayeb.hashnode.dev/hiding-my-nodejs-application-code-within-a-docker-container

---

Membuat aplikasi chat sederhana dengan Node JS dan Socket IO

https://dev.to/joojodontoh/build-a-web-chat-application-using-node-js-socket-io-d9i

---

Tips rate limiting atau pembatasan jumlah request per pengguna dengan Redis Node JS

https://codeburst.io/api-rate-limiting-with-node-and-redis-95354259c768

---

Beberapa penjelasan tentang konsep routing di Express JS

https://dev.to/aumayeung/more-about-routing-with-express-co1

---

#nodejs #docker #nestjs #routing #mevn #express #typescript #deploy #socketio

Latihan implementasi Google Maps dan Geolocation ke Vue JS, dari channel Coding With Justin

https://youtu.be/m4ad3eEFhAo

---

Pengenalan lazy loading router di Vue JS

https://css-tricks.com/lazy-load-routes-in-vue-with-webpack-dynamic-comments/

---

Integrasi Passport JS ke dalam MEVN Stack

https://dev.to/kevin_odongo35/integrate-passport-js-to-node-express-and-vue-19ao

—-

Contoh implementasi JWT Auth di MEVN Stack

https://dev.to/kevin_odongo35/jwt-authorization-and-authentication-node-express-and-vue-2p8c

#nodejs #vue #mevn #lazyloading #router #jwt #passport

Latihan membuat modal dialog dengan Vue JS 3, Teleport API, dan Tailwind CSS

https://dev.to/alvarosaburido/create-modals-with-vue3-teleport-tailwindcss-48aj

---

Membuat aplikasi chat dengan MEVN Stack dan Socket IO

https://medium.com/js-dojo/build-a-real-time-chat-app-with-vue-3-socket-io-and-nodejs-adc259dd1d07

---

Beberapa design pattern di Vue JS yang dapat diimplementasi di aplikasi skala besar

https://medium.com/js-dojo/7-vue-patterns-that-you-should-be-using-more-often-b13cde4d2ae6

---

Cara deploy aplikasi Nuxt JS ke VPS production

https://medium.com/js-dojo/how-to-deploy-nuxt-application-to-server-production-mode-on-db67633421fd

#nodejs #vue #mevn #nuxt #modal #teleport #tailwind #designpattern

Coding With Justin merilis video beberapa kelebihan dan kemudahan yang ditawarkan oleh Vue JS 3 dan ekosistem pendukungnya yang semakin banyak. Sehingga dapat dipakai untuk aplikasi skala kecil hingga besar.

https://youtu.be/_XErZvXXalY

---

Latihan membuat aplikasi pemetaan dengan Google Maps Geolocation API dan Vue JS

https://youtu.be/m4ad3eEFhAo

---

Membuat aplikasi desktop dengan Vue JS dan Electron JS

https://youtu.be/LnRCX074VfA

---

Latihan mengenal Vue Composition API dengan membuat game Tic Tac Toe

https://youtu.be/pFeXPWO4elk

---

Latihan membuat Nuxt Plugin untuk dipakai secara global untuk kasus Toast Modal

https://dev.to/amrelmohamady/how-to-create-a-custom-global-nuxt-plugin-toast-1976

---

Latihan membuat aplikasi realtime dengan MEVN Stack dan Socket IO

https://dev.to/kevin_odongo35/socket-io-webrtc-node-express-mongodb-and-vue-final-part-kjk

#vue #composition #googleMaps #geolocation #mevn #socketIO

Ingin jadi fullstack dengan Node JS dan MERN atau sejenisnya ?
Ada seorang developer bernama Matti Luukkainen yang membuka kursus secara gratis.

Silahkan akses coursenya disini.

https://fullstackopen.com/en/
-
Jangan lupa berikan Github stars ke pemilik repo latihan tersebut
https://github.com/mluukkai

-

#nodejs #mern #mean #mevn

Design Course merilis latihan panjang membuat aplikasi web modern dengan Node JS MEVN Stack. Dengan contoh kasus membuat aplikasi harga mata uang digital BTC. Video selengkapnya dapat dilihat di bawah ini.

https://youtu.be/ek50iuo5zkE

---

Latihan dari Freecodecamp membuat aplikasi Twitter Clone dengan MEVN Stack

https://www.freecodecamp.org/news/create-a-cross-platform-twitter-clone-with-vue-js/

—-

Membuat aplikasi konversi berat badan dengan Vue JS 3

https://javascript.plainenglish.io/create-a-weight-converter-app-with-vue-3-and-javascript-6cf86f6b96cf

—-

Beberapa prinsip clean code yang dapat diterapkan pada project berbasis Vue JS

https://betterprogramming.pub/5-principles-for-writing-clean-and-maintainable-vue-js-code-35dfcf5ef08c

#mevn #vue #nodejs #designCourse #clone #twitter

Freecodecamp merilis latihan panjang bersama John Smilga tentang pembuatan aplikasi backend dengan Node JS dan Express, selengkapnya dapat dilihat di tautan berikut

https://youtu.be/Oe421EPjeBE

---

Latihan menggunakan ES Modules di Node JS

https://blog.logrocket.com/es-modules-in-node-today/

---

Latihan sederhana membuat aplikasi Node JS dengan React front end

https://dev.to/junko911/how-to-create-a-react-node-js-application-m5b

Contoh penggunaan dengan CRUD ke database MySQL
https://dev.to/nasreenkhalid/simple-react-js-and-mysql-integration-crud-app-backend-5aom

---

Menggunakan Nodemailer di Node JS untuk berkirim email ke alamat tertentu

https://dev.to/jlong4223/how-to-implement-email-functionality-with-node-js-react-js-nodemailer-and-oauth2-2h7m

---

Latihan membuat aplikasi chat dengan Node JS MEVN Stack

https://dev.to/readwarn/a-chat-app-i-made-using-mevn-stack-and-socket-io-2h3a

---

#nodejs #course #freecodecamp #johnSmilga #express #mern #mevn #crud

Latihan berseri pengenalan Vue JS 3 dan Composition API dengan Express JS backend dari channel Make Apps with Danny. Pada video ini adalah menyembunyikan API key dengan dotenv pada backend Node JS

https://youtu.be/47pHZYtciEs

---

Playlist lanjutannya dapat dilihat pada tautan berikut ini

https://youtube.com/playlist?list=PLAiDzIdBfy8h9C7hf-RKvU0Sz5o1UFgfQ

#vue #mevn #dotenv #env #composition #express