ব্যাক-এন্ড বিকাশকারীদের কাজ আরও সহজ করতে আমি কীভাবে এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট লিখতে পারি?

Question

আমি যখন ডিজাইনারের কাছ থেকে কোনও নকশা পাই তখন আমি এটি একটি পিএসডি (ফটোশপ) ফাইল হিসাবে পাই। আমি সর্বদা যথাযথ স্তর এবং ফোল্ডারের নামগুলি আশা করি, মূলত একটি পরিষ্কার এবং পরিচালিত পিএসডি। এই ডিজাইনটি থেকে আমি এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট বিকাশ করি এবং এটি ব্যাক-এন্ড বিকাশকারীদের কাছে সরবরাহ করি। তাদের বোঝা সহজ করার জন্য, আমি

• শব্দার্থক কোড লিখুন,
• বাহ্যিক ফাইলগুলিতে জাভাস্ক্রিপ্ট এবং সিএসএস রাখুন,
• এইচটিএমএল, সিএসএস এবং জেএস ফাইলগুলিতে দরকারী মন্তব্য যুক্ত করুন,
• সিএসএস স্প্রাইট ব্যবহার করুন (যদিও বিকাশকারীরা এটি পছন্দ করেন না),
• এইচটিএমএল 5 বয়লার প্লেট ব্যবহার করুন,
• জাভাস্ক্রিপ্টের জন্য jQuery ব্যবহার করুন,
• নতুন HTML5 ট্যাগ এবং CSS3 ব্যবহার করার চেষ্টা করুন যখনই সম্ভব এবং
• এইচটিএমএল, সিএসএস, জেএস এবং চিত্রযুক্ত একটি জিপ ফাইল প্রেরণ করেছে।

আমি প্রত্যাশা করি যে লেআউটটিতে যদি ছোট পরিবর্তনগুলি করা দরকার হয় তবে বিকাশকারীরা এটি পরিচালনা করতে পারে।

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

Comments

আমি আরও ফিরে শেষ devs অনুরূপ একটি প্রশ্ন জিজ্ঞাসা।

— এরিক রিপেন

Answer 1

এই উত্তরগুলি অনেকগুলি ধারণাগুলির বিস্তৃত অংশকে কভার করতে চলেছে, তবে এখানে আমার ব্যক্তিগতগুলি রয়েছে:

• ত্রুটি বার্তাগুলির জন্য ফর্ম ডিজাইনে ঘর ছেড়ে দিন।
• ইনপুট বাক্সগুলিতে লেবেল রাখবেন না!
• আপনার সিএসএস এবং জাভাস্ক্রিপ্ট একটি পৃথক ফাইলে রাখুন আপনি যদি না জানেন যে আপনি কী করছেন এবং এটি সম্পর্কে সঠিকভাবে খারাপ বোধ করছেন না।
• পৃষ্ঠাগুলির মধ্যে নকশার উপাদানগুলি একই রাখুন। ডিজাইনের উপাদানগুলির (যেমন "সম্প্রতি দেখা" বাক্সের মতো) প্রতিটি পৃষ্ঠায় আলাদা মার্কআপ থাকে তখন তা উদ্বেগজনক হয়।
• আপনার পক্ষে সহজ যা করবেন না, যা সঠিক তা করুন। <button>ট্যাগ স্তন্যপান। backround-imageযে জিনিসগুলির জন্য <img>ট্যাগগুলি স্তন্যপান করা উচিত for
• নিশ্চিত করুন যে আপনি যদি কোনও পৃষ্ঠা উপাদান তৈরি করছেন তবে এটি স্কেল করতে পারে। আমি জানি বেশিরভাগ ভাল ফ্রন্ট-এন্ড বিকাশকারীরা এটি করে তবে আমার প্রচুর উদাহরণ রয়েছে যেখানে শীর্ষস্থানীয় / নীচের দিকের ক্যাপ পরিস্থিতি হওয়া উচিত ছিল এমন একা একটি চিত্র ব্যবহার করেছেন কেউ। প্রোগ্রামাররা ফটোশপ খুলতে পছন্দ করেন না।
• আপনার টেম্পলেট প্রুফ্রেড। প্রোগ্রামাররা (ভালগুলি) নিবেদিত, বিশিষ্ট লোক people যদি তারা আপনার ডিজাইনে সমস্যাগুলি দেখতে শুরু করে (তবে পাদলেখের নেভিগেশনে বানান ত্রুটি বা অসামঞ্জস্যপূর্ণ বানান রয়েছে) এটি তাদের প্রশ্ন জিজ্ঞাসা করতে এবং তাদের কাজকে ধীর করে দেবে।

শেষ অবধি, এবং সম্ভবত সবচেয়ে গুরুত্বপূর্ণ:

• ভাষার মূল কনভেনশনগুলি শিখুন যা পিছনের দিকে তৈরি হচ্ছে। পিএইচপি টেমপ্লেটটি দেখতে এবং কোনও foreachবা একটি ifবিবৃতির পিছনের বেসিক সিনট্যাক্সটি বুঝতে সক্ষম হওয়া এবং কীভাবে কোনও echoবিবৃতি ফর্ম্যাট করতে হয় বা একটি <?php ?>ট্যাগ কীভাবে স্থানান্তরিত করা যায় তা ফ্রন্ট-এন্ড বিকাশকারী হিসাবে আপনার মানকে অনেক বাড়িয়ে তুলবে - আমি পছন্দ করি যখন ফ্রন্ট-এন্ড বিকাশকারীকে প্রয়োজন হয় একটি সাধারণ পরিবর্তন করতে এবং আমাকে তাদের সমস্ত ফাইলের একটি নতুন জিপ হস্তান্তর না করে টেম্পলেটটিতে এটি করতে পারে ।
• সংযোজন হিসাবে, সংস্করণ নিয়ন্ত্রণ সফ্টওয়্যার ব্যবহার করতে শিখুন। আপনার বিশেষজ্ঞ হওয়ার দরকার নেই, তবে আমি যদি দুটি জিপ ফাইলের মধ্যে কী বদলেছে তা চেষ্টা করার চেষ্টা করার পরিবর্তে কোনও ডিফের দিকে নজর দিতে পারি যা এটি আমার কাজকে শতগুণ সহজ করে তোলে।

এগুলি কয়েকটি মাত্র - আমি নিশ্চিত যে আরও অনেকগুলি রয়েছে তবে আপনি যদি এই সবগুলি সম্পাদন করেন তবে আপনি নিশ্চিত হন যে যে কেউ আপনার টেমপ্লেটগুলিকে ওয়েব সাইটে রূপান্তর করছে তার সম্মান এবং প্রশংসা অর্জন করতে পারবেন।

Comments

+1 দুর্দান্ত টিপস জোনাথন। তবে কেন "ইনপুট বাক্সগুলিতে লেবেল রাখবেন না!"

— জিতেন্দ্র ব্যাস 4'12

Answer 2

আমি যে স্পষ্ট জিনিসগুলির কথা ভাবতে পারি তা পিছনের দিকের লোকের জীবনকে সহজ করে তোলে তা হ'ল আচরণের সরলতা। কোনও ওয়েবপৃষ্ঠার উপাদানগুলির বিভিন্ন ডিজাইন করার সময় (রোল ওভারস, মেনুগুলি ইত্যাদির) নকশা করার সময়, এই সমস্ত আচরণকে একটি সাধারণ পদ্ধতিতে মানক করা উচিত যাতে বিকাশকারীকে ক্রমাগত কোনও চার্টে ফিরে আসতে হয় না যাতে কোন ফাংশনটি নির্ধারণ করতে পারে একটি পৃষ্ঠার আচরণ করতে কল করতে হবে।

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

পৃষ্ঠার অঞ্চলগুলিতে নির্দিষ্ট নকশার সীমানা অতিক্রম করা উচিত নয়। একটি উপাদান থেকে আইটেম অন্য উপাদান থেকে আইটেম অনুপ্রবেশ করা উচিত নয়।

তবে একটি পয়েন্ট আসে, যেখানে আপনি বিকাশকারীদের জ্বলন্ত হুপের মাধ্যমে ঝাঁপিয়ে পড়া এড়াতে পারবেন না। কিছু ইন্টারফেস উপাদান কেবল তাদের প্রকৃতির দ্বারা তৈরি করা জটিল হতে চলেছে।

Answer 3

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

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

উদাহরণস্বরূপ, যদি আপনার কাছে তিনটি রাষ্ট্রীয় আইকন থাকে, একে অপরের নীচে, এবং আপনাকে অবশ্যই একটি চতুর্থ স্থিতি যুক্ত করতে হয়, আপনি কি অন্য তিনজনের থেকে পৃথক করে চিত্রের নীচে চতুর্থ আইকন যুক্ত করবেন? বা আপনি এটি তৃতীয় আইকনটির পরে যুক্ত করে রেখেছেন, অন্য কিছুকে নীচে নিয়ে যাওয়ার জন্য কিছু খালি জায়গা আছে?

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

এটি সিডিএন-তে ঠিক একই জিনিস। আপনাকে এটি বড় ওয়েবসাইটগুলির জন্য ব্যবহার করতে হবে, তবে পরিবর্তনগুলি করা আরও কঠিন। উদাহরণস্বরূপ আপনি যদি কোনও সিএসএস ফাইল পরিবর্তন করেন তবে আপনাকে ব্রাউজারগুলিকে ইউআরআই পরিবর্তন করে নতুনটি ডাউনলোড করতে বাধ্য করতে হবে cdn.example.com/g.css?r=2, তারপরে cdn.example.com/g.css?r=3, ইত্যাদি file

এছাড়াও, "সহজ" আপেক্ষিক । উদাহরণস্বরূপ, সিএসএস কোড লেখার জন্য নির্দেশিকা দেখুন: ব্যক্তিগতভাবে, আমি কোনও শ্বেত স্পেস ছাড়াই লাইনে প্রতি একটি শৈলী পছন্দ করি:

#TopMenu a{text-decoration:none;color:#fff;padding:5px 10px;float:left;}

যদিও বেশিরভাগ লোকেরা এই বাক্য গঠনটিকে ঘৃণা করবে এবং আমি যেটিকে ঘৃণা করি পছন্দ করি এবং এটি পড়তে অসুবিধা হয় (না, আমি পাগল নই):

#TopMenu a
{
    text-decoration: none;
    color: #fff;
    padding: 5px 10px;
    float: left;
}

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

সকল ক্ষেত্রে, বিশদ ডকুমেন্টেশন সহায়ক, যদি বিকাশকারী এটি পড়তে চান (তাদের বেশিরভাগই তা করেন না)। আপনি কোনও নির্দিষ্ট বিকাশকারীকে কী কী করা উচিত তা নির্দিষ্টভাবে জিজ্ঞাসা করে এবং কাঠামো তৈরির সময় শুরুতে পাশাপাশি পাশাপাশি কাজ করার মাধ্যমে কোনও বিকাশকারীর জীবনকে আরও সহজ করে তুলতে পারেন (উদাহরণস্বরূপ, ওয়ার্কফ্লো ডিজাইনের জন্য ডিজাইন করার জন্য এবং ফাইলগুলি একত্রিত করুন)।

Comments

হ্যাঁ আমি বিকাশকারীদের কাছ থেকে শুনেছি তারা সিএসএস স্প্রাইট পছন্দ করে না তবে এটি অপটিমাইজেশনের জন্য খুব ভাল। আমি মনে করি এটির সাথে আমার লেগে থাকা উচিত এবং বিকাশকারীর কাছে প্রাথমিক ফটোশপ দক্ষতা থাকা উচিত।

— জিতেন্দ্র ব্যাস

আমি যখন jQuery ব্যবহার করি তখন এটি ইতিমধ্যে বিকাশকারী সাথে সিদ্ধান্ত নিয়েছে বা আমি বিকাশকারীদের সাথে মিথস্ক্রিয়া ছেড়ে চলেছি।

— জিতেন্দ্র ব্যাস

যখন আমরা কিছু পরিবর্তন করি তখন সিঙ্গল লাইন সিএসএস গিথুবগুলিতে ভাল দৃষ্টিভঙ্গি দেয় না।

— জিতেন্দ্র ব্যাস

@ জিতেন্দ্রিয়গণ যদি আপনি ভাবেন যে ব্যাকড ডিভসের বেসিক ফটোকপি দক্ষতা থাকা উচিত তবে আপনার বেসিক ব্যাকেন্ড দক্ষতা থাকতে হবে

— রায়নোস

এমন সরঞ্জাম রয়েছে যা স্প্রিটকে ব্যবহার / রক্ষণাবেক্ষণকে আরও সহজ করে তুলতে পারে। ব্যাক এন্ড ডেভসগুলি প্রথম স্থানে তাদের রক্ষণাবেক্ষণ করা উচিত নয়। তাদের বাস্তবায়নের জন্য প্রয়োজনীয় সমস্তগুলি হ'ল সঠিক ক্লাস বা (ডকুমেন্টেড) ধারক প্রসঙ্গে।

— এরিক পুনরায়

Answer 4

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

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

Answer 5

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

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

আপনার যদি ড্রপডাউন থাকে, উদাহরণস্বরূপ, জেএসভি হাতুড়িটি টেনে আনতে এবং স্থির করার জন্য স্থানাঙ্কগুলি পাওয়ার চেয়ে তুলনামূলকভাবে কোনও সেট-এর অভ্যন্তরে একটি নিখুঁত-অবস্থানযুক্ত ড্রপিং উপাদান নোঙ্গর করা কোনও জেএস কাজ নয় (এটি কোনও কর্ডের প্রয়োজন নেই) উপাদান উপর এবং ঠিক জায়গায় এটি লাঠি। পৃষ্ঠাগুলি স্থানান্তরিত বা কোনও নতুন ব্রাউজার বৈশিষ্ট্য অবস্থান সম্পর্কিত তথ্য বন্ধ করে দেয় এমন ক্ষেত্রে এটি ভেঙে যাওয়ার সম্ভাবনাও অনেক কম। জেএস কাজ এড়াতে আপনি যত বেশি এইচটিএমএল / সিএসএস দক্ষতার উপর নির্ভর করেন, আপনার ইউআই তত বেশি শক্তিশালী হবে।

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

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

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

বিন্যাস হিসাবে যতক্ষণ না এইচটিএমএলকে ন্যূনতম, অর্থপূর্ণ রাখুন এবং ডিভ র‍্যাপারগুলি এড়িয়ে চলুন। এইচটিএমএল যত কম রয়েছে তত সহজে লেআউট সমস্যাগুলি হ'ল লেআউট রোকিগুলি নির্ণয়ের জন্য।

ইউটিলিটি সিএসএসের জন্য স্ব-বর্ণনামূলক শ্রেণীর নাম ব্যবহার করুন। একটি "সারি" শ্রেণি সম্ভবত "ক্লিয়ারফিক্স" এর চেয়ে সিএসএস নুবগুলিতে আরও স্পষ্ট হবে।

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

স্পষ্টতই এটি একটি ক্লাস স্কিমের সাথে অত্যধিক হওয়া খারাপ খবর তবে জিনিসগুলির মধ্যে সঠিক ক্লাস যুক্ত করে যত সহজে পিছনের উপাস্য সেট করতে পারেন, তাদের পক্ষে বিদ্যমান পৃষ্ঠায় পরিবর্তন করা সহজতর হবে।

এবং অবশ্যই প্রকল্পের শুরুতে তাদের কমপক্ষে এই একটি বিষয়ে একমত হতে তাদেরকে পান: পিছনে এবং সামনের প্রান্তটি কেবলমাত্র এইচটিএমএল এবং জেএসএনের মাধ্যমে সংযুক্ত থাকে। তাদের "আপনার জন্য জাভাস্ক্রিপ্ট লেখার জিনিসগুলি ব্যবহার করতে দিন!" এটি একটি রক্তাক্ত জগাখিচুড়ি এবং রক্ষণাবেক্ষণের দুঃস্বপ্ন।

সব কিছু যেমন ডেভলপ-রিলেটেড সম্পর্কিত, ডিআরওয়াই এবং মিনিমালিজমকে পছন্দ করুন।

Answer 6

এটি এখনও আমাকে কেবল মন্তব্য করতে দেবে না (এত নির্বোধ) তবে একটি ব্যক্তিগত নোট হিসাবে আমি উল্লেখ করব, আমি প্রতিদিন পিএইচপি কোডার (পাশাপাশি তার কাজে সহায়তা করা) নিয়ে ফিরে কাজ করি এবং আমাদের পাওয়া সহজতম সরঞ্জামটি হ'ল অনুপ্রাণিত হবে ব্যবহারের কমোডো এর টুলবক্স এবং তালিকা toolboxx মধ্যে "স্থানান্তরিত" প্রতিটি দৃশ্য / নিয়ামক / মডেল ভেরিয়েবল, যাতে যে কোনো সময়, আমি যদি ডেটার একটি সেট প্রায় একটি পৃষ্ঠায় নকশা দিকে তাকিয়ে আছি যে পেজটি, আমি পাঠানো টুলবক্সে সন্ধান করতে এবং ঠিক কী ডেটা প্রেরণ করা হচ্ছে এবং কী "টাইপ" "এটি প্রেরণ করা হচ্ছে তা দেখতে পাবে, পাশাপাশি তার শেষদিকে বিপরীতে Just