faridAdmin

Isi Tes: kemampuan memahami kata dan logika bahasa. Contoh: sinonim, antonim, analogi, silogisme, penalaran analitis.

A Design System in Figma is a structured collection of reusable styles, components, and rules used to design consistent UI across a product.

Netlify is a cloud platform designed for deploying modern web applications, especially static sites and frontend frameworks, with built-in CI/CD, serverless functions, and global CDN distribution.

Vercel provides seamless hosting, CI/CD integration, and automatic scaling for modern web applications such as Next.js.

Railway is a cloud platform that simplifies backend deployment, database provisioning, and infrastructure management with minimal configuration.

Custom variables are read-only variables that you can use to store and reuse values in n8n workflows.

n8n provides built-in methods and variables for working with data and accessing n8n data. This section provides a reference of available methods and variables for use in expressions, with a short description.

n8n supports custom nodes built by the community.

n8n (short for “nodemation”) is a fair-code workflow automation tool that allows you to connect different services, APIs, and systems to automate tasks without heavy coding.

Vibe Engineering is a modern development approach where you direct AI to build software instead of writing every line of code yourself. You focus on the big picture architecture, decisions, and quality while AI handles the implementation.

System prompting is a way to give the AI a set of instructions before the conversation starts essentially setting the rules of how it should behave for everything that follows

Pull prompting is an AI interaction approach where you extract a specific, targeted response from a model rather than broadly asking it something and accepting whatever comes out.

Textures in Three.js are images applied to the surface of a material to add visual detail to a mesh. They allow objects to display patterns, images, or surface data instead of plain colors.

TextGeometry in Three.js is used to create 3D text meshes from letters/words.

OrbitControls in Three.js is a helper that lets the user move the camera around a target/object interactively using the mouse or touch.

Primitives in Three.js are built-in geometries used to create common 3D shapes such as cubes, spheres, cylinders, and more.

Three.js is a library that helps you create 3D graphics in the browser using WebGL, without dealing with low-level complexity

Animations that respond to pointer movement

This guide explains how to install and configure **PCSX2**, a PlayStation 2 emulator that allows you to run PS2 games on your computer.

useGSAP() is part of the @gsap/react package and is the recommended way to use GSAP in modern React projects.

Instead of manually animating x and y positions, MotionPath allows elements to follow complex curves, SVG paths, or coordinate arrays

Draggable is a plugin from GreenSock that allows elements to be **dragged interactively** using mouse, touch, or pointer events when working with GSAP (GreenSock Animation Platform).

ScrollSmoother is a plugin from GreenSock designed to create smooth scrolling experiences when used with GSAP (GreenSock Animation Platform) and GSAP ScrollTrigger.

It allows smooth morphing between SVG shapes, meaning one vector shape can transform into another during animation.

Split Text is a technique used to break text into smaller units such as characters, words, or lines so they can be animated individually.

Search Engine Optimization (SEO) in Next.js focuses on ensuring that pages are crawlable, indexable, and optimized for ranking in search engines

Search Engine Optimization (SEO) is the practice of improving a website’s visibility in search engine results such as Google, Bing, or other search platforms.

The FLIP animation technique (First, Last, Invert, Play) is a powerful method for animating layout changes efficiently in the browser.

Easing in GSAP controls how an animation progresses over time.

ScrollTrigger is a GSAP plugin that allows animations to be triggered and controlled by the scroll position of the page.

A Timeline in GSAP is used to sequence multiple animations in a controlled order.

Responsive navbars are important because navigation must adapt to different screen sizes, typically showing a hamburger menu on mobile and inline links on desktop.

Pseudo-class variants in Tailwind CSS allow utilities to apply styles based on an element’s state or interaction.

These animations can be used to create loading indicators, attention effects, UI feedback, and dynamic interfaces.

These transitions typically occur when an element changes due to interactions such as hover, focus, or active states.

Transform utilities in Tailwind CSS allow developers to modify the position, rotation, scale, or skew of elements without affecting the normal document flow

Text shadow allows developers to add shadow effects to text, improving readability and creating visual emphasis.

Opacity controls the transparency level of an element. In Tailwind CSS, opacity utilities allow developers to easily adjust how visible or transparent an element appears.

These effects are based on the CSS filter property and can modify appearance such as blur, brightness, contrast, grayscale, hue rotation, inversion, saturation, and drop shadows.

Using variables helps maintain consistent design systems, simplifies updates, and improves maintainability.

Tailwind CSS provides a mobile-first responsive system using breakpoint prefixes that apply utilities at specific viewport widths.