JavaScript Indonesia Channel

Membuat tampilan hamburger menu dengan Web Dev Simplified

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

#hamburger #menu #webdevsimplified

YouTube

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

Cara menggunakan konsep OOP di JavaScript

https://www.freecodecamp.org/news/object-oriented-programming-javascript/

—-

Pengenalan asynchronous programming pada JavaScript

https://www.freecodecamp.org/news/asynchronism-in-javascript/

—-

#oop #async

freeCodeCamp.org

Object-Oriented Programming in JavaScript

Object-Oriented Programming is a programming style based on classes and objects. These group data (properties) and methods (actions) inside a box. OOP was developed to make code more flexible and easier to maintain. JavaScript is prototype-based proc...

587 views22:45

JavaScript Indonesia Channel

Latihan pengenalan HTML bersama Programmer Zaman Now

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

#html #css #programmerZamanNow #pzn

YouTube

Tutorial HTML Dasar (Bahasa Indonesia)

Hi guys, di video kali ini, kita akan bahas tentang materi HTML Dasar. Ini adalah materi awal untuk teman-teman yang mau belajar menjadi Web Developer

Slide : https://docs.google.com/presentation/d/1j3-mkgXmazIrQdJFhSQp5XK1NqeTIsA03UfST77Tinw/edit?usp=sharing…

524 views23:02

JavaScript Indonesia Channel

Latihan panjang banget dari DevelopedByEd tentang pengenalan React JS

https://www.youtube.com/watch?v=4xduSsxa5Os

#react #developedByEd #course #learning

YouTube

Full Stack Web Development With React | 2023 Crash Course with Project

Go to http://brilliant.org/developedbyed to get a 30-day free trial + the first 200 people will get 20% off their annual subscription.

This video was brought to you by Brilliant.

In today's episode we will learn how to create a full stack application with…

779 views00:03

JavaScript Indonesia Channel

Kumpulan starter template berbasis Next JS

https://blog.logrocket.com/best-next-js-starter-templates/

—-

Pengenalan fitur baru dari Next JS router versi 13

https://vercel.com/blog/next-js-13-data-fetching

—-

#nextjs #react #starter

LogRocket Blog

The best Next.js starter templates - LogRocket Blog

We review some of the most popular Next.js website starter templates, offering a range of features and customization options.

831 views00:22

JavaScript Indonesia Channel

Latihan menggunakan Draft JS editor untuk React JS

https://blog.openreplay.com/wysiwyg-editing-in-react-with-draft-js/

—-

Latihan menggunakan useEffect Hook di React JS

https://blog.openreplay.com/a-guide-to-reacts-useeffect-hook/

—-

#react #draftjs #hook #wysiwg #useEffect

Openreplay

WYSIWYG editing in React with Draft.js

Add a powerful editor to your React pages.

592 views00:30

JavaScript Indonesia Channel

Panduan penggunaan http request di JavaScript

https://www.freecodecamp.org/news/http-full-course/

---

Menghentikan Fetch Request yang terjadi berulang kali

https://dev.to/austingil/cancel-duplicate-fetch-requests-in-javascript-enhanced-forms-23hp

---

Pengenalan tentang fungsi Promise All

https://javascript.plainenglish.io/javascript-promise-all-everything-you-need-to-know-2d1234017889

---

Latihan panjang membuat animasi pada game berbasis JavaScript

https://www.freecodecamp.org/news/create-an-animated-physics-game-with-javascript/

---

#http #fetch #game #promise

freeCodeCamp.org

HTTP Networking in JavaScript – Handbook for Beginners

HTTP is the backbone of the modern internet. In this text-based course, you'll learn how the HTTP protocol works and how it's used in real-world web development. All the code samples for this course are in JavaScript, but the networking concepts you'...

1.1K views01:50

JavaScript Indonesia Channel

Beberapa project yang dirangkum oleh Online Tutorials yang dibuat berdasarkan Chat GPT

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

—-

Menggunakan Chat GPT untuk membuat aplikasi web jenis Resume

https://medium.com/codingthesmartway-com-blog/use-chatgpt-to-create-your-personal-resumewebsite-in-just-5-minutes-and-host-it-for-free-7cb5c9b50e4f

#chatgpt #onlinetutorials #web

YouTube

5 Javascript Projects built by ChatGPT AI | Html CSS

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…

739 views23:03

JavaScript Indonesia Channel

Latihan membuat aplikasi chat real time dengan React JS, Firebase, dan Tailwind CSS

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

#candDev #react #realtime #firebase #tailwind

YouTube

Build a Real-Time Chat App with React, Firebase, and Tailwind CSS

In this tutorial, we will guide you through building a real-time chat application using React, Firebase, and Tailwind CSS. The app will include Google Authentication and private routes for secure access. React will be used for the front-end, Firebase for…

1.0K views23:05

JavaScript Indonesia Channel

Pengenalan tentang Git Diff dan Stash

https://www.thisdot.co/blog/git-basics-diff-and-stash

#git #stash #diff

This Dot Labs

Git Basics: Diff and Stash - This Dot Labs

Getting started with Git Today’s article will cover some of the basics of Git. This article is written under the assumption that you have already made a GitHub…

535 views23:33

JavaScript Indonesia Channel

Cara membuat fungsi upload dan download file dengan metode FTP/FTPS/SFTP di Node.js

https://levelup.gitconnected.com/how-to-upload-and-download-a-file-with-ftp-ftps-sftp-in-node-js-b50e196841f1

#nodejs #upload #download

Medium

How To Upload and Download a File With FTP/FTPS/SFTP in Node.js

Dealing with FTP, FTPS, and SFTP in Node.js

562 views00:29

JavaScript Indonesia Channel

Latihan menggunakan Web Worker di sisi client dan server

https://blog.openreplay.com/how-to-use-client-and-server-side-web-workers/

#worker #workerThread

Openreplay

How to use client and server-side web workers

An introduction to web workers.

626 views00:31

JavaScript Indonesia Channel

Mencari data file dengan command line di Linux

https://www.freecodecamp.org/news/how-to-search-files-in-the-linux-terminal/

#linux #cmd #search #file

freeCodeCamp.org

How to Search Files Effectively in the Linux Terminal

Have you ever felt frustrated searching for files manually on your computer? If you’re a developer or DevOps engineer working on GUI-less Linux servers, it'll be hard navigating back and forth to find files. Many people are unaware of the power of Li...

659 views01:22

JavaScript Indonesia Channel

Beberapa kesalahan dasar dalam penggunaan JavaScript dan cara memperbaikinya

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

—-

Tips dalam belajar JavaScript dengan cepat dan efektif

https://www.freecodecamp.org/news/how-to-learn-javascript-effectively/

—-

Perbedaan antara loose equality dan strict equality

https://www.freecodecamp.org/news/loose-vs-strict-equality-in-javascript/

—-

Beberapa konsep yang perlu dipahami saat belajar JavaScript

https://mukeshprajapati0251.medium.com/javascript-concepts-that-every-developer-should-know-2fa6543c9c60

—-

#bugs #fix #concept #equality

YouTube

Common JavaScript Errors and How to Fix Them

In today's video, I'll be going over some of the most common JavaScript errors I've encountered over the past few years and which I've seen in the comment sections of my JavaScript video tutorials.

How to Fix "null has been blocked by CORS policy":
http…

600 views22:56

JavaScript Indonesia Channel

Konfigurasi aplikasi React JS untuk Tailwind CSS dengan menggunakan Vite JS

https://www.freecodecamp.org/news/how-to-install-tailwindcss-in-react/

---

Beberapa konsep pemrograman JavaScript sebelum penggunaan React JS

https://www.freecodecamp.org/news/top-javascript-concepts-to-know-before-learning-react/

#react #tailwind #concept

freeCodeCamp.org

How to Setup React and Tailwind CSS with Vite in a Project

Tailwind CSS is a popular CSS framework, and React is one of the most popular JavaScript libraries. And Tailwind CSS and React are a great combo to use if you're building a frontend project. In this article, you will learn how to setup your coding en...

524 views23:53

JavaScript Indonesia Channel

Latihan penting melakukan clustering di Node JS untuk scaling aplikasi Node JS

https://www.digitalocean.com/community/tutorials/how-to-scale-node-js-applications-with-clustering

—-

Latihan menggunakan Chat GPT dan Node JS untuk menampilkan pesan notifikasi

https://dev.to/novu/building-the-largest-notifications-library-in-the-world-using-chatgpt-react-and-nodejs-2of7

—-

Beberapa library logging untuk Node JS

https://hackernoon.com/the-10-best-nodejs-logging-libraries

—-

Membuat fungsi push notification pada Node JS dengan Firebase dan Nest JS framework

https://blog.logrocket.com/implement-in-app-notifications-nest-js-mysql-firebase/

—-

Membuat fungsi CRUD pada aplikasi command line Node JS

https://www.freecodecamp.org/news/how-to-build-a-command-line-application-with-nodejs/

—-

Membuat JWT Token dengan Node JS

https://dev.to/knitesh/building-a-secure-jwt-server-with-nodejs-and-jsonwebtoken-2l32

#nodejs #clustering #crud #logging #chatgpt #token

Digitalocean

How To Scale Node.js Applications with Clustering | DigitalOcean

In this tutorial, you will scale a Node.js application using the cluster module on a machine with four or more CPUs. You’ll create an application that does n…

1.1K views00:32

JavaScript Indonesia Channel

Latihan melakukan fungsi filter array dengan JavaScript

https://www.freecodecamp.org/news/filter-arrays-in-javascript/

#array #filter

freeCodeCamp.org

How to Filter an Array in JavaScript – JS Filtering for Arrays and Objects

When building a dynamic and interactive program, you may need to add some interactive features. For example, where a user clicks a button to filter through a long list of items. You may also need to manipulate a large array of data to return only items that…

628 views01:21

JavaScript Indonesia Channel

Penggunaan computed properties di Vue JS dengan mudah

https://www.youtube.com/watch?v=AQt5HDOH-HY

#vue #computed #property

YouTube

Writeable computed properties are great for updating vue props

📕 Vue 3 Crash Course: https://johnkomarnicki.gumroad.com/l/tqrmw
🤖 SaaS I'm Building (WebDevDaily): https://www.webdevdaily.io/
📹 Writeable computed properties: https://youtu.be/AQt5HDOH-HY
📹 defineModel: https://youtu.be/-v-NWHH32dw
🚀 Join the channel …

561 views23:20

JavaScript Indonesia Channel

Pengenalan konsep SOLID pada software development

https://www.freecodecamp.org/news/solid-design-principles-in-software-development/

#solid #softwareDev

freeCodeCamp.org

SOLID Design Principles in Software Development

SOLID is a set of five design principles. These principles help software developers design robust, testable, extensible, and maintainable object-oriented software systems. Each of these five design principles solves a particular problem that might a...

593 views23:57

JavaScript Indonesia Channel

Cara menggunakan Set dan Map pada JavaScript

https://www.freecodecamp.org/news/set-and-map-in-javascript/

---

Perbedaan antara strict comparison dengan loose comparison pada JavaScript

https://www.freecodecamp.org/news/loose-vs-strict-equality-in-javascript/

---

Tips dan trik penerapan clean code di JavaScript

https://javascript.plainenglish.io/13-important-javascript-best-practices-to-write-clean-code-755c0767f75b

---

Panduan dasar pengenalan operasi CRUD pada http request

https://javascript.plainenglish.io/guide-into-crud-operations-in-javascript-b0dbafa28bc4

---

Pengenalan http request dan tips trik nya dengan JavaScript

https://www.freecodecamp.org/news/http-full-course/

---

#set #map #http #crud #equality

freeCodeCamp.org

How to Use Set and Map in JavaScript

There are three major iterables available in JavaScript: Arrays, Maps, and Sets. In this article, we will cover the following topics: * What is an Array? * What is a Set? * What is a Map? * How to Create a Set

734 views00:09

JavaScript Indonesia Channel

Latihan dari Online Tutorials membuat Navigation bar dengan animasi tertentu

https://youtu.be/3MrrSgihzfY

#navbar #onlinetutorials

YouTube

Animated Navigation Bar using Html CSS and Javascript

536 views22:58

About

Blog

Apps

Platform