0%

🛠️ MI rīki web izstrādē

ChatGPT, GitHub Copilot, Claude un Cursor — katrs MI rīks ir spēcīgs savā jomā. Šeit salīdzinām populārākos rīkus un parādām, kā tos efektīvi izmantot HTML, PHP, JavaScript un Python izstrādē.

ai

Rīku salīdzinājums

Freemium Pārlūkā + API

Vispopulārākais MI čatbots. Lielisks gariem koda ģenerēšanas uzdevumiem, konceptu skaidrošanai un sarežģītu problēmu risināšanai. GPT-4o modelis labi saprot lielus koda fragmentus.

  • ✅ Labi: koda ģenerēšana, paskaidrošana, refaktorizācija, dokumentācija
  • ✅ Atbalsta failu augšupielādi (pārskata visu projektu)
  • ⚠️ Bezmaksas versijā GPT-4o ar ierobežojumiem
  • 🔗 chat.openai.com
Freemium Pārlūkā + VS Code

Īpaši spēcīgs ar lielu kodu bāžu analīzi un precīzu, drošu kodu. Claude ir pazīstams ar to, ka retāk "halucīnē" un labāk ievēro instrukcijas. Liels palīgs koda pārskatīšanai.

  • ✅ Labi: drošības analīze, lieli koda faili, rakstisks izskaidrojums
  • ✅ 200K+ tokenu konteksts (var ielādēt veselu projektu)
  • ⚠️ Mazāk spēcīgs ar matemātiku salīdzinot ar GPT-4
  • 🔗 claude.ai
Maksas (~$10/mēn) VS Code

Integrēts tieši VS Code redaktorā — palīdz pabeigt kodu, nemainot kontekstu. Apmācīts uz GitHub publiskā koda. Vislabākais ikdienas kodēšanai, nevis gariem dialoga uzdevumiem.

  • ✅ Labi: autocomplete, inline koda ierosinājumi, komentārs → kods
  • ✅ Copilot Chat — čats tieši redaktorā, redz atvērtos failus
  • ✅ Students un pasniedzēji var saņemt bezmaksas
  • 🔗 github.com/features/copilot
Freemium Atsevišķs editors

VS Code atvasinājums ar dziļi integrētu MI funkcionalitāti visā vidē. Cursor "redz" visu projekta struktūru un var veikt izmaiņas vairākos failos vienlaikus pēc viena prompt. Populārs pieredzējušu izstrādātāju vidū.

  • ✅ Labi: refaktorizācija visā projektā, multi-file edits, MI koda pārskatīšana
  • ✅ Composer mode — apraksti funkciju, Cursor izveido failus
  • ⚠️ Bezmaksas versijā ierobežots mēneša pieprasījumu skaits
  • 🔗 cursor.sh
Freemium Pārlūkā

Specializēts UI ģenerēšanai — apraksti, kādu komponentu gribi, v0 ģenerē React/HTML komponentu ar CSS. Lielisks ātrai prototipēšanai, pogu, formu un karšu izstrādei.

  • ✅ Labi: UI komponenti, landing pages, forms, dashboard izkārtojumi
  • ✅ Reāllaikā rāda priekšskatījumu
  • ⚠️ Ģenerē React/Tailwind — jāpielāgo vanilla HTML/CSS projektiem
  • 🔗 v0.dev
Freemium Pārlūkā + Android Studio

Google MI rīks ar Gemini Ultra modeli. Labi integrējas ar Google produktiem (Docs, Sheets, Colab). Gemini Code Assist ir pieejams VS Code kā Copilot alternatīva.

  • ✅ Labi: datu analīze, Python/Colab, Google Cloud integrācija
  • ✅ Gemini Code Assist — bezmaksas VS Code paplašinājums
  • 🔗 gemini.google.com

GitHub Copilot VS Code — praktisks ceļvedis

GitHub Copilot ir vieglākais veids, kā sākt izmantot MI ikdienas kodēšanā — neizejot no VS Code.

Teksts 
# Instalēšana VS Code:
# Extensions → Meklēt "GitHub Copilot" → Install
# Pierakstīties ar GitHub kontu

# Galvenās komandas:
# Tab               → pieņemt ierosinājumu
# Esc               → noraidīt ierosinājumu
# Alt+]             → nākamais ierosinājums
# Alt+[             → iepriekšējais ierosinājums
# Ctrl+Enter        → rādīt visus ierosinājumus sānu panelī
# Ctrl+I            → atvērt Copilot inline čatu

// Copilot darbojas pēc komentāra → kods principa.
// Uzraksti komentāru, Copilot aizpildīs funkciju:

// Funkcija, kas aprēķina IVN (21%) no cenas PHP
// → Tab: Copilot uzreiz ierosinās:
function apreklinat_ivn(float $cena): float {
    return round($cena * 0.21, 2);
}

// Funkcija, kas validē Latvijas tālruņa numuru formātā +371XXXXXXXX
// → Tab: Copilot ierosinās regex validāciju

// Pārveidot datumu no "2025-03-06" formāta uz "06.03.2025"
// → Tab: Copilot ierosinās date() vai DateTime risinājumu

# Copilot Chat (Ctrl+Shift+I vai sānu panelis) atbalsta:
/explain    → Izskaidro iezīmēto kodu
/fix        → Labo konstatēto kļūdu
/tests      → Uzraksti unit testus šai funkcijai
/doc        → Pievieno dokumentācijas komentārus
/simplify   → Vienkāršo sarežģīto kodu

# Piemērs: iezīmē funkciju → /explain
# Copilot paskaidros to latviešu valodā, ja čatā esi rakstījis LV

ChatGPT un Claude — labās prakses

You are an experienced full-stack web developer. My project: PHP 8.2 + MySQL 8 + vanilla JavaScript tutorial website. Server environment: Apache, Linux, PHP without Composer. Always write code: - In PHP 8.2 syntax (match, named args, fibers) - With PDO prepared statements - With PHPDoc comments in Latvian - Variable names in English, comments in Latvian If the code is not secure, warn me. Respond in Latvian. [Upload sidebar.php, header.php, style.css] This is my existing project. Following this style and structure: 1. Write a new page about PHP arrays 2. Use the same CSS classes (.section, .highlight-box, .topic-header) 3. Keep the same navigation structure 4. Add 5 practical code examples Respond in Latvian. This PHP page returns a blank white screen. Please: 1. First ask me 3 diagnostic questions 2. After receiving my answers, offer a list of likely causes from most to least probable 3. Then suggest a fix for each possible cause 4. Do not jump to a solution without sufficient context [paste code]

Kurs rīks kuram uzdevumam?

🎯 Ieteikums iesācējiem

Sāc ar ChatGPT bezmaksas versiju un GitHub Copilot (students saņem bezmaksas). Izmanto MI kā mācīšanās rīku — lūdz izskaidrojumus, nevis tikai kodu. Kad saproti, ko kods dara, tu vari to pielāgot un uzlabot patstāvīgi.

Teksts 
# Ikdienas autocomplete kodēšanā:
# → GitHub Copilot (tieši VS Code)

# Sarežģīta koda ģenerēšana ar kontekstu:
# → ChatGPT GPT-4o vai Claude

# Koda drošības pārskatīšana:
# → Claude (precīzāks, mazāk halucināciju)

# UI / CSS komponentu ātrai prototipēšanai:
# → v0.dev

# Refaktorizācija visā projektā vienlaikus:
# → Cursor IDE

# Python / datu analīze / Jupyter:
# → Google Gemini vai ChatGPT

# Mācīšanās un konceptu izskaidrošana:
# → Jebkurš — formulē jautājumu kā "Izskaidro... kā iesācējam"