একটি কোর্স যা আধুনিক প্রগতিশীল ওয়েব অ্যাপ বিকাশের প্রতিটি দিককে ভেঙে দেয়।
এই কোর্সে প্রগতিশীল ওয়েব অ্যাপ ডেভেলপমেন্টের মৌলিক বিষয়গুলো সহজে বোঝা যায়। নিম্নলিখিত মডিউলগুলিতে, আপনি একটি প্রগতিশীল ওয়েব অ্যাপ কী, কীভাবে একটি তৈরি করবেন বা আপনার বিদ্যমান ওয়েব সামগ্রী আপগ্রেড করবেন এবং একটি অফলাইন, ইনস্টলযোগ্য অ্যাপের জন্য কীভাবে সমস্ত অংশ যুক্ত করবেন তা শিখবেন। মডিউল নেভিগেট করতে মেনু ফলক ব্যবহার করুন. (মেনুটি ডেস্কটপে বাম দিকে বা মোবাইলে হ্যামবার্গার মেনুর পিছনে রয়েছে।)
আপনি ওয়েব অ্যাপ ম্যানিফেস্ট, পরিষেবা কর্মী, কীভাবে একটি অ্যাপকে মাথায় রেখে ডিজাইন করবেন, কীভাবে আপনার PWA পরীক্ষা এবং ডিবাগ করার জন্য অন্যান্য সরঞ্জামগুলি ব্যবহার করবেন এর মতো PWA মৌলিক বিষয়গুলি শিখবেন। এই মৌলিক বিষয়গুলির পরে, আপনি প্ল্যাটফর্ম এবং অপারেটিং সিস্টেমের সাথে একীকরণ সম্পর্কে শিখবেন, কীভাবে আপনার PWA এর ইনস্টলেশন এবং ব্যবহারের অভিজ্ঞতা বাড়ানো যায় এবং কীভাবে একটি অফলাইন অভিজ্ঞতা দিতে হয়।
প্রতিটি মডিউল আপনার জ্ঞান পরীক্ষা করার জন্য ইন্টারেক্টিভ ডেমো এবং স্ব-মূল্যায়ন অন্তর্ভুক্ত করে। একটি প্রগতিশীল ওয়েব অ্যাপ কী তৈরি করে তার মৌলিক বিষয়গুলি বোঝার জন্য আপনি কোড দিয়ে খেলার সময় আপনার মোবাইল ফোন, ট্যাবলেট বা ল্যাপটপে ডেমো পরীক্ষা করতে এবং চেষ্টা করতে সক্ষম হবেন।
এই কোর্সটি একজন নতুন এবং উন্নত ওয়েব ডেভেলপারদের জন্য একইভাবে তৈরি করা হয়েছে। আপনি উপরের থেকে নীচের দিকে PWA এর একটি সাধারণ বোঝার জন্য শুরু থেকে শেষ পর্যন্ত সিরিজের মধ্য দিয়ে যেতে পারেন, অথবা আপনি নির্দিষ্ট বিষয়গুলির জন্য একটি রেফারেন্স হিসাবে এটি ব্যবহার করতে পারেন। যারা ওয়েব ডেভেলপমেন্টে নতুন তাদের জন্য আপনাকে অনুসরণ করার জন্য HTML, CSS এবং JavaScript-এ একটি গ্রাউন্ডিং প্রয়োজন হবে। MDN-এ সিএসএস শিখুন এবং এইচটিএমএল এবং জাভাস্ক্রিপ্ট কোর্সগুলি দেখুন।
আপনি যা শিখবেন তা এখানে:
শুরু হচ্ছে
আপনি যদি একটি প্রগতিশীল ওয়েব অ্যাপ তৈরি করতে চান, তাহলে আপনি হয়তো ভাবছেন কোথা থেকে শুরু করবেন, যদি স্ক্র্যাচ থেকে শুরু না করেই একটি ওয়েবসাইটকে PWA-তে আপগ্রেড করা সম্ভব হয়, বা কীভাবে একটি প্ল্যাটফর্ম-নির্দিষ্ট অ্যাপ থেকে PWA-তে স্থানান্তর করা যায়। এই নিবন্ধটি আপনাকে এই প্রশ্নের উত্তর দিতে সাহায্য করবে।
ভিত্তি
সমস্ত প্রগতিশীল ওয়েব অ্যাপ হল, তাদের মূল, আধুনিক ওয়েবসাইট, তাই এটি গুরুত্বপূর্ণ যে আপনার ওয়েবসাইটের প্রতিক্রিয়াশীল ডিজাইন, মোবাইল এবং সর্বপ্রথম, অন্তর্নিহিত ডিজাইন এবং ওয়েব পারফরম্যান্সে একটি শক্ত ভিত্তি রয়েছে৷
অ্যাপ ডিজাইন
প্রগ্রেসিভ ওয়েব অ্যাপস এবং ক্লাসিক ওয়েবসাইট এবং ওয়েব অ্যাপের মধ্যে অন্যতম প্রধান পার্থক্য হল ইনস্টলেবিলিটি। এটি প্ল্যাটফর্ম এবং অপারেটিং সিস্টেমে আরও একীভূত একটি স্বতন্ত্র অভিজ্ঞতা তৈরি করে। ইনস্টলেশন নতুন নমনীয়তা এবং নতুন দায়িত্ব সক্ষম করে, কারণ আমাদের সামগ্রীর চারপাশে আমাদের ব্রাউজারের ব্যবহারকারী ইন্টারফেস থাকবে না।
সম্পদ এবং তথ্য
একটি প্রগতিশীল ওয়েব অ্যাপ একটি ওয়েবসাইট; এর সমস্ত সম্পদগুলি ওয়েবের মতোই, কিন্তু নতুন টুলগুলির সাহায্যে সেই সম্পদগুলিকে অনলাইনে দ্রুত লোড করা যায় এবং অফলাইনে পাওয়া যায়৷
সেবা কর্মীরা
পরিষেবা কর্মীরা একটি PWA এর একটি মৌলিক অংশ। তারা দ্রুত লোডিং সক্ষম করে (নেটওয়ার্ক নির্বিশেষে), অফলাইন অ্যাক্সেস, পুশ বিজ্ঞপ্তি এবং অন্যান্য ক্ষমতা।
ক্যাশিং
আপনি ডিভাইসে সম্পদ ডাউনলোড, সঞ্চয়, মুছে বা আপডেট করতে ক্যাশে স্টোরেজ API ব্যবহার করতে পারেন। তারপরে এই সম্পদগুলি কোনও নেটওয়ার্ক অনুরোধ ছাড়াই ডিভাইসে পরিবেশন করা যেতে পারে।
ভজনা
পরিষেবা কর্মীর আনয়ন ইভেন্ট ব্যবহার করে, আপনি নেটওয়ার্ক অনুরোধগুলিকে বাধা দিতে পারেন এবং বিভিন্ন কৌশল ব্যবহার করে একটি প্রতিক্রিয়া পরিবেশন করতে পারেন৷
ওয়ার্কবক্স
ওয়ার্কবক্স হল মডিউলগুলির একটি সেট যা সাধারণ পরিষেবা কর্মীদের মিথস্ক্রিয়া যেমন রাউটিং এবং ক্যাশিংকে সহজ করে। প্রতিটি মডিউল পরিষেবা কর্মী উন্নয়নের একটি নির্দিষ্ট দিক সম্বোধন করে। ওয়ার্কবক্সের লক্ষ্য হল পরিষেবা কর্মীদের ব্যবহার করা যতটা সম্ভব সহজ করা এবং যেখানে প্রয়োজন সেখানে জটিল অ্যাপ্লিকেশন প্রয়োজনীয়তাগুলিকে মিটমাট করার নমনীয়তার অনুমতি দেওয়া।
অফলাইন ডেটা
একটি কঠিন অফলাইন অভিজ্ঞতা তৈরি করতে আপনাকে স্টোরেজ ব্যবস্থাপনা বাস্তবায়ন করতে হবে। IndexedDB, Cache, Storage Manager, Persistent Storage, এবং Content Indexing এর মত টুল সাহায্য করতে পারে।
স্থাপন
ইনস্টল করা অ্যাপ্লিকেশানগুলি অ্যাক্সেস করা সহজ এবং OS এর সাথে কিছু গভীর ইন্টিগ্রেশনের সুবিধা নিতে পারে৷ আপনার PWA ইনস্টলযোগ্য করতে শিখুন এবং সেই সুবিধাগুলি অর্জন করুন।
ওয়েব অ্যাপ ম্যানিফেস্ট
ওয়েব অ্যাপ ম্যানিফেস্ট হল একটি JSON ফাইল যা অপারেটিং সিস্টেমের মধ্যে চেহারা এবং অনুভূতি এবং মৌলিক আচরণ সহ PWA কে একটি ইনস্টল করা অ্যাপ্লিকেশন হিসাবে কীভাবে বিবেচনা করা উচিত তা সংজ্ঞায়িত করে।
ইনস্টলেশন প্রম্পট
যে সাইটগুলি PWA ইনস্টলের মানদণ্ডে উত্তীর্ণ হয়, ব্রাউজারটি ব্যবহারকারীকে এটি ইনস্টল করার জন্য অনুরোধ করার জন্য একটি ইভেন্ট ট্রিগার করে। ভাল খবর হল আপনি এই ইভেন্টটি আপনার প্রম্পট কাস্টমাইজ করতে এবং আপনার অ্যাপ ইনস্টল করার জন্য ব্যবহারকারীদের আমন্ত্রণ জানাতে ব্যবহার করতে পারেন৷
হালনাগাদ
আপনার PWA আপডেট করার সম্ভাবনা রয়েছে। এই অধ্যায়টি আপনাকে সম্পদ থেকে মেটাডেটা পর্যন্ত আপনার PWA এর বিভিন্ন অংশ আপডেট করার টুল দেয়।
বর্ধিতকরণ
আপনার ব্যবহারকারী একটি ভাল অভিজ্ঞতা আশা করে. এই অধ্যায়ে, আপনি স্প্ল্যাশ স্ক্রিন, অ্যাপ শর্টকাট এবং সেশনগুলি কীভাবে কাজ করে তা দিয়ে কীভাবে আপনার PWA উন্নত করবেন তা দেখতে পাবেন।
সনাক্তকরণ
আপনার ব্যবহারকারীরা আপনার অ্যাপের সাথে কীভাবে ইন্টারঅ্যাক্ট করে তা শনাক্ত করা ব্যবহারকারীর অভিজ্ঞতা কাস্টমাইজ এবং উন্নত করতে কার্যকর। উদাহরণস্বরূপ, আপনি আপনার অ্যাপটি ইতিমধ্যেই ব্যবহারকারীর ডিভাইসে ইনস্টল করা আছে কিনা তা পরীক্ষা করতে পারেন এবং ব্রাউজার থেকে স্বতন্ত্র অ্যাপে নেভিগেশন স্থানান্তর করার মতো বৈশিষ্ট্যগুলি প্রয়োগ করতে পারেন৷
ওএস ইন্টিগ্রেশন
আপনার PWA এখন ব্রাউজারের বাইরে কাজ করে। এই অধ্যায়ে ব্যবহারকারীরা একবার আপনার অ্যাপ ইনস্টল করলে অপারেটিং সিস্টেমের সাথে কীভাবে আরও একীভূত করা যায় তা কভার করে।
জানালা ব্যবস্থাপনা
ব্রাউজারের বাইরে একটি PWA তার নিজস্ব উইন্ডো পরিচালনা করে। এই অধ্যায়ে, আপনি অপারেটিং সিস্টেমের মধ্যে একটি উইন্ডো পরিচালনা করার জন্য API এবং ক্ষমতাগুলি বুঝতে পারবেন।
পরীক্ষামূলক বৈশিষ্ট্য
সেখানে PWA ক্ষমতা রয়েছে যা এখনও নির্মাণাধীন এবং আপনি তাদের উন্নয়নের অংশ হতে পারেন। এই অধ্যায়ে আপনি ফুগু প্রজেক্ট সম্পর্কে শিখবেন, কীভাবে একটি অরিজিন ট্রায়ালের জন্য সাইন-আপ করবেন এবং কীভাবে পরীক্ষামূলক API ব্যবহার করবেন
সরঞ্জাম এবং ডিবাগ
আমরা আপনার প্রগতিশীল ওয়েব অ্যাপস বিকাশ, ডিবাগ এবং পরীক্ষা করার জন্য উপলব্ধ সরঞ্জামগুলি অন্বেষণ করব৷
স্থাপত্য
একটি PWA বিকাশ করার সময় আপনি কিছু সিদ্ধান্ত নেন, যেমন একটি একক পৃষ্ঠার অ্যাপ্লিকেশন বা একটি বহু-পৃষ্ঠা অ্যাপ্লিকেশন তৈরি করবেন কিনা এবং আপনি এটি আপনার ডোমেনের রুটে বা একটি ফোল্ডারের মধ্যে হোস্ট করবেন কিনা।
জটিলতা ব্যবস্থাপনা
একটি ওয়েব অ্যাপ সহজ রাখা আশ্চর্যজনকভাবে জটিল হতে পারে। এই মডিউলে, আপনি শিখবেন কিভাবে ওয়েব API গুলি থ্রেডিংয়ের সাথে কাজ করে এবং আপনি কীভাবে এটিকে রাষ্ট্রীয় ব্যবস্থাপনার মতো সাধারণ PWA প্যাটার্নের জন্য ব্যবহার করতে পারেন।
ক্ষমতা
পিডব্লিউএগুলি কেবল পর্দার সাথে আবদ্ধ নয়। এই অধ্যায়টি হার্ডওয়্যার, সেন্সর এবং প্ল্যাটফর্ম ব্যবহারের পরিপ্রেক্ষিতে PWA-এর বর্তমান ক্ষমতা সম্পর্কে।
উপসংহার
পরবর্তী পদক্ষেপ এবং সম্পদ।
তাহলে, আপনি কি PWA শিখতে প্রস্তুত?