ফ্রন্টএন্ড ডেভেলপমেন্ট এর শুরু কিভাবে করবো ?

আস্সালামুআলাইকুম। আজ আমি আপনাদের ফ্রন্টএন্ড ডেভেলপমেন্ট নিয়ে যা যা জানার সব জানানোর চেষ্টা করবো। আশা করি এই আর্টিকেলটি পড়ার পর আপনাদের ফ্রন্টএন্ড ডেভেলপেন্ট নিয়ে আর কোনো দ্বিধা থাকবে না।

ফ্রন্টএন্ড ডেভেলপমেন্ট কি ?

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

ফ্রন্টএন্ড এর সাথে ব্যাকএন্ড এর পার্থক্য কি ?

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

ফ্রন্টএন্ড ডেভেলপমেন্ট শিখার শুরুটা যেইভাবে হবে

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

কিন্তু আমি বলবো প্রত্যেক ফ্রন্টএন্ড ডেভেলপারের কিছু ডিজাইন জ্ঞান থাকা উচিত। এই ক্ষেত্রে এডোবি এক্সডি অথবা ফিগমা দিয়ে শুরু করতে পারে।  এরপরে আপনাকে শুরু করতে হবে ল্যাঙ্গুয়েজে শিখা। মূল যেই তিনটি ল্যাঙ্গুয়েজে শিখতে হবে সেগুলো হলো: এইচটিএমএল(HTML), সিএসএস (CSS), জাভাস্ক্রিপ্ট (javaScript) । 

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

উপরে যেই কথাগুলু বললাম ঐগুলা শিখার জন্য অনলাইনে হাজারো ওয়েবসাইট/এপ্লিকেশন/ ভিডিও আছে।  খালি সার্স করলেই পেয়ে যাবেন। আর যদি এর পরেও সমস্যা থাকে তাহলে কমেন্ট এ জানাতে ভুলবেন না।