JavaScript
15 min
Build a Chatbot Widget with HTML, CSS & JavaScript
Build a floating chat bubble widget that opens into a full AI chat panel — pure HTML, CSS, and Vanilla JavaScript. Connects to OpenAI, streams responses, remembers conversation history, and embeds into any website with a single script tag.
JavaScript
17 min
Build an AI Color Palette Generator with JavaScript
Build a real working tool: type a mood or theme, and AI generates a five-color palette with names and use cases. Pure HTML, CSS, and Vanilla JavaScript — no frameworks, no build step, ships in one file.
JavaScript
13 min
Web Speech API: Build a Voice Command UI in JavaScript
The Web Speech API lets you add voice input and text-to-speech to any website with zero dependencies. This tutorial builds a fully working voice command UI — wake word detection, command matching, and spoken responses — in pure JavaScript.
JavaScript
14 min
Build a ChatGPT-Style Streaming Text Effect in JavaScript
The token-by-token streaming animation you see on ChatGPT, Claude, and Gemini is now everywhere. Here is how to build it yourself using pure JavaScript — covering CSS typewriter, ReadableStream, and real Server-Sent Events.
JavaScript
13 min
Call the OpenAI API from Vanilla JavaScript (No Backend)
You do not need Node.js, React, or a backend server to start using the OpenAI API. This tutorial shows you how to call GPT models directly from plain JavaScript using the Fetch API — with streaming, error handling, and secure key management.
JavaScript
18 min
JavaScript API Call: fetch, Axios, TanStack Query & ky
Most JavaScript API call guides are still in 2023 — fetch + Axios + XMLHttpRequest + jQuery. The real modern comparison is fetch + async/await + AbortController (the modern baseline), Axios (still popular for interceptors), TanStack Query (the React standard), and ky/ofetch (lightweight replacements). Plus the 4xx/5xx error gotcha fetch doesn't reject for, the Axios CancelToken deprecation, type-safe APIs with Zod, and FormData uploads done right.
JavaScript
16 min
YouTube Data API in JavaScript: List Channel Videos
Most 'list YouTube channel videos' tutorials use jQuery + the search.list endpoint — that costs 100 quota units per call (vs 1 for the uploads-playlist trick) and exposes your API key in the browser. This guide does it right: modern fetch + async/await, the playlistItems.list pattern, server-side API key proxying with Cloudflare Workers or Next.js Route Handlers, channel handle → ID resolution, pagination with nextPageToken, and the oEmbed fallback for simple embeds without any API key at all.
JavaScript
2 min
JavaScript Primitive and Non-Primitive Data Types
JavaScript
3 min
JavaScript Conditional Statements: A Guide to Writing Better Code
JavaScript
6 min
25 JavaScript String Methods
JavaScript
9 min
24 Most important JavaScript methods
JavaScript
2 min
Top javascript Array Methods with Examples