JavaScript Indonesia Channel

How to Add Filtering, Sorting, Limiting, and Pagination to Your Nest.js App

https://www.freecodecamp.org/news/how-to-add-filtering-sorting-limiting-pagination-to-nestjs-app/

—-

How to Use OpenTelementry to Trace Node.js Applications

https://www.freecodecamp.org/news/how-to-use-opentelementry-to-trace-node-js-applications/

#nodejs #nest #telemetry

freeCodeCamp.org

How to Add Filtering, Sorting, Limiting, and Pagination to Your Nest.js App

By Okure U. Edet If you are reading this article, you are probably a developer who has used an API to call data for your application. You may have also used features such as filtering and pagination to limit the amount of data you want to receive. T...

1.08K views23:02

JavaScript Indonesia Channel

Lama Dev - Next.js Animated Portfolio Website with Framer Motion & Tailwind CSS | Next.js Beginner Project
https://www.youtube.com/watch?v=DJaZUFK8Kv4

—-

Build 25 React Projects – Tutorial
https://www.youtube.com/watch?v=5ZdHfJVAY-s

—-

State Management in React – When and Where to use State
https://www.freecodecamp.org/news/react-state-management/

—-

How to Install React – A Step-by-Step Guide
https://www.freecodecamp.org/news/how-to-install-react-a-step-by-step-guide/

—-

React Libraries to Use in Your Projects in 2024
https://www.freecodecamp.org/news/react-libraries-to-use-in-your-projects/

—-

Mastering Multilingual Websites: Internationalization In Next.Js 14
https://blog.openreplay.com/i18n-in-next-14/

—-

Securing React Apps: A Guide To Preventing Cross-Site Scripting With DOMPurify
https://blog.openreplay.com/securing-react-with-dompurify/

—-

#nextjs #react #framer #tailwind #dom #state

YouTube

Next.js Animated Portfolio Website with Framer Motion & Tailwind CSS | Next.js Beginner Project

Next.js portfolio project tutorial with Framer Motion and Tailwind CSS.
Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV

Join React/Next.js Master Course Waitlist: https://list.lama.dev

Fill the form out and let me know your course…

👍1

456 views23:46

JavaScript Indonesia Channel

Infinite Wavy Border Animation | CSS Animated Cards
https://www.youtube.com/watch?v=fRVvVTjfB7I

—-

CSS Animation Effects
https://www.youtube.com/watch?v=neN9QQum6Vc

—-

#css #animation #border #effects

YouTube

Infinite Wavy Border Animation | CSS Animated Cards

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…

989 views00:34

JavaScript Indonesia Channel

TypeScript Types — An Overview
https://javascript.plainenglish.io/typescript-types-an-overview-%EF%B8%8F-a4a312159ee1

#typescript #overview

Medium

Typescript Types — An Overview ❤️

Are you learning Typescript? Well you NEED to know these…

567 views00:43

JavaScript Indonesia Channel

Getting Started With Generators in JS
https://javascript.plainenglish.io/getting-started-with-generators-in-js-8b929f699d0a

—-

A New Era for JavaScript: Pattern Matching Unveiled
https://lokesh-prajapati.medium.com/a-new-era-for-javascript-pattern-matching-unveiled-8f00980210b1

—-

11 Cool Chrome Devtools Tips and Tricks I Wish I Knew Already
https://javascript.plainenglish.io/11-cool-chrome-devtools-tips-and-tricks-i-wish-i-knew-already-123cde033b9a

—-

Building a Clean and Scalable Frontend Architecture
https://medium.com/@barrytwice/title-building-a-clean-and-scalable-frontend-architecture-f4fe1f814f68

#generators #clean #architecture #patternMatching

Medium

Getting Started With Generators in JS

A Hands-on Guide to Writing Your First Generator Function in JavaScript

769 views00:53

JavaScript Indonesia Channel

NEW Next.js 14 Course Announcement!

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

#course #nextjs

YouTube

NEW Next.js 14 Course Announcement!

These sales are only good for a week, though, so if you are interested in learning React or Next.js now is the best time.

📚 Materials/References:

Next.js Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_content=next…

👍1🤔1

911 views03:55

JavaScript Indonesia Channel

Immutable JavaScript – How to Improve the Performance of Your JS Applications

https://www.freecodecamp.org/news/immutable-javascript-improve-application-performance/

—-

Elevating User Experiences With Custom Events
https://blog.openreplay.com/custom-events-in-javascript/

—-

3 Ways To Detect Circular Dependencies In JavaScript Projects
https://blog.bitsrc.io/3-ways-to-detect-circular-dependencies-f5a22310cb5a

—-

10 lesser known JavaScript tricks
https://medium.com/@creativebyte/10-lesser-known-javascript-tricks-a90659e78013

#immutable #events #circular #dependency

freeCodeCamp.org

Immutable JavaScript – How to Improve the Performance of Your JS Applications

Javascript has become a very popular programming language thanks to its growing use in frontend and backend development. And as devs build JavaScript applications for different companies and organizations, the size and complexity of these applicatio...

👍1

599 views23:47

JavaScript Indonesia Channel

What is box-sizing: border-box in CSS?
https://www.freecodecamp.org/news/what-is-box-sizing-border-box-css/

#css #sizing

freeCodeCamp.org

What is box-sizing: border-box in CSS?

In CSS, there is a property called box-sizing that allows you to determine how the width and the height for an element is calculated. A lot of CSS resets will change the default box model from content-box to border-box to make the layouts easier to ...

638 views23:47

JavaScript Indonesia Channel

Short and Sweet JavaScript One-Liners for Mastery

https://dev.to/arjuncodess/short-and-sweet-javascript-one-liners-for-mastery-m74

---

How Array.reduce() could replace other array methods
https://dev.to/oussamabouyahia/how-arrayreduce-could-replace-other-array-methods-ej4

---

What is Strict Mode in JavaScript? Explained with Examples

https://www.freecodecamp.org/news/how-to-use-strict-mode-in-javascript/

---

#reduce #strict #oneliner

DEV Community

🔟 Short and Sweet JavaScript One-Liners for Mastery ⚡️🚀

🌟 Introduction When it comes to programming finding solutions often involves approaches,...

👍1

544 views23:28

JavaScript Indonesia Channel

How to Learn Web Development and Land a Job Faster in 2024 (Beginners' Guide With Free Resources)

https://dev.to/chaoocharles/how-to-learn-web-development-and-land-a-job-faster-in-2024-beginners-guide-with-free-resources-3074

#webdev #resources #learning

DEV Community

🌟⚒️ How to Learn Web Development and Land a Job Faster in 2024 (Beginners' Guide With Free Resources)

1. The Problem - Being Stuck in The Tutorial Hell I remember when I was learning to code,...

👍1

574 views01:30

JavaScript Indonesia Channel

Documentation Libraries to Help You Write Good Docs

https://www.freecodecamp.org/news/documentation-libraries-to-help-you-write-good-docs/

#docs #library

freeCodeCamp.org

Documentation Libraries to Help You Write Good Docs

Good project documentation is key to success for every company, startup, or individual project. Without documentation, it's much harder for new developers or others to use your project. In this article, I'll discuss some of my favourite libraries you...

509 views23:29

JavaScript Indonesia Channel

How to Secure Routes in Next.js 13 – Client-Side, Server-Side, and Middleware-Based Protection

https://www.freecodecamp.org/news/secure-routes-in-next-js/

---

How to Avoid Breaking Your React Application in Production

https://www.freecodecamp.org/news/how-to-avoid-breaking-your-react-app-in-production/

---

Mastering JSX: Unveiling the Secrets for JavaScript, React, and Frontend Brilliance

https://medium.com/front-end-weekly/demystifying-jsx-a-beginners-guide-to-understanding-its-harmony-with-javascript-5f0c78ba1ebc

---

#nextjs #react #router

freeCodeCamp.org

How to Secure Routes in Next.js 13 – Client-Side, Server-Side, and Middleware-Based Protection

Web applications often handle sensitive data and admin functionalities that should only be accessible to authenticated users. In such cases, route protection becomes crucial for safeguarding these routes from unauthorized access. In this tutorial, w...

🤔1

563 views23:35

JavaScript Indonesia Channel

How to Create Responsive Image Slider using HTML and CSS
https://www.youtube.com/watch?v=_0mkCrQsOOw

#imageSlider #html #css #slider #image

YouTube

How to Create Responsive Image Slider using HTML and CSS

447 views23:57

JavaScript Indonesia Channel

Google actually beat GPT-4 this time? Gemini Ultra released

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

#gemini #gpt

YouTube

Google actually beat GPT-4 this time? Gemini Ultra released

Google just released highly-anticipated LLM Gemini Ultra, along with it's ChatGPT competitor Gemini Advanced. Let's take a first look at Gemini and compare its performance to other popular AI models.

#ai #programming #thecodereport

💬 Chat with Me on Discord…

474 views00:59

JavaScript Indonesia Channel

A Simple Explanation of Recursion

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

#recursive #recursion

YouTube

A Simple Explanation of Recursion

In today's video I'll be explaining the idea of recursion in programming, which will let you take advantage of it in your next coding project or for your software engineer interview.

🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download…

506 views01:22

JavaScript Indonesia Channel

JavaScript Spread and Rest Operators – Explained with Code Examples

https://www.freecodecamp.org/news/javascript-spread-and-rest-operators/

---

How to Work with the Console Object in JavaScript

https://www.freecodecamp.org/news/how-to-work-with-the-console-object-in-javascript/

---

How Destructuring Works in JavaScript – Explained with Code Examples

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

---

100+ JavaScript Projects With Source Code

https://dev.to/shantanu_jana/100-javascript-projects-with-source-code-59lo

---

How to Use the JavaScript insertAdjacentHTML() method for Efficient DOM Manipulation

https://www.freecodecamp.org/news/javascript-insertadjacenthtml-method-efficient-dom-manipulation/

---

Async and Await in JavaScript: A Comprehensive Guide

https://dev.to/mktheitguy/async-and-await-in-javascript-a-comprehensive-guide-1oka

---

#spread #rest #async #await #dom #object #console #destructuring

freeCodeCamp.org

JavaScript Spread and Rest Operators – Explained with Code Examples

In modern JavaScript, the spread and rest operators are indispensable tools for simplifying array manipulation and function parameters. These operators provide elegant solutions for tasks like array expansion and function arguments handling. Let's d...

802 views23:07

JavaScript Indonesia Channel

How to create a good README.md file

https://dev.to/yuridevat/how-to-create-a-good-readmemd-file-4pa2

#readme

DEV Community

How to create a good README.md file

What is a README file? The readme file is the first thing a user will see when viewing...

524 views00:07

JavaScript Indonesia Channel

How to make Gradient Text Stroke Effects in CSS | Tricks
https://www.youtube.com/watch?v=XYZ8m6IZZg4

#html #css #stroke #effects

YouTube

How to make Gradient Text Stroke Effects in CSS | Tricks

844 views01:22

JavaScript Indonesia Channel

How to Create Animations in React 18

https://www.freecodecamp.org/news/create-animations-in-react/

---

Master React by Building 25 Projects

https://www.freecodecamp.org/news/master-react-by-building-25-projects/

---

How to Work with useMemo in React – with Code Examples

https://www.freecodecamp.org/news/how-to-work-with-usememo-in-react/

#react #animation #useMemo #hooks

freeCodeCamp.org

How to Create Animations in React 18

We are surrounded by gorgeous web applications. Sometimes I catch myself admiring visual effects on some website and wondering how they were made. Well today I'll show you how you can create awesome CSS animations in React 18. As always, we'll work ...

👍1

506 views04:09

JavaScript Indonesia Channel

Learn SvelteKit – Full Course for Beginners

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

#svelte #course

YouTube

Learn SvelteKit – Full Course for Beginners

Learn everything you need to know about SvelteKit & TailwindCSS by building a beginner friendly landing page (that also looks awesome!).

💻 Code: https://github.com/jamezmca/gym-app-landingpage

✏️ Course developed by @Smoljames

🔗 Resources 🔗
Init SvelteKit…

574 views23:38

JavaScript Indonesia Channel

Relaying Rendering in Next.js by Eric Burel, IBKE Founder and Maintainer
https://www.youtube.com/watch?v=XsU3lEFSXcs

#react #nextjs

YouTube

Relaying Rendering in Next.js by Eric Burel, IBKE Founder and Maintainer @DevoGraphics

Relaying client-side and static rendering to fetch data in a Next.js application is essential for optimizing performance and user experience. By strategically choosing between client-side and static rendering based on the nature of the data, you enhance load…

750 views23:41

About

Blog

Apps

Platform