কম্পিউটার টিউটোরিয়াল

অ্যান্ড্রয়েডে ওয়েব ডেভেলপমেন্ট শুরু করার গাইড

ওয়েব ডেভেলপাররা সবসময় কম্পিউটার বা ল্যাপটপের সামনে বসে থাকেন না। কখনো কখনো তারা যায় করছে, যাতে কমিউটিং বা ছুটির জন্য ভ্রমণ। কিন্তু যেন ডিজিটাল ওয়ার্কাররা স্বীকার করবে, ছুটি সবসময় ১০০% কাজ-মুক্ত নয়, কখনো কখনো আমরা কয়েক লাইন কোড লিখতে পারি বা ব্লগ আপডেট করতে পারি সমুদ্র তীরে বসে বসে। डींग হাঁকার জন্য, অবশ্যই।

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

cPanelকে অ্যান্ড্রয়েডের সাথে সংযুক্ত করা

cPanel-এর মাধ্যমে হোস্টিং ম্যানেজ করার জন্য, একটি অফিশিয়াল cPanel App আছে। গুগল প্লে স্টোরে cPanel / WHM-এর অনেক থার্ড-পার্টি অ্যাপ আছে, যেগুলো আপনি পরীক্ষা করতে পারেন, কিন্তু সিকিউরিটি কারণামূলক আমি অফিশিয়াল cPanel অ্যাপটির সাথে থাকতে পছন্দ করি।

অ্যাপটি ডাউনলোড করুন এবং চালু করুন, তারপর গ্রিন + আইকনে ট্যাপ করুন নতুন অ্যাকাউন্ট যোগ করতে। এরপর নিচের তথ্যগুলো দিয়ে cPanel ক্রেডেনশিয়ালস দিয়ে কনফিগার করুন:

অ্যান্ড্রয়েডে ওয়েব ডেভেলপমেন্ট শুরু করার গাইড

  • Name: এটি cPanel অ্যাকাউন্টে অ্যাকাউন্টের নামकरणের জন্য, উদাহরণ 'Account 1'।
  • Address: সার্ভারের ডোমেন বা হোস্টনেম जिससे আপনি সংযোগ করবেন। আপনার একটি বৈধ SSL সার্টিফিকেট থাকতে হবে।
  • Service: বেছে নিন আপনি এই অ্যাকাউন্টে কোন সার্ভিস অ্যাক্সেস করছেন (cPanel, WHM, webmail)।
  • Username: আপনার ওয়েব হোস্টিং প্রোভাইডারের ইউজারনেম।
  • Password: আপনার ওয়েব হোস্টিং প্রোভাইডারের পাসওয়ার্ড।
  • EasyLogin: পাসওয়ার্ড, পিন, প্যাটার্ন, বা ফিঙ্গারপ্রিন্ট অ্যাক্সেসের অপশন দেয়।

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

আপনি যদি অন্য কোনো কাজে পাসওয়ার্ড ম্যানেজার ব্যবহার না করেন, তবে আমি ক/aPanel লগইনের জন্য কমপক্ষে একটি ব্যবহার করার পরামর্শ দিই। অ্যান্ড্রয়েডের জনপ্রিয় অ্যান্টিভাইরাস সুটের অনেকেই পাসওয়ার্ড ম্যানেজার অন্তর্ভুক্ত করে, তাই AV-Best-এ কিছু তুলনা দেখুন যেন আপনার জন্য কোনটি সঠিক (উদাহরণস্বরূপ, Avast vs Bitdefender)।

ওয়েব ডেভেলপমেন্টের জন্য অ্যান্ড্রয়েড কোড এডিটর

আপনি একটি PC কোড এডিটরের সকল গভীর ফিচার পাবেন না যেমন Notepad++ বা Sublime Text, তবে অ্যান্ড্রয়েডের জন্য কিছু দুর্দান্ত কোড এডিটর আছে যা আপনাকে HTML, JavaScript, CSS, এবং অন্যান্য ওয়েব প্রোগ্রামিং ল্যাঙ্গুয়েজ করতে দেবে। অ্যান্ড্রয়েডের জন্য অনেক কোড এডিটর আছে, তাই আমি সেগুলো হাইলাইট করব যা ওয়েব ডেভেলপারদের জন্য সবচেয়ে জনপ্রিয়।

AIDE Web: অ্যান্ড্রয়েডের জন্য সবচেয়ে পুরনো ওয়েবডেভ টুলসের একো, এটি HTML, CSS, এবং JavaScript-এ ওয়েব ডেভেলপমেন্টের জন্য একটি ফুল-ফ্লেজড IDE। AIDE Web কোড কমপ্লিশন সাপোর্ট করে, যা খুব উপকারী যদি আপনি OTG কিবোর্ড ব্যবহার না করেন, রিয়েল-টাইম এরর চেকিং, এবং এটি কোডিং স্কিল ব্রাশ আপ করার জন্য ইন্টারেক্টিভ লেসনও রাখে।

অ্যান্ড্রয়েডে ওয়েব ডেভেলপমেন্ট শুরু করার গাইড

AWD (Android Web Developer): আরেকটি ফিচার-রিচ কোড এডিটর যা PHP, CSS, JS, HTML, এবং JSON ল্যাঙ্গুয়েজ সাপোর্ট করে। এতে কোড হাইলাইটিং, কোড কমপ্লিশন, একটি সার্চ-রিপ্লেস ফাংশন আছে যা রেগুলার এক্সপ্রেশনও সাপোর্ট করে। আপনি S/FTP/S, এবং WebDAV-ওভার প্রজেক্টে সহযোগিতা করতে পারেন। ওহ, এবং Git ইন্টিগ্রেশন সবসময় সুবিধাজনক।

WebMaster's HTML Editor Lite: একটি সোর্স কোড এডিটর যা বেসিকগুলো নাখুঁজে ধরে, এটি HTML, CSS, JS, এবং PHP সাপোর্ট করে। এতে একটি বিল্ট-ইন ফাইল এক্সপ্লোরার এবং FTP সার্ভার সাপোর্টও আছে। এটি একটি খুব লাইটওয়েট অ্যাপ যা ফিচারlarla ভরা নয়, কিন্তু যেন বলেছি, এটি বেসিকগুলো নাখুঁজে ধরে, এবং এর নো-ফ্রিলস পদ্ধতির কারণে খুব দ্রুত।

ওয়েব ডেভেলপমেন্টের জন্য ব্যবহারিক অতিরিক্ত অ্যান্ড্রয়েড অ্যাপ

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

অ্যান্ড্রয়েডে ওয়েব ডেভেলপমেন্ট শুরু করার গাইড

Hacker's Keyboard: আপনি যদি OTG কিবোর্ড ব্যবহার না করেন, তবে আপনি পাবেন অধিকাংশ অ্যান্ড্রয়েড স্ক্রিন কিবোর্ডে টাব/CTRL/Escape-এর মতো ট্রেডিশনাল ফিজিক্যাল কিবোর্ড বাটন নেই, এবং সাধারণত কি মডিফায়ারের জন্য মাল্টি-টাচ সাপোর্ট করে না (যেমন Shift + 2 চাপে @ সিম্বল তৈরি করা)। Hacker's Keyboard এই একটি পূর্ণ কিবোর্ড অনুকরণ করে, মাল্টি-টাচ ক্যাপাবিলিটির সাথে।

RemoDB SQL Client: আপনি যদি জরুরিতে একটি রিমোট MySQL ডেটাবেসে সংযোগ করতে চান, কিন্তু কম্পিউটারের কাছে নন, তবে এই অ্যাপটি ব্যবহার করুন। এটি সম্পূর্ণরূপে ফ্রি এবং MySQL, Microsoft SQL, PostgreSQL এবং SAP Sybase AES ডেটাবেস সার্ভারের সাথে সংযোগ করার অনুমতি দেয়।

অ্যান্ড্রয়েডে ওয়েব ডেভেলপমেন্ট শুরু করার গাইড

Adobe Capture: ক্রিয়েটিভ টাইপ ওয়েবডেভের জন্য, Adobe Capture CC ওয়েবসাইট ডিজাইন করতে সাহায্য করার কিছু খুব উপকারী ফিচার দেয়। 'Type' ফিচারটি আপনাকে যেকোনো টেক্সটের ছবি তুলতে দেয়, এবং এটি সেটি ম্যাচিং ফন্ট টাইপ খুঁজে বের করার চেষ্টা করবে। 'Colors' ফিচারটি আপনাকে আপলোড করা যেকোনো ইমেজের সাথে ম্যাচিং কমপ্লিমেন্টারি কালার প্যালেট দেবে, যা আপনার ওয়েবসাইটের কালার প্যালেট জেনারেট করার জন্য খুব উপকারী।

Wordpress App: একটি ওয়ার্ডপ্রেস সাইট ম্যানেজ করার জন্য, ওয়ার্ডপ্রেস একটি অফিশিয়াল অ্যান্ড্রয়েড অ্যাপ অফার করে। আপনি পোস্ট আপলোড ও শিডিউল করতে পারেন, সাইট ট্রাফিক দেখতে পারেন, জেটপ্যাক ইন্টিগ্রেশন আছে, এবং আরও অনেক কিছু। ইন-অ্যাপ অ্যাডমিন প্যানেল ব্রাউজার ভার্সন ওয়ার্ডপ্রেস অ্যাডমিন প্যানেলের সবকিছু অফার করে না, যেমন প্লাগইন ইনস্টল করা বা আপনার সাইটের CSS কাস্টমাইজ করা, যদিও কিছু জিনিস PC-তে করা ভালো।

  1. মাইক্রোসফট এজ বার (Edge Bar) মাস্টার করুন: কুইক সেটআপ ও টিপস

  2. Clipchamp দিয়ে শুরু করুন: উইন্ডোজ ১০ ও ১১-এ ফ্রি ভিডিও এডিটিং

  3. আপনার প্রথম Alexa Skill তৈরি করুন: বিগিনারদের জন্য ধাপে ধাপে গাইড

  4. Android Messages for Web মাস্টার করুন: দ্রুত সেটআপ ও টিপস