JavaScript Indonesia Channel

Latihan melakukan migrasi aplikasi berbasis Vue JS 2 ke Vue JS 3

https://www.freecodecamp.org/news/migrate-from-vue2-to-vue3-with-example-project/

---

Latihan menggunakan state management dengan Composition API di Vue JS 3

https://www.smashingmagazine.com/2021/06/managing-shared-state-vue3/

---

#vue #migration #stateManagement #composition

freeCodeCamp.org

How to Migrate from Vue v.2 to Vue v.3 with a Simple Example Project

By Fabio Pacific What is Vue.js? Vue.js is a progressive JavaScript frontend framework written by Evan You. It's one of the most powerful and easy to learn frameworks, and it has over 9.5 million downloads per month. In September 2020, Vue 3 core was...

1.07K viewsRian YW, 01:15

JavaScript Indonesia Channel

Forwarded from Angga BuildWithAngga

Pagi semuanya, kami ingin bagikan UI Kit gratis sebagai bonus sudah mengikuti kelas Premium di BuildWith Angga.

https://pixel.buildwithangga.com/details/dropbox-redesign-ui

Semoga bermanfaat dan terima kasih.
BuildWith Angga.

757 viewsRian YW, 02:32

JavaScript Indonesia Channel

Forwarded from JavaScript Indonesia Channel (Rian YW)

Memperkenalkan Discord Server untuk JavaScript Indonesia. Beberapa waktu lalu, diadakan survey tentang kebutuhan adanya Discord Group untuk JavaScript Indonesia di grup Telegram dan Facebook dari JavaScript Indonesia. Dan kali ini telah tersedia Discord Group untuk JS Indonesia yang catatannya dapat langsung dilihat di bawah ini.

https://medium.com/javascript-indonesia-community/memperkenalkan-discord-server-untuk-javascript-indonesia-ad4bb7bce2a6

Untuk bergabung ke grup Discord JS Indonesia, silahkan klik tautan berikut ini.
https://discord.gg/aGvkeGRAHz

#discord #announcement #jsIndonesia

Medium

Memperkenalkan Discord Server untuk JavaScript Indonesia

Beberapa waktu yang lalu penulis mendapat banyak sekali masukan di grup Telegram JavaScript Indonesia. Kebanyakan melalui private message…

545 viewsRian YW, 23:15

JavaScript Indonesia Channel

Latihan panjang dari channel Lama Dev membuat halaman aplikasi web berbentuk Dashboard Admin, dengan React JS

https://youtu.be/aTPkos3LKi8

#react #lamaDev #dashboard #admin

YouTube

React Admin Dashboard Tutorial | React Admin Panel Design Course for Beginners

How to create a React admin panel dashboard using React Hooks and functional components. React.js admin panel design for beginners with Material UI, chart, and CSS from scratch.

If it is valuable to you, you can support me :)
Buy me a coffee: https://ww…

1.12K viewsRian YW, 23:31

JavaScript Indonesia Channel

Penggunaan semicolon atau titik koma di JavaScript dan cara konfigurasi di ESLint dan Prettier untuk menambahkan titik koma

https://javascript.plainenglish.io/why-i-use-semicolons-to-terminate-my-lines-in-javascript-4d8735cd0e59

#eslint #linter

Medium

Why I use Semicolons to Terminate my Lines in JavaScript

JavaScript does not require Developers to use semicolons to end their lines, but you might want to use them.

586 viewsRian YW, 23:40

JavaScript Indonesia Channel

Latihan panjang penggunaan Vuex dalam sistem Authentication di Vue JS dan Auth0 Service

https://blog.logrocket.com/handling-authentication-vuejs-using-vuex-vue-router-and-auth0/

---

Contoh penggunaan state management di aplikasi berbasis Vue JS

https://auth0.com/blog/state-management-in-vue-3-applications

#vue #auth #vuex #auth #state

LogRocket Blog

Handling authentication in Vue.js using Vuex, Vue Router, and Auth0 - LogRocket Blog

Swing through this tutorial on an alternate method of handling authentication using Vuex, Vue Router, and Auth0.

743 viewsRian YW, 00:29

JavaScript Indonesia Channel

Konfigurasi kerangka project untuk front end development dengan Parcel JS, ESLint, dan Prettier

https://www.freecodecamp.org/news/how-to-set-up-a-front-end-development-project/

#eslint #prettier #parceljs

freeCodeCamp.org

JavaScript Tutorial – How to Set Up a Front End Development Project

Let’s say you plan to build a website. Before you start, you want to set up a few tools to make your life easier. But which tools should you have? The JavaScript ecosystem is changing so fast that it can be overwhelming to pick the best tools to use....

👍1

616 viewsRian YW, 01:17

JavaScript Indonesia Channel

Latihan dasar membuat layout tampilan dengan Flexbox CSS

https://blog.logrocket.com/how-to-build-a-basic-flexbox-layout-a-tutorial-with-examples/

---

Membuat tampilan halaman responsive dengan trik sederhana di media query

https://dev.to/jleewebdev/a-simple-css-trick-to-instantly-make-a-site-responsive-without-having-a-ton-of-code-in-your-media-queries-1dj0

---

#css #flexbox #responsive

LogRocket Blog

How to build a basic flexbox layout: A tutorial with examples - LogRocket Blog

Learn how to align elements and distribute space within a flexbox layout by building and styling a calculator UI.

505 viewsRian YW, 01:21

JavaScript Indonesia Channel

Pengenalan unit testing di sisi front end web

https://css-tricks.com/front-end-testing-is-for-everyone/

#testing #e2e

CSS-Tricks

Front-End Testing is For Everyone | CSS-Tricks

Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to tell

🥰1

480 viewsRian YW, 01:28

JavaScript Indonesia Channel

Latihan panjang dan penting membuat halaman animasi Registrasi dan Login dengan HTML, CSS, dan JavaScript dari channel Online Tutorials

https://youtu.be/R3V9IRghpEg

---

#css #login #registration #form #onlinetutorials

YouTube

Animated Sliding Login and Registration Form using CSS & Javascript

Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D

Another Course : Build Complete Real World Responsive Websites from Scratch…

714 viewsRian YW, 01:33

JavaScript Indonesia Channel

Statistik penggunaan Node JS dan fullstack JS dari perusahaan pengembang aplikasi web

https://javascript.plainenglish.io/top-node-js-development-trends-in-2021-807f27fdf1b8

---

Latihan panjang implementasi Authentication di Node JS dengan Passport JS

https://www.freecodecamp.org/news/learn-to-implement-user-authentication-in-node-apps-using-passport-js/

#nodejs #statistic #auth #passportjs

Medium

Top Node.js Development Trends in 2021

Lots of predictions for trends in Node.js for the year 2021 are being assumed by developers across the globe. In the following paragraphs…

554 viewsRian YW, 02:24

JavaScript Indonesia Channel

Latihan dari channel Fireship tentang pengenalan unit testing dengan Jest dan Cypress untuk Test Driven Development atau TDD

https://youtu.be/Jv2uxzhPFl4

#fireship #tdd #cypress #jest

YouTube

Test-Driven Development // Fun TDD Introduction with JavaScript

Test-Driven Development (TDD) is a proven prevent bugs and improve the quality of your code - and it's fun! Learn the fundamentals of JavaScript testing in this beginner's tutorial. https://github.com/fireship-io/tdd-basics-project

#js #webdev #tutorial…

1.6K viewsRian YW, 02:35

JavaScript Indonesia Channel

Referensi beberapa project menarik di Github yang menarik untuk dipelajari

https://devdefinitive.com/33-github-projects-i-have-bookmarked-and-you-should

#github #project

The Dev Definitive

33 GitHub projects I have bookmarked and you should

GitHub isn't only a rendition control administration; it is a marvelous substance asset for all-things-advancement. From free digital books and instructional exercises, to talk with planning material and 'amazing' bullet point articles, GitHub is the...

912 viewsRian YW, 02:42

JavaScript Indonesia Channel

Latihan dasar pengenalan Git dan penggunaannya

https://www.freecodecamp.org/news/what-is-git-learn-git-version-control/

---

Beberapa perintah penting dalam penggunaan Git

https://dev.to/shubh/useful-git-commands-1fdn

#git

freeCodeCamp.org

What is Git? A Beginner's Guide to Git Version Control

By Anna Skoulikari Git is a version control system that developers use all over the world. It helps you track different versions of your code and collaborate with other developers. If you are working on a project over time, you may want to keep track...

790 viewsRian YW, 23:27

JavaScript Indonesia Channel

Latihan dari Online Tutorials membuat Stacked Cards yang otomatis terbuka ketika ada mouse hover

https://youtu.be/9ziMhwJU7qw

#card #css #onlinetutorials

YouTube

Responsive CSS Stacked Cards Hover Effects

750 viewsRian YW, 23:43

JavaScript Indonesia Channel

Tips dari Chrome Developer untuk penggunaan promp install aplikasi web berbasis Progressive Web App PWA

https://youtu.be/kzJfiKQyD24

#pwa #chrome

YouTube

Deep dive into the PWA install flow

How does the install flow work for Progressive Web Apps? How can you provide your own in-app install experience? How do you measure the effectiveness of your install? And what best practices should you be following?

Installability is one of the biggest…

1.2K viewsRian YW, 00:41

JavaScript Indonesia Channel

Latihan menggunakan plugin di Deno TS dengan Rust

https://blog.logrocket.com/how-to-create-a-deno-plugin-in-rust/

#deno #rust #plugin

LogRocket Blog

How to create a Deno plugin in Rust - LogRocket Blog

This tutorial covers how to build a Deno plugin using Rust and how to create an async plugin using Rust futures and the deno_core crate.

1K viewsRian YW, 01:19

JavaScript Indonesia Channel

Latihan menggunakan IndexedDb untuk penyimpanan data di sisi browser

https://blog.openreplay.com/getting-started-with-indexeddb-for-big-data-storage

#indexedDb #storage #localstorage

Openreplay

Getting Started with IndexedDB for Big Data Storage

It's not always necessary to send a user's data to the server, the browser is more than capable of handling the workload and the data

811 viewsRian YW, 01:32

JavaScript Indonesia Channel

Latihan dari Programming With Erik untuk membuat halaman Contact Form dengan Express JS, dan deploy ke layanan AWS SES

https://youtu.be/HiHflLTqiwU

#nodejs #express #ses #aws #contact

YouTube

How To Make A Simple Contact Form Submission With AWS SES With Express And JavaScript

⚠️For the months of May and June, get your very own .TECH Domain and help children get their start in computer science!
https://go.tech/codewitherik

In this video we'll create a HTML/CSS/JavaScript contact form with a little bit of Vue. In the backend we'll…

704 viewsRian YW, 01:42

JavaScript Indonesia Channel

Daftar buku belajar gratis yang bertemakan Web Development yang dapat diunduh langsung

https://dev.to/pascavld/30-free-ebooks-for-all-developers-30pf

—-

Kumpulan channel Youtube yang menarik untuk diikuti untuk belajar pemrograman aplikasi web

https://dev.to/theinsightfulcoder/25-youtube-channels-to-learn-web-development-for-free-45np

https://dev.to/line/top-10-youtube-channel-for-developers-283b

#learning #ebook #channel #youtube

DEV Community

30+ Free eBooks for all developers

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me...

1.74K viewsRian YW, 02:47

JavaScript Indonesia Channel

Latihan bagian ke 22 dari Web Programming Unpas tentang Mongo Db dan integrasi ke Node JS.

https://www.youtube.com/watch?v=oUFyCpIl6tA

#mongodb #nodejs #wpu

YouTube

Belajar NodeJS | 22. MongoDB & NodeJS

Melakukan CRUD sederhana pada MongoDB menggunakan NodeJS

---
MongoDB
https://www.mongodb.com/

ExpressJS
http://expressjs.com/

NodeJS
https://nodejs.org/

NPM (Node Package Manager)
https://www.npmjs.com/

---
🔥 SUPPORT WPU 🔥

👕 Beli Hoodie & T-Shirt di…

1.26K viewsRian YW, 06:10

About

Blog

Apps

Platform