سرفہرست 25 لازمی جاننے والے ویب ڈویلپر انٹرویو سوالات اور جوابات

انٹرنیٹ کے بڑھنے کے ساتھ ساتھ ویب ڈویلپرز کی مانگ جاری ہے۔ اگرچہ نوکری پر اترنے کے لیے، آپ کو پہلے آجر کے انٹرویو سیشن کو پیمانہ کرنا چاہیے۔

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

ذیل میں سرفہرست 25 ویب ڈویلپر کے انٹرویو کے سوالات اور ان کے جوابات کی فہرست ہے جو آپ کو تیار ہونے میں مدد فراہم کرتی ہیں۔

1. ویب ڈویلپمنٹ میں HTML، JavaScript اور CSS کے کیا کردار ہیں؟

ایچ ٹی ایم ایل کا مطلب ہائپر ٹیکسٹ مارک اپ لینگویج ہے اور یہ ویب پر شائع کرنے کے لیے دستاویزات تیار کرنے کے لیے معیاری زبان ہے۔ JavaScript اور CSS ایکسٹرا ہیں۔

JavaScript کو اصل میں کلائنٹ سائیڈ پروگرامنگ زبان کے طور پر ڈیزائن کیا گیا تھا، یہ ویب پیج میں مزید فعالیت پیدا کرنے کے لیے براؤزر میں کام کرتا ہے۔ CSS کا مطلب ہے Cascading Style Sheets اور اسے اسکرین پر عناصر پیش کرنے کے لیے استعمال کیا جاتا ہے۔

2. قبول ویب ڈیزائن کیا ہے؟

ریسپانسیو ویب ڈیزائن ایک ویب ڈویلپمنٹ اپروچ ہے جس کا مقصد صارف کے آلے یا ماحول کی بنیاد پر ویب سائٹ کی ظاہری شکل کو ڈھال کر صارف کے لیے بہترین تجربہ پیدا کرنا ہے۔

اس کا مقصد یہ ہے کہ ویب سائٹ تمام آلات پر اچھی نظر آئے اور اس میں متحرک تبدیلیاں شامل ہیں جو یا تو باکس کے سائز میں اضافے پر کم ہو جاتی ہیں اور آلے کی سکرین کے سائز یا واقفیت کی بنیاد پر سیدھ میں آتی ہیں۔

3. ایک فریم ورک استعمال کرنے کے کیا فوائد ہیں؟

ویب ایپلیکیشن تیار کرنے میں فریم ورک استعمال کرنے کے بہت سے فوائد ہیں۔ اہم درج ذیل ہیں:

1. بہترین طریقوں کے ساتھ ترقی کا آسان عمل۔
2. ابتدائی منصوبوں کے ساتھ تیز تر ترقی وقت کی بچت کرتی ہے۔
3. آزمائشی اور تجربہ شدہ کوڈ کا استعمال۔
4. اکثر بہتر سیکورٹی فراہم کرتا ہے۔
5. اخراجات بچاتا ہے، خاص طور پر بڑے منصوبوں کے ساتھ۔

4. جاوا اسکرپٹ کال بیک کیا ہے؟

جاوا اسکرپٹ کال بیک ایک فنکشن ہے جسے کسی دوسرے فنکشن کے بعد انجام دیا جانا چاہیے۔ کال بیک فنکشن کا نام اور دلائل پہلے فنکشن کے لیے بطور دلیل پاس کیے جا سکتے ہیں، نیز پہلا فنکشن کال بیک فنکشن کو اندرونی طور پر بھی دلائل پاس کر سکتا ہے جو اس کے حسابات کا نتیجہ ہیں۔

کال بیک فنکشنز کو غیر مطابقت پذیر فنکشنز کے ساتھ بہترین طریقے سے استعمال کیا جاتا ہے جن کو دوسرے فنکشنز کے پہلے عمل کو مکمل کرنے کا انتظار کرنا پڑتا ہے۔

5. جاوا اسکرپٹ میں مقامی بمقابلہ عالمی دائرہ کار کی وضاحت کریں۔

متعین متغیر الفاظ میں لکھے جاتے ہیں اور یہ صرف صحیح تناظر میں معنی خیز ہیں۔ مقامی اور عالمی دائرہ کار متغیر متغیرات کے اس تناظر سے مراد ہے۔ ایک عالمی متغیر کو فنکشن کے باہر بیان کیا جانا چاہئے، جبکہ مقامی متغیرات کو فنکشن کے اندر بیان کیا گیا ہے۔

اس طرح، ایک عالمی متغیر کا عالمی دائرہ کار ہے، جس کا مطلب ہے کہ اس پروگرام میں کہیں سے بھی رسائی حاصل کی جا سکتی ہے۔ تاہم، ایک مقامی متغیر کا مقامی دائرہ کار ہے اور اس کا مطلب یہ ہے کہ اس تک صرف فنکشن کے اندر سے ہی رسائی حاصل کی جا سکتی ہے۔

6. CSS میں Z-Index کی وضاحت کریں۔

z-index ایک عنصر کی خاصیت ہے جو عنصر کے اسٹیک آرڈر کی وضاحت کے لیے استعمال ہوتی ہے۔ اسٹیک آرڈر سے مراد کسی عنصر کی اس قابلیت ہے کہ وہ یا تو دوسرے عناصر کے پیچھے یا سامنے ہو جیسے کارڈ کے ڈھیر کی طرح۔

اعلی اسٹیک آرڈر والے عناصر کم اسٹیک آرڈر والے عناصر کے سامنے ظاہر ہوتے ہیں۔ اس تناظر میں، کسی عنصر کو 2 یا 100 کا اسٹیک آرڈر دینا اس بات کی ضمانت دیتا ہے کہ یہ صفحہ پر باقی تمام چیزوں کے اوپر ظاہر ہوگا۔ اسی طرح، مخصوص اسٹیک آرڈرز کے بغیر صفحہ اوپر والے سے اونچے ماخذ سے نیچے والے عناصر کو اسٹیک کرے گا۔

7. ایچ ٹی ایم ایل میں مارکی کیا ہے؟

مارک ایچ ٹی ایم ایل میں ایک کنٹینر ٹیگ ہے، جو اسکرولنگ ٹیکسٹ کو ظاہر کرنے کے لیے استعمال ہوتا ہے۔ یہ آپ کو اسکرول کی سمت کے ساتھ ساتھ رفتار کو بھی کنٹرول کرنے دیتا ہے۔ تاہم HTML5 میں مارکی فرسودہ ہے، اور آپ کو اس کی بجائے CSS استعمال کرنے کا مشورہ دیا جاتا ہے۔

مارکی کے ساتھ اسکرولنگ کی مثال:

مارکی اسکرول ٹیکسٹ

8. صفحہ لوڈ وقت کو کم کرنے کے اہم طریقوں کی فہرست بنائیں

ایسے بہت سے اقدامات ہیں جو ایک ڈویلپر صفحہ کے لوڈ ٹائم کو بہتر بنانے کے لیے اٹھا سکتا ہے، جن میں اہم یہ ہیں:

• تصاویر کو بہتر بنائیں اور ان کا سائز کم کریں۔
• غیر ضروری وجیٹس سے چھٹکارا حاصل کریں۔
• تلاش کو کم سے کم کر دیں۔
• ایک مہذب میزبان پر ویب سائٹ کی میزبانی کریں
• تیز رفتار موبائل صفحات یا جامد سائٹس کا استعمال کریں۔
• سست لوڈ کی تصاویر
• اپنے کوڈ کو چھوٹا کریں۔

9. کینوس اور ایس وی جی کے درمیان کیا فرق ہے؟

SVG کا مطلب ہے توسیع پذیر ویکٹر گرافکس اور ٹیگ گرافکس بنانے کے لیے ایک کنٹینر عنصر ہے، جیسے ایک دائرہ، ایک باکس، ایک بیضوی، وغیرہ۔ آپ CSS یا JavaScript کا استعمال کرتے ہوئے SVG میں ترمیم کر سکتے ہیں اور توسیع پذیر ہونے کا مطلب یہ ہے کہ یہ اعلی ریزولوشن آؤٹ پٹس کے لیے اچھی طرح کام کرتا ہے۔

دی دوسری طرف کنٹینر راسٹر پر مبنی ہے اور قابل توسیع نہیں ہے۔ یہ گرافکس بنانے کے لیے بھی استعمال ہوتا ہے لیکن صرف JavaScript کے ذریعے قابل ترمیم ہے۔ اگرچہ اشیاء کی ایک بڑی تعداد کو سنبھالنے میں یہ زیادہ موثر ہے۔

10. کیسے کرتا ہے شہوت انگیز null سے مختلف ہے۔ غیر منقول?

Null کوئی قدر کی نمائندگی نہیں کرتا۔ یہ عام طور پر ایک متعین متغیر کو شروع کرنے کے لیے پلیسمنٹ ہولڈر کے طور پر استعمال کیا جاتا ہے جسے کوئی حقیقی قدر تفویض نہیں کیا گیا ہے۔ دوسری طرف، Undefined سے مراد ایک متعین متغیر ہے جو شروع نہیں کیا گیا ہے۔

جاوا اسکرپٹ میں:

var variableA;

var variableB = null;

الرٹ (متغیر اے)؛ // غیر متعینہ دکھاتا ہے۔

الرٹ (متغیر بی)؛ // null دکھاتا ہے۔

11. ID کلاس سے کیسے مختلف ہے؟

ID اور کلاس HTML دستاویز میں عناصر کی شناخت اور ہینڈل کرنے کے دو طریقے ہیں۔ تاہم، دونوں کے درمیان بڑا فرق یہ ہے کہ ID منفرد ہونی چاہیے۔ دوسرے الفاظ میں، دو عناصر ایک ہی ID کا اشتراک نہیں کر سکتے ہیں، لیکن دو یا زیادہ عناصر ایک ہی کلاس کا اشتراک کر سکتے ہیں۔

ایک ID کا استعمال مخصوص عناصر کو ہینڈل کرنے کے لیے کیا جاتا ہے، جبکہ ایک کلاس کا استعمال عناصر کے گروپ کو سنبھالنے کے لیے کیا جاتا ہے جو ایک یا زیادہ عام خصلتوں کا اشتراک کرتے ہیں۔

12. آپ کسی ویب سائٹ کی حفاظتی خصوصیات کو کیسے بہتر بناتے ہیں؟

ویب سائٹ کی سیکیورٹی کو بہتر بنانے کے لیے آپ جو چند اقدامات اٹھا سکتے ہیں ان میں شامل ہیں:

1. مضبوط پاس ورڈ پالیسی کو نافذ کرنا۔ اس کا مطلب یہ ہے کہ یہ چیک کرنا ہے کہ منتخب کردہ پاس ورڈ میں 8 سے زیادہ حروف ہیں اور اس میں ہندسے، خصوصی حروف، اور بڑے اور چھوٹے حروف شامل ہیں۔
2. کیپچا یا کسی اینٹی بوٹ پیمائش کا استعمال۔
3. جہاں ضروری ہو، 2 فیکٹر یا ملٹی فیکٹر تصدیقی طریقوں جیسے OTPs (ون ٹائم پاس ورڈز) اور ہارڈویئر ڈونگلز کو استعمال کرنا۔
4. DDoS تحفظ اور خودکار بیک اپ خصوصیات کے ساتھ میزبان کا استعمال۔

13. لوکل سٹوریج سیشن سٹوریج سے کیسے مختلف ہے؟

لوکل اسٹوریج اور سیشن اسٹوریج سسٹم دونوں ایک ڈویلپر کو ویب براؤزر میں ڈیٹا اسٹور کرنے دیتے ہیں۔ تاہم، لوکل اسٹورج مستقل ہے، جبکہ سیشن اسٹوریج نہیں ہے۔ دوسرے الفاظ میں، لوکل سٹوریج میں ذخیرہ کردہ ڈیٹا براؤزر پر متعدد سیشنز میں دستیاب ہو گا، جبکہ سیشن سٹوریج میں ذخیرہ کردہ ڈیٹا براؤزر ٹیب کے بند ہونے کے بعد حذف ہو جاتا ہے۔

14. HTTP 2.0 پر HTTP1.1 کی بہتری کی فہرست بنائیں

HTTP/2 پروٹوکول 2015 میں شائع ہوا اور نمایاں بہتری پیش کرتا ہے، جیسے:

1. متن پر بائنری کا استعمال کرتے ہوئے بہتر سیکیورٹی۔
2. بہتر کارکردگی.
3. کم لیٹنسی۔
4. بہتر غلطی سے نمٹنے۔
5. زیریں اوور ہیڈ۔

15. Git Pull اور Git Merge کے درمیان کیا فرق ہے؟

گٹ پل کمانڈ آپ کو ریموٹ ریپوزٹری سے مواد ڈاؤن لوڈ کرنے دیتا ہے، پھر یہ آپ کے مقامی ذخیرے کو ڈاؤن لوڈ کردہ مواد کے ساتھ اپ ڈیٹ کرتا ہے۔

دوسری طرف git merge کمانڈ آپ کو ایک ہی پروجیکٹ کی دو الگ الگ ترقی یافتہ شاخوں کو یکجا کرنے دیتی ہے۔ merge کمانڈ کو اس برانچ سے انجام دیا جانا چاہیے جس میں آپ ضم کرنا چاہتے ہیں، اور یہ عام طور پر مین برانچ ہوتی ہے۔

16. GET پوسٹ اور PUT سے کیسے مختلف ہے؟

HTML GET طریقہ براؤزر کے ذریعے سرور سے معلومات کی درخواست کرنے کے لیے استعمال کیا جاتا ہے، جبکہ POST اور PUT طریقے براؤزر سے سرور کو معلومات بھیجنے کے لیے استعمال کیے جاتے ہیں۔

لیکن جب کہ POST کی درخواست صرف سرور کے وسائل میں ڈیٹا شامل کر سکتی ہے، ایک PUT درخواست کا استعمال درخواست کے پے لوڈ کا استعمال کرتے ہوئے وسائل کو مکمل طور پر تبدیل کرنے کے لیے کیا جاتا ہے۔

17. سب سے مشہور ڈیٹا ایکسچینج فارمیٹس کی فہرست بنائیں

یہاں آج تک کے سب سے مشہور ڈیٹا ایکسچینج فارمیٹس ہیں:

1. XML
2. یامل
3. CSV
4. JSON
5. HTTP
6. SQL

18. پاپ اپ باکسز کی 3 اقسام کی فہرست بنائیں

جاوا اسکرپٹ میں پاپ اپ باکسز کا استعمال صارف کو پیغامات دکھانے، ان پٹ کی درخواست کرنے اور بعض اوقات دونوں کرنے کے لیے کیا جاتا ہے۔ یہاں جاوا اسکرپٹ پاپ اپ کی 3 اقسام ہیں:

1. الرٹ باکس - یہ آپ کے پیغام کے علاوہ ایک 'OK' بٹن دکھاتا ہے۔
2. کنفرم باکس – اس ڈائیلاگ باکس میں 'OK' اور 'Cancel' دونوں بٹن شامل ہیں جو کوڈ کو متاثر کر سکتے ہیں۔
3. پرامپٹ باکس - اس باکس میں صارف سے معلومات جمع کرنے کے لیے ایک ٹیکسٹ ان پٹ باکس شامل ہے۔

19. CSS کوڈ شامل کرنے کے مختلف طریقوں کے نام بتائیں

HTML دستاویز میں CSS کو شامل کرنے کے 3 طریقے ہیں۔ وہ ہیں:

1. بیرونی سی ایس ایس - آپ استعمال کرتے ہوئے ایک .css دستاویز شامل کرتے ہیں۔ دستاویز کے اندر ٹیگز
2. ایمبیڈڈ سی ایس ایس - آپ سی ایس ایس کوڈ کے اندر شامل کرتے ہیں۔ ٹیگز، دستاویز میں کہیں بھی۔
3. ان لائن سی ایس ایس - آپ اپنے HTML ٹیگز کے اندر سٹائل="CSS-property: value" جوڑا استعمال کرتے ہیں، جیسے۔ PSquare!

20. کیسے کرتا ہے window.onload document.onload سے مختلف ہے؟

Window.onload کا استعمال JavaScript کوڈ پر عمل کرنے کے لیے کیا جاتا ہے جب براؤزر نے صفحہ کا DOM ٹری اور دیگر بنیادی باتیں بشمول تصاویر، CSS کوڈ اور اسکرپٹس کو لوڈ کیا ہے۔

جبکہ document.onload DOM کے تیار ہونے کے فوراً بعد عمل میں آتا ہے، اس کا مطلب تصاویر اور بیرونی لائبریریوں کے لوڈ ہونے سے پہلے بھی ہو سکتا ہے۔

21. آپ سی ایس ایس کا استعمال کرتے ہوئے کسی عنصر کو کیسے چھپاتے ہیں؟

آپ 3 CSS طریقوں کا استعمال کرتے ہوئے ایک HTML عنصر کو چھپا سکتے ہیں، وہ ہیں:

1. ڈسپلے: کوئی نہیں؛ - عنصر نہ تو پیش کیا جاتا ہے اور نہ ہی دکھایا جاتا ہے۔
2. مرئیت: پوشیدہ؛ - عنصر پیش کیا جاتا ہے لیکن ظاہر نہیں ہوتا ہے۔
3. پوزیشن: مطلق؛ - عنصر پیش کیا جاتا ہے اور ڈسپلے کیا جاتا ہے، لیکن ڈسپلے ایریا سے باہر رکھا جاتا ہے۔

22. ایجیکس کے بہترین استعمال کیا ہیں؟

Ajax JavaScript کا استعمال کرتے ہوئے پس منظر میں سرور سے ڈیٹا لوڈ کرنے کا ایک طریقہ ہے۔ اس کے بہت سارے استعمال ہیں، جیسے ڈیٹا کی توثیق، چیٹ ایپس، تبصرے، ڈیٹا فلٹرنگ، ویژول ایڈیٹنگ، پولز وغیرہ۔

23. CSS3 کی کچھ نئی خصوصیات کی فہرست بنائیں

CSS3 میں CSS2 پر بہت سی جدید اور مددگار خصوصیات شامل ہیں، جیسے:

1. خانوں اور تصاویر کے لیے گول کونے۔
2. اشیاء کی حرکت پذیری۔
3. اعلانات کے لیے متغیرات اور افعال۔
4. ذمہ دار ڈیزائن کے لیے گرڈ اور فلیکس باکس۔
5. پس منظر کے رنگوں کے لیے گریڈینٹ۔
6. rgba کا استعمال کرتے ہوئے دھندلاپن کا کنٹرول۔
7. خانوں اور متن کے لیے شیڈو اثر۔
8. ہوور کے لیے ٹرانزیشنز اور عناصر پر فوکس۔

24. HTML5 میں کون سی نئی ان پٹ اقسام متعارف کرائی گئی ہیں؟

ان پٹ کی قسم وہ قدر ہے جسے آپ HTML دستاویز میں ان پٹ عنصر دیتے ہیں۔

ایک مثال یہ ہے:

or

نئی HTML5 ان پٹ اقسام میں شامل ہیں:

1. تاریخ
2. رنگ
3. ای میل
4. تلاش کریں
5. تل
6. مہینہ
7. تعداد کی حد
8. مہینہ
9. URL
10. ڈیٹ ٹائم-مقامی

25. HTML5 میڈیا عناصر کی وضاحت کریں۔

HTML5 میں میڈیا کی اقسام اور ذرائع کو سنبھالنے کے لیے مزید عنصر کے ٹیگ شامل ہیں۔ وہ ہیں:

• - MP4، WebM، اور Ogg ویڈیوز کے لیے۔
• - مختلف فارمیٹس میں متعدد ذرائع کی وضاحت کرنا۔
• – MP3، Ogg، اور WAV آڈیو کے لیے۔
• - تصویروں سے لے کر ویڈیو اور ویب صفحات تک بیرونی وسائل کو شامل کرنے کے لیے ایک کنٹینر۔
• - ویڈیوز کے لیے سب ٹائٹل ٹریک کی وضاحت کرنے کے لیے۔

نتیجہ

ویب ڈویلپر کے انٹرویو کے بارے میں جاننے والے سرفہرست 25 سوالات کی فہرست کے آخر تک پہنچ کر، آپ دیکھ سکتے ہیں کہ مکمل اسٹیک ڈویلپر بننے کے لیے ٹیکنالوجیز کا کافی مجموعہ درکار ہوتا ہے۔

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