পিএইচপি, এইচটিএমএল, জাভাস্ক্রিপ্ট এবং ভাল অনুশীলন লেখার

10

আমি বুঝতে পেরেছিলাম যে আমার এবং আমার দলের জন্য এইচটিএমএল, জাভাস্ক্রিপ্ট এবং পিএইচপি কোডিং সম্পর্কে একটি কনভেনশন স্পেসিফিকেশন লিখতে হবে।

ওয়েব বিকাশে, ঠিক সি ++ এর মতো, আমি অবশ্যই ইন্ডেন্টেশন এবং মন্তব্যের ভক্ত।

তা সত্ত্বেও, প্রায়শই আমার কাজে আমার এইচটিএমএল + জাভাস্ক্রিপ্ট + পিএইচপি কোডের মুখোমুখি হয় যা হঠাৎ মাথাব্যাথা নিয়ে আসে।

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

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

— ফেডেরিকো জাঙ্কান
সূত্র

19

আমি অনুসরণ করি এমন কিছু সাধারণ নিয়ম:

সাধারণ

ইনডেন্টস 4 স্পেস।
ইনডেন্ট নতুন স্তর
মন্তব্যগুলি ইনডেন্ট স্তর থেকে <~ 80 অক্ষর। যদি আমি দুটি স্তরে (8 স্পেস) থাকি তবে এর অর্থ কার্সার স্টপটি প্রায় 88 টি অক্ষর।
মাল্টি-লাইন মন্তব্য ব্যবহার করুন। আমি চেহারা পছন্দ করি, তবে এটি একটি বিষয়গত বিষয়।
ঠিক এখন পরে মন্তব্য করুন যখন আপনার কী চলছে সে সম্পর্কে কোনও ধারণা নেই।
অলম্যান স্টাইলের ধনুর্বন্ধনী । এটি পরিষ্কার এবং আরও পঠনযোগ্য। বিষয়ী ।

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

একটি গ্রন্থাগার ব্যবহার করুন। বিশেষ করে jQuery খুব ভাল। এটি সমস্ত ক্রস ব্রাউজারের মাথাব্যথা দূর করে।
বুঝতে হবে যে আইডিগুলি নির্দিষ্ট উপাদানগুলির জন্য, ক্লাসগুলি শৈলীর জন্য। আইডি এর পরে প্রতি পৃষ্ঠায় একবার ব্যবহার করা উচিত নয় এবং এগুলির সাথে বিশেষ হুক সংযুক্ত থাকবে। নেভিগেশনের মতো জিনিসের জন্য ক্লাস ব্যবহার করুন।
পদ্ধতিতে উত্স আউট। এটি সমস্ত কোডকে bindকলটিতে রাখতে প্ররোচিত করে , তবে এটি নিজের ফাংশনে রেখে দেওয়া আপনার কোডের নমনীয়তা বাড়িয়ে তুলবে।
ইওলগুলির পরিবর্তে ফাংশন ব্যবহার করুন। তার setTimeout(function(){ /* Do something */ }, 1000);পরিবর্তে এর অর্থsetTimeout('doSomething', 1000);
এর সাথে স্থানীয় ভেরিয়েবলগুলি ব্যবহার করুন var।

এইচটিএমএল

শব্দার্থক মার্কআপ। উপযুক্ত ট্যাগ ব্যবহার করুন। <br />স্থান যুক্ত করতে, মার্জিন এবং সিএসএসের নিয়মগুলি সামঞ্জস্য করতে সেখানে প্রবেশ করবেন না ।
সমস্ত ট্যাগ ছোট হাতের অক্ষর হয় ।
সমস্ত ট্যাগের একটি সমাপ্তি ট্যাগ দিয়ে শেষ হওয়া উচিত বা স্ব-সমাপ্ত হওয়া উচিত ।
লেআউটের জন্য ক্লাস ব্যবহার করুন যা একই রকম। পূর্বনির্ধারিত শ্রেণীর পছন্দ একটি দম্পতি আছে hide, clear, error, ইত্যাদি
সমস্ত কিছু (স্ক্রিপ্ট অন্তর্ভুক্ত) প্রবেশ করা উচিত <head>। যখন এটি কোনও সমস্যা উপস্থাপন করে তখন অনুকূলকরণ (ঘুরে বেড়ানো জিনিসগুলি) নিয়ে চিন্তিত হন।
এক্সটার্নাল স্টাইলশীট এবং JavaScript উৎস একটি আবশ্যক যদি না তা পৃষ্ঠা নির্দিষ্ট।

পিএইচপি

ফ্রেমওয়ার্কগুলি ভাল, আমি কোডআইজিটারের পরামর্শ দিই।
আপনি যদি কোনও ফ্রেমওয়ার্ক ব্যবহার করতে না চান তবে পিএইচপি সম্ভাব্য সর্বশেষতম সংস্করণটি ব্যবহার করার চেষ্টা করুন। (যার অর্থ 5.3)।
includesআপনার সুবিধার জন্য ব্যবহার করুন ।
ইনজেকশন সাফ করুন বা প্রস্তুত বিবৃতি ব্যবহার করুন।
প্রি-কল্পিত ব্যর্থ-সুরক্ষিত মানগুলিতে চেক করা হয় তবে সম্পাদন করুন।
```
$logged_in = false;
if(check_user($user))
{
     $logged_in = true;
     $user = load_user($_SESSION);
}
```
একক এবং ডাবল উদ্ধৃতি মধ্যে পার্থক্য জানুন। সম্ভব হলে একক উদ্ধৃতি ব্যবহার করুন।
এইচটিএমএল প্রতিধ্বনি করবেন না।

— জোশ কে
সূত্র

4

দুর্দান্ত তালিকা। পিএইচপি-র জন্য আমি ১ টি যোগ করব) টেমপ্লেটগুলি ব্যবহার করব, পিএইচপি এবং এইচটিএমএল (অ্যাপ্লিকেশনগুলিতে, কমপক্ষে) 2) ব্যবহার না করে () ফাংশন কল হিসাবে 3) যতটা সম্ভব গ্লোবাল স্কোপের বাইরে রাখা উচিত।

— গ্র্যান্ডমাস্টারবি

যে কেউ কোডইগনিটার এবং jQuery এর পরামর্শ দেয় সে আমার চোখে কোনও সততা হারিয়ে ফেলে।

— mefisto

4

@ টেরেসকো: কোনও কারণ বা বিকল্প ছাড়াই আপনি নিন্দা করছেন।

— জোশ কে

+1 টি। তর্কযোগ্য এবং বিতর্কযোগ্য পয়েন্টগুলির একটি তালিকা, তবে তবুও বেশ ভাল তালিকা।

— হাইলেম

jQuery সমস্ত ক্রস-ব্রাউজারের মাথা ব্যথা দূর করে ?

— জেমস অ্যাডাম

3

অনুপ্রেরণার জন্য কিছু পাঠ্য রয়েছে:

জেন্ডার ফ্রেমওয়ার্ক - পিএইচপি কোডিং শৈলী : কীভাবে প্রিন্টেবল পিএইচপি কোড লিখতে হবে সেই অনুশীলনের তালিকা (পিএইচপি ফাইল ফর্ম্যাটিং, নামকরণ কনভেনশন, কোডিং স্টাইল: অ্যারে, স্ট্রিং, ক্লাস, পদ্ধতি যেমন।)।
গুগল - কোড শৈলীর গাইড : রক্ষণযোগ্য জাভাস্ক্রিপ্ট কোড কীভাবে লিখতে হবে সে অনুশীলনের তালিকা (বিধি: কনস্ট্যানস, সেমিকোলনস, নেস্টেড ফাংশন ..., কোডিং শৈলী: নামকরণ, স্কোপ, স্ট্রিং, দৃশ্যমান ক্ষেত্র ইত্যাদি)।

— tomascejka
সূত্র

এই সংস্থানগুলি কী করে সে সম্পর্কে আরও ব্যাখ্যা করতে আপনি কি আপত্তি করবেন এবং কেন আপনি জিজ্ঞাসিত প্রশ্নের উত্তর হিসাবে এগুলি সুপারিশ করবেন? "লিঙ্ক কেবল-উত্তর" বেশ স্ট্যাক এক্সচেঞ্জ এ স্বাগত জানাই হয় না

— মশা

1

@ সম্পাদনা সম্পাদনা / সঠিক উত্তর

— tomascejka

2

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

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

— GSto
সূত্র

2

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

এখানে কয়েকটি ভাল অনুশীলন রয়েছে:

1) আপনার জাভাস্ক্রিপ্ট একটি নথির <হেড> এ রাখুন (বা আরও ভাল, আলাদাভাবে ফাইলে যা মাথায় রেফারেন্স করা আছে)। ইভেন্ট শ্রোতাদের কীভাবে একটি ডকুমেন্টে আবদ্ধ করতে হয় তা শিখুন eventঅনুড ইভেন্টটি আপনার এইচটিএমএল এর মাধ্যমে ছড়িয়ে দেওয়ার পরিবর্তে load (আরও ভাল, জ্যাকুরির মতো কাঠামো ব্যবহার করতে শিখুন; এটি আপনার জাভাস্ক্রিপ্টকে অনেক বেশি সুন্দর করে তুলবে)।

2) এমভিসির মতো নকশার নিদর্শনগুলি সন্ধান করুন। আপনি যতটা সম্ভব আপনার এইচটিএমএল থেকে পিএইচপিতে লিখিত আপনার ব্যবসায়ের যুক্তি আলাদা করতে চান। আদর্শভাবে, আপনি আপনার HTML পৃষ্ঠাগুলি একসাথে রাখার জন্য একটি দুর্দান্ত টেম্প্লেটিং ভাষা ব্যবহার করে শেষ করেছেন; খুব কমপক্ষে, আপনার এইচটিএমএল-তে থাকা পিএইচপিটি সংশ্লেষিত হওয়া উচিত - প্রধানত ভেরিয়েবলগুলি কল করা এবং অন্য কোথাও নির্মিত তালিকার মাধ্যমে লুপিং করা উচিত।

3) মন্তব্য, ইনডেন্টিং ... যে স্টাফটি কেবলমাত্র বেসিক প্রোগ্রামিংয়ের সেরা অনুশীলন। আমি যখন এইচটিএমএল লিখছি তখন আমার লাইনের দৈর্ঘ্য ৮০ টিরও বেশি হয়ে যেতে দেবে, কারণ ভাষাটি এতটাই হতাশাগ্রস্ত, তবে এটিই কেবল traditionalতিহ্যবাহী অনুশীলন যা আপনার স্লাইডে করা উচিত - যদি দলের বাকী অংশগুলি ঝিমঝিম হয়ে থাকে, তাদের এটিকে চুষতে এবং গঠন করতে হবে।

— তালি
সূত্র

ভাল মন্তব্য! একটি টাইপ রয়েছে: "আপনার জাভাস্ক্রিপ্ট একটি নথির মধ্যে রাখুন"

— ডিএল

উপস। ধন্যবাদ. (কোণ বন্ধনী দ্বারা সঙ্কেতাক্ষরে লিখা আমাকে ভুলে সিলি।।)

— প্যাচ

1

পারফরম্যান্স কারণে জাভাস্ক্রিপ্ট আপনার পৃষ্ঠার শেষে যেতে হবে।

— টবি ২

0

এখানে কয়েকটি জোয়ার দেওয়া হয়েছে:

জাভাস্ক্রিপ্ট: varভেরিয়েবল শুরু করার সময় ব্যবহার করুন ।

এইচটিএমএল: ফাইলের নীচে স্ক্রিপ্টগুলি অন্তর্ভুক্ত করুন যাতে তারা শেষ লোড হয়।

পিএইচপি: ফাইলগুলি বিভক্ত করুন। আপনার সমস্ত ক্লাস একটি ফাইলে রাখবেন না, ঠিক যেমন আপনি সাধারণ সি ++ বিকাশ করবেন না। যথাসম্ভব কমেন্ট করুন এবং আপনার ফাংশন / ক্লাসগুলির উদ্দেশ্য লিখুন।

— লুণ্ঠন করা
সূত্র

: আমি Google জাভাস্ক্রিপ্ট স্টাইল গাইড অনুসরণ করার চেষ্টা করছি google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml

— Fosco