vibe coding 101 code with ai from day one

ძირითადი იდეები და სწორი დასაწყისი.

1. შემდეგი

   Cursor-ის Prompt-იდან HTML გვერდის შექმნა Vibe Coding-ით

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

   3 წთუფასოდაწყება
2. Cursor-ის Inline Edit: CSS დიზაინის ზუსტი მოდიფიკაცია

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

   6 წთ
3. ChatGPT-ით JavaScript ღილაკის ლოგიკის დამატება

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

   3 წთ
4. GitHub Copilot-ით Form Validation-ის დაწერა

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

   9 წთ

გამოიყენე ნასწავლი რეალურ ამოცანებზე.

1. Claude Code-ით Node.js CLI სკრიპტის შექმნა

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

   6 წთ
2. ChatGPT-ით შეცდომის ახსნა და Bug Fix Prompt

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

   3 წთ
3. გაკვეთილი 07 — Cursor-ით README ფაილის გენერირება პატარა პროექტისთვის

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

   12 წთ

შექმენი რაღაც ნამდვილად შენი.

1. GitHub Copilot-ით Utility Function-ის შექმნა: ზუსტი Prompt-იდან სუფთა კოდისკენ

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

   12 წთ
2. Claude Code-ით JSON ფაილის წაკითხვა: მონაცემთა დამუშავების საფუძვლები

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

   12 წთ
3. Cursor-ით Mini Project-ის აწყობა: Prompt → Code → Review → Run

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

   6 წთ