JavaScript Indonesia Channel

Latihan pengenalan Next JS 13 bersama DevelopedByEd

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

#nextjs #react

Next.js 13 Crash Course | Learn How To Build Full Stack Apps!

Check out my courses to become a PRO!
https://developedbyed.com/

In today's episode we are going to start off a series where we are going to build loads of stuff with Next.js. I am going to give you a full rundown of the main features included in Next 13…

771 views02:23

JavaScript Indonesia Channel

Forwarded from JavaScript Weeekly News

Javascript Weekly 622
01/24/2023

• News Why Not document.write()?
• News The WebAssembly JavaScript Promise Integration API
• News Break the Programming Mold with Dependency Injection
• News Why Is My Jest Suite So Slow?
• News Bun v0.5 Released
• News Building an Accessible Theme Picker
• News Fixing a Memory Leak in a Production Node.js App
• News Build a Mobile-Responsive Telehealth Pager App Using Stream’s Chat API
• News A Beginner’s Guide to Chrome Tracing
• News Handling Errors Like a Pro in TypeScript
• News RoughNotation: Cute Animated 'Rough' Text Annotations
• News Free Website Speed Test: Does Your Site Meet Google's Core Web Vitals?
• News Modern Errors: Handle Errors in a Simple, Stable, Consistent Way
• News Shifty: A Small, Fast Tweening Engine
• News Barba.js: For Smooth Visual Transitions Between Pages
• News Rete.js 1.5: A Framework for Visual Programming
• News Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut
• News gpu-io: GPU-Accelerated Computing Library

Tags: #weekly #javascript

583 views11:37

JavaScript Indonesia Channel

Forwarded from JavaScript Weeekly News

502 views11:37

JavaScript Indonesia Channel

Pengenalan routing di Next JS

https://blog.openreplay.com/routing-in-next-js/

#react #nextjs

Openreplay

Routing in Next.js

How to create and use routes in Next.js.

468 views23:30

JavaScript Indonesia Channel

Tips dan trik dalam penggunaan TypeScript

https://itnext.io/mastering-typescript-21-best-practices-for-improved-code-quality-2f7615e1fdc3

—-

Membuat path alias di TypeScript

https://medium.com/@naubit/path-aliases-in-typescript-and-why-you-should-use-them-c41344e0d0

—-

Membuat error handling di TypeScript dengan benar

https://engineering.udacity.com/handling-errors-like-a-pro-in-typescript-d7a314ad4991

#typescript #alias #path #errorHandling

Medium

🔥 Mastering TypeScript: 20 Best Practices for Improved Code Quality

Achieve Typescript mastery with a 20-steps guide, that takes you from Padawan to Obi-Wan.

655 views23:46

JavaScript Indonesia Channel

Tips penggunaan CSS Grid dari Kevin Powell untuk mempermudah membuat tampilan layout

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

#kevinPowell #css #grid

YouTube

Simplify your CSS with these 3 grid layout solutions

🔥Simple Grid Layouts Cheatsheet: https://simple-grid-layout.kevinpowell.co/

Grid is often seen as useful for really large layouts that have a lot of different pieces, but there are other simple things that it can be super handy for as well!

🔗 Links
✅ How…

719 views00:11

JavaScript Indonesia Channel

Membuat aplikasi konversi suhu sederhana dengan JavaScript, HTML dan CSS

https://javascript.plainenglish.io/building-a-temperature-converter-app-using-html-css-and-javascript-52097d9d3e98

#converter #temperature #css

Medium

Building a Temperature Converter App using HTML, CSS, and JavaScript

How to build a temperature converter app using HTML, CSS, and JavaScript.

795 views01:32

JavaScript Indonesia Channel

Komparasi deploy aplikasi web front end dengan Netlify dan Surge sh

https://blog.openreplay.com/deploying-front-end-apps--netlify-vs-surge/

#deploy #netlify #surge

Openreplay

Deploying Front End Apps: Netlify vs. Surge

A comparison between two options for deploying JAMstack sites.

👍2

611 views23:04

JavaScript Indonesia Channel

Memperbarui parameter di URL dengan URLSearchParams API JavaScript

https://www.jackfranklin.co.uk/blog/url-search-params/

#url #search #params

622 views23:33

JavaScript Indonesia Channel

Beberapa kelebihan menggunakan Lodash untuk aplikasi web

https://javascript.plainenglish.io/5-reasons-why-you-should-be-using-lodash-in-your-javascript-projects-fd08bdfbfe27

---

Menghapus element yang duplikat di dalam Array JavaScript

https://javascript.plainenglish.io/remove-duplicate-objects-from-the-array-with-javascript-3a4e61fb2ff8

#lodash #array #duplicate

Medium

5 Reasons Why You Should be Using Lodash in Your JavaScript Projects

Lodash provides a wide range of utility functions that makes working with arrays, objects, and functions a breeze.

👍3

638 views00:17

JavaScript Indonesia Channel

Kumpulan beberapa kode fungsi one liner atau sebaris yang berguna untuk aplikasi JavaScript

https://dev.to/rammcodes/20-killer-javascript-one-liners-thatll-save-you-hours-of-coding-o14

—-

Beberapa library penting di JavaScript yang dapat dicoba

https://javascript.plainenglish.io/7-useful-javascript-libraries-you-can-use-in-your-next-project-b88ae3af56d

—-

Pengenalan tentang timer dan delay di JavaScript

https://blog.bitsrc.io/javascript-101-all-about-timers-cec07db55b86

—-

Beberapa cara membuat fungsi Singleton di JavaScript

https://itnext.io/7-ways-to-create-singleton-in-javascript-db95a75fbb76

—-

Beberapa cara untuk manipulasi data Array di JavaScript

https://ishratumar.medium.com/javascript-array-methods-cheatsheet-81b12dafd350

—-

Kumpulan beberapa repository untuk belajar JavaScript

https://dev.to/gaelgthomas/10-github-repositories-you-should-know-as-a-javascript-developer-2ji6

#oneliner #repository #timer #singleton #array #delay #setTimeout

DEV Community

20 Killer JavaScript One-Liners That’ll Save You Hours of Coding 🤯🔥

Take your JavaScript skills to the next level with these essential one-liners that will also save you...

👍1

652 views22:55

JavaScript Indonesia Channel

Latihan dasar menggunakan Svelte Kit

https://css-tricks.com/getting-started-with-sveltekit/

#svelte #svelteKit

CSS-Tricks

Getting Started With SvelteKit | CSS-Tricks

SvelteKit is the latest of what I'd call next-gen application frameworks. It, of course, scaffolds an application for you, with the file-based routing,

580 views23:20

JavaScript Indonesia Channel

Membuat navigation menu berbentuk tab dengan HTML, CSS, dan JavaScript

https://www.youtube.com/watch?v=1-U4s6oW0qw

#tabs #onlineTutorials #navigation

YouTube

Tab Navigation Menu using CSS & Javascript | Download Source Code

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

864 views00:11

JavaScript Indonesia Channel

Mendeteksi tampilan layar mobile dengan Next JS

https://javascript.plainenglish.io/the-right-way-to-detect-mobile-breakpoints-in-nextjs-301ccb1976bd

#nextjs #mobile #display #breakpoint

Medium

The Right Way to Detect Mobile Breakpoints in Next.js

The solution to that annoying problem

1K views00:21

JavaScript Indonesia Channel

Latihan integrasi Chat GPT dan Open AI ke dalam aplikasi Next JS dan Node JS

https://medium.com/codingthesmartway-com-blog/a-beginners-guide-to-building-a-next-js-app-with-the-openai-api-f020e51e7cdf

#nextjs #nodejs #openAI #chatGPT #react

Medium

A Beginner’s Guide to Building a Next.js App with the OpenAI API

Welcome to our beginner’s guide to building a Next.js app with the OpenAI API. In this tutorial, we will walk you through the process of…

🔥1

902 views23:01

JavaScript Indonesia Channel

Beberapa perbandingan operator persamaan untuk membandingkan Object di JavaScript

https://www.freecodecamp.org/news/javascript-comparison-operators-how-to-compare-objects-for-equality-in-js/

---

Beberapa cara menggunakan fungsi Array includes untuk operasi Array JavaScript

https://javascript.plainenglish.io/mastering-the-javascript-includes-method-426b42e41229

#comparison #operator #include #array

freeCodeCamp.org

JavaScript Comparison Operators – How to Compare Objects for Equality in JS

While coding in JavaScript, there may be times when you need to compare objects for equality. The thing is, comparing objects in JavaScript is not that straightforward. In this article, you learn three ways to compare objects for equality in JavaScri...

535 views23:38

JavaScript Indonesia Channel

Deploy aplikasi Node JS backend ke layanan Heroku

https://javascript.plainenglish.io/deploy-rest-api-on-heroku-using-nodejs-b757b525b3ce

---

Membuat backend REST API dengan Node JS

https://javascript.plainenglish.io/how-to-create-a-rest-api-in-node-js-4f8538b3fa9c

---

Referensi beberapa library Node JS yang dapat dicoba

https://javascript.plainenglish.io/7-useful-node-js-libraries-you-should-use-in-your-next-project-f6b2f5cfb43c

#nodejs #rest #heroku #deploy #library

Medium

Deploy REST API on Heroku using NodeJS

537 views00:21

JavaScript Indonesia Channel

Optimasi gambar saat dimuat di HTML

https://dev.to/builderio/optimal-images-in-html-5bg9

#html #images #loading

DEV Community

Optimal Images in HTML

So you've got your nice page and you're adding your background image and… .hero { /* 🚩 */ ...

667 views01:02

JavaScript Indonesia Channel

Mengenal build tools Next JS yang bernama Turbopack

https://medium.com/codingthesmartway-com-blog/how-to-activate-turbo-mode-for-blazing-fast-next-js-13-performance-783c2894d64

#turbopack #nextjs #react

Medium

How To Activate Turbo Mode for Blazing-Fast Next.js 13 Performance

Next.js 13 comes with a new build tool: Turbopack. Turbopack is a successor of Webpack and is built with Rust for blazing-fast build…

👍1

909 views01:04

JavaScript Indonesia Channel

Forwarded from JavaScript Weeekly News

Javascript Weekly 623
01/31/2023

• News Astro 2.0: The Next-Gen 'Islands'-Oriented Web Framework
• News Deep Cloning Objects in JavaScript, The Modern Way
• News Go From Professional Web Developer to Lead Engineer
• News Announcing TypeScript 5.0 Beta
• News AlaSQL.js 3.0: Isomorphic JavaScript SQL Database
• News Getting Started with SvelteKit
• News Using .NET Code from JavaScript using WebAssembly
• News JavaScript Scratchpad for VS Code (2m+ Downloads)
• News scrollend: A New JavaScript Event
• News Packaging Rust Apps for the npm Registry
• News Making Sense of TypeScript using Set Theory
• News React Authentication, Simplified
• News Accessible Hamburger Buttons without JavaScript
• News Uppy 3.4: Powerful, Modular JavaScript File Uploader
• News Nut.js 3.0: Desktop Automation from Node
• News Optimize Your Systems' Performance With TelemetryHub - Real-Time Data Monitoring & Analysis
• News Eleventy v2.0: First Beta of the Popular Site Generator
• News Mock Service Worker 1.0: API Mocking Library for Browser and Node
• News Drift: A Self-Hostable Gist-Like / Pastebin Service

Tags: #weekly #javascript

581 views03:38

JavaScript Indonesia Channel

Forwarded from JavaScript Weeekly News

571 views03:38

About

Blog

Apps

Platform