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 panjang dari Fireship tentang latihan menggunakan Three JS untuk membuat halaman portfolio dengan efek animasi 3D

https://youtu.be/Q7AOvWpIVHU

#fireship #portfolio #threejs

Build a Mindblowing 3D Portfolio Website // Three.js Beginner’s Tutorial

Learn the basics of Three.js - a tool for building amazing 3D graphics with JavaScript. In this tutorial, we create an animated 3D scrolling animation for a portfolio website https://github.com/fireship-io/threejs-scroll-animation-demo

#3D #webdev #js

🔗…

629 viewsRian YW, 23:45

JavaScript Indonesia Channel

Kumpulan beberapa tag HTML yang jarang diketahui namun sangat bermanfaat untuk struktur semantic HTML yang lebih baik, accessibility, dan juga SEO yang lebih baik

https://blog.logrocket.com/uncommon-html-tags-improve-web-semantics/

---

Latihan penggunaan SVG pada Three JS

https://blog.logrocket.com/bringing-svgs-three-js-svgloader/

---

Beberapa fungsi kalkulasi atau perhitungan di CSS yang sudah bisa digunakan

https://css-tricks.com/using-absolute-value-sign-rounding-and-modulo-in-css-today/

---

Beberapa hal yang perlu diketahui tentang CSS Units atau satuan variabel dalam CSS

https://medium.com/weekly-webtips/everything-you-need-to-know-about-css-units-d68f6ad0e5d5

—-

Beberapa fitur keunggulan framework Bulma CSS untuk styling tampilan aplikasi web

https://blog.bitsrc.io/why-developers-love-bulma-css-8d9aab97fd0c

—-

Pengenalan CSS Position property untuk mengatur posisi element di HTML

https://medium.com/techtofreedom/css-position-locate-your-html-elements-like-a-guru-3fb618654e74

—-

#css #html #seo #semantic #unit #threejs #calculation #svg

Uncommon HTML tags that improve web semantics - LogRocket Blog

Learn the proper way to use uncommon HTML tags that'll make for a more semantic website, better accessibility, and improved SEO.

641 viewsRian YW, 00:37

JavaScript Indonesia Channel

Latihan dari Freecodecamp tentang membuat permainan Squid Games dengan menggunakan Three JS

https://www.freecodecamp.org/news/create-a-squid-game-javascript-game-with-three-js/

#game #freecodecamp #threejs

freeCodeCamp.org

Create a Squid Game JavaScript Game with Three.js

Would you survive the TV show Squid Game? Would you survive coding the TV show Squid Game? Time to find out. We just published a JavaScript course on the freeCodeCamp.org YouTube channel that will teach you how to create the Red Light / Green Light game from…

784 views23:50

JavaScript Indonesia Channel

Latihan menggunakan Three JS untuk animasi sederhana

https://medium.com/geekculture/getting-started-with-three-js-1c2d02e18330

#threejs

Getting Started With Three.js

The ability to render 3D objects in the browser opens up many exciting possibilities for creating interactive experiences. Whether you’re…

362 views23:38

JavaScript Indonesia Channel

Latihan dari Web Programming Unpas dalam membuat Kartu Ucapan Idul Fitri Menggunakan THREE JS & Tailwind CSS

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

#wpu #threejs #tailwind #css #ngobar

Membuat Kartu Ucapan Idul Fitri Menggunakan THREE JS & TAILWIND CSS | NGOBAR #34

Membuat kartu ucapan sederhana menggunakan ThreeJS dan Tailwind CSS 3

▬▬▬▬ Chapters ▬▬▬▬▬▬▬▬▬▬
00:00 - Intro
01:24 - Persiapan menggunakan ThreeJS
05:19 - Membuat object 3D
18:37 - Menggunakan object 3D yang sudah jadi
29:12 - Membuat kartu ucapan menggunakan…

986 views23:00

JavaScript Indonesia Channel

Latihan panjang dari Freecodecamp membuat clone game Minecraft dengan Three JS dan React JS

https://www.freecodecamp.org/news/code-a-minecraft-clone-using-react-and-three-js/

—-

Latihan sederhana cara menggunakan Props di React JS

https://www.freecodecamp.org/news/how-to-use-props-in-reactjs/

#react #props #threejs #minecraft #clone

freeCodeCamp.org

Code a Minecraft Clone Using React and Three.js

It may not be possible to code a Minecraft clone in 30 seconds [https://www.youtube.com/watch?v=MAlSjtxy5ak], but you can definitely create one in under two hours. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how…

698 views00:13

JavaScript Indonesia Channel

Latihan dari Lama Dev membuat web portfolio dengan React dan Three JS

https://www.youtube.com/watch?v=qALsVa-V9qo

—-

Komparasi antara Next JS dengan Remix JS

https://blog.openreplay.com/comparing-frameworks--next-vs-remix/

—-

Beberapa library chart dan grafis untuk React JS

https://blog.openreplay.com/exploring-the-best-react-charting-libraries-for-2023/

—-

Menggunakan Vite bundler pada React JS

https://medium.com/@s_eschweiler/vite-react-the-ultimate-combination-for-fast-project-setup-b571adcb3f7

—-

#react #nextjs #portfolio #vite #threejs #lamaDev

React 3D Portfolio Website with Three.js | Build and Deploy Responsive React Portfolio

Responsive 3d portfolio page tutorial for beginners using React and Three.js. Get Hostinger Discount: http://hostinger.com/lamadev Coupon Code: LAMADEV

If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOxWrX5MId…

573 views23:10

JavaScript Indonesia Channel

Latihan panjang dari JavaScript Mastery membuat aplikasi portfolio dengan React JS dan Three JS

https://www.youtube.com/watch?v=0fYi8SGA20k

#react #javascriptMastery #threejs

Build and Deploy an Amazing 3D Web Developer Portfolio in React JS | Beginner Three.js Tutorial

The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your own ThreeJS 3D Developer Portfolio today!

What to do after mastering Three JS? Master the most powerful web dev framework today…

660 views01:13

JavaScript Indonesia Channel

Membuat sistem tata surya dengan bantuan Three JS

https://hackernoon.com/how-to-create-a-solar-system-in-javascript-with-threejs?source=rss

—-

Beberapa fungsi shorthand dalam JavaScript

https://lokesh-prajapati.medium.com/javascript-shorthand-techniques-ultimate-cheat-sheet-415d9abbe47c

—-

Optimasi dalam memuat file JavaScript

https://www.lambdatest.com/blog/how-to-reduce-page-load-time-javascript/

—-

#solar #threejs #optimize #shorthand

How to Create a Solar System in JavaScript With Three.js 🌌 | HackerNoon

Create a Solar System in JavaScript with Three.js by using this guide!

537 views00:45

JavaScript Indonesia Channel

Implementasi desain blender dengan bantuan Three JS di React JS

https://www.freecodecamp.org/news/blender-three-js-react-js/

---

Cara membuat protected route di React JS

https://dev.to/sundarbadagala081/protected-routes-in-react-47b1

---

Cara melakukan handling error di Next JS

https://blog.logrocket.com/common-next-js-errors/

---

#react #nextjs #blender #threejs #router

freeCodeCamp.org

How to Implement a Blender Model in a React.js Application using Three.js

In this step-by-step guide, you'll learn how to build a basic Blender file with incorporated fundamental animations. After that, you'll learn how to integrate Three.js with your React apps using React Three Fiber. Getting familiar with these concept...

737 views23:43

JavaScript Indonesia Channel

Javascript Mastery - Build and Deploy and Amazing 3D Developer Portfolio with React and Three JS

https://youtu.be/FkowOdMjvYo?si=iHp0LY0o8mir-oBe

#react #threejs #javascriptMastery #portfolio

Build and Deploy an Amazing 3D Developer Portfolio in React with Three.js

Let's build a cool 3D website together! You'll learn how to make a portfolio with fun interactive parts, like a floating island and a fox that moves when you type. It'll allow you to show off your skills and get a job!

🌟 Become a top 1% Next.js 14 developer…

778 views22:08

JavaScript Indonesia Channel

Build and Deploy an Apple Website using React | Beginner Three.js & GSAP Tutorial
https://www.youtube.com/watch?v=kRQbRAJ4-Fs

#react #javascriptMastery #gsap #threejs

Build and Deploy an Apple Website with React | Beginner Three.js & GSAP Tutorial

Recreate the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects. From custom animations to animated 3D models, this tutorial covers it all.

⭐ Hostinger - https://hostinger.com/mastery10
Use the code JAVASCRIPTMASTERY to save up…

398 views23:35

JavaScript Indonesia Channel

JavaScript Fetch API For Beginners – Explained With Code Examples

https://www.freecodecamp.org/news/javascript-fetch-api-for-beginners/

---

Mastering JavaScript Closures: A Comprehensive Guide

https://dev.to/jahid6597/mastering-javascript-closures-a-comprehensive-guide-1gd7

---

Learn Three.js By Building Five Projects

https://www.freecodecamp.org/news/learn-threejs-by-building-five-projects/

---

#fetch #threejs #closure

freeCodeCamp.org

JavaScript Fetch API For Beginners – Explained With Code Examples

The Fetch API is a JavaScript function that you can use to send a request to any Web API URL and get a response. In this article, I'm going to show you how to make HTTP requests to external APIs using the JavaScript Fetch API. You're going to learn h...

482 views23:36

JavaScript Indonesia Channel

Solar system with Three.js

https://dev.to/cookiemonsterdev/solar-system-with-threejs-3fe0

---

How to Use Variables and Data Types in JavaScript – Explained With Code Examples

https://www.freecodecamp.org/news/how-to-use-variables-and-data-types-in-javascript/

---

How to Make a Phone Vibrate Using JavaScript

https://dev.to/free_programmers/how-to-make-a-phone-vibrate-using-javascript-585n

#threejs #phone #variable

Solar system with Three.js

Hi! Today, I’m going to build a solar system using Three.js. But before we begin, you should know...

302 views23:02

JavaScript Indonesia Channel

Build & Deploy an Amazing 3D Portfolio with React.js & Three.js | Beginner Three.js Tutorial
https://www.youtube.com/watch?v=kt0FrkQgw8w

#react #nodejs #nextjs #css #threejs

Build & Deploy an Amazing 3D Portfolio with React.js & Three.js | Beginner Three.js Tutorial

Learn how to build 3D websites from scratch with the Three.js Crash Course. It's a fun and practical way to create a portfolio that really pops!

⭐ WebStorm: https://jb.gg/JSMastery

⭐ Hostinger - https://hostinger.com/mastery10
Coupon Code (91% off): J…

533 views23:21