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

Latihan penting dari Junior Developer Central tentang membuat offscreen navigation menu yang bersifat responsive ketika dibuka di layar smartphone

https://youtu.be/ZS3w5K0QtAA

---

Latihan ini merupakan kelanjutan dari latihan sebelumnya yaitu membuat Drop down menu yang bersifat responsive mobile

https://youtu.be/Wloh_n6M91Q

---

Latihan dari Online Tutorials membuat efek paralax yang mengikuti pergerakan kursor Mouse

https://youtu.be/-BexUIbuRp8

---

Latihan membuat efek Hamburger Menu dengan menggunakan CSS

https://dev.to/uzomezu/just-css-css-only-hamburger-nav-animation-h0a

---

#css #html #navigation #offscreen #dropdown #paralax #hamburger #menu

Front-end Project: Creating an off-screen navigation menu

In this tutorial, we’ll be creating an off-screen menu using some simple HTML and CSS techniques.Get the code for the tutorial here: https://github.com/codeb...

1.1K viewsRian YW, 23:21

JavaScript Indonesia Channel

Membuat kustomisasi menu klik kanan dengan menggunakan JavaScript

https://itnext.io/how-to-create-a-custom-right-click-menu-with-javascript-9c368bb58724

---

Pengenalan fungsi Promise dan Async Await di JavaScript

https://dev.to/this-is-learning/a-promise-of-asynchronous-javascript-4all

---

Pengenalan lengkap tentang fungsi Iterator dan Generator di JavaScript

https://blog.logrocket.com/javascript-iterators-and-generators-a-complete-guide/

---

Menggunakan LocalStorage di dalam JavaScript

https://medium.com/swlh/using-local-storage-with-javascript-cb3713ca56c4

#rightClick #menu #async #await #promise #iterator #generator

How to Create a Custom Right-Click Menu With JavaScript

Here is how you can create a custom context (right-click) menu for your web application

750 viewsRian YW, 01:30

JavaScript Indonesia Channel

Latihan panjang dari Reed Badger dan Freecodecamp tentang pengenalan React JS dari dasar

https://www.freecodecamp.org/news/react-context-for-beginners/

---

Latihan dasar dan berseri membuat aplikasi fullstack JavaScript dengan MERN Stack

https://dev.to/mritunjaysaha/mern-stack-todo-application-backend-282a

---

Contekan tentang jenis jenis page rendering di React Next JS

https://dev.to/guydumais/next-js-the-ultimate-cheat-sheet-to-page-rendering-55eb

---

Latihan membuat context menu dengan React JS

https://blog.logrocket.com/how-to-create-a-context-menu-in-react/

---

Melakukan perubahan meta tags secara dinamis tanpa perlu fungsi SSR di React JS

https://blog.logrocket.com/adding-dynamic-meta-tags-react-app-without-ssr/

---

#react #context #course #menu #meta #nodejs #mern #cheatsheet #nextjs

freeCodeCamp.org

React Context for Beginners – The Complete Guide (2021)

React context is an essential tool for every React developer to know. It lets you easily share state in your applications. In this comprehensive guide, we will cover what React context is, how to use it, when and when not to use context, and lots more. Even…

516 viewsRian YW, 00:02

JavaScript Indonesia Channel

Latihan dari Dcode membuat Hamburger Menu dan dibuka dengan efek sliding ke samping, dengan HTML CSS dan JavaScript

https://youtu.be/b6uLtL8M5nc

---

Pengenalan tentang CSS Module yang dapat dipakai langsung secara native JavaScript

https://css-tricks.com/css-modules-the-native-ones/

---

Latihan lain tentang membuat component Hamburger menu

https://dev.to/anjalijha22/creating-a-hamburger-menu-36lc

#css #dcode #hamburger #menu #module

How to Create a Push Navigation Menu - HTML, CSS Web Design Tutorial

In today's video I'll be showing you how to create a push-style navigation menu. This technique means your navigation menu will appear off the screen (to the left), and then we use CSS3 transform to push the content to the right when the user opens the navigation…

642 viewsRian YW, 23:37

JavaScript Indonesia Channel

Cara menghubungkan CSS ke HTML dengan link stylesheet

https://www.freecodecamp.org/news/external-css-stylesheets-how-to-link-css-to-html-and-import-into-head/

---

Pengenalan tentang HTML dan contoh nya

https://www.freecodecamp.org/news/what-is-html-definition-and-meaning/

—-

Cara sederhana membuat Hamburger menu dengan CSS

https://levelup.gitconnected.com/pure-css-hamburger-menu-c5eafc8d941d

#html #css #hamburger #menu

freeCodeCamp.org

External CSS Stylesheets – How to Link CSS to HTML and Import into Head

It is considered a best practice to have your CSS stylesheets in an external file. So how can you link that CSS to your HTML file? Linking to an external CSS file is an important part of any HTML page boilerplate. And in this article, we'll learn how...

628 views23:14

JavaScript Indonesia Channel

Membuat efek tetesan air pada menu bar dengan CSS dan JavaScript

https://dev.to/romaopedro199/tap-bar-with-liquid-animation-using-css-and-javascript-2l99

---

Membuat image slider sederhana dengan HTML, CSS dan JavaScript

https://dev.to/shantanu_jana/how-to-create-an-image-slider-using-html-css-and-javascript-mo0

#animation #slider #menu #bar

Tap bar with liquid animation using CSS and JavaScript

In this article, we will create a tap bar that you can use in your mobile projects. Let's first look...

998 views01:36

JavaScript Indonesia Channel

Latihan penting bersama Online Tutorials membuat menu Dropdown select dengan HTML, CSS, dan JavaScript

https://youtu.be/uFIl4BvYne0

---

Latihan membuat Ribbon label dari suatu card element dengan HTML dan CSS

https://youtu.be/znBmUqBZ4Jg

---

Latihan keren bersama Online Tutorials membuat Circular Navigation Menu dengan HTML, CSS, dan JavaScript

https://youtu.be/ShPPkZEeLPo

---

Membuat Button Toggle Menu dengan HTML, CSS, dan JavaScript

https://youtu.be/TD-MFXs2M5E

---

#onlinetutorials #css #html #dropdown #label #circular #menu #button #ribbon

Custom Select Menu Dropdown using Html CSS & Vanilla Javascript | Dropdown Menu @OnlineTutorialsYT

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.6K views23:22

JavaScript Indonesia Channel

Membuat Navigation menu dengan navigation indicator yang unik bersama channel Online Tutorials

https://youtu.be/a3rofqqrTBE

#navbar #navigation #menu

Magic Navigation Menu Indicator using Html CSS & Javascript | Curve Outside Effects 02

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…

808 views01:20

JavaScript Indonesia Channel

Membuat animasi pada hamburger menu di tampilan mobile web

https://blog.logrocket.com/animating-mobile-menus-using-css/

---

Membuat pie chart dengan menggunakan CSS

https://www.freecodecamp.org/news/css-only-pie-chart/

---

Pengenalan tentang CSS Variables dan contohnya

https://dev.to/tbruner/what-are-css-variables-2eae

#css #menu #hamburger #mobile #piechart #variables

Animating mobile menus using CSS - LogRocket Blog

Learn how to create animated mobile menus, using HTML and CSS only, that slowly come into view with both a slide-in and slide-down effect.

723 views01:34

JavaScript Indonesia Channel

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

https://youtu.be/bC6vOWWNoas

#dropdown #menu #onlinetutorials

Dropdown Menu using Html CSS & Vanilla Javascript | User Account Navigation Project

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 views01:37

JavaScript Indonesia Channel

Cara melakukan unit testing dengan Vue Component

https://dev.to/jankaritech/unit-testing-vue-components-5gk1

---

Membuat menu di dalam Vuetify

https://javascript.plainenglish.io/vuetify-menu-6112770ea167

---

#vue #testing #menu #vuetify

Unit testing Vue components

This post only covers unit testing information for Vue.js v2 and earlier. If you're trying with...

455 views23:17

JavaScript Indonesia Channel

Latihan dari Online Tutorials tentang membuat hover effects pada menu dengan HTML dan CSS

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

#css #onlineTutorials #hover #menu

CSS Menu Hover Effects | Html CSS Website Menu @OnlineTutorialsYT

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…

732 views23:19

JavaScript Indonesia Channel

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

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

#radialMenu #html #css #menu

Animated Radial 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…

909 views00:37

JavaScript Indonesia Channel

Beberapa library JavaScript untuk membuat Chart dan graphic

https://javascript.plainenglish.io/top-javascript-libraries-for-charts-and-graphs-946494761f9b

---

Membuat Dropdown menu dengan CSS dan JavaScript

https://blog.logrocket.com/making-dropdown-menus-css/

#css #chart #dropdown #menu

Top JavaScript Libraries for Charts and Graphs

7 JavaScript libraries for charts and graphs that designers and developers should work with.

800 views00:50

JavaScript Indonesia Channel

Membuat tampilan hamburger menu dengan Web Dev Simplified

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

#hamburger #menu #webdevsimplified

How To Build An Animated Hamburger Menu With Only CSS

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

Hamburger menus are incredibly popular in sites, but building one that is animated, responsive, and uses no JavaScript is quite difficult. In this video I will show…

713 views02:56

JavaScript Indonesia Channel

Online Tutorials - Magic Navigation Menu Indicator using Html CSS & Javascript | Curve Outside Effects 04

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

#css #html #menu #navigation #indicator

Magic Navigation Menu Indicator using Html CSS & Javascript | Curve Outside Effects 04

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…

527 views01:22

JavaScript Indonesia Channel

How to Make 9 Dots Menu Drawer using Html CSS and Javascript

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

#menu #drawer #dots

How to Make 9 Dots Menu Drawer using Html CSS and Javascript

Master Frontend to Backend 👇
https://bit.ly/frontend-to-backend-ebook
------------------
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform…

759 views00:22

JavaScript Indonesia Channel

Build an off-canvas menu with <dialog> and web components
https://blog.logrocket.com/build-off-canvas-menu-web-components/

—-

#menu #dialog #html

Build an off-canvas menu with <dialog> and web components - LogRocket Blog

Build an off-canvas menu using web components and HTML’s element to enhance user experience and accessibility.

486 views01:11

JavaScript Indonesia Channel

Creating Smooth Hover Effects for Menu Icons

https://dev.to/yordiverkroost/creating-smooth-hover-effects-for-menu-icons-4ond

#hover #effect #menu #icon

Creating Smooth Hover Effects for Menu Icons

In this blog post, I explore how to enhance your website's menu by adding animations to icons using CSS transitions. I provide a step-by-step guide, starting with a simple CSS solution and moving to a more refined approach using the transition and transform…

479 views00:50

JavaScript Indonesia Channel

Animated 9 Dots Navigation Menu using Html CSS & Javascript

https://www.youtube.com/watch?v=iiK-9Xme_Q4

#html #css #dots #menu #navigation

Animated 9 Dots Navigation Menu using Html CSS & Javascript

All Source Code : https://www.patreon.com/onlinetutorials
Get now more than 1000+ source code just by clicking on this link
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation…

673 views01:10