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
Join
JavaScript Indonesia Channel
12K subscribers
JavaScript Indonesia Channel
Latihan dari Lama Dev tentang menggunakan useMemo untuk optimasi aplikasi React JS

https://www.youtube.com/watch?v=6-BfMpTT2PE


#lamadev #useMemo #react
YouTube
Learn useMemo and React Memo for Faster Apps
React useMemo hook tutorial for beginners. React optimization using useMemo and React memo. How to use useMemo? When to use useMemo? Common memoization mistakes and more.

For more projects you can support Lama Dev:

Join: https://www.youtube.com/channel…
502 views
JavaScript Indonesia Channel
Latihan panjang dari Lama Dev membuat aplikasi MERN Stack dengan CRUD dan database MySQL

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

#lamadev #crud #mysql #nodejs #mern
YouTube
React Node.js MySQL CRUD Tutorial for Beginners
MySQL CRUD Operations using Node.js and React. CRUD Real-world Project from scratch. Create, Read, Update and Delete data using a MySQL database.

If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join…
732 views
JavaScript Indonesia Channel
Latihan dari Lama Dev membuat web portfolio dengan tampilan menarik

https://youtu.be/JbtKDbtqLiQ

---

Beberapa referensi portfolio berbasis JavaScript yang dibahas oleh James Quick

https://youtu.be/rEa99-NQ9Bk

---

Tips dan trik penting penggunaan Spread Operator JavaScript

https://javascript.plainenglish.io/7-es6-spread-operator-tricks-and-tips-every-developer-should-know-about-33d7a77e2dfe

---

Membuat modal dialog dengan JavaScript

https://www.freecodecamp.org/news/how-to-build-a-modal-with-javascript/

---

Latihan penting menggunakan fungsi manipulasi Array yang sering dipakai yaitu Array Map, filter, dan reduce

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

---

#portfolio #lamaDev #jamesQuick #map #filter #reduce #modal #array
YouTube
Portfolio Website For Developers and Designers | HTML CSS JS Portfolio
Build and deploy a responsive parallax portfolio website with HTML & CSS
Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV

If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join…
842 views
JavaScript Indonesia Channel
Latihan dari Lama Dev membuat aplikasi sosial media yang menggunakan tampilan responsif ukuran layar dilengkapi dengan Dark light mode

https://youtu.be/FweHcYHkt9A

#react #lamaDev #darkmode
YouTube
React Social Media App Design | Dark/Light Mode & Responsive & HTML CSS
Social media website design using React, HTML, and CSS. React social media app using React Hooks, Context API, Dark Mode, Responsive design.

You are watching the 1st part (Design part)
Watch the 2nd part (Backend): Coming next week

If it is valuable to…
931 views
JavaScript Indonesia Channel
Latihan panjang dari Lama Dev tentang beberapa project untuk latihan JavaScript bagi pemula

https://youtu.be/uDeb2iwZMkA

---

Beberapa optimasi kode JavaScript dengan shorthand atau kode yang lebih pendek

https://dev.to/ruppysuppy/7-shorthand-optimization-tricks-every-javascript-developer-should-know-4fj5

#lamaDev #project #optimization #shorthand
YouTube
3 Javascript Projects Every Beginner Should Build
JavaScript projects for beginners and those who want to refresh their memory.
Get Hostinger Discount: https://hostinger.com/lamadev
Coupon Code: LAMADEV

If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOxWrX5MI…
870 views
JavaScript Indonesia Channel
Latihan bersama Lama Dev membuat aplikasi e-commerce sederhana dengan React JS, Strapi CMS, dan Stripe API Payment

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

#lamadev #react #strapi #ecommerce
YouTube
Complete E-Commerce App with React, Strapi, Stripe | Shopping App Tutorial for Beginners
Full-stack React e-commerce app tutorial for beginners.
Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV


If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join
Buy…
2.2K views
JavaScript Indonesia Channel
Latihan sederhana membuat clone aplikasi Fiverr dengan React JS bersama Lama Dev

https://youtu.be/KI5CnJ9u5ok

#react #clone #lamaDev
YouTube
React Fiverr App Design Tutorial | React UI Full Course for Beginners
Fiverr UI clone using React.js and CSS for beginners. Design a React app using functional React components, hooks, and React Router Dom.

You are watching the first part (Design part)
The backend part: https://youtu.be/csUM7yfiaMw

If it is valuable to you…
711 views
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
YouTube
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 views
JavaScript Indonesia Channel
Latihan panjang lengkap dari Lama Dev tentang pengenalan Next JS untuk membuat aplikasi web

https://youtu.be/VE8BkImUciY

#nextjs #react #lamaDev
YouTube
Next.js Full Tutorial for Beginners | Next.js 13 Full Stack App Using App Router
Learn Next.js in 2023. The complete Next.js Course for beginners. Create a full stack app using Next.js 13 App Router, Auth.js, MongoDB, SSR, CSR components.

If it is valuable to you, you can support Lama Dev.

Join: https://www.youtube.com/channel/UCOx…
831 views
JavaScript Indonesia Channel
Latihan dari Lama Dev membuat aplikasi web dengan Next JS dan TypeScript

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

#lamaDev #react #nextjs #typescript
YouTube
TypeScript for React/Next.js Developers | TypeScript Tutorial for Beginners
Learn TypeScript with complete TypeScript couse for beginners. React TypeScript tutorial 2023. TypeScript React props, useState, events, context api and more.

If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOx…
552 views
JavaScript Indonesia Channel
Kumpulan ekstensi VS Code yang dapat dicoba yang dirangkum oleh Lama Dev

https://youtu.be/kyRclsioJBQ

#vscode #extension #lamaDev
YouTube
Best VSCode Extensions I'm in Love with
VSCode extensions and themes for web developers and designers in 2023. #vscode

Try Console Ninja: https://console-ninja.com/?referrer=LamaDev?

Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join
Buy me a coffee: https://www.buymeacoffee.com/lamadev…
533 views
JavaScript Indonesia Channel
Latihan dari Lama Dev membuat aplikasi pemesanan makanan dengan Next JS dan Tailwind CSS

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

#react #tailwind #lamaDev #nextjs
YouTube
Restaurant Food Delivery App Design - React Next.js & Tailwind | Responsive Food Ordering Website
Responsive restaurant website UI design tutorial with React Next.js and Tailwind CSS. React Tailwind project course for beginners.

You are watching the first part (UI Design Part).
The next part (Full Stack Food Delivery App): https://youtu.be/aYzT06aQkGI…
327 views
JavaScript Indonesia Channel
Latihan membuat aplikasi pengantar makanan Food Delivery dengan Next JS, Prisma, PostgreSQL, dan Stripe, bersama Lama Dev

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

—-

Beberapa contoh kasus penggunaan state management Zod dengan Next JS

https://blog.bitsrc.io/navigating-edge-cases-when-using-the-zod-library-with-next-js-a7de426e1436

#react #nextjs #prisma #lamaDev #zod
YouTube
Full Stack Restaurant Food Ordering App Tutorial | Next.js 13 Project (Prisma PostgreSQL Stripe)
Next.js 13 full-stack restaurant/food delivery app course. React Next.js Prisma full project using PostgreSQL, Auth.js, Stripe, Docker, React Query, and Zustand.

Tango extension: https://tango.us

You are watching the 2nd part.
Watch part 1 (UI Design):…
504 views
JavaScript Indonesia Channel
Tips dan trik penggunaan CSS dari Lama Dev

https://youtu.be/2KWdT4PkXgY

#css #tips #lamaDev
YouTube
CSS Tips And Tricks I Wish I Knew Before
Unique CSS tips and tricks that every front-end developer should know. Most underrated CSS properties and pseudo classes, effects. #css #webdesign

Watch the second part: https://youtu.be/kINNs4uYYnY

Join the newsletter: https://list.lama.dev

If it is…
559 viewsedited  
JavaScript Indonesia Channel
Cara melakukan debugging kode dengan benar bersama Lama Dev

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

#debugging #code #lamaDev
YouTube
How to Debug Code Like a Pro
How to debug JavaScript Code in VsCode and Chrome. Learn VsCode Debugger and Chrome Debugger. Debugging with a VsCode Extension: https://console-ninja.com/?referrer=LamaDevCN

00:00 Introduction
00:32 Debugging code with Console.log is not the best idea
01:58…
652 views
JavaScript Indonesia Channel
Latihan dari Lama Dev membuat Portfolio Web dengan React & Framer Motion | React Project for Beginners

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

#react #lamaDev
YouTube
Animated Portfolio Website with React & Framer Motion | React Project for Beginners
React Framer Motion portfolio project tutorial with parallax animations
Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV

If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join…
975 views
JavaScript Indonesia Channel
LamaDev - CSS Tips And Tricks 2 | I Wish Somebody Told Me Before

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

—-

Online Tutorials - Glowing Corner Hover Effects | CSS & Javascript
https://www.youtube.com/watch?v=CJ26NLtdzPA

—-

How CSS @ scope can replace BEM
https://blog.logrocket.com/css-scope-replace-bem/

—-

Creating contrast themes with CSS prefers-contrast and JavaScript
https://blog.logrocket.com/creating-contrast-themes-css-prefers-contrast-javascript/

—-


#css #tips #lamadev #onlineTutorials #scope #contrast #hover
YouTube
CSS Tips And Tricks 2 | I Wish Somebody Told Me Before
Essential CSS tips and tricks that every front-end developer should know. The 2nd part of the CSS tips series #css #webdesign

The first part: https://youtu.be/2KWdT4PkXgY

Join the newsletter: https://list.lama.dev

If it is valuable to you, you can support…
1.3K views
JavaScript Indonesia Channel
Build the Fastest Blog Website with Markdown Content | Hugo Static Site Generation Tutorial

https://www.youtube.com/watch?v=6BRZ-yHjYwo

#lamaDev #hugo #static #site #markdown
YouTube
Build the Fastest Blog Website with Markdown Content | Hugo Static Site Generation Tutorial
SEO-friendly and fast markdown blog app with Hugo static site generator.
Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV

If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join…
621 views
JavaScript Indonesia Channel
Lama Dev - Next.js 14 Complete Course 2024 | Next.js 14 Full Stack App Tutorial for Beginners
https://www.youtube.com/watch?v=vCOSTG10Y4o

—-

#react #nextjs #course #lamaDev
YouTube
Next.js 14 Complete Course 2024 | Next.js 14 Full Stack App Tutorial for Beginners
Next.js 14 full tutorial 2024. Next.js 14 full-stack app project using app router, server actions, MongoDB, Auth.js. Learn Next.js in 2024.

GET NOTIFIED ABOUT UPCOMING REACT/NEXT.JS MASTER COURSE
https://list.lama.dev

SHARE YOUR COURSE EXPECTATIONS
htt…
669 views
JavaScript Indonesia Channel
Exploring React 19 Features - use() Hook, Actions & More

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

——

React Real Estate App UI Design Tutorial for Beginners
https://www.youtube.com/watch?v=HFj5FMb0jwY

#react #traversyMedia #lamaDev
YouTube
Exploring React 19 Features - use() Hook, Actions & More
In this video, we will look at some of the features of React 19 including the React compiler, use() hook, form actions, new hooks like useFormState(), useFormStatus() and useOptimistic().

Code:
https://github.com/bradtraversy/react-19-playground

Check out…
688 views