Beberapa latihan pengembangan aplikasi web modern dengan MEAN Stack , yaitu MongoDb/MySQL , Express JS , Angular terbaru, dan Node JS
-
Membuat aplikasi web MEAN Stack dengan Angular CLI
https://www.sitepoint.com/mean-stack-angular-angular-cli/

-

State Management di Angular dengan NGXS
https://alligator.io/angular/ngxs/

Library NGXS
https://www.ngxs.io/
-

Tips pengamanan aplikasi web Angular dari celah XSRF dan penerapan di backend Express JS
https://levelup.gitconnected.com/xsrf-protection-with-angular-and-express-d084c6e57da5

-

Membuat kerangka project backend dengan Express Generator
https://www.sitepoint.com/create-new-express-js-apps-with-express-generator/

-

Memasang SSL dan TLS HTTPS di backend Node JS
https://www.sitepoint.com/how-to-use-ssltls-with-node-js/

-

Menggunakan Passport JS untuk membuat sistem Authentication aplikasi web di Node JS
https://www.sitepoint.com/local-authentication-using-passport-node-js/

-
Tips Best Practices penggunaan JWT JSON Web Token di Angular
https://www.syncfusion.com/blogs/post/best-practices-for-jwt-authentication-in-angular-apps.aspx

#mean #express #nodejs #angular #mongodb #passport #ngxs #jwt

Latihan panjang dan berseri dari Duomly, membangun aplikasi pencatan keuangan bagian kelima dengan Angular dan Tailwind CSS .

Angular Course With Building a Banking Application With Tailwind CSS – Lesson 5: User Authentication
https://www.blog.duomly.com/angular-course-building-banking-application-tailwind-css-lesson-user-authentication/

Link ke bagian sebelumnya ada di dalam artikel.

——

Latihan panjang untuk membangun di bagian backendnya, dapat dilihat disini, dengan menggunakan Node JS, Nest JS , Sequilize dan PostgreSQL .

Node.js Course With Building a Fintech Banking App – Lesson 3: User Registration PART 2
https://www.blog.duomly.com/node-js-course-with-building-a-fintech-banking-app-lesson-3-user-registration-response/


#angular #mean #nodejs #nest #postgresql #banking #fintech #duomly

Net Ninja merilis latihan lengkap pengenalan Node JS, Express JS, REST API, templating, dan koneksi ke database dengan MongoDB dalam Node JS Crash Course

Salah satu Videonya
https://www.youtube.com/watch?v=zb3Qk8SG5Ms&list=PL4cUxeGkcC9jsz4LDYc6kv3ymONOKxwBU

Playlist lengkap
https://www.youtube.com/playlist?list=PL4cUxeGkcC9jsz4LDYc6kv3ymONOKxwBU

#netninja #nodejs #express #mern #mean #mevn #mongodb

Cara deploy aplikasi Node JS fullstack (MERN/MEVN/MEAN/MESN) ke Heroku

https://www.freecodecamp.org/news/how-to-deploy-a-full-stack-web-app-with-heroku/

Sampel aplikasi MEVN yang di deploy ke Heroku
https://www.freecodecamp.org/news/build-a-full-stack-mevn-app/
----

Cara menggunakan LocalStorage dan Vuex untuk menyimpan data sementara di storage browser.

https://www.epiloge.com/how-to-permanently-save-data-with-vuex--localstorage-in-your-vue-app-c27e91

---

#heroku #deploy #mean #mern #mesn #mevn #vue #vuex #localstorage

Latihan mengunggah data gambar Image Upload ke server dalam MEAN Stack (MongoDb Express Angular Node JS )

https://www.djamware.com/post/5f0533338ce55338fd15aca3/mean-stack-angular-10-tutorial-upload-image-file

#mean #angular #express #upload #image

Latihan menggunakan SVG Icons dan Sprites di Angular

https://dev.to/itnext/material-design-icons-font-vs-svg-and-how-to-use-svg-sprites-in-angular-4pch

---

Lazy Loading router di Angular untuk performa aplikasi yang lebih baik

https://dev.to/salimchemes/optimising-angular-performance-with-lazy-loading-and-quicklink-3j66

---

Sampel cara deploy aplikasi MEAN stack ke Amazon Web Service dengan Docker

https://dev.to/tgotwig/simple-mean-stack-deployment-by-aws-cloudformation-docker-nkp

---

Membuat Chart JS dengan data real-time di Angular

https://dev.to/bartoszgajda55/using-angular-and-chart-js-to-build-real-time-charts-1078

---

Library untuk membuat Progress Bar di Angular

https://dev.to/kken94/a-complete-angular-progress-bar-33ml

#angular #svg #icons #mean #lazyloading #progressBar

Membuat komponen modal konfirmasi yang dapat dipakai berulang kali ketika klik konfirmasi , pada aplikasi web Angular

https://netbasal.com/easy-reusable-confirmation-functionality-in-angular-8d75d59b1d4d

---

Membuat Docker Container untuk aplikasi web Angular MEAN Stack

https://dev.to/sanjaysaini2000/how-to-dockerize-mean-stack-app-3b1c

---

Melakukan pengambilan data permulaan atau Prefetching dengan NgRx , sehingga muat data di Angular dari server menjadi cepat

https://dev.to/angular/making-your-application-feel-faster-by-prefetching-data-with-ngrx-19f2

#angular #docker #mean #modal #dialog #confirm

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

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

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

Membuat fitur lazy loading component dan router dengan Angular

https://www.thirdrocktechkno.com/blog/lazy-load-component-with-angular-10/

---

Tips optimasi aplikasi web Angular yang memiliki performa lambat

https://www.thirdrocktechkno.com/blog/top-reasons-why-your-angular-app-is-slow/

---

Membuat fitur drag and drop dengan Angular

https://www.thirdrocktechkno.com/blog/building-interactive-lists-with-the-new-angular-7-drag-and-drop-tool/

---

Mengenal aa itu MEAN Stack yang merupakan fullstack JavaScript

https://www.thirdrocktechkno.com/blog/what-is-mean-stack-mean-stack-components-and-benefits/

---

Menggunakan fitur server side rendering di Angular

https://www.thirdrocktechkno.com/blog/server-side-rendering-with-angular-10/

---

Membuat fitur lokalisasi bahasa atau i18n di Angular

https://www.thirdrocktechkno.com/blog/how-to-implement-localization-in-angular-10/

---

Contoh penggunaan Getter Setter di TypeScript

https://levelup.gitconnected.com/advantages-of-typescript-getters-and-setters-in-angular-668f4639ad0c

#angular #lazyload #component #ssr #i18n #mean #dragdrop #getter #setter

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 pengenalan REST API dari Fireship channel, serta latihan membuat REST API sederhana dengan Node JS

https://youtu.be/-MTSQjw5DrM

---

Digital Ocean merilis seri latihan lengkap tentang pengenalan Node JS dan pembuatan REST API dengan backend Express JS.

https://www.digitalocean.com/community/tutorial_series/how-to-code-in-node-js

---

Web Scrapping dengan Node JS dan Cheerio

https://www.digitalocean.com/community/tutorials/how-to-scrape-a-website-using-node-js-and-puppeteer

---

Membuat Web scrapping yang berjalan secara paralel dengan Node JS, Cheerio, Puppeteer, Docker, dan Kubernetes

https://www.digitalocean.com/community/tutorials/how-to-build-a-concurrent-web-scraper-with-puppeteer-node-js-docker-and-kubernetes

---

Menggunakan Joi untuk Schema Validation Node JS

https://www.digitalocean.com/community/tutorials/how-to-use-joi-for-node-api-schema-validation

---

Latihan sederhana membuat MEAN Stack dan fitur realtime dengan Socket IO

https://www.digitalocean.com/community/tutorials/angular-socket-io

#nodejs #restApi #express #course #joi #mean

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

Membuat fungsi drag and drop baris pada Angular Datatable

https://javascript.plainenglish.io/beautiful-styling-for-drag-and-drop-rows-in-the-angular-datatable-6870768c5a8f

---

Konsep penggunaan RxJS di Angular

https://javascript.plainenglish.io/angular-meets-rxjs-basic-concepts-f178d8fe0e02

---

Latihan menggunakan operator RxJS dengan contoh kasusnya

https://javascript.plainenglish.io/learn-rxjs-operators-with-code-examples-2733642f5e35

---

Menggunakan JWT Auth untuk aplikasi web berbasis Angular dan Node JS

https://hackernoon.com/json-web-auth-using-angular-8-and-nodejs-1mt3124

---

Tips menggunakan Web Component di Angular

https://codeburst.io/using-web-components-in-an-angular-application-joyful-fun-3ad57464919a

---

Optimasi performa render daftar di Angular dengan trackby directive

https://javascript.plainenglish.io/angular-performance-optimization-using-trackby-function-bd2cad4acee

---

Pengenalan operator RxJS di Angular bagian pertama

https://javascript.plainenglish.io/angular-meets-rxjs-rxjs-operators-part-1-9e9751a9373e



#angular #datatable #rxjs #jwt #mean

Latihan penting membuat kerangka project MEAN Stack dengan bantuan Nx tools.

https://javascript.plainenglish.io/how-to-set-up-a-mean-stack-with-nx-in-less-than-20-minutes-fb0a1108ae67

—-

Melihat beberapa fitur di Angular 12 dan fitur Angular Dev Tools

https://betterprogramming.pub/new-in-angular-12-a-first-look-at-angular-devtools-6fc9fbcaec36

---

Latihan pengenalan Angular bagi pemula

https://javascript.plainenglish.io/angular-for-absolute-beginners-479c174bf4c6

---

Cara mengirim dan menerima data antar komponen di Angular

https://javascript.plainenglish.io/sharing-data-b-w-angular-components-efdc858fd970

#nx #tools #mean #angular #nodejs #express #devtools

Pengenalan tentang MEAN Stack dan panduan dalam menyusun stack Node JS di dalamnya

https://levelup.gitconnected.com/mean-stack-for-web-development-a-complete-guide-6653438c8d83

—-

Tips dan trik dalam melakukan logging aplikasi backend Node JS

https://betterprogramming.pub/a-complete-guide-to-node-js-logging-1ba70a4a346d

—-

Tips dan trik best practice dalam menyusun backend Node JS

https://medium.com/@cambika280/node-js-best-practices-that-every-developer-should-follow-in-2021-22-f00bcacbaafb

—-

Penjelasan penting tentang apa itu Event Loop dan Callstack di Node JS dan cara mengatasinya

https://engineering.surveysparrow.com/event-loop-blocking-in-node-js-not-anymore-1bd0984c9229

#mean #angular #nodejs #express #eventLoop #tips #bestPractices

Latihan pengenalan Node JS dan MongoDB dengan membuat aplikasi tugas atau Task todo list

https://nabendu82.medium.com/understanding-nodejs-by-building-a-task-app-70767401009e

—-

Membuat aplikasi MEAN Stack dengan GraphQL, PostGraphile, Angular, BullJS, Nest JS, dan TypeORM

https://medium.com/@raviyasas/crud-operations-with-graphql-and-nestjs-723043e38f1f

—-

Latihan memasang Elasticsearch pada Node JS

https://medium.com/nonstopio/elasticsearch-using-nodejs-and-json-f444ef378556

#nodejs #mongodb #angular #mean #elasticsearch