బిగినర్స్ కోసం వైబ్ కోడింగ్: ఎలా ప్రారంభించాలి, దశల వారీగా

బిగినర్స్ కోసం వైబ్ కోడింగ్ ఐదు దశలకు వస్తుంది: మీ కోసం యాప్ నడిపే టూల్ ఎంచుకోండి, ఒక చిన్న యాప్‌ను సాధారణ మాటల్లో వివరించండి, వినియోగదారుడిలా ప్రయత్నించండి, ఒకసారి ఒక్క పరిష్కారం అడగండి, పని చేసినప్పుడు ప్రచురించండి. మీకు కోడింగ్ తెలియాల్సిన అవసరం లేదు. ఈ ట్యుటోరియల్ ప్రతి దశను ఒక నిజమైన మొదటి ప్రాజెక్ట్‌తో, టైప్ చేయాల్సిన ఖచ్చితమైన ప్రాంప్ట్‌లతో, మరియు దాదాపు ప్రతి బిగినర్ మొదటి వారంలో చేసే తప్పులతో వివరిస్తుంది.

ముందుగా నేపథ్యం కావాలంటే — ఈ పదం ఎక్కడ నుంచి వచ్చింది మరియు ప్రజలు దాని గురించి ఎందుకు వాదిస్తారో — వైబ్ కోడింగ్ అంటే ఏమిటి చదవండి. ఈ పేజీ ఆచరణాత్మక భాగం.

ప్రారంభించే ముందు మీకు ఏమి కావాలి

మీరు అనుకున్నదానికంటే తక్కువ:

• ఒక బ్రౌజర్ మరియు ఖాతా వైబ్ కోడింగ్ టూల్‌తో. బిగినర్స్ కోడ్ రాసే, నడిపే మరియు హోస్ట్ చేసే AI యాప్ బిల్డర్‌ను ఎంచుకోవాలి, ఫైళ్లు మరియు సర్వర్లను మీరే నిర్వహించాల్సిన కోడింగ్ అసిస్టెంట్‌ను కాదు.
• ఒక చిన్న ఆలోచన. మీ స్టార్టప్ కాదు. ఒకరికి (మీకు) ఒకటి లేదా రెండు స్క్రీన్లతో ఒక టూల్.
• ఒకటి లేదా రెండు గంటలు అంతరాయాలు లేకుండా. మొదటి సెషన్ మీకు లయను నేర్పుతుంది.

అంతే. ఇన్‌స్టాల్స్ లేవు, ప్రోగ్రామింగ్ కోర్సు లేదు, టెర్మినల్ లేదు.

బిగినర్‌గా ఏ టూల్ ఎంచుకోవాలి

టూల్ కంటే అలవాట్లు ముఖ్యం, కానీ అది మూడు పనులు చేయాలి: నిర్మిస్తున్నప్పుడు లైవ్ ప్రివ్యూ చూపాలి, చెడ్డ మార్పును రద్దు చేయడానికి అనుమతించాలి, మరియు మీరు షేర్ చేయగల లింక్‌కు ప్రచురించాలి. ఉత్తమ వైబ్ కోడింగ్ టూల్స్ పై మా పోలిక ప్రధాన ఎంపికలను నిజాయితీగా వివరిస్తుంది. Mythex వాటిలో ఒకటి: మీరు చాట్‌లో యాప్‌ను వివరిస్తారు, అది లైవ్ ప్రివ్యూతో నిజమైన ఫుల్-స్టాక్ యాప్‌ను నిర్మిస్తుంది, యాప్‌కు ఏదైనా గుర్తుంచుకోవాల్సి వచ్చినప్పుడు డేటాబేస్ జోడిస్తుంది, మరియు ఒక క్లిక్‌లో ప్రచురిస్తుంది. Free ప్లాన్‌కు కార్డ్ అవసరం లేదు.

దశ 1: మీరు పూర్తి చేయగల మొదటి ప్రాజెక్ట్ ఎంచుకోండి

బిగినర్లు సాధారణంగా చాలా పెద్దది లక్ష్యంగా పెట్టుకుని విఫలమవుతారు. మంచి మొదటి ప్రాజెక్ట్:

• మీకు వ్యక్తిగతంగా ఉపయోగకరమైనది, కాబట్టి మీరు దాన్ని సరిగ్గా పరీక్షిస్తారు.
• ఒకటి లేదా రెండు స్క్రీన్లలో సరిపోతుంది.
• మీ స్వంత చిన్న డేటాను నిల్వ చేస్తుంది.
• చెల్లింపులు, బృందాలు లేదా సున్నితమైన వ్యక్తిగత డేటా లేనిది.

మంచి మొదటి ప్రాజెక్ట్‌లు:

ఈ ట్యుటోరియల్‌లో మిగతా భాగంలో పఠన జాబితాను ఉపయోగిస్తాము.

దశ 2: మీ మొదటి ప్రాంప్ట్ రాయండి

మీ మొదటి సందేశం అన్నింటి ఆకారాన్ని నిర్ణయిస్తుంది. ఇది ఎవరి కోసమో, ఏమి చేస్తుందో, మరియు ఎలా కనిపించాలో చెప్పండి. ఒక చిన్న పేరాలో ఉంచండి.

బలహీనమైన మొదటి ప్రాంప్ట్:

నాకు ఒక పుస్తకాల యాప్ చేయి.

మంచి మొదటి ప్రాంప్ట్:

నా కోసం ఒక పఠన జాబితా యాప్ నిర్మించు. నేను టైటిల్, రచయిత మరియు స్థితి (చదవాలి, చదువుతున్నాను, పూర్తయింది)తో పుస్తకం జోడించగలను. పుస్తకాలను స్థితి ప్రకారం గ్రూప్ చేసి కార్డ్‌లుగా చూపించు, కొత్తవి ముందు. నేను పుస్తకం స్థితి మార్చగలను లేదా తొలగించగలను. దాన్ని శుభ్రంగా మరియు సరళంగా ఉంచు: తెల్లని నేపథ్యం, ఒక యాక్సెంట్ రంగు, నా ఫోన్‌లో పని చేయాలి. రిఫ్రెష్ చేసిన తర్వాత కూడా పుస్తకాలు ఉండేలా వాటిని సేవ్ చేయి.

రెండోది ఏమి చేస్తుందో గమనించండి. ఇది ఫీల్డ్‌లు, చర్యలు, లేఅవుట్ మరియు బిగినర్లు ఎప్పుడూ మర్చిపోయే ఒక నియమాన్ని జాబితా చేస్తుంది: రిఫ్రెష్ తర్వాత కూడా నిలిచేలా డేటాను సేవ్ చేయి. ఆ పంక్తి లేకుండా చాలా టూల్స్ పూర్తయినట్లు కనిపించే పేజీని నిర్మిస్తాయి, కానీ మీరు రీలోడ్ చేసినప్పుడు ప్రతిదీ మర్చిపోతాయి.

ఇంకా ప్రారంభ స్థానాల కోసం, మా వైబ్ కోడింగ్ ప్రాంప్ట్‌ల చీట్ షీట్ చూడండి.

మీకు ఖచ్చితంగా తెలియనప్పుడు ప్లాన్ అడగండి

మీకు ఏదైనా ఎలా వివరించాలో ఖచ్చితంగా తెలియకపోతే, నిర్మించే ముందు AI ను ప్లాన్ చేయమని అడగండి:

ఏదైనా నిర్మించే ముందు, నువ్వు ఏ స్క్రీన్లు తయారు చేస్తావు, ఏ డేటా నిల్వ చేస్తావు మరియు నేను నిర్ణయించాల్సినది ఏదైనా ఉందా అని సాధారణ మాటల్లో చెప్పు.

Mythex లో ఇదే Plan మోడ్ కోసం: ఏజెంట్ విధానాన్ని వివరిస్తుంది, మరియు ఏ ఫైల్ మారడానికి ముందే మీరు ఆమోదిస్తారు.

దశ 3: వినియోగదారుడిలా పరీక్షించండి, దాన్ని నిర్మించిన వ్యక్తిలా కాదు

ప్రివ్యూ కనిపించినప్పుడు, దాన్ని కేవలం చూసి మెచ్చుకోకండి. దాన్ని ఉపయోగించండి:

1. మూడు పుస్తకాలు జోడించండి, అందులో ఒకటి చాలా పొడవైన టైటిల్‌తో.
2. స్థితి మార్చండి. కార్డ్ సరైన గ్రూప్‌కు వెళ్తుందా?
3. పేజీని రిఫ్రెష్ చేయండి. పుస్తకాలు ఇంకా ఉన్నాయా?
4. ఖాళీ టైటిల్‌తో పుస్తకం జోడించడానికి ప్రయత్నించండి. ఏమి జరుగుతుంది?
5. ప్రివ్యూను మీ ఫోన్‌లో తెరవండి, లేదా బ్రౌజర్ విండోను ఇరుకుగా చేయండి.

ఏమి తప్పో సాధారణ మాటల్లో రాయండి. "పొడవైన టైటిల్ కార్డ్ లేఅవుట్‌ను విరుస్తోంది" అనేది ఒక సరైన బగ్ రిపోర్ట్. "ఇది విరిగింది" అనేది కాదు.

దశ 4: ప్రతి సందేశంలో ఒకే విషయాన్ని పరిష్కరించండి

ఇది పూర్తి చేసేవారిని వదిలేసేవారి నుంచి వేరు చేసే అలవాటు. ఒక మార్పు పంపండి, దాన్ని తనిఖీ చేయండి, తర్వాత తదుపరిది పంపండి.

"The Hitchhiker's Guide to the Galaxy: The Complete Trilogy" అనే పొడవైన టైటిల్ కార్డ్ దాటి పోతోంది. పొడవైన టైటిల్‌లను రెండు లైన్లకు చుట్టు, మిగతాదాన్ని "…"తో కత్తిరించు.

తర్వాత:

ఖాళీ టైటిల్‌తో ఫారమ్ సమర్పిస్తే, ఏమీ జరగదు మరియు ఏ సందేశమూ ఉండదు. ఫీల్డ్ కింద "Add a title" చూపించు మరియు పుస్తకాన్ని సేవ్ చేయవద్దు.

ఒక్కొక్కటిగా ఎందుకు? మీరు ఒక సందేశంలో ఐదు మార్పులు అడిగితే, AI నాలుగింటిని బాగా చేయవచ్చు మరియు మరొకటి నిశ్శబ్దంగా విరగొట్టవచ్చు, ఏ మార్పు కారణమో మీకు తెలియదు. చిన్న దశలు రద్దు చేయడాన్ని కూడా ఉపయోగకరంగా చేస్తాయి: ఒక మార్పు తప్పైతే, దానికి ముందు వెర్షన్‌కు తిరిగి వెళ్లి స్పష్టమైన అభ్యర్థనతో మళ్లీ ప్రయత్నించండి.

ఏదైనా విరిగినప్పుడు

విరుగుతుంది. ప్రతి బిల్డర్‌కు ఎర్రర్లు వస్తాయి. ఖచ్చితమైన ఎర్రర్ టెక్స్ట్ కాపీ చేయండి, లేదా మీరు ఏమి క్లిక్ చేశారో మరియు ఏమి చూశారో ఖచ్చితంగా వివరించి, తిరిగి అతికించండి:

కార్డ్‌పై Delete క్లిక్ చేసినప్పుడు "Something went wrong" కనిపిస్తుంది మరియు పుస్తకం అలాగే ఉంటుంది. ఎందుకో కనుగొని సరిచేయి. కారణం ఏమిటో చెప్పు.

కారణం అడగడం ముఖ్యం. ఇది యాప్‌లు ఎలా పనిచేస్తాయో మీకు నేర్పుతుంది, మరియు AI ఊహించకుండా ఆపుతుంది. AI నిర్మించిన యాప్‌ను డీబగ్ ఎలా చేయాలి మా గైడ్ లోతుగా వివరిస్తుంది.

దశ 5: దాన్ని మీదిగా చేయండి

అది పనిచేసిన తర్వాత, అదే చిన్న దశలతో మెరుగుపరచండి:

• "పూర్తయిన పుస్తకాలపై చూపించే 1–5 స్టార్ రేటింగ్ జోడించు."
• "టైటిల్ లేదా రచయిత ప్రకారం ఫిల్టర్ చేసే సెర్చ్ బాక్స్ కార్డ్‌ల పైన జోడించు."
• "వెచ్చని ఆఫ్-వైట్ నేపథ్యం మరియు ముదురు ఆకుపచ్చ యాక్సెంట్ ఉపయోగించు."
• "పైన ఒక కౌంటర్ జోడించు: ఈ సంవత్సరం పూర్తి చేసిన పుస్తకాలు."

ప్రతిదీ ఒకే, పరీక్షించదగిన మార్పు.

దశ 6: ప్రచురించి షేర్ చేయండి

అది మీకు కావాల్సినది చేసినప్పుడు, ప్రచురించండి. Mythex లో అది ఒక క్లిక్, మరియు మీకు ఏ పరికరంలోనైనా తెరవగల లేదా స్నేహితుడికి పంపగల పబ్లిక్ URL వస్తుంది. తర్వాత మీ స్వంత డొమైన్ కావాలంటే, అది Pro ఫీచర్, మరియు కస్టమ్ డొమైన్ కనెక్ట్ చేయడం గురించి మా గైడ్ వివరిస్తుంది.

కొన్ని మిత్రులకు మించి దేన్నైనా షేర్ చేసే ముందు, వైబ్ కోడింగ్ సురక్షితమా? చదవండి. వ్యక్తిగత పఠన జాబితాకు ప్రమాదం తక్కువ. అపరిచితులు సైన్ అప్ చేసి డేటా నిల్వ చేసే యాప్‌కు ముందుగా చేయాల్సిన తనిఖీలు ఉన్నాయి.

బిగినర్ తప్పులు నివారించండి

• ప్రతిదీ ఒకేసారి అడగడం. "నాకు Goodreads నిర్మించు" అంటే చూడటానికి ఆకట్టుకునేది కానీ బాగా పనిచేయనిది వస్తుంది. అతి చిన్న ఉపయోగకరమైన వెర్షన్‌తో మొదలుపెట్టండి.
• రిఫ్రెష్ పరీక్ష చేయకపోవడం. రీలోడ్ చేసినప్పుడు డేటా మాయమవడం బిగినర్లకు అత్యంత సాధారణ ఆశ్చర్యం.
• ప్రతిసారీ మీ అభ్యర్థనను మొదటి నుంచి తిరిగి రాయడం. ఏమి మార్చాలో మరియు ఏమి ఉంచాలో చెప్పండి: "లేఅవుట్ ఉంచు, రంగులు మాత్రమే మార్చు."
• "ఇది సరిచేయబడింది"ను నమ్మడం. AI తరచుగా బగ్ సరిచేయబడిందని చెబుతుంది. ప్రతిసారీ మీరే తనిఖీ చేయండి.
• పాస్‌వర్డ్‌లు లేదా API కీలను చాట్‌లో అతికించడం. మీ యాప్‌కు బయటి సర్వీస్ కోసం కీ కావాలంటే, దాన్ని టూల్ యొక్క సీక్రెట్స్ సెట్టింగ్స్‌లో ఉంచండి, ఎప్పుడూ సందేశంలో లేదా కోడ్‌లో కాదు. API కీలను సురక్షితంగా ఎలా ఉంచాలి చూడండి.
• మొదటి ఎర్రర్ తర్వాత వదిలేయడం. ఎర్రర్లు సహజం. వాటిని తిరిగి అతికించి కారణం అడగండి.

మీరు వెళ్తున్నప్పుడు ఏమి నేర్చుకోవాలి

మీకు కోర్సు అవసరం లేదు, కానీ కొన్ని ఆలోచనలు ప్రతి అభ్యర్థనను మరింత పదునుగా చేస్తాయి. మీ స్వంత యాప్ సందర్భంలో వాటిని వివరించమని AI ను అడగండి:

• ఫ్రంటెండ్ మరియు బ్యాకెండ్: సందర్శకుడి బ్రౌజర్‌లో మరియు సర్వర్‌లో ఏమి నడుస్తుంది. (ఫ్రంటెండ్ vs బ్యాకెండ్)
• డేటాబేస్: మీ యాప్ తన డేటాను ఎక్కడ ఉంచుతుంది. (డేటాబేస్ అంటే ఏమిటి?)
• ప్రామాణీకరణ (Authentication): యాప్ ఎవరో ఎలా తెలుసుకుంటుంది.
• సీక్రెట్స్: యాప్ ఉపయోగించే ప్రైవేట్ కీలు, సందర్శకులు ఎప్పుడూ చూడకూడనివి.

దీనికి ఒక మంచి ప్రాంప్ట్: "నా పఠన జాబితా ఒక పుస్తకాన్ని ఎలా సేవ్ చేస్తుందో, Add క్లిక్ చేయడం నుంచి డేటా నిల్వ అయ్యే వరకు వివరించు. సాధారణ మాటలు వాడు మరియు అసలు ఫైళ్లను ప్రస్తావించు."

మీ రెండవ మరియు మూడవ ప్రాజెక్ట్‌లు

మొదటి యాప్ తర్వాత, ఒక అడుగు కష్టమైనది ఎంచుకోండి. వారపు చార్ట్‌తో అలవాటు ట్రాకర్. మీకు ఈమెయిల్ పంపే బుకింగ్ ఫారమ్. Google Sheet నుంచి చదివే చిన్న డాష్‌బోర్డ్. మా వైబ్ కోడింగ్ ఉదాహరణలు నిజమైన యాప్ రకాలను వాటి వెనుక ప్రాంప్ట్‌లు మరియు ఏమి తప్పైందో చూపిస్తాయి, మరియు వైబ్ కోడింగ్‌తో యాప్ ఎలా నిర్మించాలి పెద్ద ప్రాజెక్ట్‌ను ఆలోచన నుంచి వినియోగదారులతో ప్రచురించిన యాప్ వరకు తీసుకెళ్తుంది.

ప్రారంభించడానికి సిద్ధమైనప్పుడు, AI యాప్ బిల్డర్ తెరిచి, పైన ఉన్న పఠన జాబితా ప్రాంప్ట్ అతికించి, దాన్ని మీ స్వంత ఆలోచనకు మార్చండి.

ప్రశ్నలు