Urdu Ai Master Class on Vibe Coding Class #4

گوگل اے آئی سٹڈیو سے وائب کوڈنگ۔

دوستو۔ Urdu Ai Master Class on Vibe Coding Class #4 خوش آمدید۔۔۔

اکثر لوگوں کو لگتا ہے کہ ایک ویب سائٹ کو لائیو کرنا بہت مشکل کام ہے۔ اس کے لیے کوڈنگ سیکھنی پڑتی ہے، npm انسٹال کرنا ہوتا ہے،
ٹرمینل استعمال کرنا پڑتا ہے اور مختلف پیچیدہ ٹولز سمجھنے پڑتے ہیں۔ لیکن حقیقت یہ ہے کہ اگر آپ صحیح طریقہ اختیار کریں تو آپ چند منٹوں میں اپنی ویب سائٹ بنا کر اسے انٹرنیٹ پر لائیو کرسکتے ہیں۔

اس ویڈیو میں ہم ایک بہت سادہ اور عملی طریقہ دیکھتے ہیں۔ ہم آغاز کرتے ہیں Google AI Studio سے، جہاں ہم ایک مکمل پورٹ فولیو ویب سائٹ جنریٹ کرتے ہیں۔ لیکن یہاں سب سے اہم بات یہ ہے کہ ہم AI کو صحیح طریقے سے گائیڈ کرتے ہیں تاکہ وہ ہمیں ایسا کوڈ دے جو سیدھا GitHub Pages پر چل سکے۔ یعنی صرف HTML، CSS اور JavaScript پر مبنی ویب سائٹ، بغیر کسی React، Vite یا npm کے۔

جب کوڈ تیار ہو جاتا ہے تو اگلا مرحلہ بہت آسان ہو جاتا ہے۔ آپ ان فائلز کو GitHub پر اپلوڈ کرتے ہیں، پھر Settings میں جا کر GitHub Pages کو آن کرتے ہیں، اور چند سیکنڈز میں آپ کی ویب سائٹ لائیو ہو جاتی ہے۔ نہ کوئی ٹرمینل، نہ کوئی انسٹالیشن، نہ کوئی پیچیدہ ڈیپلائمنٹ۔

یہاں ایک بنیادی چیز سمجھنا بہت ضروری ہے کہ ہر AI سے بنا ہوا کوڈ براہ راست لائیو نہیں ہوتا۔ اکثر لوگ React یا Vite جیسے پروجیکٹس بنا لیتے ہیں، جو GitHub Pages پر سیدھا نہیں چلتے۔ اس ویڈیو میں ہم یہی غلطی شروع میں ہی avoid کرتے ہیں اور ایک سادہ، صاف اور GitHub-ready structure بناتے ہیں جس میں صرف index.html، style.css اور script.js شامل ہوتے ہیں۔

ساتھ ہی ہم کچھ اہم چھوٹی چیزوں پر بھی بات کرتے ہیں، جیسے کہ فائلز کو root میں رکھنا، صحیح relative paths استعمال کرنا، اور index.html کا درست نام رکھنا۔ یہی وہ چیزیں ہیں جو اکثر ویب سائٹ کو لائیو ہونے سے روک دیتی ہیں۔

یہ طریقہ خاص طور پر ان لوگوں کے لیے بہترین ہے جو جلدی سے اپنی پورٹ فولیو ویب سائٹ بنانا چاہتے ہیں، چاہے وہ اسٹوڈنٹس ہوں، فری لانسرز ہوں یا beginners۔ اس میں آپ ٹیکنیکل پیچیدگیوں میں نہیں الجھتے بلکہ سیدھا اپنی ویب سائٹ بنانے اور اسے دنیا کے سامنے لانے پر فوکس کرتے ہیں۔

اس ویڈیو کے آخر تک آپ نہ صرف یہ سیکھیں گے کہ AI سے ویب سائٹ کیسے بنائی جاتی ہے بلکہ یہ بھی کہ اسے سب سے آسان طریقے سے لائیو کیسے کیا جاتا ہے۔

ہم نے https://urduai.org/guides/ پر ایک بلاگ سیریز چروع کی ہے جہاں ہم لکھ کر سب کچھ ایکسپلین کررہے ہیں۔ آپ وہ بھی دیکھیں۔



شکریہ آپ کا دوست۔
قیصر رونجھا