AI/LLM integratsiyasi β JavaScript bilan (0 dan Expertgacha)¶
Bu qo'llanma sizni AI/LLM (sun'iy intellekt / katta til modellari) ni JavaScript ilovalariga ulashni mutlaqo noldan professional darajagacha o'rgatadi. Birinchi bob "LLM nima va qanday ishlaydi?" dan boshlanadi, oxirgi bob esa to'liq, ishlab chiqarishga tayyor AI ilovasini β chat + RAG + vositalar (tools) + oqimli (streaming) UI β noldan quradi.
π€ Kitob Anthropic Claude modellari va rasmiy
@anthropic-ai/sdk(JavaScript/TypeScript) atrofida qurilgan, hamda zamonaviy Vercel AI SDK (ai+@ai-sdk/anthropic) bilan ilova qatlamini o'rgatadi. Standart model β Claude Opus 4.8 (claude-opus-4-8), 1M tokenli kontekst.β Kitobdagi barcha SDK chaqiruvlari jonli o'rnatilgan paketlar bilan tip-tekshiruvdan (
tsc) o'tkazilgan:@anthropic-ai/sdk0.104,ai(AI SDK v6) 6.0,@ai-sdk/anthropic3.0,zod4.4 β ya'ni misollardagi metod nomlari va parametrlar haqiqatan ham mavjud va to'g'ri.π¨ Har bob SVG diagramlar bilan boyitilgan β tokenizatsiya, kontekst oynasi, streaming oqimi, tool-use sikli, RAG quvuri (pipeline), agent loop, prompt caching kabi tushunchalar ko'z bilan ko'rib o'rganiladi. Jami 26 bob, 78 diagramma.
Qanday o'qish kerak¶
- Boblarni tartib bilan o'qing (01 β 02 β ...). Har biri oldingisiga tayanadi.
- Har bir kod misolini o'zingiz yozib, ishga tushiring. AI integratsiyasini faqat o'qib o'rganib bo'lmaydi.
- Har bob oxiridagi Mashqlarni o'zingiz yeching, keyin
<details>ichidagi yechimga qarang. - API kaliti pul turadi β har bir chaqiruv tokenlar uchun haq oladi. Boshida arzon model (Haiku) va kichik
max_tokensbilan tajriba qiling.
Talab¶
| Kerak | Daraja |
|---|---|
JavaScript / Node.js asoslari (async/await, ESM, npm, fetch) |
Shart |
| Node.js 18+ va terminal | Shart |
| Anthropic API kaliti (console.anthropic.com) | Shart (02-bobda olamiz) |
| TypeScript tajribasi | Foydali, lekin shart emas (kitob JS'da) |
| React / Next.js (UI boblari uchun) | Foydali |
β οΈ Bu kitob dasturlashni emas, AI integratsiyasini o'rgatadi. JavaScript'ni bilmasangiz, avval JavaScript kitobini va kerak bo'lsa Node.js kitobini o'qing. Bu yerda
async/await, modullar vanpmsiz uchun tanish deb hisoblanadi.
I qism β Asoslar¶
| # | Bob | Nima o'rganasiz |
|---|---|---|
| 01 | LLM nima va qanday ishlaydi | til modeli (LLM) tushunchasi, tokenlar, kontekst oynasi, ehtimollik va "keyingi token", nega JavaScript bilan, Claude/Anthropic bilan tanishuv. |
| 02 | O'rnatish va birinchi chaqiruv | Node loyiha, npm i @anthropic-ai/sdk, API kaliti va .env xavfsizligi, birinchi messages.create, claude-opus-4-8. |
| 03 | Messages API chuqur | rollar (user/assistant), system prompt, ko'p bosqichli (multi-turn) suhbat (API holatsiz!), max_tokens, stop_reason, content bloklar. |
| 04 | Streaming (oqimli javob) | nega streaming, client.messages.stream(), event'lar, .finalMessage(), oqimni UI va terminalga ulash. |
| 05 | Prompt engineering | aniq ko'rsatma berish, rol berish, few-shot misollar, XML teglar, "ketma-ket o'ylash", Claude uchun eng yaxshi amaliyotlar. |
II qism β Strukturali chiqish va vositalar (tools)¶
| # | Bob | Nima o'rganasiz |
|---|---|---|
| 06 | Strukturali chiqish (JSON) | output_config.format (json_schema), messages.parse(), Zod sxema bilan validatsiya β ishonchli JSON olish. |
| 07 | Tool use (funksiya chaqirish) | tool ta'rifi, tool_use/tool_result sikli, qo'lda agent loop, parallel vositalar, tool_choice. |
| 08 | Tool runner va Zod | SDK avtomatik tool runner (betaZodTool), Zod bilan tipli vositalar β qo'lda loop'siz. |
| 09 | Vision va hujjatlar | rasm yuborish (base64/URL), PDF tahlili, Files API (beta) β bir faylni qayta-qayta ishlatish. |
| 10 | Adaptiv thinking va effort | Claude Opus 4.8 ning thinking: {type:"adaptive"} va output_config.effort (lowβmax) β chuqur o'ylashni boshqarish. |
III qism β Vercel AI SDK (ilova qatlami)¶
| # | Bob | Nima o'rganasiz |
|---|---|---|
| 11 | Vercel AI SDK bilan tanishuv | ai + @ai-sdk/anthropic, generateText/streamText, nega abstraksiya qatlami foydali. |
| 12 | AI SDK: strukturali chiqish va vositalar | generateObject/streamObject (+ Zod), tool({inputSchema, execute}), agent loop (stopWhen: stepCountIs). |
| 13 | AI SDK UI: chat interfeysi | React useChat, Next.js route handler, oqimli (streaming) chat UI'ni qurish. |
IV qism β Token, narx va ishonchlilik¶
| # | Bob | Nima o'rganasiz |
|---|---|---|
| 14 | Token, narx va limitlar | tokenizatsiya, countTokens (tiktoken EMAS), modellar narxi, rate limit, to'g'ri model tanlash. |
| 15 | Prompt caching | cache_control: {type:"ephemeral"}, prefix-moslik, 90% gacha tejash, cache hit'larni tekshirish. |
| 16 | Xatolar, retry va ishonchlilik | tipli xatolar (RateLimitError va b.), SDK avtomatik retry, timeout, oqimda xatolar, ishonchli klient. |
V qism β RAG (bilimga asoslangan javob)¶
| # | Bob | Nima o'rganasiz |
|---|---|---|
| 17 | Embeddings va semantik qidiruv | embedding nima, semantik qidiruv, AI SDK embed/embedMany, embedding provayderi (Claude embedding bermaydi β Voyage AI v.b.). |
| 18 | Vektor baza va RAG | bo'laklash (chunking), vektor saqlash (pgvector/lokal), o'xshashlik qidiruvi, to'liq RAG quvuri Claude bilan. |
VI qism β Agentlar va MCP¶
| # | Bob | Nima o'rganasiz |
|---|---|---|
| 19 | Agentlar asoslari | agent loop nima, qachon agent qurish kerak (4 mezon), reasoning + tools, oddiy agentni noldan qurish. |
| 20 | MCP β Model Context Protocol | MCP nima, mcp_servers parametri, JS'da MCP klient/server, tashqi vositalarni ulash. |
| 21 | Ko'p bosqichli va ko'p agentli ish | orkestratsiya, subagentlar, parallel ishlash, murakkab oqimlarni qurish. |
VII qism β Ishlab chiqarish (production)¶
| # | Bob | Nima o'rganasiz |
|---|---|---|
| 22 | Xavfsizlik | API kalitini himoyalash, prompt injection, chiqishni validatsiya, kontent moderatsiyasi, PII. |
| 23 | Observability va evals | log/trace, xarajat kuzatuvi, chiqish sifatini baholash (eval), LLM-as-judge. |
| 24 | Batch API va optimizatsiya | Batches API (50% arzon, ommaviy ishlash), kechikishni (latency) va xarajatni kamaytirish. |
| 25 | Deploy: serverless va edge | Vercel/Cloudflare Workers'ga joylash, edge'da streaming, muhit o'zgaruvchilari, ishlab chiqarishga tayyorlik. |
VIII qism β Kapston¶
| # | Bob | Nima o'rganasiz |
|---|---|---|
| 26 | Yakuniy loyiha: to'liq AI ilova | o'rgangan hammasini birlashtirib β Claude chat + RAG + vositalar + oqimli UI + xavfsizlik β noldan to'liq AI ilova. |
AI/LLM va JavaScript β bir og'iz (kontekst uchun)¶
LLM (Large Language Model β katta til modeli) β bu ulkan matn ustida o'rgatilgan, "keyingi so'zni (token)" bashorat qiluvchi neyron tarmoq. Claude β Anthropic kompaniyasining LLM oilasi; siz unga matn (prompt) yuborasiz, u javob qaytaradi. Sehr yo'q: bu HTTP API β siz so'rov jo'natasiz, javob olasiz, xuddi boshqa API kabi. JavaScript bu vazifa uchun ideal: @anthropic-ai/sdk rasmiy paketi va Vercel AI SDK bilan siz bir necha qatorda chat, agent yoki RAG tizimini qura olasiz, va uni veb (Next.js), serverless yoki edge'da ishlatasiz.
Bu kitob AI'ni "sehrli quti" sifatida emas, balki siz boshqaradigan, narxini va sifatini tushunadigan vosita sifatida o'rgatadi: nega tokenlar muhim, qachon tool kerak, qanday qilib ishonchli JSON olish, va ilovangizni ishlab chiqarishda xavfsiz hamda arzon tutish.
Bu kitob JavaScript nashri. Xuddi shu mavzu PHP va Python uchun alohida kitoblarda beriladi.
Muallif¶
Oqil Imomnazarov β ioqil.uz Β· Telegram Β· YouTube
Kitob bepul tarqatiladi (CC BY-NC-SA 4.0). Savdo qilish taqiqlanadi.