Vibe Coding for Beginners: Build with AI

Get the core ideas and set up right.

1. Next up

   Build an HTML page from a prompt in Cursor

   ამ გაკვეთილში შეისწავლით Vibe Coding-ის კონცეფციას, რომელიც კოდის წერას ბუნებრივი ენით გულისხმობს. Cursor AI Code Editor-ის გამოყენებით, ნაბიჯ-ნაბიჯ შექმნით მარტივ HTML გვერდს, გაეცნობით Prompt → Code → Review → Run პროცესს და ისწავლით AI-ის მიერ გენერირებული კოდის ეფექტურად განხილვასა და დახვეწას.

   3 minFreeStart
2. Cursor Inline Edit: modify CSS design precisely

   ამ გაკვეთილში შეისწავლით Cursor-ის Inline Edit ფუნქციას, რომელიც საშუალებას გაძლევთ კოდის კონკრეტული ნაწილები შეცვალოთ AI-ის დახმარებით, მთელი ფაილის თავიდან გენერირების გარეშე. ჩვენ განვიხილავთ, თუ როგორ გამოვიყენოთ ეს ინსტრუმენტი HTML გვერდის CSS დიზაინის გასაუმჯობესებლად, თანამედროვე ვიზუალური სტილისა და Responsive განლაგების მისაღებად.

   6 min
3. Add JavaScript button logic with ChatGPT

   ამ გაკვეთილში შეისწავლით, თუ როგორ გამოიყენოთ ChatGPT, როგორც ზოგადი AI დამხმარე, JavaScript-ის მარტივი ლოგიკის დასამატებლად თქვენს HTML გვერდზე. ჩვენ განვიხილავთ ეფექტური Prompt-ის შედგენას, კოდის ინტეგრაციას, შემოწმებას და გამართვას, რათა ღილაკზე დაჭერისას გამოჩნდეს შეტყობინება.

   3 min
4. Write form validation with GitHub Copilot

   ამ გაკვეთილში შეისწავლით, თუ როგორ გამოიყენოთ GitHub Copilot, როგორც AI Pair Programmer, ვებ ფორმების ვალიდაციის დასაწერად. გაეცნობით Copilot-ის მუშაობის პრინციპებს კოდში კომენტარების მეშვეობით და ისწავლით გენერირებული კოდის შემოწმებასა და ტესტირებას.

   9 min

Apply what you learn on real tasks.

1. Build a Node.js CLI script with Claude Code

   ამ გაკვეთილში შეისწავლით, თუ როგორ გამოიყენოთ Claude Code, როგორც AI კოდირების ასისტენტი, Node.js-ზე დაფუძნებული Command Line Interface (CLI) სკრიპტების შესაქმნელად. გაეცნობით CLI-ის კონცეფციას, Node.js-ის როლს და პრაქტიკულ მაგალითზე დაყრდნობით შექმნით და გაუშვებთ თქვენს პირველ CLI სკრიპტს.

   6 min
2. Explain errors and fix bugs with ChatGPT

   ამ გაკვეთილში შეისწავლით, თუ როგორ გამოიყენოთ ChatGPT კოდში არსებული შეცდომების (bugs) ასახსნელად და გამოსასწორებლად. გაეცნობით ეფექტური Bug Fix Prompt-ის აგების პრინციპებს და პრაქტიკულ მაგალითზე დაინახავთ, როგორ მიიღოთ ზუსტი და მინიმალური შესწორებები AI-სგან.

   3 min
3. Generate a project README with Cursor

   ეს გაკვეთილი გასწავლით, როგორ გამოიყენოთ Cursor, როგორც დოკუმენტაციის დამხმარე, თქვენი მცირე პროექტებისთვის `README.md` ფაილების ავტომატურად გენერირებისთვის. თქვენ ისწავლით ეფექტური Prompt-ების შექმნას, AI-ის მიერ გენერირებული კონტენტის სიზუსტის შემოწმებას და მოწოდებული ინსტრუქციების ტესტირებას, რათა თქვენი პროექტი ადვილად გასაგები და გასაშვები იყოს სხვებისთვის.

   12 min

Build something that is truly yours.

1. Create a reusable utility function with GitHub Copilot

   ამ გაკვეთილში შეისწავლით, თუ როგორ გამოიყენოთ GitHub Copilot პატარა, მრავალჯერადი გამოყენების Utility Function-ების შესაქმნელად. ჩვენ განვიხილავთ, თუ როგორ უნდა დაწეროთ ეფექტური Prompt კომენტარების სახით, როგორ გაითვალისწინოთ 'edge case'-ები და როგორ დახვეწოთ თქვენი კოდი ტესტირების მეშვეობით.

   12 min
2. Read and process a JSON file with Claude Code

   ამ გაკვეთილში შეისწავლით, თუ როგორ გამოიყენოთ Claude Code Node.js სკრიპტის შესაქმნელად, რომელიც კითხულობს JSON ფაილს და ამუშავებს მასში არსებულ მონაცემებს. ჩვენ განვიხილავთ JSON-ის სტრუქტურას, სკრიპტის კომპონენტებს და შეცდომების დამუშავების მნიშვნელობას.

   12 min
3. Mini project in Cursor: full prompt-to-run workflow

   ამ გაკვეთილში შევაჯამებთ კურსის განმავლობაში შეძენილ ყველა უნარს და გამოვიყენებთ მათ პატარა, ფუნქციური Mini Project-ის შესაქმნელად. თქვენ გაივლით სრულ Prompt → Code → Review → Run workflow-ს Cursor-ის გამოყენებით, ისწავლით იდეის სწრაფად განხორციელებას და პროექტის ეტაპობრივ გაუმჯობესებას.

   6 min