JavaScript Indonesia Channel – Telegram

JavaScript Indonesia Channel

@Indonesia_Javascript

12K subscribers

589 photos

6 videos

3 files

16.1K links

Channel yang berisi kumpulan berita atau konten seputar JavaScript, Typescript, HTML, CSS, Library, Framework JS, Node.js , dan juga engine-nya

Untuk pencarian artikel,gunakan fitur pencarian di channel ini,dan bisa juga dicari berdasarkan hashtag #

Download Telegram

About

Blog

Apps

Platform

JavaScript Indonesia Channel

12K subscribers

JavaScript Indonesia Channel

Membuat push notifications dengan menggunakan Angular dan Firebase Cloud Messaging

https://medium.com/@a.adendrata/push-notifications-with-angular-6-firebase-cloud-massaging-dbfb5fbc0eeb

#angular #firebase #push #notification

Push Notifications with Angular 6 + Firebase Cloud Messaging

Today ‘Push Notification’ is modern way to engage our customer via browser/ application. Push Notification is something normal in native…

486 viewsRian YW, 01:03

JavaScript Indonesia Channel

Menggunakan push notifications dari Service Worker ke backend Node JS

https://wanago.io/2019/06/17/using-push-notifications-with-service-workers-and-node-js/

#nodejs #service #worker #push #notification #express

Marcin Wanago Blog - JavaScript, both frontend and backend

Using Push Notifications with Service Workers and Node.js

In this article, we cover another feature that we can implement with the help of Service Workers – Push Notifications. They come in handy if we need a fast channel of communicating with our users. We not only learn how to implement them in terms of code,…

536 viewsRian YW, 23:36

JavaScript Indonesia Channel

Menambahkan spinner dan notifikasi di dalam aplikasi React

https://blog.logrocket.com/spinners-notifications-react-app/

#react #notification #spinner

Adding spinners and notifications to your React app - LogRocket Blog

Notifications and loading spinners can go a long way toward making your React app more user-friendly. Learn how to implement them in an existing project.

413 viewsRian YW, 23:45

JavaScript Indonesia Channel

Menggunakan Native Notification API di HTML5 dengan Vue JS

https://medium.com/javascript-in-plain-english/how-to-add-native-notifications-to-your-vue-js-app-f080af932ac1

#vue #notification #api #html5

How to Add Native Notifications to Your Vue.js App

With the HTML5 Notification API, browsers can display native popup notifications to users. With notifications, you can display text and…

363 viewsRian YW, 23:17

JavaScript Indonesia Channel

Menambahkan fungsi notifikasi di dalam browser secara langsung dengan HTML5 Notification API dan React JS

https://medium.com/javascript-in-plain-english/how-to-add-browser-notifications-to-your-react-app-79d901458f56

#notification #react #api

How to Add Browser Notifications to Your React App

With the HTML5 Notification API, browsers can display native popup notifications to users. With notifications, you can display text and…

365 viewsRian YW, 23:57

JavaScript Indonesia Channel

Cara menggunakan One Signal until membuat Push Notification di React Native

https://kriss.io/how-to-use-onesignal-with-react-native-chat-app/

#onesignal #notification #react

How to use OneSignal with React Native Chat App - Kriss

Launch the next Yelp in minutes Download this gorgeous React Native Store Locator app template to create your own store finder app in just a few minutes. By using this fully-coded starter kit written in React Native, you’re saving weeks of design and development…

337 viewsRian YW, 01:47

JavaScript Indonesia Channel

Latihan menggunakan Notification API untuk membuat native notification di browser langsung.

https://levelup.gitconnected.com/use-the-javascript-notification-api-to-display-native-popups-43f6227b9980

#notification #api

Use the JavaScript Notification API to Display Native Popups

Displaying native notifications is easier than ever.

480 viewsRian YW, 00:14

JavaScript Indonesia Channel

Implementasi Push Notification di JavaScript dengan Service Worker di Progressive Web Apps PWA

https://medium.com/javascript-in-plain-english/introduction-to-push-notifications-c4a08186857e

#pwa #push #notification

Introduction to Push Notifications

Pulling your web app one step closer to native apps

633 viewsRian YW, 23:48

JavaScript Indonesia Channel

Latihan membuat aplikasi Progressive Web Apps PWA dengan Javascript murni

Bagian satu
https://alligator.io/js/vanilla-pwa/

Bagian kedua tentang Push Notifications API
https://alligator.io/js/push-api/

#pwa #notification #push

How to Build a PWA in Vanilla JavaScript | DigitalOcean

A simple step-by-step guide to setup a simple PWA that can be accessed offline using a web app manifest and a Service Worker, all done with pure JavaScript.

1.6K viewsRian YW, 00:01

JavaScript Indonesia Channel

Memperkenalkan Notyf , JavaScript Library untuk membuat pesan Toast , Responsive, A11Y, dan dependency-free atau tanpa perlu jquery lagi. Mudah diintegrasikan ke framework JavaScript.

https://carlosroso.com/notyf/

#toast #modal #dialog #notification #nojquery

Notyf: A minimalist JavaScript library for toast notifications.

Notyf is a JavaScript library for toast notifications. Responsive, A11Y, dependency-free. Tiny (~3KB). Easy integration with React, Angular and Vue

634 viewsRian YW, 23:18

JavaScript Indonesia Channel

Beberapa cara teknik mengirim pesan notifikasi , caching , dan message event di aplikasi Progressive Web Apps PWA

https://blog.logrocket.com/notifications-caching-and-messages-in-a-progressive-web-app-pwa/

---

Penjelasan tentang Rendering halaman aplikasi web dan optimasi render halaman

https://codeburst.io/painting-and-rendering-optimization-techniques-in-browser-2e53a70e7ee

#rendering #html #dom #pwa #message #notification

Notifications, caching, and messages in a progressive web app (PWA) - LogRocket Blog

Learn how to create notifications, add elements to the cache that aren't defined in the service worker, and establish worker-client communication in a PWA.

1.3K viewsRian YW, 03:28

JavaScript Indonesia Channel

Latihan dari Programming With Erik untuk penggunaan Vuex di Vue JS

https://youtu.be/oxUyIzDbZts

---

Latihan menggunakan Props untuk transfer data antar komponen Vue JS

https://youtu.be/W2j7CjQI2y4

---

Membuat push notifications ke Vue JS dengan Pusher API dan FastApi

https://dev.to/maxipavlovic/simple-realtime-notifications-2ak3

#vue #vuex #props #pusher #notification

LEARN VUEX IN 15 MINUTES (VUE.JS STATE MANAGEMENT) FOR 2020 // DAD JOKE GENERATOR APP -VUEX TUTORIAL

This videos is a tutorial on Vuex Vue.js state management. We look at how to use it in 2020 with helpers and more! This will include Vuex Getters, Vuex Actions, Vuex Mutations, Vuex State and more! Vue.js is moving fast and with Vue 3 Vuex will get even better!…

906 viewsRian YW, 00:16

JavaScript Indonesia Channel

Membuat fungsi Firebase Push Notifications untuk React JS

https://www.smashingmagazine.com/2020/06/firebase-push-notifications-react/

---

Menerapkan teknik Code Splitting di React App

https://medium.com/javascript-in-plain-english/code-splitting-with-react-31d76d3f64ab

---

Menambahkan fungsi Google Auth untuk React

https://dev.to/sivaneshs/add-google-login-to-your-react-apps-in-10-mins-4del

#firebase #notification #code #splitting #google #login #oauth

Smashing Magazine

Firebase Push Notifications In React — Smashing Magazine

In this tutorial, Chidi Orji will show you how to work with Firebase push notifications in the backend and frontend. We’ll set up the notifications system with an Express back-end server. Afterwards, you’ll listen for the notifications in a React front-end…

1.0K viewsRian YW, 23:41

JavaScript Indonesia Channel

Latihan dari channel Dcode tentang membuat Notification Badge pada button element dengan HTML dan CSS

https://youtu.be/nzxtEotE0YM

---

Latihan mempercantik tampilan Table dengan HTML dan CSS

https://youtu.be/biI9OFH6Nmg

---

Kustomisasi tampilan tombol Upload pada HTML dengan bantuan CSS

https://youtu.be/T3PDgtliezo

---

Latihan dari channel Junior Developer Central tentang membuat tampilan Drop Down Menu di bagian header navigation halaman

https://youtu.be/Wloh_n6M91Q

#dropdown #upload #button #table #badge #notification #dcode #juniorDeveloperCentral

Create an Icon Button with Notification Badge - Beginner's HTML & CSS Tutorial

In today's tutorial I'll be showing you how to create an Icon Button with a Notification Badge using HTML and CSS. This is very easily down using a small amount of code.

Link to source code:
https://codepen.io/dcode-software/pen/KKgpKog

Link to Google Material…

1.3K viewsRian YW, 00:25

JavaScript Indonesia Channel

Membuat aplikasi fullstack JavaScript dengan menggunakan React Next JS dan Firebase Database

https://blog.logrocket.com/building-a-fullstack-application-with-next-js-and-firestore-db/

---

Membuat fungsi push notifications dengan Firebase Cloud Messaging ke aplikasi React JS

https://blog.logrocket.com/push-notifications-with-react-and-firebase/

---

Latihan membuat halaman carousel sederhana di React JS

https://dev.to/rakumairu/simple-react-carousel-24m0

---

Membuat tampilan menu Tab dengan React JS

https://dev.to/ziratsu/create-lovely-react-tabs-4g41

---

Konfigurasi Next JS untuk menggunakan TypeScript , ESLint, Jest, Enzyme dan Storybook

https://medium.com/javascript-in-plain-english/how-to-setup-next-js-typescript-eslint-storybook-jest-enzyme-610451591df0

—-

Membuat halaman dengan mode AMP (Accelerated Mobile Pages) dengan menggunakan Next JS

https://medium.com/javascript-in-plain-english/next-js-amp-list-65b27cef0db6

#firebase #react #nextjs #tabs #carousel #fcm #notification #amp

Next.js and Firebase DB full-stack app tutorial | LogRocket Blog

Learn how to set up Firestore's Cloud Firestore and communicate with the database through a Next.js app with API endpoints.

1.9K viewsRian YW, 00:14

JavaScript Indonesia Channel

Membuat sistem push notifications dengan Firebase dan React JS

https://blog.logrocket.com/using-firebase-cloud-messaging-as-a-pub-sub-service/

---

Membuat fitur Google Sign in dengan bantuan Firebase Sign In library pada Next JS

https://dev.to/menard_codes/next-js-sign-in-page-with-firebase-ui-and-firebase-auth-5375

---

Sampel kode aplikasi sosial media yang dibangun dengan Next JS, Tailwind CSS, dan Firebase

https://dev.to/namanvyas/build-a-social-media-website-with-next-js-tailwindcss-and-firebase-in-8-days-2j65

#firebase #react #notification #signin #nextjs #tailwind

Using Firebase Cloud Messaging as a pub/sub service - LogRocket Blog

Learn how to use Google's Firebase Cloud Messaging as a pub/sub service in your React app in this detailed step-by-step tutorial.

725 viewsRian YW, 00:53

JavaScript Indonesia Channel

Latihan dari Web Dev Simplified dalam menggunakan Notification API di JavaScript

https://youtu.be/Bm0JjR4kP8w

#webdevsimplified #notification

How To Send Push Notifications With JavaScript

Sending push notifications in JavaScript seems like it would be difficult if not impossible, but it is actually built into the browser and quite easy. In this video I show you everything you need to know about sending push notifications with JavaScript and…

738 views23:07

JavaScript Indonesia Channel

Menambahkan real time push notifications di React

https://www.freecodecamp.org/news/how-to-add-post-notifications-to-your-react-applications/

---

Beberapa cara menarik membuat aplikasi React JS yang menyenangkan

https://www.freecodecamp.org/news/have-fun-building-react-apps/

---

Latihan menggunakan React Intersection Observer untuk fitur header dinamis

https://blog.logrocket.com/using-react-intersection-observer-create-dynamic-header/

---

#notification #observer #intersection #react

freeCodeCamp.org

How to Add Real-time Post Notifications to Your React Applications

By Nishant Kumar Recently, I was working on an application. That application was a Thread Clone, the newly launched social media platform. The tech stack I was using was React for the front end and Firebase for authentication, real-time database, an...

521 views23:48

JavaScript Indonesia Channel

Membuat pesan Toast dengan library React Hot Toast

https://blog.openreplay.com/simple-toast-notifications-with-react-hot-toast/

#react #toast #notification

Simple Toast Notifications with React-Hot-Toast

Use this library for easy toast messages

814 views01:34

JavaScript Indonesia Channel

How To Debug React Apps Like A Senior Developer
https://www.youtube.com/watch?v=l8knG0BPr-o

—-

Build and Deploy a Realtime Next.js App with Permissions and Notifications | TypeScript, Tailwind
https://www.youtube.com/watch?v=y5vE8y_f_OM

—-

How to Create a Date and Time Picker Form | Next.js & Shadcn
https://www.youtube.com/watch?v=NJRvABjsE6E

—-

Understanding SSR with Hydration: Pros, Cons, and Scenarios for Software Architects
https://www.workingsoftware.dev/understanding-ssr-with-hydration-for-software-architects/

—-

How Zustand Was Born
https://blog.axlight.com/posts/how-zustand-was-born/

—-

React Form Button
https://www.robinwieruch.de/react-form-button

—-

#react #debug #zustand #ssr #timepicker #notification

How To Debug React Apps Like A Senior Developer

React Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-l8knG0BPr-o

Debugging React apps can be a difficult process if you don’t have the right tools. That is why in this video I will show you…

332 views23:52