JavaScript Indonesia Channel – Telegram

JavaScript Indonesia Channel

@Indonesia_Javascript

11.3K subscribers

597 photos

7 videos

3 files

17.3K 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

11.3K subscribers

JavaScript Indonesia Channel

Membuat sidebar menu dengan kombinasi Pure CSS dan Bootstrap 4

https://scotch.io/tutorials/build-multiple-stacking-sticky-sidebars-with-pure-css-and-bootstrap-4

#css #bootstrap #purecss #sidebar #menu

Build Multiple Stacking Sticky Sidebars with Pure CSS and Bootstrap 4

Making high performant, pure CSS sticky sidebars stack with Bootstrap 4.

632 viewsRian YW, 02:25

JavaScript Indonesia Channel

Latihan membuat menu sidebar dengan JavaScript murni, HTML, dan CSS

https://dev.to/felipperegazio/creating-a-sidebar-with-html-css-and-js-1jep

#sidebar #menu #css

Creating a Sidebar with HTML, CSS and JS

How to create a simple and useful sidebar using vanilla technologies

677 viewsRian YW, 23:39

JavaScript Indonesia Channel

Membuat Navigation Bar dan Sidebar responsive dengan React JS

https://codeburst.io/how-to-create-a-navigation-bar-and-sidebar-using-react-348243ccd93

#navbar #sidebar #react

How to Create a Navigation Bar and Sidebar Using React

Hello everyone! Shmoji here! Today, I am going to teach you how to create a functioning navigation bar using React.

595 viewsRian YW, 00:24

JavaScript Indonesia Channel

Daftar latihan dari YouTube Online Tutorials yang berjumlah 270 tutorial yang dirangkum dalam rekapitulasi tahun 2020 lalu.

https://youtu.be/iZ9tuuZzY_g

---

Daftar latihan penting untuk membuat element ke tengah atau Centering element dengan CSS

https://css-tricks.com/centering-in-css/

https://css-tricks.com/centering-css-complete-guide/

---

Daftar artikel populer seputar CSS dari CSS Tricks pada tahun 2020 lalu.

https://css-tricks.com/thank-you-2020-edition/

---

Latihan sederhana membuat sidebar menu dengan CSS dan HTML

https://dev.to/florincornea/modern-sidebar-menu-53o1

---

#css #center #centering #sidebar

270+ Creative CSS & Javascript Animation & Hover Effects | Stunning CSS3 Effects 2020

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.8K viewsRian YW, 00:23

JavaScript Indonesia Channel

Latihan dari Online Tutorials tentang membuat Navbar yang responsive dengan HTML, CSS, dan JavaScript

https://www.youtube.com/watch?v=FhjyRg-LYKc

—-

Latihan membuat halaman web responsive dengan style Glassmorphism

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

—-

Latihan sederhana membuat Toggle Icon dengan CSS, HTML, dan JavaScript

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

—-

Membuat komponen Sidebar halaman yang dapat tertutup ketika element di luar di klik

https://www.youtube.com/watch?v=iP63fDXk-W8

---

Latihan membuat fitur auto play video ketika ada event mouse hover ke atas video

https://youtu.be/dx4oAxaR1As

#onlinetutorials #navbar #responsive #css #sidebar #glassmorphism #toggle #icon #video

Responsive Navbar using Html CSS & Javascript | Close Navbar When Click Outside

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.3K viewsRian YW, 01:38

JavaScript Indonesia Channel

Latihan dari Coding With Justin membangun element Navigation Bar jenis Sidebar dengan tambahan efek animasi. Menggunakan Vue JS dan Vue Router

https://youtu.be/CfTvye31Ad0

#vue #router #sidebar #animation

Animated Navbar using CSS, Vue and Vue Router

Today we'll create a sidebar in Vue that allows you to navigate to different pages with vue-router. You'll learn about the fundamental concepts in Vue like components, navigation, a reactive state, transitions as well as other web development skills, like…

1.0K viewsRian YW, edited 00:13

JavaScript Indonesia Channel

Membuat aplikasi CRUD sederhana dengan React Hooks dan Axios

https://www.freecodecamp.org/news/how-to-perform-crud-operations-using-react

---

Membuat Navbar Component di React JS

https://blog.logrocket.com/creating-navbar-react/

---

Membuat component Sidebar menu pada React JS

https://blog.logrocket.com/create-sidebar-menu-react/

---

Cara menyetel konfigurasi ESLint dan Prettier untuk React JS

https://javascript.plainenglish.io/setup-eslint-and-prettier-in-your-react-project-44d1ec04a800

---

#react #crud #eslint #navbar #sidebar

freeCodeCamp.org

How to Perform CRUD Operations using React, React Hooks, and Axios

By Nishant Kumar If you're working with React, it can be quite difficult to understand and implement API Requests. So in this article, we'll learn how it all works by implementing CRUD Operations using React, React Hooks, React Router, and Axios. Let...

705 viewsRian YW, 00:08

JavaScript Indonesia Channel

Latihan dari Cand Dev membuat Sticky sidebar yang tidak bergeser ketika halaman di scroll ke bawah

https://youtu.be/d8SKK4LjguU

#canddev #sticky #sidebar

Create Sticky Sidebar on Scroll

Create sticky sidebar when scroll with html and css, we also learn how to use flexbox and grid to make it responsive.

Code:
https://github.com/candraKriswinarto/sticky-sidebar

Support The Channel:
https://paypal.me/canddev

👋🏻Contact Me:
https://canddev.vercel.app/…

1.0K views23:38

JavaScript Indonesia Channel

Latihan bersama Web Dev Simplified dalam membuat clone atau tiruan menu YouTube Sidebar lengkap dengan animasi

https://youtu.be/3eSNePqRVzs

#clone #webdevsimplified #sidebar

Can I Create This Tricky Animated CSS Sidebar?

Sidebars are an integral part of web development and can get pretty complicated. The YouTube sidebar is a perfect example of a complex yet elegant sidebar and in this video I will be attempting to create YouTube sidebar live for the first time.

📚 Mater…

838 views01:25

JavaScript Indonesia Channel

Latihan dari Online Tutorials membuat sidebar menu dengan HTML, CSS, dan JavaScript

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

#sidebar #html #css #onlineTutorials

Dashboard Sidebar Menu using Html CSS & Vanilla Javascript

Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…

1.0K views01:29

JavaScript Indonesia Channel

Membuat Sidebar menu dengan efek curve ke dalam dengan HTML, CSS dan JavaScript , dari channel Online Tutorials

https://youtu.be/m5LvqOVltlA

#sidebar #onlinetutorials #css #html

Sidebar Menu using Html CSS & Javascript | How To Create Curved Outside Navigation

Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…

1.1K views22:42

JavaScript Indonesia Channel

Menggunakan state management di React JS yang bernama Jotai

https://blog.openreplay.com/state-management-in-react-with-jotai/

---

Menyetel gambar latar belakang di React JS

https://www.freecodecamp.org/news/react-background-image-tutorial-how-to-set-backgroundimage-with-inline-css-style/

---

Membuat sidebar di React JS dengan library sidebar material UI Component

https://blog.logrocket.com/create-sidebar-react-pro-sidebar-mui/

---

#react #jotai #background #sidebar

State Management in React with Jōtai

A new, modern state manager for React apps

921 views22:45

JavaScript Indonesia Channel

Membuat sidebar menu untuk dashboard dengan HTML , CSS , dan JavaScript, dari Online Tutorials

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

#css #onlineTutorials #sidebar #dashboard

Dashboard Sidebar Menu using Html CSS & Vanilla Javascript | Curve Outside

Get Master Frontend: Zero to Hero ebook Now👇
https://bit.ly/3E40YEV
------------------
Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover…

782 views00:03

JavaScript Indonesia Channel

Membuat Sidebar dengan tambahan animasi menggunakan Framer dan React JS

https://www.freecodecamp.org/news/create-a-fully-animated-sidebar/

#react #framer #sidebar

freeCodeCamp.org

How to Create a Fully Animated Sidebar in React.js using Framer Motion

By Yazdun Fadali Adding smooth and professional animations to your user interfaces can be a bit tricky. In this tutorial, I'll show you how to use Framer Motion in your React apps to create beautiful animations. This guide is perfect if you're new to...

587 views22:56

JavaScript Indonesia Channel

How to Build a Beginner-Friendly JavaScript Application

https://www.freecodecamp.org/news/build-a-beginner-friendly-javascript-application/

---

How to Code Dark Mode for Google Sheets with Apps Script and JavaScript

https://www.freecodecamp.org/news/how-to-code-dark-mode-for-google-sheets/

---

Create A Sidebar Menu using HTML and CSS only

https://dev.to/codingnepal/create-a-sidebar-menu-using-html-and-css-only-2e79

---

#sidebar #learning #darkmode

freeCodeCamp.org

How to Build a Beginner-Friendly JavaScript Application

JavaScript is a popular programming language for building web, mobile, and desktop applications. There are many frameworks and libraries that have been built around JavaScript, with more likely being developed even as you are reading this article. I...

522 views23:21