Vibekoodauksen sanasto

Itsenäisesti toimiva tekoälyjärjestelmä, joka voi suunnitella ja suorittaa monivaiheisia tehtäviä.

Rajapinta jonka kautta ohjelmat kommunikoivat keskenään ja vaihtavat dataa standardoidusti.

JavaScriptin syntaksi asynkronisten operaatioiden, kuten API-kutsujen, käsittelyyn selkeästi.

Käyttäjän henkilöllisyyden varmistaminen esimerkiksi salasanalla, OAuth:lla tai magic linkillä.

Työtapa, jossa AI ei vain ehdota koodirivejä vaan toteuttaa tavoitteen useana toisiinsa liittyvänä vaiheena.

Hakukoneen tekoälytiivistelmä, joka yhdistää vastauksen useista lähteistä.

Sovelluksen palvelinpuoli, joka hoitaa datan käsittelyn, tietokantaoperaatiot ja autentikaation kulissien takana. Backend ei näy suoraan käyttäjälle, mutta ilman sitä sovellus olisi pelkkä tyhjä kuori.

StackBlitzin tekoälytyökalu joka rakentaa full-stack sovelluksia kokonaan selaimessa.

Anthropicin kehittämä tekoälymalli, joka tunnetaan erinomaisesta koodausosaamisesta ja pitkästä konteksti-ikkunasta. Claude on yksi suosituimmista malleista vibekoodauksessa erityisesti Cursorin ja Claude Coden kautta.

OpenAI:n keskustelupohjainen tekoälypalvelu, jossa voit kysyä koodausneuvoja ja generoida koodia.

Funktio joka välitetään toiselle funktiolle suoritettavaksi.

VS Coden päälle rakennettu tekoälyavusteinen koodieditori, joka on suosituin työkalu vibekoodaukseen.

Cursorin ominaisuus jolla kirjoitat ja muokkaat koodia luonnollisella kielellä useissa tiedostoissa.

Datan neljä perusoperaatiota: luominen, lukeminen, päivittäminen ja poistaminen.

Tilanne, jossa mallille syotetty konteksti sisaltaa harhaanjohtavaa tai vaaraa tietoa.

Koodin virheiden järjestelmällinen etsiminen, analysointi ja korjaaminen toimivaksi.

Ohjelmointiperiaate jonka mukaan samaa koodia ei tulisi kirjoittaa useaan paikkaan vaan abstrahoida.

Sovelluksen siirtäminen kehitysympäristöstä tuotantoon, jossa oikeat käyttäjät pääsevät käyttämään sitä.

Tekstin tai koodin muuntaminen numeeriseksi vektoriksi merkityksen vertailua varten.

API:n yksittäinen URL-osoite tiettyä toimintoa varten, kuten datan hakemista tai tallentamista.

Testikehikko, jolla mitataan AI-ratkaisujen laatua toistettavasti.

Valmiin tekoälymallin jatkokoulutus tiettyyn tehtävään tai toimialaan omalla datalla. Fine-tuningin avulla yleismalli voi oppia esimerkiksi yrityksesi koodaustyylin tai toimialakohtaisen terminologian.

Sovelluksen käyttöliittymäpuoli eli kaikki se mitä käyttäjä näkee ja käyttää selaimessa. Frontend rakennetaan HTML:llä, CSS:llä ja JavaScriptillä, ja Reactin kaltaiset frameworkit tekevät siitä interaktiivista.

Kehitystapa joka kattaa sekä käyttöliittymän (frontend) että palvelinpuolen (backend) rakentamisen.

Ohjelmistokehys joka tarjoaa valmiin rakenteen, käytännöt ja työkalut sovelluksen rakentamiseen.

OpenAI:n kehittämä kielimallisarja, jonka uusin versio GPT-4 osaa generoida tekstiä ja koodia. GPT-mallit ovat monien vibekoodaustyökalujen, kuten ChatGPT:n ja Cursorin, taustalla.

GitHubin ja OpenAI:n kehittämä tekoälyavusteinen koodaustyökalu joka toimii editorin lisäosana.

Hajautettu versionhallintajärjestelmä, jolla seuraat koodin muutoksia ja teet yhteistyötä muiden kanssa. Gitin avulla voit palata aiempiin versioihin, kokeilla uusia ideoita haaroissa ja yhdistää muutoksia turvallisesti.

Microsoftin omistama alusta Git-repositorioiden hostingiin, yhteistyöhön ja automaatioon.

Säännöt ja rajat, jotka ohjaavat AI:n toimintaa turvallisesti.

Tekoälyn uskottavasti tuottama mutta virheellinen tai kokonaan keksitty tieto tai koodi.

React-funktio joka lisää tilanhallintaa ja sivuvaikutuksia funktionaalisiin komponentteihin.

Julkaisumalli, jossa uusi ominaisuus avataan vaiheittain ja mitattavasti.

TypeScriptin tapa määritellä objektin rakenne eli mitä kenttiä ja tyyppejä se sisältää.

Vaiheittainen kehitysprosessi jossa rakennetaan ensin yksinkertainen versio ja parannetaan sitä kierros kerrallaan.

Kevyt ja yleinen dataformaatti tiedon siirtämiseen sovellusten ja API:en välillä.

Kaikki tieto jonka tekoäly saa käyttöönsä, kuten promptit, tiedostot ja keskusteluhistoria.

Uudelleenkäytettävä UI-rakennuspalikka React-kehityksessä. Komponentti kapseloi oman rakenteensa, tyylinsä ja logiikkansa yhteen pakettiin, jonka voit käyttää missä tahansa sovelluksessasi uudelleen.

Tokeneissa mitattu raja sille, kuinka paljon tekstiä ja koodia tekoäly pystyy käsittelemään kerralla.

Suuri kielimalli, joka on koulutettu ymmärtämään ja tuottamaan tekstiä sekä koodia.

Selainpohjainen tekoälytyökalu joka rakentaa kokonaisia full-stack sovelluksia promptien perusteella.

Tuotteen yksinkertaisin versio joka tarjoaa arvoa käyttäjälle ja jonka pohjalta voi jatkokehittää.

Vercelin kehittämä React-pohjainen full-stack web-framework, joka on suosituin valinta vibekoodaukseen.

JavaScriptin paketinhallintajärjestelmä, jolla asennat, jaat ja hallitset koodikirjastoja. npm tulee Node.js:n mukana ja sen avulla lisäät projektiisi valmiita paketteja yhdellä komennolla.

JavaScriptin ajoympäristö selaimen ulkopuolella, joka mahdollistaa palvelinten, CLI-työkalujen ja automaatioiden rakentamisen. Node.js on Next.js:n ja monien muiden kehitystyökalujen taustalla.

Kyky ymmärtää järjestelmän sisäinen tila lokien, mittareiden ja tracejen avulla.

Tekoälylle annettava ohje tai kysymys, jolla ohjaat sen tuottamaa vastausta tai koodia.

React-komponentille välitettävät parametrit, joilla annat sille dataa ja toiminnallisuutta ulkoapäin. Props ovat read-only eli niitä ei muuteta komponentin sisällä, mikä tekee koodista ennustettavampaa.

JavaScript-objekti joka edustaa tulevaisuudessa valmistuvaa asynkronista operaatiota.

Moderni ORM TypeScriptille, joka tekee tietokantatyöstä turvallista ja helppoa. Prisma generoi tyypitetyn clientin schemasi perusteella, joten et kirjoita raakoja SQL-kyselyjä vaan käytät selkeää TypeScript-syntaksia.

Työtapa, jossa yksi iso pyyntö pilkotaan useaksi peräkkäiseksi promptiksi.

Malli- tai palvelutason välimuisti toistuviin promptikutsuihin.

Tilanne, jossa saman promptin tuotokset heikkenevat ajan myota muuttuvan kontekstin tai mallin takia.

Kuinka hyvin sivun sisältö vastaa hakijan todellista tarkoitusta.

Tekniikka jossa tekoäly hakee relevanttia tietoa ennen vastaamista.

Koodin rakenteen parantaminen muuttamatta toiminnallisuutta.

HTTP-pohjainen rajapintastandardi, jossa jokaisella resurssilla on oma URL-osoite ja toiminnot hoidetaan HTTP-metodeilla (GET, POST, PUT, DELETE). REST on yleisin tapa rakentaa web-sovelluksen backend-rajapinta.

Pilvipalvelu jossa koodaat, ajat ja julkaiset sovelluksia suoraan selaimessa tekoälyn avulla.

Suunnittelutapa jossa sovellus mukautuu automaattisesti eri näyttökokoihin puhelimesta työpöytään.

Mekanismi joka määrittää miten URL-osoitteet vastaavat sovelluksen eri sivuja ja näkymiä.

Kerros, joka hakee AI:lle relevantin kontekstin ennen vastausta.

Tekoälyn roolia, tyyliä ja rajoituksia määrittävä perusohje joka ohjaa kaikkia vastauksia.

React-komponentin sisäinen muuttuva tila, jonka päivittyminen renderöi komponentin uudelleen.

Avoimen lähdekoodin Backend-as-a-Service alusta joka tarjoaa tietokannan, autentikaation ja tallennustilan.

Suosittu React-komponenttikokoelma, jonka kopioit suoraan projektiisi ja muokkaat vapaasti. Toisin kuin perinteiset kirjastot, shadcn/ui antaa sinulle täyden hallinnan koodiin Radix UI:n ja Tailwindin pohjalta.

Tekniikka jossa sivu renderöidään palvelimella valmiiksi HTML:ksi ennen selaimelle lähettämistä.

Hakukoneoptimointi eli sivuston näkyvyyden parantaminen Googlen hakutuloksissa teknisillä ja sisällöllisillä keinoilla.

Arviointi, jossa testitapaukset generoidaan tekoälyn avulla mittausta varten.

Tekstin pienin yksikkö jonka tekoäly käsittelee kerrallaan, esimerkiksi sana tai sanan osa.

Parametri joka säätelee kuinka luovia tai ennustettavia tekoälyn vastaukset ovat.

JavaScriptin tyypitetty versio, joka auttaa sinua löytämään virheet jo ennen koodin ajamista. Tyypit toimivat kuin turvaverkko ja tekevät koodista helpommin ymmärrettävää sekä sinulle että tekoälylle.

Utility-first CSS-framework jolla lisäät tyylit suoraan HTML:ään luokkina erillisen CSS:n sijaan.

Tekoälyavusteinen tapa koodata luonnollista kieltä käyttäen.

Microsoftin kehittämä ilmainen ja suosittu koodieditori, joka tukee laajaa laajennusvalikoimaa. Cursor on rakennettu VS Coden päälle, joten siirtyminen niiden välillä on saumatonta.

Web-sovellusten hosting- ja julkaisualusta, joka on erityisen optimoitu Next.js-projekteille.

Vercelin tekoälytyökalu joka generoi React-käyttöliittymiä shadcn/ui:lla ja Tailwindilla.

Codeiumin kehittämä tekoälyavusteinen koodieditori, joka kilpailee Cursorin kanssa.

Ympäristökohtaiset asetukset kuten API-avaimet ja tietokantaosoitteet, jotka pidetään erillään koodista.