JavaScript Indonesia Channel

Latihan membuat aplikasi web berbasis React dengan Snowpack dan Skypack sehingga tanpa menggunakan Node Modules lagi.

https://hackernoon.com/front-end-development-without-node_modules-using-skypack-and-snowpack-s03n33mk

---

Cara melakukan debugging aplikasi React JS

https://hackernoon.com/debug-your-react-app-but-dont-die-trying-a-how-to-guide-4t2g32sq

---

Tips membuat struktur project untuk aplikasi React JS yang mendukung skala besar

https://hackernoon.com/react-project-structure-best-practices-kh20323x

---

Beberapa referensi tools untuk membuat aplikasi web modern berbasis MERN Stack

https://hackernoon.com/best-tools-for-building-your-first-mern-application-kyq31bm

---

Membuat halaman loading screen dengan React JS dan CSS

https://hackernoon.com/step-by-step-guide-to-create-3-different-types-of-loading-screens-in-react-lu2633nd

---

#react #nodejs #snowpack #skypack #debugging #mern #loading

Hackernoon

Front-End Development Without Node_modules Using Skypack and Snowpack | HackerNoon

Once upon a time, we could simply put an HTML and a script file into an FTP server, quickly have a working website and call it a day.

902 viewsRian YW, 01:04

JavaScript Indonesia Channel

Kumpulan CSS Loader untuk menampilkan progress bar di element HTML web

https://dev.to/afif/another-100-css-loaders-for-your-next-project-352l

---

Sedangkan ini adalah bagian sebelumnya yang berisi 100 daftar CSS Loader dengan model yang lain

https://dev.to/afif/another-100-css-loaders-for-your-next-project-352l

#css #loader #progress #loading

DEV Community

Another 100 CSS loaders for your next project

Ready for the second set of loaders? Yes, it's again me with another collection of 100 CSS loaders....

1.1K viewsRian YW, 23:05

JavaScript Indonesia Channel

Latihan dari Lama Dev yang panjang membuat tiga jenis Loading Screen atau Progressive Loading dengan React JS

https://youtu.be/PNQGbczXkMI

#lamaDev #loading #react

YouTube

3 Awesome React Loading Screens | Skeleton - Circular - Animated

How to create React skeleton loading component. React.js showing a circular progress bar while fetching API data. Animated loading screen for React.Learn cre...

590 viewsRian YW, 00:51

JavaScript Indonesia Channel

Kumpulan CSS Loader dan Animation yang dapat ditambahkan ke project aplikasi web

https://dev.to/afif/still-100-css-loaders-for-your-next-project-57hp

#css #loading #loader #progress

DEV Community

Still 100 CSS loaders for your next project

The fun continue with another collection of 100 CSS loaders! Always the same rule: one div = one...

908 viewsRian YW, 01:36

JavaScript Indonesia Channel

Latihan dari Coding With Justin membuat infinite Spinner atau Loading Spinner dengan CSS Keyframes

https://www.youtube.com/watch?v=60OWr7VvJhE

#css #loading #spinner #codingWithJustin

YouTube

CSS Keyframes Tutorial // Creating a Loading Spinner Animation

Today we'll create a learning spinner in CSS to learn about the fundamental concepts of keyframe animations. We'll create 3 different types of keyframe animations and you can use them in any framework and customize them as you like.

✨ SOCIAL ✨
Discord …

866 viewsRian YW, 00:26

JavaScript Indonesia Channel

Tips dalam memuat gambar di halaman aplikasi web, untuk performa yang lebih baik

https://blog.bitsrc.io/5-image-loading-best-practices-for-websites-b3e6019e0691

#image #loading #lazy

Medium

Image Loading: Best Practices

Load your web app’s images — the right way.

648 views02:10

JavaScript Indonesia Channel

Latihan bersama Web Dev Simplified tentang cara membuat Skeleton Loading dengan CSS

https://youtu.be/ZVug65gW-fc

---

Komparasi dalam penggunaan CSS Margin dengan CSS Padding

https://blog.logrocket.com/css-margin-vs-padding/

---

Menambahkan baris ke dalam suatu tabel dengan JavaScript

https://javascript.plainenglish.io/how-to-insert-a-row-in-an-html-table-body-in-javascript-5ca35e7a36ae

—-

Beberapa referensi CSS dan property pendukungnya yang diperlukan dalam membangun website

https://medium.com/front-end-weekly/all-css-properties-you-need-to-know-to-build-a-website-803038f7a3b2

—-

#css #skeleton #loading #margin #padding #property

YouTube

How To Create Skeleton Loading Animation With CSS

CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html

Skeleton loading is one of the best loading experiences a user can experience. It is used on nearly every large site including YouTube and in this video I will show you just…

849 views00:16

JavaScript Indonesia Channel

Beberapa cara dalam mempercepat proses memuat Font untuk dipakai di dalam aplikasi web

https://javascript.plainenglish.io/10-ways-to-speed-up-web-font-loading-fcc3eb136923

#font #loading

Medium

10 Ways to Speed Up Web Font Loading

Font loading can hurt performance a lot. This article shows you how to reduce the impact.

449 views23:34

JavaScript Indonesia Channel

Memuat gambar secara bertahap atau Progressive image loading di React JS

https://blog.logrocket.com/progressive-image-loading-react-tutorial/

---

Membuat multistep form dengan useState React JS

https://blog.logrocket.com/build-multi-step-form-usestate-hook/

---

Membuat animasi scroll halaman dengan bantuan Framer Motion

https://blog.logrocket.com/react-scroll-animations-framer-motion/

---

Komparasi antara lit element dengan React JS

https://blog.logrocket.com/lit-vs-react-comparison-guide/

#react #image #loading #progressive #scroll #framer #multistep #hooks

LogRocket Blog

Progressive image loading in React: Tutorial - LogRocket Blog

Use progressive image loading in React to prevent user frustration and other problems that come with slow-loading, high-quality images.

548 views23:41

JavaScript Indonesia Channel

Membuat Skeleton Loading animation dengan menggunakan HTML dan CSS

https://blog.openreplay.com/build-skeleton-screen-animations-with-css/

#css #html #skeleton #loading

Openreplay

Build Skeleton Screen Animations with CSS

Let your users perceive a better performance by showing a skeleton design

407 views00:03

JavaScript Indonesia Channel

Membuat efek loading halaman dengan HTML dan CSS bersama channel Dcode

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

#css #loading #html #dcode

YouTube

Modern CSS Only Page Loading Animation (Web Design Tutorial)

In today's video, I'll show you how easy it is to create a page loader (or loading spinner) using CSS animations. Use this to give your users something interesting to look at while your content loads 🙂

🏫 My Udemy Courses - https://www.udemy.com/user/domenic…

1.3K views23:51

JavaScript Indonesia Channel

Optimasi gambar saat dimuat di HTML

https://dev.to/builderio/optimal-images-in-html-5bg9

#html #images #loading

DEV Community

Optimal Images in HTML

So you've got your nice page and you're adding your background image and… .hero { /* 🚩 */ ...

655 views01:02

JavaScript Indonesia Channel

Latihan dari Web Dev Simplified tentang cara memuat gambar dengan teknik lazy loading

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

#webdevsimplified #loading #lazy #image

YouTube

How To Load Images Like A Pro

Lazy Load Images Article: https://blog.webdevsimplified.com/2023-05/lazy-load-images

Images are the largest asset for most sites and the biggest cause for unresponsive, laggy sites. In this video I will show you how to use lazy loading to not only drastically…

729 views00:01

JavaScript Indonesia Channel

Pengenalan tentang lazy loading di JavaScript

https://blog.openreplay.com/lazy-loading-in-javascript/

---

Beberapa browser API yang perlu diketahui oleh developer

https://levelup.gitconnected.com/new-browser-apis-that-every-web-developer-should-know-d7a65cbb4a2d

—-

Beberapa tips penggunaan Closure di JavaScript

https://javascript.plainenglish.io/4-tricks-and-tips-about-closure-in-javascript-you-should-know-a7fe6aeaa767

—-

Membuat fungsi utility dengan nama waitFor untuk menunggu proses Async selesai

https://davidwalsh.name/waitfor

#lazy #loading #closure #browser

Openreplay

Lazy Loading in JavaScript

Get a better UX with lazy loading to avoid delays

351 views23:09

JavaScript Indonesia Channel

CSS Glowing Corner Loading Animation Effects

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

#css #loading #effect

YouTube

CSS Glowing Corner Loading Animation Effects

Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas into reality now.

Get now more than 1000+ source code just by clicking on this link…

536 views23:39

JavaScript Indonesia Channel

Optimize Web App Performance And Loading Speed
https://blog.openreplay.com/optimize-web-app-performance-and-loading-speed/

#performance #loading

Openreplay

Optimize Web App Performance and Loading Speed

Get more speed for your pages

319 views00:44

JavaScript Indonesia Channel

Using defer in Angular 17 to implement lazy loading
https://blog.logrocket.com/using-defer-angular-17-implement-lazy-loading/

—-

Local Change Detection in Angular
https://medium.com/ngconf/local-change-detection-in-angular-410d82b38664

#angular #lazy #loading

LogRocket Blog

Using defer in Angular 17 to implement lazy loading - LogRocket Blog

Angular's new defer feature, introduced in Angular 17, can help us optimize the delivery of our apps to end users.

549 views00:05

About

Blog

Apps

Platform