আমরা অনেকেউ চাই যে আমাদের নিজের একটি অ্যাপ হোক। তবে সমস্যা হচ্ছে বেশি কোডিং তো জানি না। তবে বেশি কম সবাই Html নিয়ে জেনেই থাকি। তো তাই আজকে Html দিয়ে অ্যাপ তৈরি করে দেখাবো। না থাকবে কোনো Watermark বা কেনো লিমিট। নিজের মতো করে সব করতে পারবেন।

আছে না অনেক ওয়েবসাইট যেগুলো থেকে অ্যাপ বানানো তো জায় তবে One পেজ অ্যাপ আর কোনো গুলোতে তে Watermark ও দিয়ে রাখে যেটা একদম ই ভালো লাগে না। নিজের অ্যাপ এ কেনো অন্যের Watermark থাকবে? তাই আজকে এমন একটি অ্যাপ নিয়ে এসেছি যেটা দিয়ে যত ইচ্ছে অ্যাপ বানিয়ে ব্যবহার করতে পারবেন।

Html থেকে অ্যাপ বানিয়ে কি লাভ?

Html, Css & Javascript দিয়ে অনেক ধরনের টুল তৈরি করা যায়। যেমন Age Calculator নাবে এগুলো টুল কিন্তু Offline এও ব্যবহার করার মতো তবে ওয়েবসাইট এ বানানোর জন্য চলবে না তবে যদি অ্যাপ এ তৈরি করেন তাহলে কিন্তু অবশ্যই অফলাইনেও টুল কাজ করবে কোনো রকম সমস্যা ছাড়াই তবে হ্যাঁ যেগুলো api নিয়ে টুল থাকে সেগুলো কিন্তু Data লাগবেই।

আর অনেকের ই আশা থাকতে পারে নিজের মতো করে একটা অ্যাপ বানানোর তো পোস্ট দেখতে থাকুন।

অ্যাপ শুধু এক পেজ এর না যত ইচ্ছে পেজ এর করতে পারবেন! main.html, login.html, resister.html এমন সব!

কিভাবে Html থেকে অ্যাপ তৈরি করবেন?

এটা করার জন্য একটি অ্যাপ Install দেওয়া লাগবে! নিচের লিংক থেকে ডাউনলোড করে নিন।

ডাউনলোড শেষ হলে অপেন করুন!

Apps এ ক্লিক করুন!

+ এ ক্লিক করুন!

এখান থেকে App Name, App peakage name এবং App icon যেটা ইচ্ছে দিয়ে নিন!

দেওয়া শেষ হলে নিচের ওটাতে ক্লিক করুন!

এখানে Html content সিলেক্ট করুন এবং উপরের চেক মার্ক এ ক্লিক দিন!

এখন অ্যাপ এ যান!

এখানে main.html টাই হলো App এর হোম পেজ! এটা াব সময় মনে রাখবে! তো দেখুন আমি এটাতে আমার Html কোড দিবো। ক্লিক দিলাম!

Deafult Html কোড এগুলো থাকে!

তো আমি আমার কোড বসিয়ে দিলাম! বসানো হলে সেভ করতে হবে না ডিরেক্ট Back করুন কেনো অটো সেভ হয়!

এখন চাইলে অ্যাপ রান করাতে পারি তবে আরো যদি অ্যাপ পেজ তৈরি করি তাহলে কিভাবে? এর জন্য এখানে ক্লিক করুন!

নাম দাও এবং Html সিলেক্ট করো!

তো এখন App Run করার জন্য Back এসে এখানে Build এ ক্লিক করুন!

Start করুন!

একটু লোড নিবে এবং App install এর Permission চাইবে দিয়ে দিয়ো এবং App install হবে।

দেখুন অ্যাপ তৈরি এবং সম্পূর্ণ কাজ করছে!

জরুরি ঃ

কোড এ অ্যাপ পেজ এর লিংক দিলে এভাবে দিতো হবেঃ <a href=”login.html”>EXAMPLE</a>

মানে হলো লিংক এ login.html & বা অন্য সব পেজ এ নাম ই শুধু লিখতে হবে।

তো আজকের মতো এই পর্যন্তই দেখা হবে আগামি পোস্ট ট