ক্র্যাশ কোর্স 101
10 মডিউল
5 সপ্তাহ

ফ্রন্টএন্ড এবং ব্যাকএন্ড

অনুলিপি করতে ক্লিক করুন

ফ্রন্টএন্ড এবং ব্যাকএন্ডের বেসিক


ঠিক আছে, আমরা অ্যাপ্লিকেশনগুলি বের করেছি, আমরা প্রাথমিক শ্রেণিবিন্যাস করেছি, আমরা ওয়েব অ্যাপ্লিকেশনগুলির প্রকারগুলি সাজিয়েছি। কিন্তু কিভাবে এটা যাইহোক কাজ করে?

এবং এখানে আমরা খুব গুরুত্বপূর্ণ পদ পেতে.

ফ্রন্টএন্ড এবং ব্যাকএন্ড

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

অনেকটা একইভাবে, ওয়েব অ্যাপ্লিকেশনগুলিতে সবকিছু সংগঠিত হয়।

আমরা দেখতে একটি স্তর আছে. আমরা কোন সাইট খুললে যে পেজটি প্রদর্শিত হয়। এই পৃষ্ঠায় সম্ভবত কিছু ধরণের অ্যানিমেশন এবং এমনকি বোতাম রয়েছে যা আপনি ক্লিক করতে পারেন৷

এই দৃশ্যমান স্তরটিকে " ফ্রন্টেন্ড " বলা হয়। এটি ব্যবহারকারীর পক্ষে থাকা সমস্ত কিছু অন্তর্ভুক্ত করে। আপনার ডিভাইসের পর্দায় প্রদর্শিত হয় যে সবকিছু. এমন কিছু যা আপনি দেখতে এবং অনুভব করতে পারেন।

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

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

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

HTTP

ডেটা ট্রান্সফার প্রোটোকলকে নিজেই বলা হয় HTTP - হাইপারটেক্সট ট্রান্সফার প্রোটোকল। আপনি ব্রাউজারের ঠিকানা বারের শুরুতে এই 4 টি অক্ষর দেখতে পারেন। এটি জানায় যে ইন্টারঅ্যাকশনটি HTTP প্রোটোকল ব্যবহার করে করা হবে। আমরা বলতে পারি যে দলগুলি তারা কোন ভাষায় যোগাযোগ করবে তাতে একমত হয়েছে।

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

কোর্সের আরও মডিউলগুলিতে, আমরা অনুরোধ এবং প্রতিক্রিয়াগুলির কাঠামোর সাথে বিস্তারিতভাবে মোকাবিলা করব। আমরা প্রতিক্রিয়া সহ অনুরোধ তৈরি করব, সেইসাথে তাদের প্রক্রিয়াকরণের যুক্তিও। এই পর্যায়ে, ফ্রন্টএন্ড থেকে ব্যাকএন্ডে ডেটা স্থানান্তরের নীতিটি বোঝার জন্য এটি যথেষ্ট এবং এর বিপরীতে।

ডাটাবেস

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

এই উদ্দেশ্যে, " ডাটাবেস " (ডিবি) কাজ করে। তারা একটি কাঠামোগত আকারে তথ্য সংরক্ষণ করে। এবং এই ডেটা পরিচালনা করে এমন সিস্টেম রয়েছে - ডিবিএমএস (ডেটাবেস ম্যানেজমেন্ট সিস্টেম)। তারা আপনাকে ডাটাবেসে নতুন ডেটা লিখতে, সেখান থেকে ডেটা পেতে, এটি পরিবর্তন করতে, এটি মুছে ফেলার অনুমতি দেয় (এই সমস্ত একসাথে সংক্ষেপে CRUD - তৈরি করুন, পড়ুন, আপডেট করুন, মুছুন)। আমরা ভবিষ্যতে মডিউলগুলিতে এই সমস্ত বিস্তারিতভাবে অধ্যয়ন করব। আসুন জেনে নেই ডেটাবেসগুলি সাধারণভাবে কী, তাদের কাজ কীভাবে সংগঠিত হয় এবং AppMaster.io- এ সেগুলি পরিচালনা করা কতটা সহজ।

Was this article helpful?
এখনও একটি উত্তর খুঁজছেন?
কমিউনিটিতে যোগ দিন