Speaker A
সো মূল প্রসেসে যাওয়ার আগে আমাদের কিছু বেসিক টুলস রেডি রাখতে হবে। যেহেতু আমরা প্রফেশনাল কাজ করব, তাই আমাদের পিসিতে যা যা সফটওয়ার বা যে সকল জিনিস দরকার হবে তা আমি বলে নেই। প্রথমত আপনি ক্রোম ব্রাউজারে এসে নোট জিএস লিখবেন। নোট জিএস।
Md. Sabuj এর ভিডিওতে ব্যাকএন্ডসহ ফুল ফাংশনাল ওয়েবসাইট তৈরির ধাপগুলো বাংলায় শেখানো হয়েছে।
Key Takeaways
- ফুল ফাংশনাল ওয়েবসাইট তৈরির জন্য Node.js, GitHub, Supabase ইত্যাদি টুলস অপরিহার্য।
- GitHub Desktop ব্যবহার করে কোড ম্যানেজমেন্ট সহজ হয়।
- Supabase ব্যাকএন্ড হিসেবে ব্যবহারে ডাটাবেস ও অথেন্টিকেশন সহজ হয়।
- Cloud AI ব্যবহার করে ওয়েবসাইটের প্রোডাক্ট রিকোয়্যারমেন্ট ডকুমেন্ট তৈরি করা যায়।
- পেমেন্ট গেটওয়ে ইন্টিগ্রেশন ও ইউজার অথেন্টিকেশন ফ্রন্টএন্ড ও ব্যাকএন্ডের সাথে যুক্ত করা গুরুত্বপূর্ণ।
Summary
- প্রফেশনাল ওয়েবসাইট তৈরির জন্য প্রয়োজনীয় বেসিক টুলস যেমন Node.js, কোড এডিটর, GitHub একাউন্ট ইত্যাদি প্রস্তুত করার নির্দেশনা।
- GitHub এবং GitHub Desktop ব্যবহার করে প্রজেক্ট ম্যানেজমেন্ট ও সোর্স কোড কন্ট্রোল শেখানো হয়েছে।
- ব্যাকএন্ড হিসেবে Supabase ব্যবহার করার পদ্ধতি এবং তার জন্য প্রয়োজনীয় একাউন্ট তৈরি করার ধাপ।
- ফ্রন্টএন্ড ডিজাইন ও ব্যাকএন্ড লজিক আলাদা করে কিভাবে কাজ করবে তা ব্যাখ্যা করা হয়েছে।
- কোর্স সেলিং ওয়েবসাইটের উদাহরণ দিয়ে ফ্রন্টএন্ড ও ব্যাকএন্ডের ইন্টিগ্রেশন দেখানো হয়েছে।
- Cloud AI ব্যবহার করে ওয়েবসাইটের প্রোডাক্ট রিকোয়্যারমেন্ট ডকুমেন্ট (PRD) তৈরি করার পদ্ধতি।
- পেমেন্ট গেটওয়ে ইন্টিগ্রেশন এবং ইউজার অথেন্টিকেশন ফিচার যোগ করার নির্দেশনা।
- ওয়েবসাইটের বিভিন্ন মডেল যেমন Gemini 3.1, Cloud Opus, Cloud S মডেল ফ্রি ও প্রিমিয়াম প্ল্যান নিয়ে আলোচনা।
- ওয়েবসাইট ক্লোন করার জন্য প্রয়োজনীয় স্ক্রিনশট ও PRD প্রস্তুত করার পদ্ধতি।
- ভিডিওতে বিভিন্ন কোড এডিটর ও টুলসের তুলনা এবং ব্যবহারিক দিক থেকে নির্দেশনা দেওয়া হয়েছে।
Full Transcript — Download SRT & Markdown
Speaker A
সো নোট জিএসটা ডাউনলোড করে নেবেন। এন্ড ডাউনলোড করার পরে আপনার এখান থেকে আপনার ভার্সন সিলেক্ট করে উইন্ডো সিলেক্ট করে এখানে জাস্ট ইন্স্টলার ক্লিক করে আপনার নোটজেস ভার্সনটা ডাউনলোড করে নেবেন। একটা ভালো কোড এডিটর লাগবে। যেটাতে আপনি ই টুলসগুলো ইউজ করতে পারে। অনেক কোডিটর আছে,
Speaker A
সো নোট জিএসটা ডাউনলোড করে নেবেন। এন্ড ডাউনলোড করার পরে আপনার এখান থেকে আপনার ভার্সন সিলেক্ট করে উইন্ডো সিলেক্ট করে এখানে জাস্ট ইন্স্টলার ক্লিক করে আপনার নোটজেস ভার্সনটা ডাউনলোড করে নেবেন। একটা ভালো কোড এডিটর লাগবে। যেটাতে আপনি ই টুলসগুলো ইউজ করতে পারেন। অনেক কোড এডিটর আছে,
Speaker A
এবং বিভিন্ন মডেল যেমন জেমিনি 3.1 হাই মডেল ক্লাউড অপাস মডেল এবং ক্লাউড স মডেলগুলো ফ্রিতে ইউজ করতে পারবেন এন্ড তারপরে আপনার লাগবে হচ্ছে গিহাব একাউন্ট সো আপনি একটা গিবঅকাউন্ট ক্রিয়েট করে নেবেন দেন গিব ডেসকটপটা আপনি ডাউনলোড করে রাখবেন ডাউনলোড গিব ডেসকটপে আসে আপনি
Speaker A
কার্তর আছে, ওনশপ আছে, বিএস কোড আছে। বাট আমি এই ভিডিওতে এন্টি গ্রাভিটিটা ইউজ করব। যেহেতু এখানে ফ্রিতেই অনেকগুলো মডেল ইউজ করা যায়। পাশাপাশি তাদের গুগল এর যে জেমিনি প্রো প্ল্যান অথবা আল্ট্রা প্ল্যান থাকলে আপনি তাদের ক্লাউড সনেট হোক আপনি
Speaker A
প্রথমত থাকে ব্যাক এন্ড এন্ড ফ্রন্ট এন্ড। সো ফ্রন্ট এন্ডে আমরা এই টেক্সগুলো দেখতে পাচ্ছি এগুলো আমাদের ফ্রন্ট এন্ডে শো করতেছে। এটা হচ্ছে ফ্রন্ট এন্ড। এন্ড ব্যাক এন্ড থেকে এই সবকিছুর ডিটেলস আর কি লজিক হোক। সো এখন আমরা একটা গিব একাউন্ট ক্রিয়েট
Speaker A
এবং বিভিন্ন মডেল যেমন জেমিনি 3.1 হাই মডেল, ক্লাউড অপাস মডেল এবং ক্লাউড স মডেলগুলো ফ্রিতে ইউজ করতে পারবেন। এন্ড তারপরে আপনার লাগবে হচ্ছে গিহাব একাউন্ট। সো আপনি একটা গিহাব একাউন্ট ক্রিয়েট করে নেবেন। দেন গিহাব ডেসকটপটা আপনি ডাউনলোড করে রাখবেন। ডাউনলোড গিহাব ডেসকটপে আসে আপনি
Speaker A
ইউজারনেম এন্ড আপনার কান্ট্রি। এন্ড এগুলো দেওয়ার পরে আপনি একটা একাউন্ট ক্রিয়েট করে নিবেন। সো গিডাপ একাউন্ট ক্রিয়েট করার পরে আমরা আমাদের ব্যাকে এন্ড আমরা সোয়াবেস ইউজ করবো ব্যাকেন্ড হিসেবে। তো সোবেসের একটা এককাউন্ট আমরা ক্রিয়েট করে নেব। সো সোয়াবেসের এককাউন্ট ক্রিয়েট করার জন্য
Speaker A
জাস্ট গিহাব ডেসকটপটা ডাউনলোড করে নেবেন। সো এগুলো ডাউনলোড করার পরে ইন্স্টল করবেন। ইনস্টল করার পরে আপনি কি রিলেটেড সার্চ অথবা ইকমার্স ওয়েবসাইট বানাতে চাচ্ছেন সেই রিলেটেড অথবা রিকোয়ারমেন্ট অনুযায়ী আপনি একটা পিআইডি রেডি করবেন। আমাদের যে ফুলি ফাংশনাল ওয়েবসাইটের মধ্যে কি কি থাকে
Speaker A
একাউন্টে আপনি দুইটা প্রজেক্ট রান রাখতে পারবেন স আমি এখান থেকে একটা প্রজেক্ট ডিলিট করে দেব নিউ ভাবে একটা প্রজেক্ট আমি ক্রিয়েট করব আমার নিউ প্রজেক্টের জন্য সো ডিলিট হওয়ার পর এখানে নিউ অর্গানাইজেশনে ক্লিক করে আমি আমার অর্গানাইজেশন বা প্রজেক্টের নামটা আমি
Speaker A
প্রথমত থাকে ব্যাক এন্ড এন্ড ফ্রন্ট এন্ড। সো ফ্রন্ট এন্ডে আমরা এই টেক্সগুলো দেখতে পাচ্ছি, এগুলো আমাদের ফ্রন্ট এন্ডে শো করতেছে। এটা হচ্ছে ফ্রন্ট এন্ড। এন্ড ব্যাক এন্ড থেকে এই সবকিছুর ডিটেলস আর কি লজিক হোক। সো এখন আমরা একটা গিহাব একাউন্ট ক্রিয়েট
Speaker A
দেওয়া হয়। আমরা একটা কোর্স সেলিং ওয়েবসাইট ক্রিয়েট করব। এখানে কোর্সের ডিটেইলস সেকশন আছে। সো আমরা এখানে জাস্ট নামটা লিখে দেই। মাই কোর্স সেকশন। এন্ড এখানে প্ল্যান ফিটা সিলেক্ট করব। এন্ড আপনি লার্ন মোডে এসে প্রাইসিংটা দেখতে পারবেন। এখানে আপনি 5000 মান্থলি একটিভ
Speaker A
করব। সো গিটহাব ডেসকটপ এন্ড সো আমরা এখন একটা গিহাব একাউন্ট ক্রিয়েট করবো। সো এখানে কন্টিনিউ Google দিয়ে আপনি আপনার জিমেল অথবা যেকোন একটা ইমেইল দিয়ে আপনি সাইন আপ করে নিবেন। এন্ড লগিন হওয়ার পরে এখানে আপনার সাইন আপ ফর্মে ডিটেলস দিতে হবে।
Speaker A
এন্ড ব্যাক এন্ডটা কিভাবে কাজ করে স এখানে বেশি কিছু দেওয়া নাই সো বেসিক কিছু সাইন আপ ফর্ম এন্ড পেমেন্ট ফর্ম দেওয়া আছে এখানে চেক আউট ফর্মটা একদম ইজি সো এটা ইপিএস পেমেন্ট গেটওয়ে আপনি কিভাবে আপনার পেমেন্ট গেটওয়েটাও ইন্টিগ্রেশন করবেন সেটা
Speaker A
ইউজারনেম এন্ড আপনার কান্ট্রি। এন্ড এগুলো দেওয়ার পরে আপনি একটা একাউন্ট ক্রিয়েট করে নিবেন। সো গিহাব একাউন্ট ক্রিয়েট করার পরে আমরা আমাদের ব্যাকএন্ড আমরা সোপবেস ইউজ করবো ব্যাকএন্ড হিসেবে। তো সোপবেসের একটা একাউন্ট আমরা ক্রিয়েট করে নেব। সো সোপবেসের একাউন্ট ক্রিয়েট করার জন্য
Speaker A
ক্রিয়েট করার জন্য আমরা ক্লাউড এআই ইউজ করবো। কেননা ক্লাউড এ বেস্ট পিআরডিটা লিখে দিতে পারে। সো এখানে আমরা ওয়েবসাইটে স্ক্রিনশট দিব। এখান থেকে আপনি গো ফুল পেজ এক্সটেনশনটা নামিয়ে আপনি যেকোনো ওয়েবসাইট স্ক্রিনশট নিতে পারবেন। এন্ড এটা আমরা ক্লাউডকে দেব। এন্ড সাথে ওয়েবসাইট ইউরটা
Speaker A
আপনাকে অবশ্যই একটা গিহাব একাউন্ট ক্রিয়েট করে নিতে হবে। কারণ সোপবেসে লগইন করার সময় আপনার গিহাব একাউন্টটা দরকার হবে। তো এখানে আমরা কন্টিনিউ গিটহাব দিয়ে আমাদের গিটহাবটা অথরাইজ করে দিব। সের সাথে এখানে আমার রিসেন্ট আগের করা কিছু প্রজেক্ট দেখাচ্ছে এখানে। সো সের ফ্রি
Speaker A
ওয়েবসাইটের স্ট্রাকচারটা তৈরি করব লবেই দিয়ে এন্ড এখানে শুধু আমরা লবে দিয়ে আমরা ফ্রন্ট এন্ডটা ডিজাইন করব এন্ড পরবর্তীতে আমরা কোড এডিটরে নিয়ে সেখানে আমরা ব্যাক এন্ডটা তৈরি করব এখানে আমি ক্লাউড একে বিস্তারিত বলে দিতেছি যে এটা আমি ক্লোন
Speaker A
একাউন্টে আপনি দুইটা প্রজেক্ট রান রাখতে পারবেন। সো আমি এখান থেকে একটা প্রজেক্ট ডিলিট করে দেব। নিউ ভাবে একটা প্রজেক্ট আমি ক্রিয়েট করব আমার নিউ প্রজেক্টের জন্য। সো ডিলিট হওয়ার পর এখানে নিউ অর্গানাইজেশনে ক্লিক করে আমি আমার অর্গানাইজেশন বা প্রজেক্টের নামটা আমি
Speaker A
সেটাও লিখে দিতেছি। সো এখানে পিআইডিটা লেখার জন্য আমি কমান্ড দিয়ে দিছি। এন্ড ক্লাউড কতক্ষণ চিন্তা করবে দেন আমাদের পিআইডিটা লিখে দিবে। সো এখানে আমাদের পিআরইটা লিখে দিয়েছে। এন্ড এখানে ফুললি কি কি ফাংশন থাকবে এন্ড ডিটেল স্ট্রাকচার সবকিছু লিখে দিয়েছে।
Speaker A
এখানে দিয়ে দিব। এন্ড এখানে আমি এআই ভার্সিটির যে ওয়েবসাইটটা আছে, এভার্সিটি বাংলার রিসেন্টলি লঞ্চ করা একটা ওয়েবসাইট আছে। এটা মেবি ভাইব কোডিং করেই করা হয়েছে। এন্ড এই ওয়েবসাইটটা আমার কাছে ভালো লেগেছে। এটা এখানে কোর্স সেলিং এবং আপনার প্রম রিলেটেড এবং ব্লগিং রিলেটেড কন্টেন্ট
Speaker A
এন্ড ক্রিয়েট করি সেক্ষেত্রে সেখানে স্ট্রাকচার ব্যাক এন্ডে যতগুলো এসকউএল আছে সবগুলো ট্রান্সফার হয়ে সোবেসে চলে যাবে তো সেক্ষেত্রে আপনি এখান থেকেই আপনার প্রপার একটা ফাংশনাল ওয়েবসাইট ক্রিয়েট করতে পারবেন আমি পরবর্তীতে দেখাবো যে এটা কিভাবে করবেন এন্ড এখানে কিছু লিমিটেশন
Speaker A
দেওয়া হয়। আমরা একটা কোর্স সেলিং ওয়েবসাইট ক্রিয়েট করব। এখানে কোর্সের ডিটেইলস সেকশন আছে। সো আমরা এখানে জাস্ট নামটা লিখে দেই। মাই কোর্স সেকশন। এন্ড এখানে প্ল্যান ফিটা সিলেক্ট করব। এন্ড আপনি লার্ন মোডে এসে প্রাইসিংটা দেখতে পারবেন। এখানে আপনি ৫০০০ মান্থলি একটিভ
Speaker A
একটা ক্রিয়েট করে একাউন্ট ক্রিয়েট করে আপনি ব্যাক এন্ড হিসেবে কাস্টম নিক ইউজ করেন। স সেক্ষেত্রে আপনার ম্যানেজ করা ইজি হবে। এখানে আমরা আমাদের ব্যাক এন্ড সভেসটা কানেক্ট করে নিয়েছি। যদি আমরা এখানে আমাদের ফ্রন্ট এন্ডটা শুধু ডিজাইন করব। আমরা ব্যাকে এন্ড আমরা আমাদের কোড এডিটরে
Speaker A
ইউজার এটা ইউজ করতে পারবে ব্যাক এন্ড এসে। এন্ড আপনার যদি ৫০০ এর উপরে ইউজার হয়ে যায়, সেক্ষেত্রে আপনার প্রো অথবা তাদের প্রিমিয়াম প্ল্যানটা নিতে হবে। এখানে আমি এ ভার্সিটির যে লগিন ড্যাশবোর্ডটা আছে সেটা একটু দেখতে চাচ্ছি যে কিরকম তারা ড্যাশবোর্ডটা ক্রিয়েট করেছে।
Speaker A
ওয়েবসাইটের লিংকটা দিয়েছিলাম এন্ড পিআরডিটা লিখেছিলাম সেম টু সেম ডিজাইনটা করেছে এখানে আইকন ইমোজি এড করেছে যেহেতু আমরা কোন ইমেজ দেইনি সে ডিফল্ট ভাবে একটা ইমেজ ক্রিয়েট করেছে জাস্ট টু ড অন হিরো সেকশন এখানে গুগল অথেন্টিকেশন এন্ড এখানে সকল কিছুই আর কি ওই রেডি করেছে ফন্ট
Speaker A
এন্ড ব্যাক এন্ডটা কিভাবে কাজ করে। স এখানে বেশি কিছু দেওয়া নাই। সো বেসিক কিছু সাইন আপ ফর্ম এন্ড পেমেন্ট ফর্ম দেওয়া আছে। এখানে চেক আউট ফর্মটা একদম ইজি। সো এটা ইপিএস পেমেন্ট গেটওয়ে। আপনি কিভাবে আপনার পেমেন্ট গেটওয়েটাও ইন্টিগ্রেশন করবেন সেটা
Speaker A
ফর্মটা কাজ করতেছে আই মিন এখানে জাস্ট ডিফল্ট ভাবে সাইনিং এন্ড সাইন আপ ফর্মটা দেওয়া আছে এখানে ইনরল অপশন এখানে যতগুলো অপশন দেখছেন এগুলো সবগুলোই ফন্ট থেকে রেডি হয়েছে এন্ড এগুলো জাস্ট ডেমো আর কি আমরা কন্টেন্ট এখানে ব্যাকে নেই এন্ড আমরা যদি
Speaker A
আমরা দেখব। এন্ড এখানে ভার্সিটি আমরা যেহেতু ক্লোন করবো, সেক্ষেত্রে আমরা চলে যাব এই ওয়েবসাইটটা ক্লোন করার জন্য আমাদের পিআরডিটা রেডি করতে হবে। সো পিআরডি লেখার জন্য পিআরডি হচ্ছে আপনার ওয়েবসাইটের ফুল ফাংশন স্ট্রাকচার কেমন হবে সেখানে লিপিবদ্ধ করতে হয়। তো পিআরডি
Speaker A
এন্ড লগিন পেজ সবকিছুই আরক রেডি এন্ড এখানে ডিফল্ট ভাবে কোন কিছু সাইন আপ করলেও জাস্ট লগইন করে নিচ্ছে। এন্ড এখন আমরা ক্লাউডে চলে যাব। এন্ড এখানে দেখতে পাচ্ছি যে আমাদের ক্লাউড ইনেবল হয় নাই। এন্ড এখান থেকে আমরা একটা
Speaker A
ক্রিয়েট করার জন্য আমরা ক্লাউড এআই ইউজ করবো। কেননা ক্লাউড এ বেস্ট পিআরডিটা লিখে দিতে পারে। সো এখানে আমরা ওয়েবসাইটে স্ক্রিনশট দিব। এখান থেকে আপনি গো ফুল পেজ এক্সটেনশনটা নামিয়ে আপনি যেকোনো ওয়েবসাইট স্ক্রিনশট নিতে পারবেন। এন্ড এটা আমরা ক্লাউডকে দেব। এন্ড সাথে ওয়েবসাইট ইউআরএলটা
Speaker A
চলে যাব এসকউ। এসকউল এসে দেখতে পারব যে এখানে কোন কিছু ডাটা আসে নাই। কেননা আমাদের সো পেজটা কানেক্ট করার পরে এখানে ফেচ হয় নাই। আই ডোন্ট নো হয়। সো আমরা এটা পরবর্তীতে গিয়ে ই করব। এন্ডিকেবিটি দিয়ে ব্যাক এন্ডটা কানেক্ট করব। এন্ড এখানে আমি
Speaker A
দিব। এন্ড এখানে যেহেতু ড্যাশবোর্ডে কোন বেসিক কোন ড্যাশবোর্ডে যেহেতু কোন ই নেই, কমপ্লেক্স ড্যাশবোর্ড নেই, সেক্ষেত্রে আমরা জাস্ট ওকে ডিস্ক্রাইব করে দিব যে তুমি পিআইডিটা লিখে দিবে। কি কি ফিচার আছে, তো সে অনুযায়ী সে আমাদের পিআইডিটা লিখে দিবে। এন্ড আমরা
Speaker A
এডমিন প্যানেল শো করবে না। যদিও শো করে সেটা ডিফল্ট ভাবে শো করবে। সো আমি অনেক দেখলাম। সো এখানে কোন কিছু কানেক্ট হয় নাই। সো এখন যেহেতু আমাদের ফ্রন্ট এন্ডের কাজ শেষ আমরা এই প্রজেক্টটা আমরা গিহাবে আই মিন কোডটা কোড ফাইলটা আমরা গিহাবে পাবলিশ
Speaker A
ওয়েবসাইটের স্ট্রাকচারটা তৈরি করব লভেলে দিয়ে। এন্ড এখানে শুধু আমরা লভেলে দিয়ে আমরা ফ্রন্ট এন্ডটা ডিজাইন করব। এন্ড পরবর্তীতে আমরা কোড এডিটরে নিয়ে সেখানে আমরা ব্যাক এন্ডটা তৈরি করব। এখানে আমি ক্লাউড একে বিস্তারিত বলে দিতেছি যে এটা আমি ক্লোন
Speaker A
দিয়েছিলাম। সো ডিফল্টভাবে সে এডমিন ড্যাশবোর্ডটা ক্রিয়েট করেছে। যদিও ব্যাক এন্ড কানেক্ট নাই। এন্ড এখান থেকে আমরা চলে যাব শেয়ার অপশন অথবা গিহাবে। এন্ড অবশ্যই আপনার গিটহাবটা কানেক্ট করে নিবেন। এন্ড যেহেতু এখানে আমাদের কানেক্ট করা আছে এন্ড আপনি চাইলে এখানে অড অপশনে এসে আপনার
Speaker A
করব একটা কোর সেলিং ওয়েবসাইট। সো সেম ডিজাইনে তুমি একটা পিআইডি লিখে দাও। এন্ড আমি লভেল ওয়েবসাইট দিয়ে সেম টু সেম ওয়েবসাইট ব্যাক এন্ড ফ্রন্টএন্ড সহ ক্রিয়েট করব। এন্ড জাস্ট এন্টার ক্লিক করে দিব। এন্ড আমি ব্যাক এন্ড হিসেবে সোপবেস ইউজ করব।
Speaker A
থেকে ডাউনলোড করব। সো কোডে ক্লিক করে আমরা ডাউনলোড এড জিবে ক্লিক করে কোড ফাইলটা ডাউনলোড করে নিব। এন্ড লবেলের মাধ্যমে আপনি আনলিমিটেড। সো আমাদের কোডটা ডাউনলোড করার পরে আমরা কি করব? একটা গিহাবের রেপ ক্রিয়েট করব। সো প্রথমত আমি দেখেছিলাম যে গিহাব ডেসকটপ
Speaker A
সেটাও লিখে দিতেছি। সো এখানে পিআইডিটা লেখার জন্য আমি কমান্ড দিয়ে দিয়েছি। এন্ড ক্লাউড কতক্ষণ চিন্তা করবে, দেন আমাদের পিআইডিটা লিখে দিবে। সো এখানে আমাদের পিআরডিটা লিখে দিয়েছে। এন্ড এখানে ফুললি কি কি ফাংশন থাকবে এন্ড ডিটেল স্ট্রাকচার সবকিছু লিখে দিয়েছে।
Speaker A
সো এখানে আমি ক্রিয়েট নিউ রিপোজিটরিতে ক্লিক করবো। এন্ড এখানে আমি রিপোজিট নেমটা দিব হচ্ছে মাই কোর্স। এন্ড এখান থেকে আমি পাথটা সিলেক্ট করে দিব। এন্ড এখানে আমার যেহেতু কোন পাথ ক্রিয়েট করা নাই। এখানে আমি একটা ফাইল ক্রিয়েট করব। স এখানে আমি দিব মাই কোর্স।
Speaker A
জাস্ট আমরা একটা কপি করে জাস্ট লভেলে এসে আমরা এটা পেস্ট করে দিব। তার আগে আমরা এখানে কি করব? আমরা আমাদের সোপবেসটা কানেক্ট করে দিব। এন্ড যদি আমরা সোপবেসটা আমাদের লভেলের ওয়েবসাইটের সাথে কানেক্ট করে দেই, সেক্ষেত্রে যদি সে লভেল আমরা যদি ব্যাক
Speaker A
এখান থেকে গিটাবে কোডগুলো পুশ করে দিতে পারব। এখন কাজ হবে আমি যে রেফিজরিটি বা ফাইলটা ক্রিয়েট করলাম আমার পিসিতে সেটাতে আমার আমি যে কোডটা ডাউনলোড করেছিলাম সেটা আর কি সেই ফাইলটা আনজিপ করে সেই নিউ রিপোজিটরি বা ফাইলটাতে আমি কোডটা আপলোড করব এন্ড
Speaker A
এন্ড ক্রিয়েট করি, সেক্ষেত্রে সেখানে স্ট্রাকচার ব্যাক এন্ডে যতগুলো এসকিউএল আছে সবগুলো ট্রান্সফার হয়ে সোপবেসে চলে যাবে। তো সেক্ষেত্রে আপনি এখান থেকেই আপনার প্রপার একটা ফাংশনাল ওয়েবসাইট ক্রিয়েট করতে পারবেন। আমি পরবর্তীতে দেখাবো যে এটা কিভাবে করবেন। এন্ড এখানে কিছু লিমিটেশন
Speaker A
লিখে এন্টিগ্র সফটওয়ারটায় আপনার ডেসকটপে ডাউনলোড করে ইনস্টল করে নিবেন। এখান থেকে আপনার ডিভাইসটা সিলেক্ট করে ডাউনলোড করে নিবেন। সো এখানে ডাউনলোড হচ্ছে। আমরা কিছুক্ষণ ওয়েট করি। সো আমাদের এন্ডিটা ডাউনলোড শেষ। এখানে আমরা এক্সেপ্ট করে জাস্ট নেক্সটে ক্লিক করে জাস্ট ইনস্টল করে নেব।
Speaker A
সেজন্য আমরা লভেলের মধ্যে আমাদের ওয়েবসাইটটা রাখবো না। অনেকেই লভেল ক্লাউড ইউজ করে প্রপার ওয়েবসাইট বানায়। তবে লিমিটেশন শেষ হওয়ার পরেই দেখা গেছে পরবর্তীতে সে ওয়েবসাইটটা পজ হয়ে যায়। এন্ড সেক্ষেত্রে আপনাকে এই লভেল ওয়েবসাইটের ক্লাউডটা ইউজ করাটা আমি রেকমেন্ড করবো না। আপনি সোপবেস আপনার
Speaker A
এন্ড এখন আমি যে ফোল্ডারটা আই মিন রেপজিটরিটা ক্রিয়েট করেছিলাম সেটা এখান থেকে সিলেক্ট করে দিব। যেহেতু এখানে কোন কোড নেই। এন্ড এখানে কোন শো করছে না। তো আমরা যে কোড ফাইলটা ডাউনলোড করছিলাম এটা থেকে এটা জাস্ট কপি করে এনে জাস্ট আমার এই নিউ ফোল্ডার থেকে
Speaker A
একটা ক্রিয়েট করে একাউন্ট ক্রিয়েট করে আপনি ব্যাক এন্ড হিসেবে কাস্টম নিক ইউজ করেন। স সেক্ষেত্রে আপনার ম্যানেজ করা ইজি হবে। এখানে আমরা আমাদের ব্যাক এন্ড সোপবেসটা কানেক্ট করে নিয়েছি। যদি আমরা এখানে আমাদের ফ্রন্ট এন্ডটা শুধু ডিজাইন করব। আমরা ব্যাক এন্ড আমরা আমাদের কোড এডিটরে
Speaker A
ফাইলগুলো ডিলিট করে দিব। এখানে এসে আমি জাস্ট ফোল্ডারটা সো এখান থেকেও আমি কপি করে নিয়ে এখানে পেস্ট করে দিব। উপরের ফাইলটা আমি ডিলিট করে দিব। স আমরা যদি এখন গিটা ডেসকটপে এখানে আমাদের সকল কোডগুলো দেখাচ্ছে। সো আমরা এখানে একটা কমেট দিয়ে গিটাবে কোডগুলো
Speaker A
গিয়ে আমরা ব্যাক এন্ড কানেক্ট করব। সো কানেক্ট করব। সো এখানে আমরা ওয়েবসাইটের স্ক্রিনশট এন্ড পিআরডিটা লিখে জাস্ট বিল্ডে ক্লিক করে দিব। সো এখানে আমাদের লভেলের ফ্রন্ট এন্ড রেডি হয়ে গেছে। সো আমরা এখানে প্রিভিউ করে দেখে নেব। সো আমরা যে রেফারেন্স
Speaker A
গিটহাব এর মাধ্যমে আপনার বিল প্রসেসটা আছে ওয়েবসাইট আপনার ওয়েবসাইটটা হোস্টিং এ আপলোড করা এন্ড লাইভ করা যেকোন কিছু আপডেট করলে সেটা অটোমেটিকভাবে আপনার ওয়েবসাইটে লাইভ আপডেট হয়ে যাবে। স এটা আমরা দেখবো সেটা কিভাবে করবেন। ওকে সো আমাদের কোডটা গিটাবে আপলোড হয়ে
Speaker A
ওয়েবসাইটের লিংকটা দিয়েছিলাম এন্ড পিআরডিটা লিখেছিলাম সেম টু সেম ডিজাইনটা করেছে। এখানে আইকন ইমোজি এড করেছে। যেহেতু আমরা কোন ইমেজ দেইনি, সে ডিফল্ট ভাবে একটা ইমেজ ক্রিয়েট করেছে জাস্ট টু ডু অন হিরো সেকশন। এখানে গুগল অথেন্টিকেশন এন্ড এখানে সকল কিছুই আর কি ওই রেডি করেছে। ফন্ট
Speaker A
আমরা যে কমেন্ট দিয়ে গিটাবে কোডগুলো পাবলিশ করেছিলাম সো এখানে এগুলো কোডগুলো শো করতেছে সো আমরা এখন এটা কি করবো গিব এর সাথে আমরা হোস্টিং কানেক্ট করব এন্ড এটা অটোমেটিক করে দিব প্রসেসটা এন্ড এতে করে আমরা যতগুলো কোড আপডেট করব এগুলো গিটাবে
Speaker A
যতগুলো পেজ দরকার এন্ড এখানে আমরা লভেল ক্লাউড যেহেতু এড করেছি, এটা এখানে ফেচ করে নাই যার কারণে আমাদের ব্যাক এন্ড রেডি হয় নাই। আমরা একটা পরবর্তীতে এন্টিগ্রিটির মাধ্যমে আমরা সোপবেসের ব্যাক এন্ডটা কানেক্ট করব। এখানে সাইনিং এন্ড সাইন আপ
Speaker A
রেপজিটরি সিলেক্ট করতে পারবে। যেহেতু আমি অলরেডি করেছি। এখানে আমি প্রপ সেকশনে এসে এপ্লিকেশনে এসে আমার নিউ রেপোজিটরি যেটা সেটার এক্সেস আমি হোস্টিং এর যে টুলটা আছে এটাতে আমি এক্সেস দিয়ে দিব। এন্ড এখানে সিলেক্ট রেপজিটরি এসে আমি আমার রেপজিটরিটা সার্চ করবো।
Speaker A
ফর্মটা কাজ করতেছে। আই মিন এখানে জাস্ট ডিফল্ট ভাবে সাইনিং এন্ড সাইন আপ ফর্মটা দেওয়া আছে। এখানে ইনরোল অপশন এখানে যতগুলো অপশন দেখছেন, এগুলো সবগুলোই ফ্রন্ট থেকে রেডি হয়েছে। এন্ড এগুলো জাস্ট ডেমো আর কি আমরা কন্টেন্ট এখানে ব্যাকএন্ডে নেই। এন্ড আমরা যদি
Speaker A
সকল কিছুই দেওয়া আছে জাস্ট আপনি ডিপ্লয় ক্লিক করলেই এটা অটোমেটিকভাবে ডিপ্লয় হয়ে যাবে সো আমরা কতক্ষণ ওয়েট করি। সো আমাদের ডেভলপমেন্ট কমপ্লিট হয়ে গেছে। সো আমরা যদি আমাদের ডোমেনে যাই সেক্ষেত্রে আমরা দেখতে পাব আমাদের হোস্টিং এই আমাদের ওয়েবসাইটটা লাইভ হয়ে গেছে। সো এখানে সকল
Speaker A
কোন পারচেস করি বা একাউন্ট ক্রিয়েট করি, এখানে লগিন ইনফরমেশন হোক, ইউজার ইমেইল এড্রেস, পাসওয়ার্ড অথবা কোর্সের ডিটেইলস যাই হোক না কেন, এগুলো আমাদের ব্যাক এন্ডে কোন কিছুই সেভ হচ্ছে না। এখানে আমাদের প্রম লাইব্রেরি পেজ এন্ড আদার যেই নিউজ এবাউট
Speaker A
করব। আপনি ট্রাই করবেন Google স.5 ওপাস এজমি 3.টা ইউজ করার জন্য। এখন আমরা এখানে আমাদের লোগোটা চেঞ্জ করব এন্ড টাইটেলটা চেঞ্জ করব। সো প্রথম প্রমটা আমরা এটা দিব এ ভার্সিটি লেখা এখানে আমাদের হেডারে। এখানে এসে এ ভার্সিটিটা বলব যে এভার্সিটি টেক্সটটা
Speaker A
এন্ড লগিন পেজ সবকিছুই আরেক রেডি। এন্ড এখানে ডিফল্ট ভাবে কোন কিছু সাইন আপ করলেও জাস্ট লগইন করে নিচ্ছে। এন্ড এখন আমরা ক্লাউডে চলে যাব। এন্ড এখানে দেখতে পাচ্ছি যে আমাদের ক্লাউড ইনেবল হয় নাই। এন্ড এখান থেকে আমরা একটা
Speaker A
করেছে এন্ড সকল চেঞ্জেস আপনি রাইট সাইড এন্ড দেখতে পারবেন সো যতগুলো পেজ ছিল সকল পেইজের হেডারে সে চেঞ্জেস করেছে। ওকে সো আমাদের লোগো টেক্সটটা আপডেট করা শেষ। আই মিন সাইট টাইটেলটা। এন্ড এখন আমরা যদি এক্সেপ্ট অলে দেই তাহলে
Speaker A
সুপারবেসের একাউন্ট ক্রিয়েট করে নেব। এখানে আমাদের প্রজেক্ট নাম এন্ড ডাটাবেসের পাসওয়ার্ড দিয়ে রিজিয়ন যেটা আপনার কাছাকাছি হয় সেটা আপনি সিলেক্ট করবেন। এখানে আমরা প্রজেক্ট সেটিং এ এসে আমাদের প্রজেক্ট নামটা লিখে দিব। সেভ চেঞ্জেস করে দিব। এন্ড প্রজেক্ট ওভারভিউতে এসে আমরা
Speaker A
ওয়েবসাইট হোস্ট করেন সেক্ষেত্রে আপনার অবশ্যই এইচটিএস ফাইল ক্রিয়েট করে নিতে হবে। কেননা এসটি এক্সেস ফাইল ছাড়া এটা সাপোর্ট করে না। সো আমরা এখন এখানে এনপিএম ইন্স্টল করব। এন্ড এমপিএন ইনস্টল করার ফলে আমরা আমাদের লোকাল হোস্টেই আমাদের প্রজেক্টটা লাইভ দেখতে পারব।
Speaker A
চলে যাব এসকিউএল। এসকিউএল এসে দেখতে পারব যে এখানে কোন কিছু ডাটা আসে নাই। কেননা আমাদের সো পেজটা কানেক্ট করার পরে এখানে ফেচ হয় নাই। আই ডোন্ট নো হয়। সো আমরা এটা পরবর্তীতে গিয়ে ই করব। এন্ডিকেবিলিটি দিয়ে ব্যাক এন্ডটা কানেক্ট করব। এন্ড এখানে আমি
Speaker A
এই কমান্ডটা আপনি দিবেন এখানে এনপিএম ইনস্টল করার পরে সো আমাদের একটা লোকাল হোস্টে একটা লাইভ লিংক জেনারেট হয়ে গেছে। সো আমরা এই লিংকে গেলেই আমাদের সকল চেঞ্জেস গুলো লাইভ দেখতে পারবো হোস্ট করা ছাড়াই। সো এখন আমি বলব চেঞ্জে টু এআই কোর্স ফ্রি
Speaker A
বলব কি।
Speaker A
ব্যাক এন্ড এন্ড এখানে আমরা বলব যে যেহেতু আমরা লাইভ করেছি হোস্টিঙ্গারে এড এখানে বলব এইচটি এক্সেস ফাইলটা মিচিং আছে তুমি এসটি এক্সেস ফাইলটা ক্রিয়েট করে দাও ওকে। সো আমাদের এসটি এক্সেস ফাইলটাও ক্রিয়েট হয়ে গেছে। সো আমরা এখানে এসে
Speaker A
আমাদের গিটাবে কোডগুলো আর কি কমেন্ট করে পুশ করে দিব। এতে করে আমাদের হোস্টিং এলেও আমাদের লাইভ ইউআরএলও চেঞ্জেস গুলো চেঞ্জ হয়ে যাবে। সো এখানে আমাদের কমিট নেম যেটা প্রথমে দিয়েছিলাম সেটা এখানে শো করছে। সো আমরা এখানে একটা নিউ কমেন্ট দিয়ে গিটাবে এটা যতগুলো
Speaker A
চেঞ্জেস হয়েছে সকল কিছুই আমরা গিটাবে পুল করে দিব। সো এখানে পুশ অরিজিন এখানে ক্লিক করব। সো এখানে গিডাবে পুশ করার সাথে সাথেই আমাদের ডিভলপমেন্ট প্রসেস আমাদের হোস্টিংারে স্টার্ট হয়ে যাবে। এন্ড পরবর্তীতে দেখব আপনি যদি সি প্যানেলে অথবা ম্যানুয়ালি আপনাদের বিল্ড করতে চান
Speaker A
সেক্ষেত্রে আপনি করতে পারবেন সেটাও দেখানো হবে। সো এখানে আমাদের একটা ডেভলপমেন্ট স্টার্ট হয়ে গেছে। সো আমি যদি মাই রেপজিটরিতে গিয়ে চেক করি আমাদের যে নিউ আর কি আমাদের কমিটটা এসেছিল সে অনুযায়ী সেই চেঞ্জেসগুলো এখানে করে দিয়েছে। সো আমি
Speaker A
যদি লাইভ ইউআরএল চলে যাই তাহলে দেখতে পারবো যে আমাদের যে চেঞ্জেসগুলো করেছিলাম সেখানে এখানে শো করছে এআই প্রজুস এন্ড আরো অনেক চেঞ্জেস ছিল যেগুলো আমরা করেছি লাইক এসটি এক্সেস ফাইলটা আমরা ক্রিয়েট করেছি সো এখন কোন এরর আসবে না এখানে সো
Speaker A
লাইভ ইউআরএল প্রপারলি কাজ করবে সো এখন আমরা আমাদের প্রজেক্টের সাথে কানেক্ট করবো আমাদের সুভাবেস। এখানে আপনি এমসিপি সার্ভারের মাধ্যমেও সোবেস কানেক্ট করতে পারেন। এতে করে আপনার প্রসেস ডেভলপমেন্ট আর কি যতগুলোই ডাটাবেস ক্রিয়েট হোক না কেন অটোমেটিকভাবে এমসিবি সার্ভারের
Speaker A
মাধ্যমে আপনার সোবেসে কানেক্ট হয়ে যাবে। ক্রিয়েট হয়ে যাবে। এখানে কিছু প্রবলেম এ কারণে আমার এখানে এটা অনেক ট্রাই করার পরে হচ্ছিল না। কেননা আমি এর আগে একটা এমসিবি সার্ভার কানেক্ট করছিলাম। এন্ড এ ডিসকানেক্ট করার পর থেকে এই ইস্যুটা
Speaker A
আসতেছে। এই ইস্যুটা আমি এখনো সলভ করতে পারিনি। মেবি এটা নেক্সট আপডেটে আমাদের সলভ হয়ে যাবে। সো আমরা এক্ষেত্রে আপনার ম্যানুয়ালি আমরা এটা আমাদের সোজটা আমাদের প্রজেক্টে কানেক্ট করব। ওকে। সো এটা হচ্ছে আমার নিউ একটা প্রজেক্ট। এখানে আমি আমার পোর্টফোলিও
Speaker A
ওয়েবসাইট বানিয়েছিলাম। এটা আমি এন্ডিভিটি দিয়েই ক্রিয়েট করেছি। সো সেম প্রসেস লাভেল এন্ড এন্ডি ইউজ করে প্রম দিয়ে। এন্ড আশা করি এটা আপনারা পারবেন ইজি। সো এখানে আমার যে পোর্টফোলিও ওয়েবসাইটে যেটা আপনি এই মুহূর্তে দেখতে পাচ্ছেন কোড সেকশনে। সো
Speaker A
এই ওয়েবসাইটটা আমি বাইপ কোডিং এর মাধ্যমে ক্রিয়েট করেছি। এখানে সকল কিছুই বাইপ কোডিং করে করা। প্রথমত এই ওয়েবসাইটটা ছিল হচ্ছে আপনার এইচটিএমএল এ। পরবর্তীতে আমি রিএক্ট নট জিএস এ কনভার্ট করেছি। এন্ড এখানে ওয়েবসাইটটা আমি ট্রাই করেছি মোবাইল ফ্রেন্ডলি করার জন্য। যেহেতু আমার
Speaker A
পোর্টফোলিও ওয়েবসাইটে আমার যতগুলো ক্লায়েন্ট আছে সবগুলোই আর কি মোবাইল ডিভাইসের মাধ্যমে আমার পোর্টফোলিও ভিজিট করে। সো এটা আমি পরবর্তীতে আরো রেসপন্সিভ করব। এন্ড এখানে যেহেতু কোন ব্যাক এন্ড নেই এন্ড এখানে আমরা ব্যাক এন্ড কানেক্ট করব। সো ব্যাক এন্ড কানেক্ট করার জন্য
Speaker A
এখানে আমাদের যে প্রজেক্টটা আমি যেটা ক্রিয়েট করেছিলাম সেটা পস হয়ে আছে। কারণ আপনি যদি সোবেসে ফ্রি প্ল্যান ইউজ করেন সেক্ষেত্রে আপনার যদি কোন এপিআই কল না আসে ডাটাবেসের সেক্ষেত্রে সাতদিন পরে যদি কোন ই না পায় সেক্ষেত্রে ওটা পজ হয়ে যায় অটোমেটিকভাবে।
Speaker A
সো এটা ম্যানুয়াল ইসে আপনার এটা আনক্লোজ করতে হয় আর কি লাইভ করতে হয় সো এটা লাইভ করার পরে একক্টিভ করার পরে আমাদের প্রজেক্ট আইডি কিভাবে আমাদের প্রজেক্ট এটা কানেক্ট করব সোবেসটা ম্যানুয়ালি সো সেটাই দেখব এন্ড আপনি সোবেসটাও কানেক্ট করতে পারেন এমসিবি
Speaker A
সার্ভারের মাধ্যমে এখানে এসে সোবেস সিলেক্ট করে জাস্ট এখানে আপনার একটা লিংক থাকবে। এখানে ক্লিক করে জাস্ট আপনি সোবেসে পারমিশন দিয়ে দিলেই হবে। সো পরবর্তীতে বললেই হবে যে তুমি আমার প্রজেক্টের সাথে সোফেসে কানেক্ট করে দাও। তাহলে সে অটোমেটিকভাবে কানেক্ট
Speaker A
হয়ে যাবে। যতগুলো এসকউএল আছে ডাটাবেসের সকল কিছু সে এই অটোমেটিকভাবে আপনার সোফেসেও পুশ করবে। আপনার এস ফাংশন হোক সকল কিছুই। স আপনি কানেক্ট প্রজেক্টে এসে আপনারে এপিআই আই মিন সোয়াবেসের ইউআরএলটা দিয়ে আমি এখানে বলেছি আমার কোর সেলিং প্ল্যাটফর্ম হবে
Speaker A
এখানে পুরো পিআইডিটা তুমি লিখে দাও সো এখানে সকল কিছু ফাংশন কিভাবে কাজ করবে ডিজাইন কেমন হবে তো আমি সিম্পল একটা প্রম দিয়েছি আপনি চাইলে দেখতে পারেন পজ করে। সো সে থিংক করে বলছিলাম যে প্রথমত তুমি ইমপ্লিমেন্টেশন প্ল্যানটা ক্রিয়েট করবে। আই মিন পিআইডিটা
Speaker A
ক্রিয়েট করবে। দেন আমি তোমাকে পুরো ফুল জিনিসটা আমি পড়ে দেন তোমাকে এপ্রুভ করে তুমি করবে। সো এখন এখানে আমি যদি আমার এ ভার্সিটিতে চলে যাই। সো এখানে এসে আমি কিছু জিনিস দেখবো। আই মিন ড্যাশবোর্ডটা কেমন?
Speaker A
আই মিন হচ্ছে গিয়ে আপনার কোর্স পেজটা কেমন। সো সেটা একটু দেখে নেব। আমি চাচ্ছি সিমিলার একটা কোর্স পেজ। তো এখানে এসে আমি জাস্ট বলে দিই যে তুমি এটা করো। দেন আমি তোমাকে পুরো ডিটেলসটা পরবর্তীতে আমি কি কি চেঞ্জেস করা লাগে ওগুলো বলব তার আগে
Speaker A
তুমি অবশ্যই এটাতে চেষ্টা করবে ফ্রি রেসপন্সিভ করার এন্ড মোবাইল রেসপন্সিভ এই মেন প্রোগ্রেস একটু যেন এটা মোবাইলের রেসপন্সিভ বেশি হয় আমি এজন্য একটা প্রম দিয়ে ওকে ইন্টশন প্ল্যানটা এপ্রুভ করে দিব সো এখনো ওই পুরো প্রসেসটা করবে আই মিন বিল করবে যে
Speaker A
ইমপ্লিমেন্টেশন প্ল্যানটা ক্রিয়েট করেছিল আমাকে জাস্ট এপ্রুভ দিয়ে দিতে হবে সো এটাই হচ্ছে কাজ বাইপ কোডিং এই একটা মজা আপনি জাস্ট ওকে পিডিটা দিবেন জাস্ট বলবেন যে কি করতে হবে সে সকল কিছু করে দিবে কিন্তু আপনার অবশ্যই প্রসেসটা জানতে হবে স আপনি
Speaker A
যদি অনেকেই কোর্সে করায় সেখানে অনেকেই শুধুমাত্র লাভল দিয়ে আই মিন পুরো একটা ওয়েবসাইট ক্রিয়েট বাট সেখানে ক্রেডিট শেষ হয়ে গেলেই সেই প্রজেক্টটা পস হয়ে যায়। বাট আপনি এভাবে যদি করেন সেক্ষেত্রে আপনার প্রজেক্টটা ফুললি ফাংশনাল হবে। এন্ড আপনি চাইলে এটাকে
Speaker A
হাই লেভেলে প্রোডাকশন রেডি ওয়েবসাইট বানাতে পারবেন। স এখানে আমাদের ইএমবি ফাইলটা ক্রিয়েট হয়ে গেছে। যেখানে আমাদের সোপেজটা কানেক্ট হবে। সো প্রথমত সে সকল কিছুই লিখতেছে যে পেজগুলো দরকার। যেহেতু আমি কোর সেলিং ওয়েবসাইট বানাচ্ছি এন্ড সেক্ষেত্রে সে আমার হয়ে পুরো যে
Speaker A
স্ট্রাকচার রয়েছে আই মিন এডমিন ড্যাশবোর্ড ইউজার ড্যাশবোর্ড ডিজাইন এন্ড কম্পোনেন্ট কি কি হবে তো সকল কিছু সে এখানে ক্রিয়েট করতেছে পরবর্তীতে আমরা ওকে বলব যে এসকউএল ফাইলটা ক্রিয়েট করে দেয়ার জন্য আমরা সেই এসকউএল ফাইলটা যদি আমরা আপনার সোফেসে গিয়ে পেস্ট করি সেক্ষেত্রে
Speaker A
আমাদের আপনার কম্পোনেন্টের সাথে সুপার পেজটা কানেক্ট হয়ে যাবে। সো আমরা একটু ওয়েট করি। আমি এডমিন নিয়ে এসে দেখতে পাচ্ছি যে আমাদের এডমিন ড্যাশবোর্ডটা এখন পর্যন্ত ক্রিয়েট হয় নাই। স আমরা একটু ওয়েট করি। এন্ড এন্ডিকেবিডি ইউজ করার একটা বেস্ট
Speaker A
পার্ট হচ্ছে এখানে এনডিকেবিডি আপনার ব্রাউজারে এক্সেস নিয়ে আপনার লাইভ ইউআরএল এ গিয়ে সকল কিছু চেক করবে। যে সকল পেজেস ক্রিয়েট হয়েছে কিনা। এখানে ব্যাক এন্ডে আপনার ফ্রন্টের কোন ইস্যু আছে কিনা। সো সকল কিছুই সে অটোমেটিক ভাবে নিজেই চেক করবে। এন্ড চেক করে সে
Speaker A
প্রোডাকশন রেডি করবে। এখানে আমাদের লগিন পেজটা ক্রিয়েট হয়েছে। এন্ড ওই এআই আপনার হয়ে আপনার পেজটা রিড করবে এন্ড স্ক্রিনশট নিবে। এন্ড ভিডিও রেকর্ড করবে। এন্ড দেন দেখবে কোথাও কোন ফিচার মিসিং আছে কিনা। এখানে দেখতে পাচ্ছেন গেটিং ডম। সো এজেন্ট
Speaker A
আমাদের ব্রাউজার এক্সেস নিয়েছে এন্ড সকল পেজেস ভিজিট করছে এন্ড দেখতেছে সকল পেজেস ক্রিয়েট হয়েছে কিনা সাকসেসফুলি সো সকল পেজে সে ক্রিয়েট করেছে এখানে লগিন সাইন আপ ফর্ম ক্রিয়েট করাটা সো এখানে ওই এগেন সে কোর্সের সেকশন চলে যাবে। এন্ড
Speaker A
সেখানে গিয়েও সে দেখবে সে যে আর কি আপনার পেজেস গুলো ক্রিয়েট করেছে সেগুলো প্রপারলি ক্রিয়েট হয়েছে কিনা। তো সে নিজে আর কি ব্রাউজারে গিয়ে সে স্ক্রিনশট নিবে এন্ড দেন সেটা এনালাইজ করবে। এখানে কো সেকশন পেজটা এনালাইজ করছে এন্ড লগিন পেজটা
Speaker A
এনালাইজ করছে। এগেন সো আপনি চাইলে এই প্রসেসটা স্কিপ করে ম্যানুয়ালি চেক করতে পারেন। এন্ড যদি কোন ইস্যু পান সেক্ষেত্রে আপনি প্রমের মাধ্যমে তাকে দিয়ে ডিটেলস দিয়ে আর কি সলভ করে নিতে পারবেন। সো এটাও একটা বেস্ট আর পিএনডিবিটি ইউজ করার একটা বেস্ট রিজনই
Speaker A
হচ্ছে এটা যে আপনার ব্রাউজার এক্সেসও আপনার এন্টিভিটি কাছে থাকে। এন্ড সেখানে ভিজিট করে আপনার স্ক্রিনশট নিয়ে সেটা এনালাইজ করে দেখে। এন্ড কোন বাক্স ইস্যু থাকলে সেটা ফিক্স করে দেয়। সো আমাদের ইমপ্লিমেন্টেশন আমরা যে পিআরডিটা দিয়েছিলাম তো সেই ফাংশন অনুযায়ী
Speaker A
সে সকল পেইজেস ফাংশন আইডি ক্রিয়েট করে দিয়েছে এন্ড ও আমাদের বলতেছে যে এখন তোমার কাজ হবে সো পেজে গিয়ে এসকউলটা মাই মাইগ্রেশনটা রান করা। বাট আমি দেখতেছি যে মাই এসকলেশন আর কি এসকউএল ফাইলটা ক্রিয়েট করা নাই। যেটা আমি সো অফিসে কি পেস্ট
Speaker A
করবো। এন্ড আমি ওকে জাস্ট বলব যে তুমি এখন মাই এসকএল ফাইলটাও লিখে দাও। সো এখন যতগুলো মিসিং মাই স্কুল ফাইল রয়েছে সকল কিন্তু সে লিখে দিতেছে। সো আমরা ওয়েট করি। প্রথমত আমাদের কম্পোনেন্ট গুলো রিড করলো দেন ও আর কি এসকল ফাইলটা লিখে দিয়েছে স
Speaker A
আমরা এখন চলে যাব আমাদের সবেসে এন্ড সেখানে গিয়ে আমরা মাইগ্রেশনটা রান করব সো আপনি এখানে টেবিল এসে দেখতে পাচ্ছেন এখানে কোন টেবিল নেই স আমরা এসকউএলটা এখানে ইউজারও নেই আমরা একটা ইউজার ক্রিয়েট করে নিতে পারি এখান থেকে যাতে করে আমরা ইজিলি লগইন করে সবকিছু চেক
Speaker A
করতে পারি এখানে আমরা ইমেইল এন্ড পাসওয়ার্ড দিয়ে নেব এন্ড এটা অটো কনফার্ম সিলেক্ট এটা এপ্রুভ করে দিব। এখানে আমি সাইন আপ করার ট্রাই করছিলাম। এন্ড এখানে আমাদের সাইন আপের ইউজার ইমেইল এন্ড পাসওয়ার্ড দেখাচ্ছে। এখানে আমরা ফাইলটাতে ক্লিক করব।
Speaker A
এন্ড এটা আমরা কন্ট্রোল এ প্রেস করে এটা ফুললি কন্ট্রোল সি কপি করব। এন্ড আমরা চলে যাব সোসে এন্ড সেখানে গিয়ে আমরা চলে যাব হচ্ছে এসকউএল এডিটরে এখানে এসে আমাদের এসকউএল কোডটা এখানে পেস্ট করে জাস্ট রান করে দিবেন রান দিস কিউতে ক্লিক করব ওকে আমাদের
Speaker A
এখানে দেখবেন যে সাকসেস আসে কিনা সাকসেস আসলে বুঝবেন যে এখানে মাইগ্রেশনটা ফুলি কাজ করেছে সেখানে আমাদের টেবিল ক্রিয়েট করেছে কোর্সেসর আইটেমের এন্ড আদার থিং এন্ড আপনি যদি এখানে এসে অথেন্টিকেশন অথবা ডাটাবেসে আসেন এন্ড স্কেমা ভিজুয়াল আছেন সেক্ষেত্রে দেখতে পারবেন যে আমাদের যে
Speaker A
ব্যাকেন্ড সেটা কিভাবে কাজ করবে এখানে ভিজুয়ালের মাধ্যমে আপনি দেখতে পারবেন এন্ড সকল স্কুল আছে কিনা আপনার এখানে দেখতে পারবেন সো আমরা অলরেডি একটা ইউজার ক্রিয়েট করেছি এখান থেকে আমরা জাস্ট কপি এন্ড পেস্ট করবো যে ইউজারটা আমরা ক্রিয়েট করছিলাম। সো এখানে লগিন হয়ে গেছে। এন্ড
Speaker A
এখানে দেখতেছে আমাদের ড্রপডাউন মেনুটা কাজ করতেছে না। এন্ড প্রোফাইলে ক্লিক করলেও সেখানে আমাদের আই মিন ড্যাশবোর্ডে নিয়ে যাচ্ছে না। সো এটা আমরা ফিক্স করব। আমরা দেখি এডমিন নিয়ে যায় কিনা। সো এডমিন ড্যাশবোর্ডটাও রিলোডিং হচ্ছে। সো এই দুইটা জিনিস আমরা যেহেতু দুইটা বাক্স
Speaker A
পেয়েছি। ড্রপডাউন মেনুটা কাজ করতেছে না। লগিন পেজে নিয়ে যাচ্ছে না। আই মিন ড্যাশবোর্ডে। এডমিন ড্যাশবোর্ডটাও জাস্ট লোডিং হচ্ছে। এখান থেকে এসে আমরা জাস্ট ওকে বলব যে দ লগিন পেজ এন্ড এডমিন ড্যাশবোর্ড ইজ অন ওয়ার্কিং জাস্ট লোডিং স এখন আমরা জাস্ট ওয়েট করবো
Speaker A
এন্ড এটাতে কিভাবে আর কি আমরা ইমেইল সেটআপ করবো কিভাবে আমরা গুগল সাইন কানেক্ট করবো সকল কিছুই দেখানো হবে এন্ড আমরা এখানে ড্রপডাউন প্রবাল ডপডাউন যে অপশনটা আসতেছে না সেটাও বলে দেব। সো এন্ডিকেডির এই একটা মজা আপনার ব্রাউজার এক্সেস তার কাছে থাকে এন্ড সে ডাইরেক্টলি
Speaker A
আপনার লাইভ ইউআরএল গিয়ে স্ক্রিনশট নিয়ে সে নিজে নিজেই নেভিগেট করে আর কি বাটনে ক্লিক করে দেখে নিতে পারবে। এন্ড সে কোন প্রবলেম থাকলে সে আইডেন্টিফাই করেও সলভ করে নিবে। সো সে অলরেডি ব্রাউজারটা ফিচ করছে। আমরা ওয়েট করি। এডমিন ড্যাশবোর্ডটাও লোডিং হচ্ছে। যেটা
Speaker A
আমি প্রমটে বলেছিলাম। সো এটার একটা স্ক্রিনশট নিবে সে। সো স্ক্রিনশট নিয়ে সে এটা রিড করে এটার সলিউশন এন্ড প্রবলেমটা আইডেন্টিফাই করে সলভ করে নিবে। ওকে এখন দেখতেছি সে প্রবলেমটা আইডেন্টিফাই করেছে। এন্ড এখন সে কোডিং এ কাজটা করবে। আই মিন কিভাবে সলভ করা যায়।
Speaker A
সো আমরা জাস্ট ওয়েট করবো এন্ড দেখবো কি করে। এন্ড যদি একদিন কোন ইস্যু পাই সেটা আমরা এভাবে জাস্ট আস করে করে যেহেতু এনডিকেবিডি আমাদের ব্রাউজার এক্সেস নিয়েই থাকে। এন্ড সে রিড করে এন্ড স্ক্রিনশট নিয়ে প্রবলেম আইডেন্টিফাই করে সলভ করতে পারে।
Speaker A
সো আমরা জাস্ট ওয়েট করবো এন্ড ফ্রম দিয়ে জাস্ট সাইটটা রেডি করে ফেলব। এন্ড সামনে আরো অনেক হ্যাক এন্ড কিভাবে ফাংশনটি এড করবেন কোন এরর আসলে কিভাবে সল করবেন এগুলো দেখানো হবে। ওকে এখন আমরা দেখতে পাচ্ছি যে আমাদের এজেন্ট আমাদের ব্রাউজার এক্সেস নিছে। এন্ড
Speaker A
সে এখানে ড্রপডাউন মেনুটা ফিক্স করে ফেলেছে। এন্ড ড্যাশবোর্ডে গেলেও এখানে রিলোডিং হচ্ছে। আমি একটা হার্ড রিফ্রেশ দিব পরবর্তীতে। দেখব এটা কাজ করে কিনা। এন্ড এখানে আমাদের একটা এসকউএল দিয়েছে। স আমরা এটা রান করে দিব। সো রান করার পরে এখানে দেখতেছি আমাদের
Speaker A
এডমিন ডবটা কাজ করতেছে। এন্ড এন্ড এগেন সে আমাদের ব্রাউজার এক্সেস নিয়ে নিছে। এন্ড দেখতেছি আমি জাস্ট এখানে স্কিপ করে দেব। এন্ড আমি এটা ম্যানুয়ালি চেক করবো যে সব পেজেস এন্ড ফাংশন কাজ করতেছে না। এটা হচ্ছে কো সেকশন। এন্ড ড্রপডাউন মেনুটা কাজ
Speaker A
করতেছে। এন্ড ড্যাশবোর্ডে গেলে জিনিসটা কাজ করতেছে না। ড্রপডাউনটা যেহেতু কাজ করতেছে এন্ড আমি একটা কাজ করি যেহেতু এটা আর এই প্রজেক্ট এন্ড এখানে কেস অনেকাংশে জমা হয়। সো আমি ইউআরএলটা কপি করে অন্য সাইডেও দেখতে পারি। সো আমি অন্য একটা ব্রাউজারে এটা দেখবো যে
Speaker A
প্রপারলি কাজ করতেছে কিনা। এন্ড এখানে লগইন করে নিব। স এখানে এডমিন প্যানেল শো করতেছে। এডমিন প্যানেলে ক্লিক করলে আমাদের এডমিনের ড্যাশবোর্ডের ইনফো শো করতেছে। স আমাদের ড্যাশবোর্ডের জিরো ছিল ড্যাশবোর্ডে। এগুলো ফিক্স হয়ে গেছে। এখান থেকে আমি ইউজার ম্যানেজ করতে পারব। এন্ড ড্যাশবোর্ড। এখান
Speaker A
থেকে আমি কোর্স আপলোড করতে পারব। এখানে আমি একটা ডেমো পারপাসে একটা কোর্স ক্রিয়েট করি। এখানে কোর্সের টাইটেল এখানে শর্ট ডিসক্রিপশন। এন্ড ফুল ডেসক্রিপশন দিয়ে আমি জাস্ট পাবলিশ করে দিবেন মিডিয়া এন্ড একটা এখানে থামনেল ইউআরএল এন্ড আদার থিং আমি দিতে
Speaker A
পারবো স এখান থেকে আমি জাস্ট একটা ইমেজ কপি করব সো আমি এই ইমেজটার ইউআরএল কপি করব এন্ড এখানে YouTube এর ইউআরএল দিতে পারবো এন্ড এখানে প্রাইস আমাদের কোর্সের প্রাইসটা কেমন হবে এখানে আমরা প্রাইস এন্ড সেল প্রাইস দিতে পারি
Speaker A
এখানে ডিটেল সেকশন এসে আমাদের কারিকুলাম আই মিন এখানে কি কি আপনি শিখতে পারবেন এগুলো আমরা এখানে দিব রিকোয়ারমেন্ট এসে এন্ড কারিকুলামে এসে আপনার কারিকুলাম এড করবেন মডিউল এড করবেন মডি নিছেন এন্ড এখানে আপনার আপনি এটা কি ভিডিও নাকি ট্যাক্স ফরমেট
Speaker A
দিতেছেন সেটাও দেখাতে পারবেন এখানে ফ্রি ভিউ সো একটা কোর্স সেলিং ওয়েবসাইটে যতগুলো ফাংশন দরকার এখানে অলরেডি সে এড করে ফেলেছে এটা আমরা পাবলিশ করে দিব আমরা ব্যাক টু সাইডে গিয়ে কোর্সে দেখব যে এই কোটাইয়া আমাদের কোর্সটা চলে এসেছে এন্ড এটা দেখতে
Speaker A
পাচ্ছি যে ডেসকটপ এটা রেসপন্সিভ না তবে আমরা যদি মোবাইল ভিউতে দেখি সেক্ষেত্রে দেখব এটা ফুললি মোবাইল রেসপন্সিভ এন্ড আমরা পরবর্তীতে এটা ডেসকটপ রেসপন্সিভ করব। সো দেখতে পাচ্ছেন এটা কত সুন্দর একটা ইউজার এক্সপেরিয়েন্স আর কি মোবাইলে শো করতেছে। আই মিন ইউটা কত সুন্দর হয়েছে।
Speaker A
এখানে ইনরলে ক্লিক করে এখানে বিকাশ শো করতেছে। বিকাশ সেন্ড মানি অপশন শো করতেছে। যেহেতু আমরা কোন নাম্বার দেই নাই। এখানে কোন নাম্বার শো করতেছে না। তো চাইলে সেন্ড মানি করে কোর্সে ইনরোল করতে পারে। এন্ড আপনি চাইলে এপিআই কানেক্ট করতে পারেন। তো
Speaker A
এপিআইপি মেথড লাইক ইপিএস এসএসএল কমার্স উদ্যোক্তা পে অটোমেশন এর জন্য আপনি এখানে জাস্ট ওকে ডকুমেন্টেশনটা দিয়ে বলবেন যে এটা কানেক্ট করে দাও। সো এটা সে এখানে ডিপ্লয় করে দিতে পারবে। আই মিন ফিচারটা এড করে দিতে পারে। এটা হচ্ছে কোর্স লেসন
Speaker A
সেকশন। যেহেতু আমরা কোন ভিডিও এড করা নাই। এখানে ভিডিও শো করতেছে না। এন্ড আমরা আমাদের YouTube চ্যানেলে চলে যাব। এখানে এসে আমরা একটা ভিডিও লিংক দিব এন্ড দেখবো এখানে প্লে হয় কিনা। ওকে আমরা ভিডিও লিংকটা কপি করবো। এন্ড
Speaker A
কোর্সে এসে এডিট অপশনে যাব। এন্ড এখানে কারিকুলামে এসে আমরা ভিডিও ইউআরএল এই ভিডিওরটা আমরা পেস্ট করে দিব। এখানে সেম দিয়ে দিব। জাস্ট ডেমো পারপস। ওকে সো এখানে আমরা চাইলে টেক্সটটা কপি করে দিলাম কারিকুলামের এন্ড সেভ কোর্সে ক্লিক করব আমরা যদি ইউজার
Speaker A
ড্যাশবোর্ডে চলে যাই এন্ড কোর্স সেকশন যেহেতু ইনরল করে ফেলেছি আমি অলরেডি এন্ড এখানে ভিডিওটা প্লে হচ্ছে সো আমাদের কোর্স সেটিং ওয়েবসাইটের ইউজার ড্যাশবোর্ড এডমিন ড্যাশবোর্ড অলরেডি ফাংশন ডান সো আপনি এখানে আপনি জাস্ট ফ্রম দিয়ে দিয়ে এখানে আরো ফাংশনালিটি ইমপ্রুভ করতে
Speaker A
পারবেন। সো আমার কাছে এটা ডেসকটপ ভিউটা ভালো লাগেনি। এন্ড আমি ওকে বলব যে এটা ডেসকটপে রেসপন্সিভ করে দাও। এন্ড আমি এই লিংকটাও কপি করবো। আই মিন পাথটা যাতে করে সে বুঝতে পারে যে এটা একটা কোজ ডিটেল স্পেস। এন্ড
Speaker A
সে অনুযায়ী সেম সেটা ইজিলি আইডেন্টিফাই করে সেটা আর কি রেসপন্সিভ করতে পারে বা কোন বাক্স থাকলে সেটা সলভ করতে পারেন। আপনি এভাবে জাস্ট প্রমটম দিয়ে আপনি এখানে ফাংশনালিটি এড করতে পারবেন। এন্ড এখানে কোড করতে করতে কোন একটা এরর
Speaker A
এসে গেলে আপনি এখানে স্ক্রিনশট নিয়ে এন্ড ইররের আপনার ইরর টেক্সটুক কপি করে যে সেন্ডিতে দিবেন এন্ড সে প্রবলেমটা আইডেন্টিফাই করে সলভ করে দিবে এন্ড বাক্সর থাকলে সেটা সলভ করে ফিক্স করে দিবে সো আমরা একটু ওয়েট করি সো বাক্সটা অলরেডি ফিক্স হয়ে গেছে এখানে
Speaker A
আরেকটা ইস্যু দেখতেছি। এখানে জাস্ট লোডিং হচ্ছে। সো এই লোডিংটা আমরা ফিক্স করে নিব। সো এখান থেকে আমরা পাথটা কপি করব। সো এখানে আমাদের আগের পাদে চলে যাচ্ছে। লাইক যেহেতু আমরা এনবিএম রান ডেপ দিয়েছিলাম। মেকানিম আমাদের সাইটটা এখনো ডেসকটপ ভিউতে ব্রোকেন
Speaker A
দেখাচ্ছে। স আমরা এগেন প্রম দিয়ে এটা আইডেন্টিফাই করবো। যেহেতু অলরেডি সে ব্রাউজারের এক্সেস নিয়েছে। এন্ড সে আইডেন্টিফাই করতেছে। স আমরা ওয়েট করি। স সো এখনো সে প্রবলেমটা ফিক্স করতে পারে নাই। স আমরা ডাইরেক্ট মার্ক করে এখানে বুঝিয়ে দিব যে এখানে কি প্রবলেম হচ্ছে। সো
Speaker A
তুমি এটা ফিক্স করে দাও। সো আপনাকে কম্পোনেন্টগুলো মার্ক করে করে এখানে বুঝিয়ে দিতে হবে। এতে করে সে প্রপারলি আর কি আপনার জিনিসটা বুঝবে। এন্ড দেন এটা ফিক্স করবে। সো আমি আমার এই মেন ডোমেনে অলরেডি প্রজেক্টটা ডেপ্লয় করে ফেলেছি। এন্ড
Speaker A
কিভাবে করেছি সেটা শুরুতেই দেখিয়েছি। আমি জিনিসটা আর রিপিট করতে চাচ্ছি না। সো ল্যান্ডিং পেজ অলরেডি আমরা যেটা শুরুতে ক্রিয়েট করছি সেম ভাবে আর কি এভাবে ডেপ্লয় করা হয়েছে। সো এখানে আমরা দেখবো যে এখানেও সেম আর কি ব্রোকেন দেখাচ্ছে।
Speaker A
বাট মোবাইল ভিউতে এটা ফুললি রেসপন্সিভ এন্ড লুকিং ভেরি গুড স আই থিংকট অন মোবাইল ডিভাইস বাট ডেসকটপ ডিভাইস ব্রোকিং সসি ক্যান ডু সো সে বাক্স ফিক্স করতে থাক সেই মুহূর্তে আমরা গুগল সাইনিংটা এনেবল করব এখানে অথেন্টিকেশন এসে সাইনিং প্রোভাইড এসে আপনি
Speaker A
কনফার্ম ইমেইলটা এটা অফ করে দিবেন। আপনি যদি ডেভেলপমেন্ট থাকেন এন্ড আমরা সোবেস অতে এসে আমরা এখানে নিচের দিকে স্ক্রল করলে Google আর কি পাবো। এন্ড Google এ এসে এখানে এসে আমরা এপিআই ইনপুট দিব। এপিআই আমরা Googleু ডেভেলপার অপশন থেকে আমরা নিব। সো সেটা
Speaker A
কিভাবে আমরা এপিআইটা পাবো। এন্ড ফুল প্রসেস আমি দেখাবো। সো একটু ওয়েট করি। এখানে সে কাজ করতে থাক। সো স্টিল সেম এন্ড সে কাজ করতেছে আমরা ইউআরএল পাথটা সিলেক্ট করে দিতেছি আপডেটেড ইউআরএলটা ওকে সো আমরা গুগল সাইনিংটা ইনেবেল করে
Speaker A
নেই। সো এখানে আমরা চলে যাব আর্টিকেল সেকশনে। স লার্ন মোডে ক্লিক করে আমরা দেখতে পারবো যে কিভাবে এটা সেটআপ করতে হয়। স আমরা চলে যাব Googleুগল ক্লাউড প্লটফর্মে। স এখান থেকে এসে আমরা এপিআইটা ক্রিয়েট করব। এন্ড এখানে আমাদের একটা প্রজেক্ট ক্রিয়েট
Speaker A
করে নিতে হবে। সো আমরা এখানে একটা প্রজেক্ট ক্রিয়েট করে নেব। ওকে। সো আমাদের প্রজেক্ট ক্রিয়েট করার পরে আমরা এটা সিলেক্ট করবো। প্রজেক্টটা সিলেক্ট করে দিব। এন্ড দেন আমরা চলে যাব Google অথ প্লটফর্ম কনসোলে। এখান থেকে আমাদের প্রজেক্টটা সিলেক্ট করে
Speaker A
দেব। এন্ড এখন আমরা গেট স্টার্টেড ক্লিক করে আমাদের ওয়েব অপ অথবা ওয়েবসাইটের নামটা আমরা এখানে দিয়ে দিব অ্যাপ নেমটা। এন্ড এখানে আমাদের সাব ইমেইল এন্ড এখানে অডিয়েন্স এক্সটারনালটা সিলেক্ট করবেন। দেন নেক্সট এন্ড এখানে আপনার একটা ইমেইল দিয়ে জাস্ট
Speaker A
প্রজেক্ট কনফিগারেশনটা সেটআপ করে নিবেন। ওকে স আমরা ক্রিয়েট অথ ক্লায়েন্টে ক্লিক করব। দেন এখানে অপ্লিকেশন টাইপ ওয়েব অ্যাপ্লিকেশন ক্রিয়েট করে এখানে এপ্লিকেশনের নামটা দিয়ে দিব। এখানে অথরাইজ রিডাইরেক্ট ইউআরএল এসে আমাদের সোফিসে যে রিডাইরেক্ট ইউরটা আছে কলব্যাক ইউআরএল স এটা কপি করে এখানে পেস্ট
Speaker A
করে দেব এখান চাইলে আপনি অন্য ইউআরএল বা আপনার অন্য যদি রিড ইউর থাকে সেটা আপনি দিতে পারেন। এখানে আমাদের ক্লায়েন্ট আইডিটা শো করতেছে। সো আমরা এখান থেকেও ক্লায়েন্ট আইডিটা কপি করে এখানে ক্লায়েন্ট আইডিটা বসিয়ে দিব। এন্ড এখানে নামের মধ্যে ক্লিক করলে আর কিি
Speaker A
আপনার ক্লায়েন্ট আইডিটা ক্লায়েন্ট সিক্রেট আইডিটা দেখাবে। এন্ড এখান থেকে আমরা ক্লায়েন্ট আইডি এন্ড ক্লায়েন্ট সিক্রেট আইডিটা কপি করে এখানে পেস্ট করে দেব। এন্ড এখানে আপনি চাইলে এগুলো অন অফ করে দিতে পারেন। আমি জাস্ট সেভ করে দেব। স আমাদের গুগল সাইন ইনটা ইনেবল হয়ে গেছে।
Speaker A
এন্ড এটা এখন আমাদের প্রজেক্টে ইমপ্লিমেন্ট করতে হবে। স আমি জাস্ট কমেন্টটা দিয়ে দিব যে Googleুগল লগিন সিস্টেমটা ইনেবল করে দাও। আমি অলরেডি সুফিসে এপিআই কানেক্ট করে ফেলেছি। তুমি জাস্ট ইমপ্লিমেন্ট করে দাও লগিন সেকশনে। লা সো এখানে দেখতে পাচ্ছি যে আমাদের লগিন
Speaker A
সেকশনে আমাদের গুগল অথেন্টিকেশনটা এড করে দিয়েছে। আমরা অলরেডি যে ফমটা দিয়েছিলাম সেটা ইমপ্লিমেন্ট করেছে যদি বাক্সটা ফিক্স হয় নাই। সো আমরা চাইলে কিছু ইউআই দিয়ে আই মিন আপনি চাইলে ড্রেবেল অথবা বিহ্যান্স এসে আপনি ইউর আইডি নিতে পারেন এন্ড রেফারেন্স তাকে দিতে
Speaker A
পারেন যে এরকম স্টাইলে ইউইটা আমি চাই স আমি অলরেডি একটা লগিনের ইউআই আমি সিলেক্ট করে গেছিলাম স আমি বলব যে আমি এরকম একটা ইউআই চাই স আপনি চাইলে ফ্রেমারেরও কিছু প্রজেক্টের লগিন আই মিন প্রজেক্ট ইউআরএল এন্ড ইমেজ জাস্ট ওকে রেফারেন্স
Speaker A
হিপে দিতে পারেন। সো এখানে দেখতে পাচ্ছেন যে এরকম একটা ডিফল্ট অলরেডি লগিন সাইন আপ ফর্ম দেওয়া আছে। এন্ড আমি চাচ্ছি একটু ইউনিক। এন্ড এটা অলরেডি এখনো ফিক্স হয় নাই। আমি এগেন এটা কপি করে প্রবলেমটার কথা বলে দেব এন্টিভিটিকে।
Speaker A
স এখন আমরা প্রবলেমটা একদম একদম ডিটেলে বলে দেব যে এখানে কো সেকশনটা স্টিকি হয়ে আছে এন্ড এখানে কোন লেয়ারটা কোন সাইডে থাকবে সো সেটাদেখ ডেকশপ কিরকম দেখাবে সেটা আইডেন্টিফাই করে দিব। এন্ড দেখবেন যে আইডেন্টিফাই করে দেয়ার পরে এটা
Speaker A
আপনার কি করে দিবে? স আমরা যে রেফারেন্স দিয়েছিলাম গুগ লগইন সাইন আপে। সো সেরকম ডিজাইনের করে দিয়েছে। এন্ড এখানে গুগল সাইনিংটাও কাজ করতেছে। এন্ড ক্রিয়েটেও আমাদের গুগ সাইনিংটা দেখাচ্ছে। এন্ড পিছনে একটা স্কাই ব্যাকগ্রাউন্ড ইউজ করা হয়েছে। ওকে সো আমরা একটা প্রম দিয়েছি এখানে
Speaker A
কোর্স ডিটেল সেকশনটা ঠিকভাবে কাজ করতেছে না আই মিন ব্রোকেন আমরা খুব ডিটেলে প্রমটা দিয়েছি আশা করি এবার ফিক্স হয়ে যাবে এ অলরেডি আমাদের গুগল আপনার লগিন অপশনটা এড হয়ে গেছে এন্ড আমরা এখন একটা কমিটয়ে এটা পাবলিশ করে দিব
Speaker A
গিটাবে এন্ড দেখব আমাদের লাইভ প্রজেক্টে প্রপারলি কাজ করতেছে না গুগল সাইনিংটা সো এখন যে আমি একটা ডিটেলস প্রম দিয়েছি আশা করি কোস ডিটেলস পেজটা ডেসকটপে যে প্রবলেম ছিল সেটা ফিক্স হয়ে যাবে। সো আমরা কো সেকশনইয়া সো আমাদের কো ডিটেল পেজটা ফিক্স হয়ে গেছে সো এন্ড
Speaker A
ডেসকটপে এটা রেসপন্সিভ দেখাচ্ছে এন্ড সাইডে প্রাইসিং টেবিল শো করছে এন্ড থার্ডবারে ইমেজ এন্ড আমরা দেখতেছি এখানে দুইটা ইমেজ ইউজ হচ্ছে সো আমরা ওকে বলে দেব যে এখানে জাস্ট একটা কোর্স ইমেজ ইউজ করো এন্ড এখান থেকে জাস্ট আমরা স্কিপিং টুল
Speaker A
ইউজ করে স্ক্রিনশট নিয়ে নিব এখানে জাস্ট বলে দিব যে এখানে দুইটা ইমেজ না ইউজ করে একটা ইমেজ ইউজ করো তো এখানে আমরা একটা কো সেকশনের ইমেজ দিয়ে দিব যে আমি ডিজাইনটা কেমন চাচ্ছি এন্ড এখানে বলে দিব যে এখানে দুইটা ইমেজের
Speaker A
জায়গায় একটা ইমেজ ইউজ করো। স আমি এ ভার্সিটি বাংলার ওদের একটা কোর্স আছে। সো আমি চাচ্ছি সেরকম একটা প্রোডাক্ট ডিটেলস পেজ যেন হয়। স এখানে প্রথম টাইটেল প্রাইস এন্ড ইন না বাটন থাকে। আমি এখান থেকে স্নিপিং টুল ইউজ করে
Speaker A
আমি লেআউট সেকশনটা জাস্ট এভাবে মার্ক করে এন্ডিকে দিব। এন্ড এখানে কন্ট্রোল বি দিয়ে পেস্ট করে দিব। এন্ড বলব যে আমার কোডিটল পেজে এরকম লেআউট হবে সাইডবারে। আই মিন রাইট সাইডে। যেখানে প্রাইসিং এর উপরে যে ইমেজ ইউজ হয় সেটা ইউজ হবে না। আপনাকে
Speaker A
অবশ্যই ডিটেল বলে দিতে হবে। নয়তো দেখবেন যে সে প্রবলেমটা ফিক্স করতে পারছে না বা আপনি যেরকম আউটপুট পাচ্ছেন চাচ্ছেন সেরকম আউটপুট আপনি পাবেন না। সো আপনাকে অবশ্যই ডিটেলে জিনিসগুলো দিবেন। স আমি লেআউটের স্ক্রিনশটটা দিয়ে দিব। এন্ড এখানে বলে দিব
Speaker A
এন্ড আমি দেখবো এখানে আমাদের গুগল সাইনিংটা কাজ করতেছে কিনা এন্ড সই এখানে আমাদের গুগল সাইনিংটা প্রপারলি কাজ করতেছে এখানে লোকাল হোস্টের লিংক দেখাচ্ছে সো আমাদের সোয়াবেসে গিয়ে আমাদের ইউআরএলটা চেঞ্জ করে দিতে হবে। সো আমি চলে যাব সোয়াবেসে। সো এখান থেকে আপনি ইউআরএল কনফিগারেশন
Speaker A
আসবেন। এখানে লোকাল হোস্টের সাইড ইউআরএল দেওয়া আছে। এখানে এসে আপনার যে ইউআরএলটা আছে লাইভ ইউআরএল সেটা আপনি দিয়ে দিবেন এখানে। আপনি যদি লোকাল হোস্টে চেক করতে চান Google সাইনিংটা সেক্ষেত্রে আপনার লোকাল হোস্টের লিংকটা এখানে থাকবে। সো আপনার লোকাল হতে গু সাইনিংটা কাজ করবে। এখানে
Speaker A
আপনি আপনার যদি প্রোডাকশন আপনার গু সাইনিংটা দেখাতে চান কাজ করতে চান সেক্ষেত্রে আপনার এখানে সাইড ইউআরএলটা এখানে দিয়ে দিবেন লাইভ সাইড ইউআরএল যেটা আর কি সো এখন যদি আমি লগিনে এসে গুগ এ ক্লিক করি এন্ড জিমেলটা সিলেক্ট করি
Speaker A
এন্ড কন্টিনিউ দেই দেখব আমাদের গুগ এর মাধ্যমে আমাদের ওয়েবসাইটেলগ লগন হয়ে যাচ্ছে মাত্র একটি সবকিছু প্রপারলি কাজ করতেছে। সো এখানে আমি প্রম দিয়েছিলাম যে কো ডিটেল সেকশনটা ফিক্স মানে আপনার দুইটা ইমেজের জায়গায় একটা ইমেজ হবে। স সেটা কাজ করতেছে।
Speaker A
এখানে আমি গিটাবে যে কোডগুলো আপডেট হয়েছে সেগুলো পুল করে দিব। এ আমাদের অটো আপডেট হবে এখানে। সো এখানে টপে কোন মার্জিন নেই। সো আমি ওকে বলে দিব যে এখানে টপে কোন পেডিং বা মার্জিন নেই। সো তুমি কিছু মার্জিন এড করে দাও হেডারের পরে
Speaker A
স আপনি যে জিনিসটা চেঞ্জ করতে যান আপনি যে সেখানে প্রম দিবেন সো সেটা আপনার ওয়ে এ করে দেবে সো ওকে আমি প্রম দিয়ে বিকাশ পেমেন্ট মেথডে আমার নাম্বারটা এড করে দিতে বলেছি। সো এড করে দিচ্ছে। এন্ড ট্রানজেকশন আইডিটা সেভ হবে কোথায়? সো
Speaker A
মাই স্কুলটাও লিখে দিয়েছে। আমরা এটা কপি করে আমরা স্কুল এডিটর এসে জাস্ট এখানে পেস্ট করে দিব। তাহলেই হবে। সো সেম সেম প্রসেসে আপনি জাস্ট এখানে প্রম দিবেন এন্ড সে আপনার হয়ে ফিচার ফাংশনালিটি এড করে দিবে। এখানে আমি বলব পরবর্তীতে যে
Speaker A
সার্টিফিকেট সেকশন রিভিউ সেকশনটা এড করে দাও। সো সেটা এড করে দিবে। সো আমি এগুলো জিনিসগুলো ফাস্ট ফরওয়ার্ড করে দিছি। কেননা এগুলো রিপিটেড কাজ। এন্ড আমি যদি এগুলো স্লো ফরওয়ার্ডে দেখাই। সেক্ষেত্রে আপনার টাইমটাও ওয়েস্ট হবে। আমি চাই না আপনার
Speaker A
টাইম ওয়েস্ট হোক। এন্ড আপনার যদি কোন কোশ্চেন থাকে কোন কিছু না বুঝ স্পেসিফিক ভাবে কোন কিছু তাহলে আপনি আমাকে ডাইরেক্টলি মেসেঞ্জারে অথবা আপনি চাইলে ডিসকর্ডেও মেসেজ করতে পারেন। ডিসকর্ড লিংক কমিউনিটি ট্যাবে দেওয়া আছে। এন্ড পরবর্তীতে আমরা দেখব কিভাবে ইমেইল
Speaker A
কনফিগারেশন করবেন যে কিভাবে ইমেইলের আর কি এসএমপি সেটআপ করবেন। এন্ড আপনার ওয়েবসাইটে কোন কার্যকলাপ হবে। আর যেমন কোলস পারসেজ করলে আপনার কাছে ইমেইল যাবে। ইউজারের কাছে ইমেইল যাবে। সো সেটা কিভাবে করবেন? তো সেটা দেখানো হবে। তো একটু ওয়েট করেন।
Speaker A
সো আপনি তো এখন পর্যন্ত দেখলেন যে কিভাবে এই প্রসেসটা অটোমেটেড হয়। সো আপনার যদি সি প্যানেলে অথবা হোস্টিং এ না থাকে সেক্ষেত্রে আপনার কিভাবে ম্যানুয়ালি আপনার ওয়েবসাইটটা লাইভ করবেন আপনার হোস্টিং এ। সো সেক্ষেত্রে আপনাকে করতে হবে কি আপনার ডিশ ফাইল ক্রিয়েট করতে হবে।
Speaker A
এন্ড ফাইলের যতগুলো ফাইল থাকবে সেগুলো আপনার ফাইল ম্যানেজারে আপলোড করতে হবে পাবলিক এইচটিএমএল ফোল্ডারেন্ড এখানে আপনি এমপিএম রান ডেপ আইমিন প্রথমত এমপিএম ইনস্টল করবেন দেন এমপিএন রান ডেপ এন্ড দেন কমান্ড দিবেন এমপিএম এমপিএম রান ডে লাইভে গিয়ে দেখবেন সবকিছু
Speaker A
ঠিক আছে এন্ড দেন আপনি কি করবেন এনপিএম রান বিল কমান্ড দিবেন তো তখন আপনার ডিশ ফোল্ডারটা ক্রিয়েট হবে। সো আমি দেখাবো কিভাবে কি করবেন। সো একটু ওয়েট করেন। স এখানে আপনি নিউ টার্মিনাল ক্রিয়েট করবেন দেন এখানে এসে লিখবেন এমপিএম ইনস্টল
Speaker A
এন্ড দেন আপনি এখানে লিখবেন এমপিএম রান বিলড সো এনপিএম রান বিল্ড কমান্ড দেওয়ার পরেই দেখবেন যে আপনার ফোল্ডারে ডিশ ফাইল ক্রিয়েট হয়ে যাচ্ছে সো আপনি এখানে ফাইল ম্যানেজার চলে আসবেন সো ফাইল ম্যানেজারে এসে আপনি আপনার যে ফোল্ডারে কোডটা আছে। সো সেই ফোল্ডারে চলে যাবেন।
Speaker A
এখানে এসে দেখবেন যে ডিশ ফোল্ডার। সো ডিশ ফোল্ডার যতগুলো ফাইল আছে এগুলো আপনার হোস্টিং আপলোড করবেন। সো এটা করবেন কোন জায়গা থেকে সেটা হচ্ছে আপনি আপনার যদি অন্য কোন হোস্টিং নিয়ে থাকেন সেক্ষেত্রে আপনি চলে যাবেন। আমি দেখাই কিভাবে। স আমি এখানে
Speaker A
ম্যানুয়ালি একটা টেম্পোরারি একটা ওয়েবসাইট ক্রিয়েট করব। এন্ড সেখানে আমি ডিস ফাইলটা আপলোড করে দেখাবো। স এখানে আমি এখানে ফাইল ম্যানেজারে চলে যাব। সো আপনার এই প্যানেলে গিয়ে আপনি ফাইল ম্যানেজার ক্রিয়েট করলেও হবে। সার্চ করলেও হবে সি প্যানেল গিয়ে। এন্ড ফাইল
Speaker A
ম্যানেজারে এসে আপনি পাবলিক এইচটিএমএল ফোল্ডারে চলে যাবেন। এন্ড এখানে যতগুলো কোড বা ফাইল থাকবে ডিলিট করে দিবেন। এন্ড এখানে আপনার যে ডিস ফোল্ডারে যতগুলো ফাইল বা কন্টেন্ট আছে সবকিছু এখানে আপনি জাস্ট ড্র্যাগ এন্ড ড্রপ করে দিবেন। সো দ্যাটস ইটস। এতটুকুই আপনার কাজ। আর কোন
Speaker A
কাজ নেই এখানে। সো এখানে আপলোড হচ্ছে। আমরা একটু ওয়েট করি। আমাদের এখানে ফাইল আপলোড হয়েছে। তো আমরা এখন এই ইউআরএল চলে যাব। সো ইউআরএল গেলে দেখতে পারবেন যে আমাদের যে পোর্টফোলিও বা ওয়েবসাইটটা আছে এই ডোমেনে লাইভ হয়ে গেছে।
Speaker A
স এভাবে আর কি আপনার ম্যানুয়ালি আর কি হোস্ট করবেন। যদি অটোমেটিক না চান। সো এটা একটু টাইম কনজিউম করে। সো আপনার যদি এই গিটাব সেকশন মানে গিটাপ সিস্টেমটা না থাকে সেতে আপনি এভাবে ম্যানুয়ালি এমপিএম বিল এমপিএম রান বিল কমান্ড দিয়ে ওয়েবসাইটে লাইভ করতে
Speaker A
পারেন। যেহেতু এটা আমার দরকার নেই। আমি ওয়েবসাইটটা ডিলিট করে দেব। এখানে আমি একটু চেক করবো লাইক সবকিছু প্রপারলি কাজ করতেছে কিনা। চেক আউট ফমে এসে লাইক কো ডিটেল সেকশনে এসে অর্ডার যেহেতু আমি এর আগে বিকাশ নাম্বারটা দিয়েছিলাম। এখানে বিকাশ নাম্বারটা
Speaker A
প্রপারলি কাজ করতেছে কিনা শো করতেছে কিনা অর্ডার করা যাচ্ছে কিনা। সো মিনুল নাউতে ক্লিক করলে কন্টিনিউতে ক্লিক করে এখানে আমার বিকাশ নাম্বারটা দেখাচ্ছেন কপি করার অপশন দেখাচ্ছে সো এখানে ট্রানজেকশন আইডি দিয়ে অর্ডারটা সাবমিট করলাম এখানে ড্যাশবোর্ডে এসে দেখব
Speaker A
আমাদের ড্যাশবোর্ডটা রেসপন্সিভ না জাস্ট আমি কমান্ড দিয়ে স্ক্রিনশট নিয়ে জাস্ট যে এন্টিভিটিকে বলব সে জিনিসটাকে রেসপন্সিভ করে ফেলবে সো নাও আমরা এখন ইমেইল এসএমডিবি সেটআপ করব। ইমেইল টেমপ্লেট গুলো যেহেতু মিসিং আছে সেগুলো ক্রিয়েট করব। এনডিবিটিকে বলব যে আমি এসএনটিভি সেটআপ
Speaker A
করব। স এডমিন ড্যাশবোর্ডে তুমি এসএনটিভি টেমপ্লেট এন্ড আদার যে ফিচার গুলো দরকার। সো সবকিছু ইমপ্লিমেন্ট করে দাও। সো এখানে যতক্ষণ ইমপ্লিমেন্ট হচ্ছে আমরা একটা ইমেইল ক্রিয়েট করে নেব। সো আপনি যদি হোস্টিং ইউজ করেন এখান থেকে আপনি ফ্রিতেই ইমেইল ক্রিয়েট করতে পারেন। অথবা আপনি যদি
Speaker A
আপনার সি প্যানেল থাকে সেখান থেকে আপনি ইমেইল সেকশনে গিয়ে ইমেইল ক্রিয়েট করতে পারবেন। এবং আপনার যদি জাস্ট ডোমেন থাকে আপনি ফ্রিতে ডেভেলপ করেন বার্সেলো অথবা অন্যান্য প্ল্যাটফর্মে। সেক্ষেত্রে আপনি জোহ মেইল ইউজ করতে পারেন। সেখানে আপনি ফ্রি ইমেইল ক্রিয়েট করতে পারবেন। জাস্ট
Speaker A
আপনার ডোমেনটা কানেক্ট করে দিলেই হবে। এখানে আমি জাস্ট ইমেইল নেম এন্ড পাসওয়ার্ড দিয়ে ইমেইলটা ক্রিয়েট করব। এন্ড এখানে অ্যাপসে এসে সার্ভার সেটিং থেকে আমাদের যেহেতু এসএমবি সার্ভারটা সেটআপ করতে হবে এখানে ইমপমেশন হচ্ছে আমরা একটু ওয়েট করি সো এটা ডান হলে আমরা এডমিন ড্যাশবোর্ড
Speaker A
থেকে প্রথমত আমাদের ব্যাকেন্ডে ফাংশন ডেভলপ করতে হবে সেন্ড ইমেইলের জন্য যে কখন টিগার হবে সো কোন কোন পাতে টিগার হবে যেমন ইউজার সাইন আপ করলে টিগার হবে এন্ড তারা ইমেইল পাবে এন্ড কেউ যদি কোর্স পারচেস করে সেক্ষেত্রেও কোর্স পারচেসের
Speaker A
নোটিফিকেশন পাবে এসেটা আমরা কিভাবে সেট আপ করবো তো সেটা দেখব একটু ওয়েট করি সো এখানে আমাদের ইমেইল কনফিগারেশন ডান। এখান থেকে আমরা এসকউএল টা কপি করে এখানে এসে আমরা চলে যাব সুপারবেসে। সুপারসে এসকল এডিটর এসে আমাদের এসকল যেইটুক আছে সেটা
Speaker A
পেস্ট করে দিব। এন্ড রানে ক্লিক করব। সো আমাদের রোগুলো ক্রিয়েট হয়ে গেছে। এখন আমরা এখানে সাইড ইউআরএল এ লোকাল হোস্টে এখানে ভিজিট করে জাস্ট লগইন করে দেখবো যে ইমেইল টেমপ্লেটগুলো ফুললি এন্ড ইমেইল সেটাআপ সেটিং ট্যাবটা ফুলি কনফিগার করেছে। সো
Speaker A
এখানে আমাদের এসএমটিপি হোস্ট এসএমটি ইউজারনেম এসএসএসটি পাসওয়ার্ড পোর্ট এন্ড সেন্টার রিসিপশন এডসেক্টর ডিটেলস দিতে হবে। সো এখান থেকে আমরা সার্ভার সেটিং এ এসে আউটগোইং সার্ভার এসএমটিভিটা কপি করব। এন্ড এখানে পো দিতে হবে এন্ড এখানে ইউজারনেম এখন ইউজারনেমের জায়গায় আপনার
Speaker A
ইমেইল নামটা আপনি এখানে দিবেন স এখান থেকে কপি করে জাস্ট আমি এসে ইউজারনেমে পাসওয়ার্ডের জায়গায় পাসওয়ার্ডটা বসিয়ে দেব স এখানে একটা ইস্যু পেয়েছি যে রিলোড করলে এখান থেকে আমাদের আর হিস্টরিগুলো রিমুভ হয়ে যাচ্ছে। এটা আমি পরবর্তী প্রম দিয়ে ফিক্স করে নিব। স
Speaker A
এখানে কি নেমে ইমেইলটা যাবে এখানে আমি নামটা দিয়ে দিব। এখানে আমি আমার নামটাই দিয়ে দেই অথবা আপনার প্ল্যাটফর্মের যেকোন একটা নাম দিয়ে দিবেন এখানে। এন্ড এখানে ফ্রম ইমেইল এন্ড এডমিন নোটিফিকেশন এর জায়গায় আপনার ইমেইলটা বসিয়ে দিবেন যে কেউ যদি রিপ্লাই করে সেক্ষেত্রে
Speaker A
আপনার আই মিন কেউ যদি কোর্স পাচ করে সেক্ষেত্রে আপনার কাছে ইমেইল যাবে এখানে এখানে ফেল সেন্ড মেসেজ এখানে সেন্ড টেস্ট ইমেইলটা কাজ করতেছে না। সো এটা আমরা ইমপ্লিমেন্ট করব যে আমাদের টেস্ট ইমেইল এটা কাজ করতেছে না। সো এখান থেকে আমরা কপি করে জাস্ট ওকে
Speaker A
দিয়ে দেব। এন্ড এখানে আমি অলরেডি দেখতে পাচ্ছি যে এখানে টিগার ইমেইলে ফ্রি ইনরোলমেন্ট পেড ইনরোলমেন্ট পেমেন্ট ভেরিফাইড। সো এগুলোর টেমপ্লেট ক্রিয়েট করেছে। সো এখানে আমি অলরেডি একটা প্রম দিয়েছিলাম যে আমাদের কোর্স ডিটেলস পেজটা ক্রিয়েট করব। মানে একটা কোর্স ক্রিয়েট করব। সেখানে
Speaker A
এসকউএলটা লিখে দিয়েছে। কোর্সের আর কি কন্টেন্ট এগুলো আমি কপি করে জাস্ট এসকউল এডিটর এসে রান করব। তাহলে আমার একটা কোর্স ক্রিয়েট হয়ে যাবে। সো আপনি এভাবে এক ক্লিকে আপনার কোর্স ক্রিয়েট করতে পারেন বা কোন কন্টেন্ট লিখতে পারেন এভাবে। আপনার কোর্স কারিকুলাম
Speaker A
টাইটেল এসে লিখে দিবে। এখানে একটা কোর্স সেকশন ক্রিয়েট করছে। টাইটেল ইমেজ ডেসক্রিপশন কারিকুলাম গুলো সে লিখে দিয়েছে। হার ডেসক্রিপশন এটসেট। সো আপনি চাইলে কোন ব্লগ কন্টেন্ট হোক বা প্রোডাক্ট ডেসক্রিপশন হোক আপনি চাইলে এভাবে লিখতে পারেন। কোন প্রোডাক্ট ক্রিয়েট করতে পারেন। ব্লগ লিখতে
Speaker A
পারেন। সো আপনি ইন্ডিকেটি থেকেই করতে পারবেন। স আমি এখানে একটু আরেকটু প্রম দিয়ে বলব যে এখানে কারিকুলাম সেকশন এসটা মিসিং থাকতে পারে। সেগুলো লিখে দিতে। সো এখানে একটা ইস্যু ছিল সেটা হচ্ছে টেস্ট ইমেইল যেহেতু আমাদের এস ফাংশন ছিল না সো
Speaker A
ইমেলটা কখন ট্রিগার হবে সো এগুলো এস ফাংশনটা লিখে দিয়েছে সো আমরা সোসে চলে যাব এন্ড সোসে এসে আমরা এস ফাংশনে এসে আই মিন এখানে এস ফাংশনে এসে আমরা একটা ডেভলপমেন্ট আর কি এজ ফাংশন ক্রিয়েট করবো সেখানে যে এজ ফাংশনটুকু লিখে দিছিল এটা
Speaker A
কপি করে এন্ড এজ ফাংশনের নামটা আমরা লিখে ডিপ্লয় ফাংশনে ক্লিক করব তাহলে আমাদের ইমেইল এখন যে ফাংশন আছে সেটা ফুলি কাজ করবে স আমরা চলে যাব এডমিন প্যানেলে এন্ড এডমিন প্যানেলে এসে সেটা চেক করব ইমেইল সেটিং এসে সেন্ড টেস্ট ইমেইল স এখানে
Speaker A
ক্লিক করার পরে এখানে এগেন ইস্যু দেখাচ্ছে স আমরা এই জিনিসটাকে স্ক্রিনশট নিয়ে এনটিকে দিব। এন্ড বলব যে টেস্ট ইমেইল সেকশনটা কাজ করতেছে না। তুমি এটা এগেন ফিক্স করে দাও। সো এগেন সে আমাদেরকে এস ফাংশনটা এগেন রিরাইট করে দিয়েছে। সো সেখানে টেস্ট
Speaker A
ইমেইল সেকশনটা ছিল না। সো আমরা জাস্ট এস ফাংশনটা এগেন কপি করে ফুলি এখানে পেস্ট করে দিব। এন্ড এগেন চলে যাব এডমিন ড্যাশবোর্ড। এন্ড এখানে ইমেইল সেটিং এসে সেন্ড টেস্টে ক্লিক করব। সো এগেন ইস্যু দেখাচ্ছে। সো ইস্যুটা আমরা এখানে লিখে দেব।
Speaker A
সো এখানে আমরা এস ফাংশনটা এগেন লিখে দিয়েছে। এখানে এস ফাংশনটা রিড করছি সেন্ড ইমেইলের। স এখানে এসে আমরা এগেন কপি করে এখানে আবার পেস্ট করে দিব। সো এখন মেবি টেস্ট ইমেলটা কাজ করব। সেন্ড টেস্টে ক্লিক করব। সো এখন
Speaker A
আমাদের টেস্ট ইমেইলটা সেন্ড হয়ে গেছে। স আমরা জিমেল এসে চেক করব। যেহেতু এখানে আমার ইমেইলটা প্রপারলি আর কি সেটআপ নেই যার কারণে ইমেইলটা মেবি স্প্যামে চলে গেছে। আমরা একটু ওয়েট করি। যেহেতু এখানে দেখাচ্ছে রিসেন্ট লগে সেন্ড হয়েছে। তার
Speaker A
মানে এটা সেন্ড হয়েছে। এন্ড এটা স্প্যাম অথবা অন্য কোন ফোল্ডারে থাকতে পারে। সো এখানে ওকে দেখাচ্ছে। সো অল ঠিক আছে এখানে। স আমরা একটু ওয়েট করি। সো আমরা এগেন একটা সেন্টেন্স ক্লিক করলাম। সো দেখি এখন ইমেইলটা আসে কিনা।
Speaker A
সো বলতেছে সবকিছু ঠিক আছে। সো এগেন ক্লিক করতে বলতেছে স্প্যাম ফোল্ডার অথবা জাং ফোল্ডার। ওকে সো আমাদের এসএমটিভি ইমেইলটা চলে এসেছে আমি দেখতে পাচ্ছি যে এখানে প্রেমে চলে গেছে এন্ড এগেন আমরা সেন্ড স্টেজে ক্লিক করব এন্ড এটা আমরা এপ্রুভ করে দিয়েছি
Speaker A
যেটা এপ্রুভ মেইলভাবে আর কি আপনার ইমেইল সেটআপ করবেন সো আমি আমার এই কোর্স এন্ড পোর্টফোলিও ওয়েবসাইটটাতে উদ্যোগটা পেয়ে অটোমেশন যে পেমেন্ট গেট আছে সেটা ইন্ডিকেশন করেছি। এন্ড এটা করা একদম ইজি। এন্ড আপনি যদি কোন অটোমেশন পেমেন্ট গেড করতে চান তো সেটা কিভাবে করবেন? তো এই
Speaker A
ভিডিওতে দেখব। তো প্রথমত আপনি যদি কোন অটোমেটিক পেমেন্ট গেড অথবা কাস্টম কোন সিস্টেম এড করতে চান এপি এড করতে চান দেখবেন যে তাদের একটা ডেভেলপার ডক্স আছে তো ডেভেলপার ডক্সে গিয়ে আপনি ফুল ডিটেলস পেয়ে যাবেন এন্ড কি করবেন আমি প্রথমে দেখে
Speaker A
এটা কেমন ভাবে কানেক্ট করা আছে সো এখানে ক্লিক করলে একটা পপ ওপেন হয় দেন এখানে পেথ উদ্যোক্তা পে এখানে ক্লিক করলে আমাকে উদ্যোক্তা পে চেক আউট ইউর নিয়ে যাচ্ছে এখানে পেমেন্টগুলো দেখাচ্ছে এখানে আমার দে আমি যেগুলো কনফিগার করেছিলাম উদ্যোগতা
Speaker A
ড্যাশবোর্ডে এখানে দেখাচ্ছে এখন যদি এখান থেকে পেমেন্ট করে দেয় তো অটোমেটিক কোর্সের এক্সেস চলে যাবে স এখন আপনি এটা কিভাবে ইন্ডিকেশন করবেন স প্রথমত আপনি যদি ধরেন ইপিএস পেমেন্ট গেটওয়ে নিবেন স ইপিএস নেওয়ার পরে অথবা এসএসএল কমার্স ইজি পেমেন্ট গেটওয়ে র এসএসএল কমার্স
Speaker A
স এই পেমেন্ট গড যদি আপনি নিয়ে নিয়ে থাকেন সেক্ষেত্রে আপনি এগুলো কিভাবে কানেক্ট করবেন স আপনি এসএস কমার্সের পরে লিখবেন যে ডকুমেন্টেশন এভাবে আপনি জাস্ট লিখে দিবেন তারপরে তাদের ডেভলপার ডক্সে নিয়ে যাবেন স আপনি কি করবেন এখান থেকে ডাইরেক্টলি এই লিংকটা কপি
Speaker A
করবেন স আমার ক্ষেত্রে ছিল আমি উদ্যোক্তা পেটা কানেক্ট করছি স এটা উদ্যোক্তা পে ডেভেলপার পেজ এখান থেকে আমি কপি করবো ডাইরেক্টলি এই অপশনটা কপি করে আমি এন্টি ক্যাভিটিতে চলে যাব সো এন্টিভিটিতে এসে আমি বলব যে ইমপ্লিমেন্ট উদ্যোক্তা পে পেমেন্ট গেটওয়ে
Speaker A
সো হয়ার ইজ ওভারভিউ ফাস্ট নো এবাউট ইট এন্ড ক্রিয়েট ইমপ্লিমেন্টেশন প্ল্যান সো সে এনালাইজ করে একটা ইমপ্লিমেন্টেশন প্ল্যান ক্রিয়েট করেছিল এন্ড কিভাবে কি ভেরিফাই করতে হবে এসে ইমপ্লিমেশন ক্রিয়েট করার পরে এখানে দুইটা এস ফাংশন ক্রিয়েট করছিল ক্রিয়েট উদ্যোক্তা চার্জ এন্ড
Speaker A
ভেরিফাই উদ্যোক্তা পেমেন্ট সো এখানে ভিডিও ক্রিয়েট করার পর এখানে এস ফাংশন গুলো লিখে দিয়েছিল। সো আমি কি করেছি জাস্ট আমি সোপেসে গিয়ে ডাইরেক্টলি এখানে এসে ফাংশনে এসে এখানে ডিপ্লয় নিউ ফাংশন ক্রিয়েট করে বা এডিটরে ক্লিক করেছি। এখানে এগুলো ফুললি রিমুভ করে যে এ ফাংশন গুলো
Speaker A
লিখে দিয়েছি এগুলো জাস্ট কপি পেস্ট করে দিয়ে দিয়েছি এখানে এখানে দেখতে পাচ্ছেন যে এটা হচ্ছে ক্রিয়েট উদ্যোক্তা পেজ চার্জ নামে এন্ড এখানে ফুল ডিটেলস দেয়া থাকে স আপনাকে কিভাবে কনফিগার করতে হবে সো এখানে বলে দিয়েছে এখানে দুইটা এস ফাংশন
Speaker A
ক্রিয়েট করা উদ্যক্ত পেয়ে চার্জ এন্ড ভেরিফ উদ্যুক্ত পে এন্ড সেগুলো এখানে দেওয়া আছে সো আমি এখানে জাস্ট পেস্ট করে দিয়েছি। আমি দেখাই এখানে স এখানে ক্রিয়েট উদ্যোগতা চার্জ এন্ড ভেরিফ উদ্যোগতা এখানে গিয়ে আমি কোডে গেলে এখানে দেখতে পারব এস ফাংশনটা এখানে আমি
Speaker A
দুইটা এস ফাংশন ক্রিয়েট করেছি তিনটা এস ফাংশন আছে একটা সেন্ড ইমেলের জন্য এখানে পরবর্তীতে বলেছে কনফিগার করার জন্য কনফিগার কিভাবে করবেন সেটা দেখিয়ে দিয়েছে এখানে বলে দিয়েছে এস ফাংশনে গিয়ে তোমার তিনটা সিক্রেট ক্রিয়েট করতে হবে সাইড ইউআরএল উদ্যোগতে হবে বেস
Speaker A
ইউআরএল এন্ড এপিআই কি এগুলো ক্রিয়েট করব আমরা সো এখানে আমি সিক্রেটে চলে এসেছি এখানে এসে নেম এন্ড ভ্যালু দিতে হবে এখানে দেখতে পাচ্ছেন যে উদ্যোক্তা পে পি কি উদ্যোক্তা বেস ইউআরএল এন্ড সাইড ইউআরএল দেওয়া আছে এগুলো আমি কোথা থেকে
Speaker A
পেলাম উদ্যোক্তা পে বা আপনি যদি পিএসপি দিয়ে নিয়ে থাকেন তাদের ডকুমেন্টেশন অথবা আপনার তারা এপিআই প্রোভাইড করবে। সো এপিআই গুলো এখানে জাস্ট দিয়ে দিবেন। স আমার ক্ষেত্রে হয়েছিল কি আমি উদ্যোক্তা পেয়ে নিয়েছি এখানে। এখানে আমার বেস ইউআরএল হল
Speaker A
এটা। এন্ড আমার এপিআই কি আমি এখান থেকে জেনারেট করেছি। এন্ড আমার সাইড ইউআরএল হচ্ছে এটা।
Topics:ওয়েবসাইট তৈরিব্যাকএন্ড ডেভেলপমেন্টNode.jsSupabaseGitHubফ্রন্টএন্ড ডিজাইনবাংলা টিউটোরিয়ালকোর্স সেলিং ওয়েবসাইটপেমেন্ট গেটওয়েCloud AI
