Latihan menggunakan Docker untuk pemula

https://dev.to/pprathameshmore/docker-for-beginners-by-beginner-3f7

#docker #guide

Cara menggunakan Settings Sync untuk backup setelan setting VS Code dan ekstensi ekstensi yang dipakai.

https://www.freecodecamp.org/news/how-to-sync-vs-code-settings-between-multiple-devices-and-environments/

---

Cara menggunakan Docker Container Dari VS Code langsung dengan ekstensi Remote Development .

https://www.docker.com/blog/how-to-develop-inside-a-container-using-visual-studio-code-remote-containers/

#vscode #code #docker #settings #sync

Membuat Docker Container untuk Deno TS framework Oak dan MySQL .

https://medium.com/better-programming/build-and-dockerize-a-blogging-api-with-deno-oak-and-mysql-f2e4ecafaf6c

---

Cara deploy Deno TS app ke layanan Heroku VPS

https://medium.com/better-programming/how-to-deploy-your-first-deno-app-998b50089fd6

#deno #vps #docker #heroku #oak #mysql

Latihan membuat aplikasi fullstack Javascript dengan PERN Stack

https://www.freecodecamp.org/news/reno-expo-full-stack-starter/

----

Latihan panjang membuat backend server Node JS untuk aplikasi chat dengan Socket IO Web Socket dan MongoDb

https://www.freecodecamp.org/news/create-a-professional-node-express/

---

Konfigurasi aplikasi web React SPA dengan Redux , TypeScript , dan Material UI

https://levelup.gitconnected.com/how-to-setup-a-react-spa-with-typescript-redux-and-material-ui-99a1e1ec7d54

----

Latihan menggunakan React Styled Component dengan mengakses element tema dengan Hooks


https://levelup.gitconnected.com/react-styled-components-hooks-refs-and-security-281fb8ab0341

#react #styledcomponent #css

#react #pern #nodejs #express #postgresql #chat #socketio #redux #typescript

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