Learn Frontend Web Development

فرنٹ اینڈ ویب ڈویلپمنٹ سیکھیں جس طرح ویب ڈویلپرز اصل میں کام کرتے ہیں: HTML، CSS اور JavaScript ایک ساتھ، ایک صفحے پر، پہلے سبق سے۔ JavaScript کی ایک لائن کو تبدیل کریں اور اپنے فون اپ ڈیٹ پر صفحہ دیکھیں، جس میں HTML، CSS اور JS پینز ساتھ ساتھ ہیں اور نیچے ایک لائیو پیش نظارہ ہے۔

ابتدائیوں کے لیے ایک مکمل فرنٹ اینڈ کورس جو بنیادی باتوں کے بعد جاری رہتا ہے: آپ کے پہلے ٹیگ سے لے کر TypeScript، React، Vue، ٹیسٹنگ، کارکردگی اور فرنٹ اینڈ فن تعمیر تک۔

اندر کیا ہے۔

• 41 کورسز اور 163 مختصر اسباق، ابتدائی (A1) سے لے کر سینئر لیول (C2) تک

• HTML، CSS اور JavaScript پینز کے ساتھ ایک لائیو کوڈ ایڈیٹر اور ایک فوری پیش نظارہ

• HTML، React، Vue، Angular، Node یا TypeScript ٹیمپلیٹس سے نئے پروجیکٹس

• 20 گائیڈڈ پروجیکٹس، مرحلہ وار: ایک ترکیب کا صفحہ، ایک رابطہ فارم، ایک کارڈ گرڈ، ایک نیوبار، ایک ڈیٹا ٹیبل اور بہت کچھ

• اصلی فرنٹ اینڈ بگس سے بنائے گئے 15 ڈیبگنگ مشن: ایک لے آؤٹ جو 375px پر ٹوٹ جاتا ہے، ایک ایسی تصویر جو آپ کے LCP کو ٹینک کرتی ہے، ایسی شکل جو کوئی بھی ٹیب نہیں کر سکتا، ایک جزو میں میموری کا لیک، ایک ٹیسٹ جو مقامی طور پر پاس ہوتا ہے اور CI میں ناکام ہو جاتا ہے۔

• ایک حتمی امتحان اور تکمیل کا سرٹیفکیٹ

• ایپ 22 زبانوں میں دستیاب ہے۔

ایک راستہ، ابتدائی سے سینئر

• ویب کیسے کام کرتا ہے، ایچ ٹی ایم ایل کے بنیادی اصول، فارم اور سیمنٹک مارک اپ

• CSS کے بنیادی اصول، متغیرات، ٹرانزیشنز اور اینیمیشنز، فلیکس باکس اور گرڈ کے ساتھ لے آؤٹ

• ہر سکرین کے سائز کے لیے ذمہ دار ڈیزائن

• جاوا اسکرپٹ کے لوازمات، صفوں اور اشیاء، ES6+، DOM اور براؤزر APIs، async پروگرامنگ

• ڈویلپر ٹولز، گٹ اور ٹیم ورک فلو، ماڈیولز اور بلڈ ٹولز

• پہلی قسم سے اعلی درجے کے پیٹرن تک ٹائپ اسکرپٹ

• بنیادی باتوں پر ردعمل ظاہر کریں، اثر اور ڈیٹا کی بازیافت، جدید ہکس اور پیٹرن کا استعمال کریں۔

Vue 3 بنیادی اصول، کمپوزیشن API اور جدید Vue پیٹرن

• اسٹیٹ مینجمنٹ، REST، WebSockets اور ریئل ٹائم UI کے ساتھ API کا انضمام

• Next.js اور Nuxt 3 کے ساتھ سرور سائیڈ رینڈرنگ، پروگریسو ویب ایپس (PWA)

• رسائی، جانچ، کارکردگی اور سیکورٹی

• CSS فن تعمیر، ڈیزائن سسٹم، CI/CD اور جدید ٹولنگ

اسٹک کی مشق کریں۔

• جو کچھ آپ نے سیکھا ہے اس کو بند کرنے کے لیے کوئز اور جائزہ سیشنز

• نحو اور نمونوں کے 83 اندراجات کے ساتھ ایک چیٹ شیٹ

• جوابات کے ساتھ انٹرویو کے 50 سوالات، جو فرنٹ اینڈ ڈویلپر یا ویب ڈویلپر کے انٹرویو سے پہلے مفید ہیں۔

• مختصر مثالوں کی ایک کوڈ لائبریری جو آپ کھول اور ترمیم کر سکتے ہیں۔

• اپنا کوڈ، نوٹس اور پسندیدہ اسباق محفوظ کریں۔

• کوڈنگ کے چیلنجز: کوڈ کے ساتھ کسی دوست کو مدعو کریں یا کسی بے ترتیب مخالف کے ساتھ ملیں۔

• ورلڈ کوڈنگ چیلنج: ایک دن میں تین عالمی راؤنڈ، جاوا اسکرپٹ، ازگر اور دیگر زبانوں میں حل

• Streaks، XP، ایک لیڈر بورڈ اور روزانہ یاد دہانیاں

اے آئی مینٹر

• کسی مسئلے یا تصور پر پھنس گئے ہیں؟ AI سرپرست سے کسی غلطی، سبق یا اپنے کوڈ کے بارے میں پوچھیں۔

• AI کھیل کا میدان: ایک صفحہ کی وضاحت کریں اور دیکھیں کہ کوڈ لکھا جاتا ہے۔

• مفت صارفین کو روزانہ 3 AI سوالات ملتے ہیں۔ پرو اسے لامحدود بنا دیتا ہے۔

یہ کس کے لیے ہے۔

• مکمل ابتدائی افراد جو ویب ڈویلپر بننا چاہتے ہیں۔

وہ طلباء جو ویب ڈویلپمنٹ کورس کے ساتھ اضافی مشق چاہتے ہیں۔

• ڈیزائنرز جو اپنے ڈیزائن کی تعمیر کرنا چاہتے ہیں۔

• وہ ڈویلپر جو کچھ HTML اور CSS جانتے ہیں اور JavaScript، TypeScript اور فریم ورک سب سے اوپر چاہتے ہیں

• کیریئر سوئچرز پہلی فرنٹ اینڈ جاب کی تیاری کر رہے ہیں۔

یہ کیسے کام کرتا ہے۔

1. مفت پہلے کورس کے ساتھ شروع کریں: فرنٹ اینڈ ڈیولپمنٹ میں خوش آمدید

2. کوڈ ایڈیٹر کھولیں، ایک پین تبدیل کریں اور پیش نظارہ فالو دیکھیں

3. راستے کو اوپر لے جائیں: JavaScript، ریسپانسیو لے آؤٹ، TypeScript، پھر React اور Vue

4. گائیڈڈ پروجیکٹس بنائیں اور ڈیبگنگ مشنز میں حقیقی کیڑے ٹھیک کریں۔

5. فائنل امتحان پاس کریں اور اپنا سرٹیفکیٹ حاصل کریں۔

مفت اور پرو

پہلا کورس، پہلا گائیڈڈ پروجیکٹ، دو ڈیبگنگ مشنز اور کوڈ ایڈیٹر مفت ہیں، جس میں ایک دن میں 3 AI سرپرست کے سوالات ہوتے ہیں۔ مفت ورژن اشتہارات دکھاتا ہے۔ پرو ہر کورس، تمام پروجیکٹس اور مشنز، سرٹیفکیٹ امتحان اور لامحدود AI کو کھولتا ہے، اور اشتہارات کو ہٹاتا ہے۔

آج ہی شروع کریں اور منٹوں میں اپنا پہلا صفحہ بنائیں۔