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
https://levelup.gitconnected.com/multiparty-video-conference-using-vue-webrtc-socketio-node-redis-e8c5a059d332
#vue #mevn #redis #socketio #webrtc
Medium
Multiparty video conference using Vue, WebRTC, SocketIO, Node, and Redis
Part II: Peer to peer mesh architecture
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
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
Dicoding Blog
Cara Mudah Membuat Tabel di HTML Dalam 15 Menit - Dicoding Blog
Cara mudah membuat tabel menggunakan HTML dan mendesain sebuah tabel dengan CSS agar lebih menarik hanya dalam waktu kurang dari 15 menit.
Forwarded from Jefry Dewangga
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!
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
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
freeCodeCamp.org
How to Force Use Yarn or NPM
By Carol-Theodor Pelu In this short post, I’m going to show you how to prevent the usage of npm or yarn, depending on your needs. This comes in handy when your team or organization has a preference for a specific package manager. With this method, ...
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
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
MongoDB
There’s a New Compass and It Comes With a Shell! | MongoDB Blog
In Compass 1.22 Beta we are introducing the integrated MongoDB Shell, which allows you to run database commands and scripts directly from Compass.
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
https://marmelab.com/blog/2020/06/18/build-an-application-in-fiften-minutes-using-strapijs.html
#strapi #cms #nextjs #react
Marmelab
Building A Web Application In 15 Minutes Using StrapiJS And NextJS
Hands-on with StrapiJS, an Headless CMS that allows to separate data and display.
Optimasi aplikasi web PWA Progressive Web Apps agar memiliki kesamaan performa dan tampilan dengan aplikasi native
https://web.dev/app-like-pwas/
#pwa #optimization
https://web.dev/app-like-pwas/
#pwa #optimization
web.dev
Make your PWA feel more like an app | Articles | web.dev
Learn how to make your Progressive Web App feel like a "real" app by understanding how to implement platform-specific app patterns with web technologies.
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
https://dev.to/studio_hungry/jamstack-and-the-power-of-serverless-with-faunadb-17ec
#jamstack #faunadb #gatsby #react #apollo #netlify
DEV Community
Jamstack and the power of serverless with FaunaDB
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
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
Medium
What are .env files and how to use them in Nuxt
Learn what .env files are and how to get started using them in Nuxt. Plus, learn to generate env.example files.
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
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
Medium
How to Create an Angular Pipeline With Jenkins
The step-by-step guide to better CI
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
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
Articles by Victoria Lo
How to Build a Firebase Real-Time Chat App with Vanilla JavaScript
Hello fellow coders! Today, we will be building a real-time messaging chat app using Firebase and vanilla JavaScript! There will be no frameworks used so it is perfect for beginners to follow along. First, let me start with Firebase 101.
Firebase 101...
Firebase 101...
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
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
Marcin Wanago Blog - JavaScript, both frontend and backend
API with NestJS #1. Controllers, routing and the module structure
We've figured out what is a Controller in NestJS and how to handle routing in our application. We've also touched the topic of Services & Modules.
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
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
freeCodeCamp.org
JavaScript Date Now – How to Get the Current Date in JavaScript
Many applications you build will have some sort of a date component, whether it's the creation date of a resource, or the timestamp of an activity. Dealing with date and timestamp formatting can be exhausting. In this guide, you will learn how to get the…
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
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
YouTube
Node.js App From Scratch | Express, MongoDB & Google OAuth
This is a full application build of the StoryBooks app which uses Node.js, Express, MongoDB, Passport with a Google OAuth strategy and more.
Full Code:
https://github.com/bradtraversy/storybooks
💖 Become a Patron: Show support & get perks!
http://www.p…
Full Code:
https://github.com/bradtraversy/storybooks
💖 Become a Patron: Show support & get perks!
http://www.p…
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
https://dev.to/pretaporter/how-to-get-month-list-in-your-language-4lfb
#locale #month #list
DEV Community
How to get month list in your locale
Simple helper
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
https://www.ma-no.org/en/programming/javascript/10-libraries-for-machine-learning-in-javascript
#machine #learning #ai
MA-NO Web Design and Development
10 libraries for machine learning in JavaScript
JavaScript is currently one of the most popular programming languages. Its main application is in web applications, used to give… | Web design web development news, website design and online marketing. Web design, development, javascript, angular, react,…
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
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
Medium
Let's Create a COVID-19 Tracker using React.js
Most of the people in the world stay at home in these days by the lockdown. Most of you are frustrated about staying at home for a long…
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
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
DEV Community
Building full-stack web-applications with Angular, NestJS and Nx - a match made in heaven
Why this post? Angular has been my frontend-framework of choice for the last few years and...
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
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
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
DEV Community
Creating a To-do App with Auth {react-redux-firebase v3}
Hey guys, I recently completed a playlist on my YouTube Channel where we are creating a complete To-d...
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
https://medium.com/better-programming/make-a-team-roster-with-node-react-and-google-sheets-305b9f9ebbb1
#googlesheet #cms #react #nodejs
Medium
Create a Team Roster with Node.js, React, and Google Sheets
Create and update your team’s page with ease