Membuat aplikasi web Video Conference dengan Vue MEVN Stack , socket IO Web RTC , da. Redis.

https://levelup.gitconnected.com/multiparty-video-conference-using-vue-webrtc-socketio-node-redis-e8c5a059d332

#vue #mevn #redis #socketio #webrtc

Latihan membuat tabel HTML dan dilengkapi dengan row span dan col span

https://www.dicoding.com/blog/cara-membuat-table-di-html/

---

Latihan panjang pengenalan CSS dan HTML lengkap

https://www.freecodecamp.org/news/html-css-11-hour-course/

---

Cara melakukan iterasi perulangan terhadap DOM HTML Element dengan map dan foreach

https://medium.com/javascript-in-plain-english/start-using-foreach-and-map-with-dom-selections-754616f8e7a7

---

#html #css #table #colspan #rowspan #dom

Vue.js Indonesia Meetup #2 Daring

Hi, teman-teman Vue.js Indonesia! 🎉

Komunitas Vue.js Indonesia akan mengadakan acara meetup kedua secara daring.
Meetup tersebut akan diadakan pada hari Sabtu, 27 Juni 2020.

Topik:

"Unit Testing in Vue"
Paskalouis Patressi
Software Engineer - Frontend, Bukalapak

"Create Simple UI Testing Tools"
Akbar Nafisa Jafar
Associate Software Engineer, DANA Indonesia

Susunan Acara:

15.00 - 15.15 Persiapan/Pembukaan
15.15 - 15.45 Materi oleh Paskalouis Patressi
15.45 - 16.00 Tanya Jawab
16.00 - 16.30 Materi oleh Akbar Nafisa Jafar
16.30 - 16.45 Tanya Jawab
16.45 - 17.00 Berjejaring dan Diskusi

Registrasi:
https://s.id/vuejsid-2

Tempat:
Daring melalui Google Meet & Youtube Live Broadcast

Even ini GRATIS lho, jadi buruan daftarkan diri Kamu sekarang!

Cara membuat konfigurasi untuk memaksa menggunakan Yarn untuk menjalankan runtime Node dan Build tools nya.

https://www.freecodecamp.org/news/how-to-force-use-yarn-or-npm/

---

Cara membuat konfigurasi ESLint sendiri untuk Javascript

https://www.freecodecamp.org/news/creating-your-own-eslint-config-package/

---

#yarn #eslint #config

Catatan rilis MongoDb Compass yang sudah dilengkapi dengan MongoDb Shell

https://www.mongodb.com/blog/post/new-compass-comes-with-shell

---

Integrasi Jetbrains Data Grip dengan MongoDb Atlas
https://www.mongodb.com/blog/post/datagrip-great-database-ide-work-with-atlas

#mongodb #compass #datagrip #atlas #database

Latihan membangun aplikasi blog dengan Strapi CMS dan Next JS

https://marmelab.com/blog/2020/06/18/build-an-application-in-fiften-minutes-using-strapijs.html

#strapi #cms #nextjs #react

Optimasi aplikasi web PWA Progressive Web Apps agar memiliki kesamaan performa dan tampilan dengan aplikasi native

https://web.dev/app-like-pwas/

#pwa #optimization

Latihan panjang membuat aplikasi JAMStack dengan Gatsby, Netlify Functions, Apollo dan FaunaDB, dan menggunakan Harry Potter API untuk sumber datanya.

https://dev.to/studio_hungry/jamstack-and-the-power-of-serverless-with-faunadb-17ec

#jamstack #faunadb #gatsby #react #apollo #netlify

Cara menggunakan Environment file .env di Nuxt JS

https://levelup.gitconnected.com/what-are-env-files-and-how-to-use-them-in-nuxt-7f194f083e3d

---

Mengenal tips penulisan yang baik untuk Props , Spasi karakter, dan penamaan variabel di Vue JS

https://medium.com/javascript-in-plain-english/vue-best-practices-props-spacing-and-naming-6b43f00b3c3c

#vue #nuxt #bestpractices #env #environment

Membuat CI/CD dengan Jenkins untuk Angular

https://medium.com/better-programming/how-to-create-an-angular-pipeline-with-jenkins-8040f1a0c0ee

---

Fitur baru di state mamagement NgRx yaitu NgRx Component store

https://medium.com/javascript-in-plain-english/introducing-ngrx-component-store-part-1-67019dba0cb0


#angular #ngrx #store #jenkins

Latihan membuat aplikasi chat dengan Firebase Real-time Database dan Javascript Vanilla JS

https://victoria.hashnode.dev/lets-build-a-firebase-chat-app-using-vanilla-javascript-ckbk7taq6006gbss196qpnt0y

---

Tips untuk melakukan auto format dan auto fix error ESLint ketika proses penyimpanan file di VS Code

https://davidwalsh.name/eslint-vscode

---

Cara menggunakan Cache API di Javascript

https://blog.logrocket.com/javascript-cache-api/

#firebase #chat #eslint #cache #api

Latihan panjang dan berseri membangun aplikasi backend REST API dengan Node JS framework Nest JS

https://wanago.io/2020/05/11/nestjs-api-controllers-routing-module/

---

Membuat Error Handling di Express JS

https://www.robinwieruch.de/node-express-error-handling

---

#nest #nodejs #express #error

Cara mengambil tanggal saat ini dengan Javascript Date Object

https://www.freecodecamp.org/news/javascript-date-now-how-to-get-the-current-date-in-javascript/

---

Cara menjalankan proses asinkronus secara paralel dengan Promise All dan Promise All Settled

https://dev.to/somedood/javascript-concurrency-avoiding-the-sequential-trap-7f0

---

Menjalankan proses paralel dengan Web Worker dan library JS Coroutine

https://dev.to/miketalbot/60fps-javascript-while-stringfying-and-parsing-100mbs-of-json-84l

---

Konvensi penamaan variabel dan fungsi di Javascript agar mudah dibaca dan dikenali.

https://medium.com/javascript-in-plain-english/javascript-naming-convention-best-practices-b2065694b7d

---

#date #concurrency #async #await #promise #promiseAll #jscoroutine

Traversy Media merilis course video latihan panjang di Youtube-nya yang berjudul Node JS App From Scratch . Dengan contoh kasus membuat aplikasi Storybooks , dengan Express, MongoDB & Google OAuth .

Link Video
https://www.youtube.com/watch?v=SBvmnHTQIPY

Github
https://github.com/bradtraversy/storybooks

----

Beberapa tools untuk mengecek keamanan sistem dari backend Node JS

https://www.freecodecamp.org/news/6-tools-you-can-use-to-check-for-vulnerabilities-in-node-js/

#nodejs #express #traversymedia #course #mongodb #googleauth #security

Mengambil daftar bulan dalam satu tahun berdasarkan Localization bahasa yang diberikan

https://dev.to/pretaporter/how-to-get-month-list-in-your-language-4lfb

#locale #month #list

Beberapa library Javascript untuk menjalankan proses machine learning.

https://www.ma-no.org/en/programming/javascript/10-libraries-for-machine-learning-in-javascript

#machine #learning #ai

Membuat pelacak Tracker COVID 19 dengan React JS

https://towardsdatascience.com/lets-create-a-covid-19-tracker-using-react-js-5a3a0265a633

---

Beberapa template admin dashboard untuk React JS

https://blog.bitsrc.io/5-free-react-js-admin-dashboard-templates-for-2020-571c8508d4d1

---

Menggunakan TypeScript pada Styled Component

https://www.lahteenlahti.com/styled-components-theming-with-typescript/

---

Perbedaan React Element dan HtmlElement pada aplikasi React TypeScript

https://medium.com/better-programming/typescript-reactjs-the-element-vs-reactelement-vs-htmlelement-vs-node-confusion-6cda21315ddd

#react #htmlelement #element

#react #covid19 #dashboard #admin #dashboard #styledcomponent

Latihan panjang dan berseri , membuat aplikasi web modern dengan Fullstack Javascript, memakai Node JS framework Nest JS , Angular, dan Nx Monorepo Tools.

https://dev.to/hendrikfoo/building-full-stack-web-applications-with-angular-nestjs-and-nx-a-match-made-in-heaven-5fh7

---

Latihan menggunakan TensorFlow model yang dibuat dengan Python ke TensorFlow JS yang dipakai pada Angular

https://towardsdatascience.com/how-to-use-angular-to-deploy-tensorflow-web-apps-5675b5a042cc

---

Latihan membuat loading progress component dengan Angular Material CDK

https://itnext.io/a-loader-for-your-components-with-angular-cdk-overlay-ebf5a4962e4d

#angular #nest #nodejs #typescript #tensorflow #materialcdk #progress

Latihan panjang memasang Firebase Authentication pada aplikasi web Vue JS

https://levelup.gitconnected.com/firebase-auth-management-in-vue-js-with-vuex-9c4a5d9cedc

---

Latihan memakai Firebase Remote Config pada aplikasi web

https://codeburst.io/firebase-remote-config-for-web-d3d0f6ed7b4

---

Beberapa tips Javascript yang dapat dipelajari dari Vue JS

https://levelup.gitconnected.com/5-javascript-tips-i-learned-from-vue-source-code-6095df4e9bc1

---

Mengenal Flat File Data dan implementasi ke Nuxt JS

https://www.freecodecamp.org/news/how-to-use-flat-file-data-in-a-static-nuxt-app/

---

#vue #nuxt #firebase #auth #flatfile #remoteconfig

Latihan panjang membuat aplikasi Todo List dengan React , Redux , dan Firebase

https://dev.to/chaoocharles/creating-a-to-do-app-with-auth-react-redux-firebase-v3-1g6o

---

Latihan membangun aplikasi pencarian film dengan React

https://www.freecodecamp.org/news/learn-react-in-1-hour-by-building-a-movie-search-app/

---

Latihan localization bahasa dengan next-i18next di Next JS React

https://levelup.gitconnected.com/translate-your-next-js-app-to-the-world-645d100277e

---

Boilerplate kerangka project untuk membuat aplikasi desktop dengan Gatsby JS dan Electron JS

https://github.com/zonayedpca/electron-gatsby-boilerplate

---

Cara menggunakan React Redux dengan TypeScript

https://levelup.gitconnected.com/redux-hooks-with-typescript-4fba08f160ad

#todo #react #next #firebase #auth #movie #gatsby #electron #redux #typescript

Latihan menggunakan Google Sheets API sebagai CMS dan menampilkan datanya dengan Node JS dan React JS

https://medium.com/better-programming/make-a-team-roster-with-node-react-and-google-sheets-305b9f9ebbb1


#googlesheet #cms #react #nodejs