JavaScript Indonesia Channel

Membuat toggle Dark Mode Switch dengan CSS Variables

https://dev.to/ananyaneogi/create-a-dark-light-mode-switch-with-css-variables-34l8

---

Mengenal parameter CSS Grid minMax() dengan contoh kasus penggunaannya

https://ishadeed.com/article/css-grid-minmax/

---

Latihan panjang pengenalan dasar HTML dari Freecodecamp dan Thu Nghiem

https://www.freecodecamp.org/news/html-basics-for-beginners/

#css #darkmode #cssGrid #html

DEV Community

Create A Dark/Light Mode Switch with CSS Variables

Step by step guide on how to create a dark-light mode switch with CSS variables in your website

649 viewsRian YW, 01:01

JavaScript Indonesia Channel

Latihan panjang dan lengkap dari Online Tutorials membuat halaman web responsive dan navigation menu responsive, lengkap dengan Dark Mode

https://youtu.be/a1D3Y2NhtcY

---

Sampel kode responsive website dengan CSS Flexbox dan CSS Grid

https://youtu.be/0ps33Mn58uc

---

Membuat timeline view dengan animasi tambahan menggunakan Animate JS

https://youtu.be/p6vIxQA_bgs

#css #responsive #flexbox #cssGrid #darkmode #timeline

YouTube

How To make Website Darkmode using CSS & Javascript | Step By Step Responsive Web Design Tutorial

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…

1.1K viewsRian YW, 23:35

JavaScript Indonesia Channel

Latihan dari Junior Developer Central tentang membuat Dark Mode DENGAN React Context API

https://youtu.be/fvc9vumPNAA

#juniorDeveloperCentral #react #context #darkmode

YouTube

React Project: Creating a dark mode toggle using the Context API

In this tutorial, we’ll take a look at the Context API in React by building a simple app that can toggle between light and dark mode.

Code is here: https://github.com/codebubb/context-api-tutorial

React Project: Creating a dark mode toggle using the Context…

701 viewsRian YW, 23:20

JavaScript Indonesia Channel

Latihan dari Kevin Powell membuat Dark Mode Toggle seperti pada tampilan halaman Google Fonts

https://youtu.be/QtuLN0lNb-Y

#kevinpowell #darkmode

YouTube

Cloning Google Font's Light/Dark Mode Toggle

Not too long ago, someone asked me if I could clone the Google Font theme toggle button, and after looking at it, it looked like a lot of fun to try and do, so I took on the challenge!

🔗 Links
✅ Google Fonts: https://fonts.google.com/
✅ My finished code:…

509 viewsRian YW, 01:37

JavaScript Indonesia Channel

Latihan bersama Ania Kubow membuat halaman portfolio dengan tambahan Dark Mode

https://youtu.be/2eFr9jvNHH8

---

Beberapa tips dan trik penggunaan CSS yang jarang diketahui

https://dev.to/ruppysuppy/5-awesome-css-tricks-you-did-not-know-2j4a

---

Mengenal CSS Position Property dengan contohnya

https://dev.to/bharati21/demystifying-position-property-30kd

#darkmode #css #position #aniaKubow #portfolio

YouTube

Build and Deploy a Light and Dark Mode Portfolio using HTML CSS and JavaScript

In this video I show you how to build a Portfolio that has a light and dark mode option and deploy it! To get 10% off on Hostinger packages use code ANIAKUBOW on this link here: https://www.hostinger.com/aniakubow

Final code here: https://github.com/kubowania/light…

686 viewsRian YW, 00:37

JavaScript Indonesia Channel

Latihan membuat aplikasi Virtual Reality dengan React 360

https://blog.logrocket.com/building-a-vr-app-with-react-360/

---

Panduan membuat Dark Mode di React JS

https://blog.logrocket.com/dark-mode-in-react-an-in-depth-guide/

---

Membuat form input dengan menggunakan library component React Final Form

https://blog.logrocket.com/build-high-performance-forms-using-react-final-form/

---

#react #vr #darkmode #form

LogRocket Blog

Building a VR app with React 360 - LogRocket Blog

Curious about VR and React 360? Learn how to develop a simple and interactive React virtual reality application using React 360 right here.

589 viewsRian YW, 23:37

JavaScript Indonesia Channel

Membuat dark mode switch dengan menyimpan kondisi statusnya di dalam Cookies

https://levelup.gitconnected.com/code-a-cookie-based-darkmode-switch-in-css-and-vanilla-javascript-b2d89f99ea7d

#switch #darkmode

Medium

Code a cookie based darkmode switch in CSS and Vanilla JavaScript

In this article I will show you how to easily programm a darkmode switch in 52 lines of JavaScript.

794 views01:52

JavaScript Indonesia Channel

Membuat Dark Mode dengan bantuan Tailwind CSS

https://www.freecodecamp.org/news/how-to-build-a-dark-mode-switcher-with-tailwind-css-and-flowbite/

#tailwind #css #darkmode

freeCodeCamp.org

How to Build a Dark Mode Switcher With Tailwind CSS and Flowbite

By Zoltán Szőgyényi Dark mode is starting to become a requirement rather that a nice-to-have feature like it was back in the day. It gives users the option to choose a theme that's comfortable for them, whether they're working during the day or at ni...

741 views01:19

JavaScript Indonesia Channel

Daftar command NPM yang perlu diketahui bagi pengembang aplikasi web

https://blog.bitsrc.io/the-most-pertinent-npm-commands-and-shortcuts-you-should-know-as-javascript-developer-d84e34f6fe32

---

Mendapatkan nilai unik dari suatu Array JavaScript

https://javascript.plainenglish.io/how-to-get-unique-values-from-a-list-in-javascript-301675602985

---

Mengenal apa itu Hoisting di JavaScript

https://javascript.plainenglish.io/lets-understand-hoisting-in-javascript-99d9df022ce8

---

Membuat toggle Dark Mode dengan JavaScript dan LocalStorage

https://javascript.plainenglish.io/build-a-dark-mode-toggle-with-javascript-and-localstorage-8022b492fb9e

---

Mengenal beberapa library JavaScript yang dapat dipakai untuk visualisasi data

https://javascript.plainenglish.io/5-awesome-javascript-libraries-for-data-visualization-837aea38c574

---

#npm #list #unique #visualization #darkmode #hoisting

Medium

NPM Commands and Shortcuts You Should Know as a JavaScript Dev

NPM commands you should know, and learn how to publish a Node.js package

963 views23:41

JavaScript Indonesia Channel

Latihan bagian keenam belajar Tailwind CSS bersama Web Programming Unpas, pada bagian Pseudo Class dan Dark Mode

https://youtu.be/LR5ewsc0y58

#wpu #tailwind #darkmode

YouTube

6. Pseudo-class & Dark Mode | Belajar Tailwind CSS

Belajar mengenai pseudo-class seperti hover, active, focus, dll. Lalu juga pseudo-element seperti before & after, dan juga mengenai Dark Mode

---
TailwindCSS
https://tailwindcss.com/

---
Ikuti Playlist Belajar TailwindCSS Dari Awal :
https://www.youtu…

777 views23:17

JavaScript Indonesia Channel

Latihan dari Web Programming Unpas tentang menerapkan Dark Mode pada web portfolio

https://youtu.be/k51PlNVTuAo

#portfolio #darkmode #tailwind #css #wpu

YouTube

Menambahkan DARK MODE pada Website Portfolio Menggunakan TAILWIND CSS 3 | NGOBAR #33

Melanjutkan kembali pembuatan website Portfolio menggunakan Tailwind CSS 3

▬▬▬▬ Chapters ▬▬▬▬▬▬▬▬▬▬
00:00 - Intro

---
TONTON PLAYLIST LENGKAP BELAJAR TAILWIND CSS 3:
https://www.youtube.com/playlist?list=PLFIM0718LjIUHFRMzPJ0wGjx9_NlC5d1h

LINK PENTING:…

986 views06:21

JavaScript Indonesia Channel

Membuat toggle Dark Mode pada Next JS dengan Tailwind CSS

https://youtu.be/z2B3gRt2nj0

#darkmode #tailwind #nextjs #react

YouTube

Dark Mode in Next.js and Tailwind CSS

Adding dark mode toggle in next.js and tailwind css with next-themes package.

👨‍💻Code:
https://github.com/candraKriswinarto/next-tailwind-theme

🔗Link:
Next js: https://nextjs.org/docs/getting-started
TailwindCSS: https://tailwindcss.com/docs/guides/nextjs…

914 views00:35

JavaScript Indonesia Channel

Tips dan trik penting dalam penggunaan JavaScript bagi web developer

https://blog.bitsrc.io/common-js-development-skills-5053f0a74ced

—-

Optimasi performa JavaScript dengan menggunakan sistem asinkronus

https://guneetsinghtuli.medium.com/make-your-code-3-faster-with-asynchronous-javascript-29b7bcb6f25a

—-

Membuat fungsi dark mode dengan mudah di halaman aplikasi web dengan JavaScript

https://medium.com/pragmatic-programmers/automatic-dark-mode-with-javascript-8b8b717699ca

—-

Pengenalan apa itu Promise dan contoh sederhananya

https://towardsdev.com/javascript-promises-f62fc2892247

—-

#tips #trick #promise #darkmode #async

Medium

58 JavaScript Tips and Tricks for Web Developers

Lots of tips for JS devs to help you handle common tasks such as time comparison, formatting money, check if array is empty, and much more.

1.1K views00:58

JavaScript Indonesia Channel

Latihan menggunakan CSS Animation untuk animasi di dalam element HTML

https://blog.logrocket.com/understanding-animation-transition-timing-functions-css/

---

Implementasi dark mode switcher di dalam aplikasi web

https://betterprogramming.pub/implementing-a-dark-mode-switch-62d1a2883416

---

#css #animation #darkmode

LogRocket Blog

Understanding animation and transition timing functions in CSS - LogRocket Blog

In this post, we’ll look at timing functions. Timing functions help control how animations behave over a specified duration.

403 views23:14

JavaScript Indonesia Channel

Membuat fungsi pergantian Dark mode dengan JavaScript

https://medium.com/pragmatic-programmers/automatic-dark-mode-with-javascript-8b8b717699ca

#darkmode

Medium

Automatic Dark Mode With JavaScript

Detecting Users’ OS Dark Mode Preference Using matchMedia()

353 views00:56

JavaScript Indonesia Channel

Latihan penggunaan Nuxt JS dengan menggunakan Prisma ORM

https://youtu.be/IWu3UV8H8-0

---

Membuat sistem Authentication dengan Supabase dan Nuxt JS

https://youtu.be/IcaL1RfnU44

---

Menambahkan dark mode ke dalam. Vue JS dengan mudah menggunakan Tailwind CSS

https://youtu.be/cGN91TLXrC8

#vue #nuxt #darkmode #prisma #tailwind

YouTube

Prisma and Nuxt is my new favorite combo

Check out Storyblok :) https://go.learnvue.co/storyblok

RESOURCES
prisma docs - https://www.prisma.io/docs/
setting up supabase and prisma - https://supabase.com/docs/guides/integrations/prisma
some more about prisma migrate - https://www.prisma.io/doc…

744 views23:31

About

Blog

Apps

Platform