Flutter অ্যাপ ডেভেলপমেন্ট পর্ব-০১ : Flutter কি ও Flutter SDK ইনস্টল করে কাজ শুরু করার প্রক্রিয়া।

বিভাগ: ফ্লাটার


ফ্লাটার (Flutter) হল গুগলের তৈরী একই কোড ব্যবহার করে অ্যান্ড্রয়েড ও আইওএস এর জন্য মোবাইল অ্যাপ্লিকেশন ডেভেলপ করার  এসডিকে (SDK) । ফ্লাটারে কাজ করার জন্য দরকার হয় ডার্ট (Dart) ল্যাংঙ্গুয়েজ। ভাবছেন ফ্লাটার নিয়ে কাজ করতে হলে নতুন একটি প্রোগ্রামিং ল্যাংঙ্গুয়েজ শেখা লাখবে? তা লাগবে কিন্তু খুবই অল্প সময়েই তা আপনি আয়ত্ত করতে পারবেন কারণ এটি অনেকটা জাভা এবং জাভাস্ক্রিপ্ট এর মত।

যা যা লাগবে ফ্লাটারে কাজ করতে

  • ডার্ট (Dart) লাংঙ্গুয়েজ (আপনার জাভা জানা থাকলে ডার্ট এর উপর একটু ওভারভিউ দিলেই কাজ শুরু করা যাবে)
  • অ্যান্ড্রয়েড স্টুডিও/ ভিজুয়্যাল স্টুডিও কোড
  • JDK, ANDROID SDK ( আপনি যদি আগে অন্য কোন প্লাটফর্ম এ কাজ করে থাকেন এগুলো আপনার সেটাপ থাকার কথা)

ফ্লাটার এসডিকে (Flutter SDK) সেটাপ করার পদ্ধতি

  • এখন এইখান থেকে SDK টি ডাউনলোড করুন Flutter SDK
  • ডাউনলোড করা হয়ে গেলে Floder Extract করে Flutter ফোল্ডারটি আপনার সি-ড্রাইভের মূল রুটে রাখুন। যেমন: c:\flutter
  • এখন একটি envirnment variable এর ইউজার ভেরিয়েবল সেকশনের Path এর শেষে যোগ করুন c:\flutter\bin

নিন্মোক্ত স্ক্রিনশটটি দেখলে বিষয়টি পরিষ্কারভাবে বুঝা যাবে

flutter-sdk-install.png

সব সেটাপ সঠিকভাবে সম্পন্ন হলো কিনা পরীক্ষা করতে টার্মিনালে লিখুন flutter doctor তারপর এন্টার কী চাপলেই ফ্লাটার বলে দিবে সেটাপে কোন সমস্যা আছে কিনা। সেটাপে কোন প্রকার সমস্যায় পড়লে এইখান থেকে ডিডিওটি দেখে নিন। ডিডিও লিংক: https://youtu.be/Buudud8IwK4

ধরে নিলাম, আপনি সব ঠিকটাকভাবে সেটাপ করেছেন। এবার আসি কিভাবে প্রজেক্ট তৈরী করে কাজ শুরু করা যায়।

প্রজেক্ট তৈরী করা ও কাজ শুরু করার প্রক্রিয়া

  • আপনি যে ফোল্ডারে কাজ করবেন সেখান থেকে টার্মিনাল খুলুন
  • টার্মিনালে লিখুন flutter create myapp [এইখানে myapp হল প্রজেক্টের নাম, যেটি আপনি আপনার মত দিতে পারবেন]
  • উপরের কমান্ডটি চালানোর পর তৈরী হওয়া প্রজেক্টটি vscode/android studio তে খুলুন। এখন vscode/android studio এর টার্মিনালে যদি flutter run কমান্ডটি লিখেন দেখবেন অ্যাপটি আপনার ইমুলেটরে অথবা আপনার কানেক্ট করা ডিভাইসে রান হবে।

প্রজেক্টটি রান করার পর আপনি যে আউটপুটটি দেখতে পাবেন তা হল প্রজেক্ট এর lib/main.dart কোডের আউটপুট। যেখানে একটি statefull class এ একটি বাটন আর একটি টেক্স রয়েছে। বাটনটি ক্লিক করলে নাম্বার ইন্ক্রিমেন্ট হবে। কোডগুলো দেখে মোঠেও ভয় পাওয়ার কোন উপায় নেই। পরবর্তী পর্বে আমি সহজে সব কিছু ক্লিয়ার করব কিভাবে কি করতে হয়। তবে এতটুকু জেনে নিন যে ফ্লাটারে কাজ করার ক্ষেত্রে আমরা সবসময় widget নিয়ে কাজ করব। যা দুধরনে হবে-

১. Stateless widget

আমরা Stateless widget বলতে সেসব widget কে বুঝব যাদের ক্ষেত্রে আমরা কোন ডাটা নিয়ে কাজ করব না। অ্যাপে কোন state এর পরিবর্তন হলে ইউআই তে কোন পরিবর্তন ঘটবে না।

2. Statefull widget

আমরা Statefull widget বলতে সেসব widget কে বুঝব যাদের ক্ষেত্রে আমরা ডাটা নিয়ে কাজ করব এবং অ্যাপের কোন state পরিবর্তনে আমরা ইউআইতে পরিবর্তন করতে পারব।

আজ এই পর্যন্ত পরবর্তী পর্বের আমন্ত্রনে শেষ করছি আজ।


এই রকম আরো পোষ্ট