এইচটিএমএল এবং সিএসএসের কয়েকটি কারণের জন্য সাক্ষাত্কার নেওয়া কঠিন:
এগুলি তুলনামূলক উদাহরণস্বরূপ, একটি প্রোগ্রামিং ভাষার সাথে তুলনামূলকভাবে খুব মৌলিক are
তারা কাজের প্রসঙ্গে খুব বেশি নির্ভর করে। উদাহরণ:
যদি আপনি গুগল স্কেল তৈরি করেন, অত্যন্ত দ্রুত এবং অপ্টিমাইজড ওয়েবসাইটগুলি, আপনার কাজের জন্য সাক্ষাত্কার দেওয়া লোকেরা CSS স্প্রাইট কী তা উপেক্ষা করতে পারে না।
আপনি যদি এক্সএইচটিএমএল ডাব্লু 3 সি বৈধ ওয়েবসাইটগুলি তৈরি করেন তবে আপনার অবশ্যই নিশ্চিত হওয়া উচিত যে প্রার্থীরা XHTML 1.0 এবং XHTML 1.1 এর মধ্যে পার্থক্য জানেন, বা এর জন্য বাধ্যতামূলক বৈশিষ্ট্যগুলি কী কী <img/>ইত্যাদি know
যদি আপনি হ্যাকগুলিতে পূর্ণ ভয়ানক ওয়েবসাইটগুলি তৈরি করেন তবে আপনার সাক্ষাত্কার দেওয়া লোকেরা কীভাবে তারা এই জাতীয় বা এই জাতীয় হ্যাক করবে, কীভাবে তারা বিভিন্ন ব্রাউজারগুলির জন্য বিভিন্ন সিএসএস প্রদান করবে ইত্যাদি সম্পর্কে জিজ্ঞাসা করা উচিত etc.
প্রভৃতি
যদি এটি খাঁটি এইচটিএমএল এবং সিএসএস কাজ হয় তবে সেই ব্যক্তিকে একদিকে ডিজাইনার এবং অন্যদিকে বিকাশকারীদের সাথে কাজ করতে হবে। তাদের অবশ্যই এইচটিএমএল এবং সিএসএস জানতে হবে, তবে এর চেয়ে বেশি মূল্যবান হ'ল তাদের সাথে যোগাযোগ করার দক্ষতা এবং ডিজাইনারদের প্রয়োজনীয়তা, বিকাশকারীদের প্রয়োজনীয়তা এবং এইচটিএমএল এবং সিএসএসের সীমাবদ্ধতা উভয়ই বুঝতে।
উদাহরণস্বরূপ, তাদের এইচটিএমএলকে এমনভাবে কীভাবে গঠন করবেন তা অবশ্যই জেনে রাখা উচিত যে জাভাস্ক্রিপ্ট বিকাশকারীকে পরে ইন্টারঅ্যাক্টিভিটি যুক্ত করা সহজ হবে।
আপনি কিছু প্রাথমিক প্রশ্ন দ্বারা শুরু করতে চাইতে পারেন:
আপনার প্রিয় ব্রাউজারটি কী?
যদি ব্যক্তি "ইন্টারনেট এক্সপ্লোরার" এর উত্তর দেয়, অবিলম্বে সাক্ষাত্কারটি বন্ধ করুন: আপনার মতো কারও দরকার নেই।
না, আমি মজা করছি উত্তরটি অপ্রাসঙ্গিক। পরিবর্তে, আপনি নিম্নলিখিত জিজ্ঞাসা করতে পারেন:
আপনার প্রিয় ব্রাউজারে আপনি যে ডিবাগ সরঞ্জামগুলি ব্যবহার করেন সে সম্পর্কে আমাকে বলুন।
ক্রোম ব্যবহার করে প্রাথমিক, আমি বিকাশকারী সরঞ্জামগুলির সাথে প্রতিদিন কাজ করি। এই সরঞ্জামগুলি আমাকে এটির অনুমতি দেয়:
কোনও পৃষ্ঠা থেকে করা অনুরোধগুলি দেখুন,
কোনও পৃষ্ঠা এবং সম্পর্কিত সংস্থানগুলি লোড হতে যে সময় লাগে তার অধ্যয়ন করুন, বিশেষত ডিএনএস লুকআপ, অপেক্ষা এবং বার পাওয়ার সময়,
প্রেরিত উপাদানগুলির শিরোনাম, পাশাপাশি ক্যাশে সূচক, অধ্যয়ন করুন,
ডিওএম দেখুন এবং সিএসএস নির্বাচকদের কীভাবে প্রয়োগ করা হয় তা অধ্যয়ন করুন,
আমি ওয়াইস্লোও ব্যবহার করি যা একটি ওয়েবসাইটের অপ্টিমাইজেশনের জন্য আমাকে চেকলিস্ট হিসাবে পরিবেশন করে যার জন্য উচ্চ স্কেলিবিলিটি প্রয়োজন। সার্ভারটি সঠিকভাবে কনফিগার করা হয়েছে কিনা তা সঠিকভাবে নির্ধারণ করার ক্ষেত্রে ওয়াইস্লোও একটি ভাল সরঞ্জাম (সঠিক শিরোনাম প্রেরণ করা ইত্যাদি)।
ফায়ারফক্সে, আমি ফায়ারবগ ব্যবহার করি, এটি ক্রোম থেকে বিকাশকারী সরঞ্জামের মতোই সরঞ্জাম। বিকাশকারী সরঞ্জামগুলি ইন্টারনেট এক্সপ্লোরারের নতুন সংস্করণগুলিতেও উপলভ্য, এবং আমাকে আই 7 এ আই 1010 সামঞ্জস্যতা দর্শনে স্যুইচ করতে সক্ষম করে। এই শেষ বৈশিষ্ট্যটি খুব সহায়ক, যেহেতু এটি ছাড়াই, আমি কেবল উত্তরাধিকারের পরীক্ষার জন্য বেশ কয়েকটি ভার্চুয়াল মেশিন ইনস্টল করতে বাধ্য হইব, বা লিটমাসের মতো অনেক বেশি অর্থ প্রদত্ত পরিষেবাগুলি ব্যবহার করতে বাধ্য হব ।
দয়া করে, আমাকে <dl/>ট্যাগ সম্পর্কে কি ব্যাখ্যা করুন ? এই ট্যাগটির জন্য ব্যবহারটি কী ছিল? অনুশীলনে এটি কীভাবে ব্যবহৃত হয়? এই বর্ধিত ব্যবহার সম্পর্কে আপনি কী ভাবেন?
এখানে আপনি চাইছেন যে ব্যক্তিটি <dl/>অভিধানের জন্য এটি ব্যাখ্যা করতে সক্ষম হবেন , একটি কী যুক্ত <dt/>করে এক বা একাধিক মানের <dd/>,। এই ট্যাগটির প্রাথমিক ব্যবহারটি শব্দার্থবিজ্ঞানের সাথে নিখুঁতভাবে সম্পর্কিত হলেও বাস্তবে এটি টেবিলগুলি প্রতিস্থাপনের জন্য ব্যাপকভাবে ব্যবহৃত হয়েছিল, এটির একটি ভাল উদাহরণ পিএইচপিবিবি 3। টেবিলগুলি পৃষ্ঠাটির রেন্ডারিংকে কমিয়ে দিলে এটি একটি ভাল জিনিস, তবে এটি অবশ্যই সতর্কতার সাথে ব্যবহার করা উচিত: কেবলমাত্র টেবিলগুলি ডেটা আরও ভালভাবে বর্ণনা করার জন্য এখনও প্রচুর ক্ষেত্রে উপযুক্ত নয়, তবে অন্যান্য উপায় যেমন সাধারণও হতে পারে তালিকাগুলি ব্যবহার না করে বিষয়বস্তু বর্ণনা করতে <dl/>।
স্থির এবং তরল বিন্যাসের মধ্যে পার্থক্য কী? প্রতিটি আগপাছ কি হয়?
স্থির বিন্যাসে উপাদানগুলির পূর্বনির্ধারিত প্রস্থ রয়েছে। তরল বিন্যাসের উপাদানগুলি পৃষ্ঠার প্রস্থের উপর নির্ভর করে।
নির্দিষ্ট লেআউটটি পৃষ্ঠাটি নকশা করা সহজ করে তোলে, বিশেষত যখন প্রচুর পূর্ণ-প্রস্থের গ্রাফিক থাকে। এমনকি গ্রাফিক্স ছাড়াও এটি এখনও সহজ, কারণ আপনি কেবল একটি সুনির্দিষ্ট ক্ষেত্রেই যত্নশীল। উদাহরণস্বরূপ, প্রোগ্রামারস.এসই একটি স্থির লেআউট ওয়েবসাইট, প্রশ্ন এবং উত্তরগুলি প্রদর্শন করে এমন কলাম সর্বদা একই আকারে থাকে। যদি এই কলামটির জন্য একটি তরল বিন্যাস ব্যবহৃত হয়, এটি একটি সমস্যা তৈরি করবে: ছোট পর্দার ক্ষেত্রে, পাঠ্যটি অপঠনযোগ্য হবে, কারণ বড় পর্দার ক্ষেত্রে লাইনগুলি খুব ছোট হবে, তবে পাঠ্যটি অত্যন্ত বড় হবে, সুতরাং পাঠ্যটি অপঠনযোগ্যও হবে।
স্থির বিন্যাসের সমস্যাটি হ'ল এটি কয়েকটি, সর্বাধিক ব্যবহৃত রেজোলিউশনের জন্য ভালভাবে কাজ করে তবে অন্য কিছুর জন্য কমবেশি ব্যর্থ হয়। এটি খুব বড়, প্রশস্ত মনিটর এবং ছোট, মোবাইল ডিভাইসে ইন্টারনেটের ক্রমবর্ধমান ব্যবহার গ্রহণের পর থেকে এটি বিশেষভাবে গুরুত্বপূর্ণ হয়ে ওঠে।
তরল বিন্যাস এটিতে সহায়তা করে তবে এই জাতীয় ওয়েবসাইটের জন্য নকশা করা আরও কঠিন। খারাপভাবে পরিচালিত প্রকল্পগুলির কিছু পরিস্থিতিতে, এটি এইচটিএমএল এবং সিএসএস হ্যাকস, বড় পৃষ্ঠাগুলি, কম রক্ষণাবেক্ষণযোগ্যতা এবং বিকাশের সময় উচ্চতর ব্যয় এবং মিসড ডেডলাইন হতে পারে।
তরল বিন্যাসযুক্ত পৃষ্ঠায়, পাঠ্যটির একটি কলাম পাঠযোগ্য না থাকার ক্ষেত্রে আপনি কীভাবে এমন পরিস্থিতি এড়াতে পারবেন?
আপনি max-widthসম্পত্তি ব্যবহার করে পাঠ্যের একটি জোনের প্রস্থ সীমাবদ্ধ করতে পারেন ।
আপনি কোড এই টুকরা সম্পর্কে কি মনে করেন: <p color="Red" align="Center">Text here</p>?
এইচটিএমএল-এর ভিতরে উপস্থাপনা যুক্তিকে মিশ্রিত করার জন্য কোডের টুকরোটিতে একটি ত্রুটি রয়েছে। উপস্থাপনার যুক্তিটি সিএসএসে বিভিন্ন কারণে আবশ্যক:
- এটি উদ্বেগ এবং পরিষ্কার কোডের বিচ্ছেদকে সহায়তা করে, অর্থাত্ সস্তায় রক্ষণাবেক্ষণের অর্থ পরে,
- এটি পৃষ্ঠা থেকে অন্য পৃষ্ঠায় শৈলিকে পুনরায় ব্যবহারযোগ্য করে তোলে, যা (পুরোপুরি রক্ষণাবেক্ষণের উদ্বেগের সাথে) নিশ্চিত করতে সহায়তা করে যে আপনি একই ওয়েবসাইটগুলি পুরো ওয়েবসাইটে ব্যবহার করছেন,
- এটি ব্যান্ডউইথ হ্রাস করতে সহায়তা করে, যেহেতু সিএসএস ফাইল ক্যাশে হবে।
এর মতো কয়েকটি প্রাথমিক প্রশ্নের পরে আপনি আরও কিছু জটিল প্রশ্ন করতে পারেন:
সিএসএসে ডুপ্লিকেট রঙ বা ফন্টগুলি কীভাবে এড়ানো যায়, যখন colors রঙগুলি বা ফন্টগুলি একাধিক উপাদানগুলিতে প্রয়োগ করা হয় যা কোনও একক নির্বাচক দ্বারা লক্ষ্যবস্তু করা যায় না? ত্রুটি আছে কি?
আপনি এটি সিএসএস প্রিপ্রসেসরগুলি ব্যবহার করে যেমন সাস বা কম ব্যবহার করে। তারা ভেরিয়েবলের অভ্যন্তরে রঙ, ফন্ট এবং শৈলীর অন্যান্য অংশগুলি সংজ্ঞায়িত করতে দেয় যা আপনি পরে আপনার শৈলীতে ব্যবহার করতে পারেন।
সিএসএস প্রিপ্রোসেসরগুলির ত্রুটিগুলি হ'ল:
ব্রাউজারে আপ-টু-ডেট সিএসএস কোড রাখার জন্য তাদের কখনও কখনও উন্নয়ন এবং স্থাপনার কার্যপ্রবাহ পরিবর্তন করতে হয়,
এগুলি কেবল কয়েকটি বিকাশকারীদের দ্বারা পরিচিত, যা কোনও নতুন ব্যক্তির পক্ষে প্রকল্পে যোগদান বা রক্ষণাবেক্ষণ করা আরও শক্ত করে তোলে,
সাস বা এলএসইএসের জন্য ভাল এবং দ্রুত উভয় আইডিই নেই এবং সর্বাধিক জনপ্রিয় আইডিইগুলির মধ্যে সংহতকরণ হতাশাই হতাশাব্যঞ্জক।
hrefসিডিএন-তে থাকা একটি চিত্রের মানটির উদাহরণ দিন , এই চিত্রটি কোনও ওয়েবসাইটে প্রদর্শিত হয় যা এইচটিটিপি এবং এইচটিটিপিএস উভয়ের মাধ্যমে অ্যাক্সেস করা যেতে পারে।
যেহেতু এইচটিটিপিএসেরও এইচটিটিপিএসে থাকা প্রতিটি কলিত সংস্থান প্রয়োজন (অন্যথায়, সুরক্ষার সতর্কতা ব্যবহারকারীর কাছে অনেক ক্ষেত্রে প্রদর্শিত হবে), তাই লিঙ্কটি নির্দিষ্ট করা সম্ভব নয় http://cdn.example.com/image.png। ইমেজের সাথে সঠিকভাবে লিঙ্ক করতে, //cdn.example.com/image.pngঅবশ্যই ব্যবহার করা উচিত; তারপরে ব্রাউজারটি প্রেন্ডিং http:বা https:প্রসঙ্গে নির্ভর করবে ।
পৃষ্ঠাগুলির আকার এবং কোনও ওয়েবসাইটে অনুরোধের সংখ্যা অনুকূলিত করা যায় না এবং বিষয়বস্তুটি পরিবর্তন করা যায় না বা এজেএক্স যোগ করা যায় না, আপনি কীভাবে ব্যবহারকারীকে এই ধারণাটি দেবেন যে ওয়েবসাইটটি দ্রুততর? এটি HTML দৃষ্টিভঙ্গি থেকে জড়িত কি?
যদি HTTP 1.1 ব্যবহার করা হয় তবে পৃষ্ঠাটি ছিন্ন করা হতে পারে । এর অর্থ হ'ল প্রথম অংশগুলি দ্রুত প্রদর্শিত হবে, এমন একটি ধারণা প্রদান করে যে ওয়েবসাইটটি বাস্তবে বাস্তবের চেয়ে দ্রুততর। খণ্ডিত স্থানান্তর এনকোডিং এইচটিটিপি ১.০ এ অসম্ভব, যার অর্থ এই ক্ষেত্রে করার মতো কিছুই নেই।
খণ্ডিত বিষয়বস্তু পরিবেশন করতে সক্ষম হওয়ার জন্য এইচটিএমএল দৃষ্টিকোণ থেকে উপাদানগুলির পুনরায় ক্রম করা প্রয়োজন, সবচেয়ে গুরুত্বপূর্ণ বিষয়গুলি ফাইলের শীর্ষে রাখা (যার অর্থ এই নয় যে তারা পৃষ্ঠার শীর্ষে উপস্থিত হতে হবে)। উদাহরণস্বরূপ, একটি ই-কমার্স ওয়েবসাইটে, ব্যবহারকারী যখন পণ্যটির বিশদটি দেখতে চায়, প্রথম খণ্ডে <head/>এবং পণ্যের বিবরণ থাকতে পারে । পরবর্তী অংশে ওয়েবসাইটের লোগো, প্রধান মেনু, কপিরাইট ইত্যাদির মতো প্রাথমিক উপাদান থাকতে পারে Finally অবশেষে, শেষ অংশে "লোকেরা যারা এটি কিনেছিল" বিভাগ, পণ্যের মন্তব্য এবং রেটিংও থাকতে পারে, "ফেসবুকে শেয়ার করুন", ইত্যাদি
অবশেষে, আপনি প্রার্থীকে একটি বাস্তব-জগতের দৃশ্যে কাজ করতে বলতে পারেন। নীচের সবচেয়ে সহজের মতো এটি এমন জটিল পরিস্থিতিগুলির মতো যা কিছু হতে পারে যেখানে ব্যক্তিকে সিএসএস স্প্রাইটস বা ব্রাউজারের অসঙ্গতি ইত্যাদির সাথে অন্যান্য উন্নততর অপ্টিমাইজেশান কৌশলগুলি মোকাবেলা করতে হয় etc.
দয়া করে, আপনি দুটি অঞ্চল সহ একটি এক্সএইচটিএমএল পৃষ্ঠা তৈরি করতে পারেন: বামদিকে, একটি তালিকা সহ এবং ডানদিকটি পাঠ্য সহ। দুটি অঞ্চল একটি উল্লম্ব রেখা দ্বারা পৃথক করা হয়, যা পৃষ্ঠার একেবারে নীচে থেকে প্রসারিত হয়। আকারে বিভিন্ন তালিকা এবং পাঠ্য, আপনি কোনটি সবচেয়ে বড় উচ্চতা হবে তা অনুমান করতে পারবেন না। আপনি ব্যবহার করতে পারবেন না <table/>।
প্রকৃতপক্ষে, এটি বেশ সহজ তবে যদি ব্যক্তির উচ্চতা সম্পর্কে চিন্তাভাবনা করতে থাকে তবে তা দেখায় shows একটি অনভিজ্ঞ প্রার্থী float:leftঅঞ্চল এবং অঞ্চল তৈরি করবে border-left:solid 1px #ccc;, তবে বাম জোনে সীমানা যুক্ত করা এবং এটি প্রসারিত করতে ভুলবেন না যাতে দুটি সীমানা একই জায়গায় থাকবে।
