শীর্ষ 25 ওয়েব ডেভেলপার ইন্টারভিউ প্রশ্ন ও উত্তর অবশ্যই জানা আবশ্যক

ইন্টারনেট বাড়তে থাকায় ওয়েব ডেভেলপারদের চাহিদা অব্যাহত রয়েছে। যদিও চাকরি পেতে, আপনাকে প্রথমে নিয়োগকর্তার ইন্টারভিউ সেশন স্কেল করতে হবে।

যদিও বৃহত্তর দলগুলি সাধারণত ফ্রন্ট-এন্ড বা ব্যাক-এন্ড ডেভেলপারদের নিয়োগ করে, ছোট দল এবং স্টার্টআপগুলি প্রায়শই ফুল-স্ট্যাক ডেভেলপারদের বেছে নেয়। তাই, যতটা সম্ভব জানা সহায়ক।

নীচে আপনাকে প্রস্তুত হতে সাহায্য করার জন্য শীর্ষ 25টি ওয়েব ডেভেলপার ইন্টারভিউ প্রশ্ন এবং তাদের উত্তরগুলির একটি তালিকা রয়েছে যা অবশ্যই জানা উচিত৷

1. ওয়েব ডেভেলপমেন্টে HTML, JavaScript এবং CSS এর ভূমিকা কি?

এইচটিএমএল হল হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ এবং এটি ওয়েবে প্রকাশের জন্য ডকুমেন্ট তৈরির জন্য আদর্শ ভাষা। জাভাস্ক্রিপ্ট এবং সিএসএস অতিরিক্ত।

জাভাস্ক্রিপ্ট মূলত একটি ক্লায়েন্ট-সাইড প্রোগ্রামিং ভাষা হিসাবে ডিজাইন করা হয়েছিল, এটি ওয়েবপেজে আরও কার্যকারিতা তৈরি করতে ব্রাউজারে কার্যকর করে। CSS হল ক্যাসকেডিং স্টাইল শীট এবং পর্দায় উপাদান উপস্থাপনের জন্য ব্যবহৃত হয়।

2. প্রতিক্রিয়াশীল ওয়েব ডিজাইন কি

রেসপন্সিভ ওয়েব ডিজাইন হল একটি ওয়েব ডেভেলপমেন্ট পদ্ধতি যা ব্যবহারকারীর ডিভাইস বা পরিবেশের উপর ভিত্তি করে ওয়েবসাইটের চেহারা অভিযোজিত করে ব্যবহারকারীর জন্য সর্বোত্তম অভিজ্ঞতা তৈরি করার লক্ষ্য রাখে।

লক্ষ্য হল ওয়েবসাইটটি সমস্ত ডিভাইসে ভাল দেখাবে এবং এর জন্য গতিশীল পরিবর্তনগুলি অন্তর্ভুক্ত রয়েছে যা ডিভাইসের স্ক্রীনের আকার বা ওরিয়েন্টেশনের উপর ভিত্তি করে বাক্সের আকার বৃদ্ধি এবং সারিবদ্ধকরণকে হ্রাস করে।

3. একটি ফ্রেমওয়ার্ক ব্যবহার করার সুবিধা কি?

একটি ওয়েব অ্যাপ্লিকেশন বিকাশে একটি কাঠামো ব্যবহার করার অনেক সুবিধা রয়েছে। প্রধানগুলি নিম্নরূপ:

1. সর্বোত্তম অনুশীলন সহ আরও সহজ উন্নয়ন প্রক্রিয়া।
2. স্টার্টার প্রকল্পের সাথে দ্রুত উন্নয়ন সময় বাঁচায়।
3. চেষ্টা করা এবং পরীক্ষিত কোড ব্যবহার.
4. প্রায়শই আরও ভালো নিরাপত্তা প্রদান করে।
5. খরচ বাঁচায়, বিশেষ করে বড় প্রকল্পের সাথে।

4. একটি জাভাস্ক্রিপ্ট কলব্যাক কি?

একটি জাভাস্ক্রিপ্ট কলব্যাক হল একটি ফাংশন যা অন্য ফাংশনের পরে কার্যকর করা উচিত। কলব্যাক ফাংশনের নাম এবং আর্গুমেন্টগুলি প্রথম ফাংশনে আর্গুমেন্ট হিসাবে পাস করা যেতে পারে, এছাড়াও প্রথম ফাংশনটি কলব্যাক ফাংশনে অভ্যন্তরীণভাবে আর্গুমেন্ট পাস করতে পারে যা এর গণনার ফলাফল।

কলব্যাক ফাংশনগুলি অ্যাসিঙ্ক্রোনাস ফাংশনগুলির সাথে সর্বোত্তমভাবে ব্যবহার করা হয় যেগুলিকে অন্য ফাংশনগুলি প্রথম সম্পাদন শেষ করার জন্য অপেক্ষা করতে হয়।

5. জাভাস্ক্রিপ্টে স্থানীয় বনাম গ্লোবাল স্কোপ ব্যাখ্যা করুন

সংজ্ঞায়িত ভেরিয়েবলগুলি শব্দের মধ্যে লেখা হয় এবং এগুলি শুধুমাত্র সঠিক প্রসঙ্গে অর্থপূর্ণ। স্থানীয় এবং বৈশ্বিক সুযোগ সংজ্ঞায়িত ভেরিয়েবলের এই প্রসঙ্গকে বোঝায়। একটি গ্লোবাল ভেরিয়েবল অবশ্যই একটি ফাংশনের বাইরে সংজ্ঞায়িত করা উচিত, যখন স্থানীয় ভেরিয়েবলগুলি একটি ফাংশনের ভিতরে সংজ্ঞায়িত করা হয়।

সুতরাং, একটি গ্লোবাল ভেরিয়েবলের গ্লোবাল স্কোপ রয়েছে, যার মানে এটি প্রোগ্রামের যেকোনো জায়গা থেকে অ্যাক্সেস করা যেতে পারে। একটি স্থানীয় ভেরিয়েবলের অবশ্য স্থানীয় সুযোগ রয়েছে এবং এর মানে হল যে এটি শুধুমাত্র ফাংশনের ভিতর থেকে অ্যাক্সেস করা যেতে পারে।

6. CSS-এ Z-Index ব্যাখ্যা কর

z-সূচী হল একটি উপাদান সম্পত্তি যা উপাদানের স্ট্যাক অর্ডার নির্ধারণ করতে ব্যবহৃত হয়। স্ট্যাক অর্ডার বলতে বোঝায় একটি উপাদানের তাসের স্ট্যাকের মতো অন্য উপাদানের পিছনে বা সামনে থাকার ক্ষমতা।

উচ্চ স্ট্যাক অর্ডার সহ উপাদানগুলি নিম্ন স্ট্যাকের ক্রম সহ উপাদানগুলির সামনে উপস্থিত হয়। এই প্রসঙ্গে, একটি উপাদানকে 2 বা 100 এর স্ট্যাক অর্ডার দেওয়া গ্যারান্টি দেয় যে এটি একটি পৃষ্ঠায় অন্য সকলের উপরে প্রদর্শিত হবে। একইভাবে, নির্দিষ্ট স্ট্যাক অর্ডার ব্যতীত একটি পৃষ্ঠা উপরেরগুলির থেকে উচ্চতর উত্স থেকে নীচের উপাদানগুলিকে স্ট্যাক করবে।

7. HTML এ Marquee কি?

Marque হল HTML এর একটি কন্টেইনার ট্যাগ, যা স্ক্রলিং টেক্সট প্রদর্শন করতে ব্যবহৃত হয়। এটি আপনাকে স্ক্রোল দিক নিয়ন্ত্রণ করতে দেয়, সেইসাথে গতিও। তবে এইচটিএমএল 5-এ মার্কিকে অবমূল্যায়ন করা হয়েছে এবং এর পরিবর্তে আপনাকে CSS ব্যবহার করার পরামর্শ দেওয়া হচ্ছে।

মার্কি সহ স্ক্রোলিং উদাহরণ:

মার্কি স্ক্রোল পাঠ্য

8. পৃষ্ঠা লোডের সময় কমানোর প্রধান উপায়গুলি তালিকাভুক্ত করুন৷

একটি পৃষ্ঠার লোড সময় উন্নত করার জন্য একজন বিকাশকারী অনেক পদক্ষেপ নিতে পারেন, প্রধানগুলি হল:

• ইমেজ অপ্টিমাইজ করুন এবং তাদের আকার কমাতে
• অপ্রয়োজনীয় উইজেট পরিত্রাণ পান
• একটি বেয়ার সর্বনিম্ন লুকআপ কমিয়ে
• একটি শালীন হোস্টে ওয়েবসাইট হোস্ট করুন
• অ্যাক্সিলারেটেড মোবাইল পেজ বা স্ট্যাটিক সাইট ব্যবহার করুন
• অলস লোড ইমেজ
• আপনার কোড ছোট করুন

9. ক্যানভাস এবং SVG-এর মধ্যে পার্থক্য কী?

SVG মানে স্কেলেবল ভেক্টর গ্রাফিক্স এবং ট্যাগ হল গ্রাফিক্স তৈরির জন্য একটি ধারক উপাদান, যেমন একটি বৃত্ত, একটি বাক্স, একটি উপবৃত্ত ইত্যাদি। আপনি CSS বা JavaScript ব্যবহার করে SVG পরিবর্তন করতে পারেন এবং স্কেলযোগ্য হওয়া মানে এটি উচ্চ-রেজোলিউশন আউটপুটগুলির জন্য ভাল কাজ করে।

দ অন্যদিকে, ধারক রাস্টার ভিত্তিক এবং মাপযোগ্য নয়। এটি গ্রাফিক্স তৈরির জন্যও ব্যবহার করা হয় কিন্তু শুধুমাত্র জাভাস্ক্রিপ্ট দ্বারা পরিবর্তনযোগ্য। যদিও এটি একটি বৃহত্তর সংখ্যক বস্তু পরিচালনা করতে আরও দক্ষ।

10. কিভাবে করে খালি থেকে ভিন্ন অনির্দিষ্ট?

নাল হল কোন মূল্যের প্রতিনিধিত্ব। এটি সাধারণত একটি সংজ্ঞায়িত ভেরিয়েবল শুরু করার জন্য একটি প্লেসমেন্ট হোল্ডার হিসাবে ব্যবহৃত হয় যা একটি বাস্তব মান বরাদ্দ করা হয়নি। অপরদিকে অপরিজ্ঞাত, একটি সংজ্ঞায়িত পরিবর্তনশীলকে বোঝায় যা আরম্ভ করা হয়নি।

জাভাস্ক্রিপ্টে:

var variableA;

var variableB = null;

সতর্কতা (ভেরিয়েবলএ); //অনির্ধারিত দেখায়

সতর্কতা (পরিবর্তনশীলবি); //শূন্য দেখায়

11. কিভাবে আইডি ক্লাস থেকে আলাদা?

আইডি এবং ক্লাস একটি HTML নথিতে উপাদান সনাক্তকরণ এবং পরিচালনা করার দুটি পদ্ধতি। তবে দুটির মধ্যে প্রধান পার্থক্য হল যে আইডিটি অবশ্যই অনন্য হতে হবে। অন্য কথায়, দুটি উপাদান একই আইডি ভাগ করতে পারে না, তবে দুটি বা ততোধিক উপাদান একই শ্রেণি ভাগ করতে পারে।

একটি আইডি নির্দিষ্ট উপাদানগুলি পরিচালনা করতে ব্যবহৃত হয়, যখন একটি শ্রেণী এক বা একাধিক সাধারণ বৈশিষ্ট্য ভাগ করে এমন উপাদানগুলির একটি গ্রুপ পরিচালনা করতে ব্যবহৃত হয়।

12. আপনি কিভাবে একটি ওয়েবসাইটের নিরাপত্তা বৈশিষ্ট্য উন্নত করবেন?

একটি ওয়েবসাইটের নিরাপত্তা উন্নত করতে আপনি যে কয়েকটি পদক্ষেপ নিতে পারেন তার মধ্যে রয়েছে:

1. একটি শক্তিশালী পাসওয়ার্ড নীতি প্রয়োগ করা। এর অর্থ হল একটি নির্বাচিত পাসওয়ার্ডে 8টির বেশি অক্ষর রয়েছে এবং এতে সংখ্যা, বিশেষ অক্ষর এবং বড় এবং ছোট হাতের অক্ষর রয়েছে তা পরীক্ষা করা।
2. ক্যাপচা বা কোনো অ্যান্টি-বট পরিমাপের ব্যবহার।
3. যেখানে প্রয়োজন সেখানে 2-ফ্যাক্টর বা মাল্টি-ফ্যাক্টর প্রমাণীকরণ পদ্ধতি যেমন ওটিপি (ওয়ান-টাইম-পাসওয়ার্ড) এবং হার্ডওয়্যার ডঙ্গল ব্যবহার করা।
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. POST এবং PUT থেকে GET কীভাবে আলাদা?

HTML GET পদ্ধতিটি একটি ব্রাউজার দ্বারা একটি সার্ভার থেকে তথ্যের অনুরোধ করার জন্য ব্যবহার করা হয়, যখন POST এবং PUT পদ্ধতিগুলি ব্রাউজার থেকে একটি সার্ভারে তথ্য পাঠাতে ব্যবহৃত হয়।

কিন্তু যখন একটি POST অনুরোধ কেবল একটি সার্ভার সম্পদে ডেটা যোগ করতে পারে, তখন একটি PUT অনুরোধটি অনুরোধের পেলোড ব্যবহার করে সম্পূর্ণরূপে সম্পদ প্রতিস্থাপন করতে ব্যবহৃত হয়।

17. সর্বাধিক জনপ্রিয় ডেটা এক্সচেঞ্জ ফরম্যাটের তালিকা করুন

এখানে এখন পর্যন্ত সবচেয়ে জনপ্রিয় ডেটা এক্সচেঞ্জ ফরম্যাট রয়েছে:

1. এক্সএমএল
2. YAML
3. CSV তে
4. তাদেরকে JSON
5. HTTP- র
6. এসকিউএল

18. পপআপ বক্সের 3 প্রকারের তালিকা করুন

জাভাস্ক্রিপ্টের পপআপ বক্সগুলি ব্যবহারকারীকে বার্তা প্রদর্শন করতে, ইনপুট অনুরোধ করতে এবং কখনও কখনও উভয়ই করতে ব্যবহৃত হয়। এখানে 3 ধরনের জাভাস্ক্রিপ্ট পপআপ রয়েছে:

1. সতর্কতা বাক্স - এটি আপনার বার্তা এবং একটি 'ওকে' বোতাম প্রদর্শন করে।
2. কনফার্ম বক্স – এই ডায়ালগ বক্সে 'ঠিক আছে' এবং 'বাতিল' বোতাম উভয়ই রয়েছে যা কোডটিকে প্রভাবিত করতে পারে।
3. প্রম্পট বক্স - এই বাক্সটিতে ব্যবহারকারীর কাছ থেকে তথ্য সংগ্রহের জন্য একটি পাঠ্য ইনপুট বক্স রয়েছে।

19. CSS কোড অন্তর্ভুক্ত করার বিভিন্ন উপায়ের নাম দিন

একটি HTML নথিতে CSS অন্তর্ভুক্ত করার 3টি উপায় রয়েছে। তারা হল:

1. বাহ্যিক CSS - আপনি ব্যবহার করে একটি .css নথি অন্তর্ভুক্ত করুন নথির ভিতরে ট্যাগ
2. এমবেডেড সিএসএস - আপনি ভিতরে CSS কোড অন্তর্ভুক্ত করুন ট্যাগ, নথির যে কোনো জায়গায়।
3. ইনলাইন সিএসএস – আপনি আপনার HTML ট্যাগের ভিতরে স্টাইল="CSS-property: value" পেয়ার ব্যবহার করেন, যেমন। PSquare !

20. কিভাবে করে window.onload Document.onload থেকে ভিন্ন?

ব্রাউজার পৃষ্ঠার DOM ট্রি এবং ছবি, CSS কোড এবং স্ক্রিপ্ট সহ অন্যান্য মৌলিক বিষয়গুলি লোড করার পরে JavaScript কোড কার্যকর করতে Window.onload ব্যবহার করা হয়।

যদিও Document.onload DOM প্রস্তুত হওয়ার সাথে সাথেই সঞ্চালিত হয়, এর অর্থ ইমেজ এবং বাহ্যিক লাইব্রেরি লোড হওয়ার আগেই হতে পারে।

21. কিভাবে আপনি CSS ব্যবহার করে একটি উপাদান লুকাবেন?

আপনি 3টি CSS পদ্ধতি ব্যবহার করে একটি HTML উপাদান লুকাতে পারেন, সেগুলি হল:

1. প্রদর্শন: কোনোটিই নয়; - উপাদানটি রেন্ডার বা প্রদর্শিত হয় না।
2. দৃশ্যমানতা: লুকানো; - উপাদান রেন্ডার করা হয় কিন্তু প্রদর্শিত হয় না.
3. অবস্থান: পরম; - উপাদান রেন্ডার করা হয় এবং প্রদর্শিত হয়, কিন্তু প্রদর্শন এলাকার বাইরে অবস্থান করা হয়।

22. Ajax এর জন্য সেরা ব্যবহার কি কি?

Ajax হল JavaScript ব্যবহার করে ব্যাকগ্রাউন্ডে সার্ভার থেকে ডেটা লোড করার একটি পদ্ধতি। এটির প্রচুর ব্যবহার রয়েছে, যেমন ডেটা যাচাইকরণ, চ্যাট অ্যাপস, মন্তব্য, ডেটা ফিল্টারিং, ভিজ্যুয়াল এডিটিং, পোল ইত্যাদি।

23. CSS3 এর কিছু নতুন বৈশিষ্ট্য তালিকাভুক্ত করুন

CSS3-তে CSS2 এর উপর অনেক আধুনিক এবং সহায়ক বৈশিষ্ট্য রয়েছে, যেমন:

1. বাক্স এবং ছবির জন্য গোলাকার কোণ।
2. বস্তুর অ্যানিমেশন।
3. ঘোষণার জন্য ভেরিয়েবল এবং ফাংশন।
4. প্রতিক্রিয়াশীল ডিজাইনের জন্য গ্রিড এবং ফ্লেক্সবক্স।
5. পটভূমির রঙের জন্য গ্রেডিয়েন্ট।
6. rgba ব্যবহার করে অস্বচ্ছতা নিয়ন্ত্রণ।
7. বাক্স এবং টেক্সট জন্য ছায়া প্রভাব.
8. হোভারের জন্য রূপান্তর এবং উপাদানগুলিতে ফোকাস।

24. HTML5 এ কোন নতুন ইনপুট টাইপ প্রবর্তিত হয়েছে?

ইনপুট টাইপ হল একটি মান যা আপনি একটি HTML নথিতে একটি ইনপুট উপাদান দেন।

একটি উদাহরণ হল:

or

নতুন HTML5 ইনপুট প্রকারের মধ্যে রয়েছে:

1. তারিখ
2. Color
3. ই-মেইল
4. সার্চ
5. টেল
6. মাস
7. সংখ্যা পরিসীমা
8. মাস
9. URL টি
10. তারিখ সময়-স্থানীয়

25. HTML5 মিডিয়া উপাদান বর্ণনা করুন

HTML5 মিডিয়ার ধরন এবং উত্সগুলি পরিচালনা করার জন্য আরও উপাদান ট্যাগ অন্তর্ভুক্ত করে৷ তারা হল:

• - MP4, WebM, এবং Ogg ভিডিওর জন্য।
• - বিভিন্ন ফর্ম্যাটে একাধিক উত্স সংজ্ঞায়িত করতে।
• – MP3, Ogg, এবং WAV অডিওর জন্য।
• - ছবি থেকে ভিডিও এবং ওয়েব পৃষ্ঠাগুলিতে বাহ্যিক সংস্থানগুলি অন্তর্ভুক্ত করার জন্য একটি ধারক৷
• - ভিডিওর জন্য সাবটাইটেল ট্র্যাক নির্দিষ্ট করতে।

উপসংহার

আমাদের সেরা 25টি ওয়েব ডেভেলপারের সাক্ষাতকারের প্রশ্নগুলির তালিকার শেষ প্রান্তে পৌঁছে, আপনি দেখতে পাচ্ছেন যে একজন সম্পূর্ণ-স্ট্যাক বিকাশকারী হতে বেশ কিছু প্রযুক্তির সমন্বয় লাগে৷

যদিও এটি একটি নির্দেশিকা যা কাজের বিভিন্ন দিককে স্পর্শ করে, এটি কোনওভাবেই সম্পূর্ণ নয়। সুতরাং, যে ক্ষেত্রগুলি সম্পর্কে আপনি স্পষ্ট নন সেগুলি চিহ্নিত করা এবং তারপর শিখতে হবে৷