Flutter কি? এবং কেন শিখবো এর আগের পষ্টে লেখা হয়েছে, আপনার যারা আগের পোস্ট পড়েনি একবার হলেও পড়ে আসবেন। এই পষ্টে Flutter প্রথম প্রজেক্ট তৈরি ও মনে রাখার সহজ টেকনিক শেয়ার করা হল।
📱 Flutter ইনস্টলেশন ও প্রথম প্রজেক্ট তৈরির ধাপ:
ধাপ ১: Flutter সেটআপ (চিত্র মনে রাখুন "ফাউন্ডেশন তৈরির মতো")
2. পাথ সেট করুন
3. IDE (VS Code/Android Studio) ইনস্টল করুন
4. Flutter ও Dart প্লাগইন ইনস্টল করুন
ধাপ ২: প্রথম প্রজেক্ট তৈরি
flutter create my_first_app
cd my_first_app
flutter run
🌳 প্রজেক্ট স্ট্রাকচার ছবির মতো করে মনে রাখার টেকনিক
একটি গাছের সাথে তুলনা করুন:
🌳 my_first_app/ (গাছের মূল)
├── 📁 android/ (অ্যান্ড্রয়েড শাখা)
├── 📁 ios/ (iOS শাখা)
├── 📁 lib/ (গাছের কাণ্ড - সবচেয়ে গুরুত্বপূর্ণ!)
│ └── 📄 main.dart (মূল ফাইল)
├── 📁 test/ (পরীক্ষার ফুল)
├── 📄 pubspec.yaml (পুষ্টির ফাইল)
└── 📁 assets/ (পাতা-ফুলের সংগ্রহ)
📁 প্রতিটি ফোল্ডারের উদ্দেশ্য সহজে মনে রাখার উপায়:
1. lib/ - "আপনার বসবাসের জায়গা"
lib/
└── main.dart (প্রথম দরজা)
└── MyApp() (বাড়ির মালিক)
└── MaterialApp() (বাড়ির নকশা)
└── HomePage() (প্রধান কক্ষ)
2. pubspec.yaml - "প্রজেক্টের শপিং লিস্ট"
name: my_first_app # অ্যাপের নামdescription: A new Flutter project # বর্ণনাdependencies: # যা যা কিনতে হবেflutter:sdk: fluttercupertino_icons: ^1.0.2 # আইকন প্যাকেজdev_dependencies: # উন্নয়নের সরঞ্জামflutter_test:sdk: flutterflutter:uses-material-design: true # ডিজাইনের উপাদানassets: # ছবি/ফাইল সংগ্রহ- images/
3. main.dart ফাইলের বেসিক স্ট্রাকচার:
import 'package:flutter/material.dart'; // টুলবক্স খুলুনvoid main() {runApp(MyApp()); // অ্যাপ শুরু করুন}class MyApp extends StatelessWidget { // অ্যাপের কাঠামো@overrideWidget build(BuildContext context) {return MaterialApp( // Material ডিজাইনের অ্যাপtitle: 'My First App', // অ্যাপের নামhome: Scaffold( // মূল ফ্রেমappBar: AppBar( // উপরের বারtitle: Text('স্বাগতম Flutter এ'),),body: Center( // মূল কন্টেন্টchild: Text('Hello World!'), // টেক্সট),),);}}
🎯 মনে রাখার সহজ টেকনিক:
১. "MTR" পদ্ধতি (Mind Tree Representation)
· গাছের ছবি মনে করুন
· প্রতিটি শাখা = একটি ফোল্ডার
· প্রতিটি পাতা = একটি ফাইল
২. "3-Folder Focus" নিয়ম
মনে রাখবেন শুধু ৩টি ফোল্ডারে কাজ করবেন:
1. lib/ - আপনার কোড (৯০% কাজ এখানে)
2. pubspec.yaml - প্যাকেজ ম্যানেজ
3. assets/ - ছবি/ফাইল
৩. "Widget Tree" ভিজুয়ালাইজেশন
MaterialApp (ঘর)
└── Scaffold (কাঠামো)
├── AppBar (ছাদ)
└── Body (কক্ষ)
└── Center (কেন্দ্র)
└── Text (বার্তা)
🚀 প্রথম প্রজেক্টের জন্য সহজ টেমপ্লেট:
import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(debugShowCheckedModeBanner: false, // ডিবাগ ব্যানার সরানhome: HomePage(),);}}class HomePage extends StatelessWidget {@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('প্রথম Flutter অ্যাপ'),centerTitle: true,),body: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center,children: [Icon(Icons.flash_on, size: 50, color: Colors.amber),SizedBox(height: 20),Text('আপনি সফল!',style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),),Text('আপনার প্রথম Flutter অ্যাপ রান করছে'),],),),floatingActionButton: FloatingActionButton(onPressed: () {},child: Icon(Icons.add),),);}}
💡 মনে রাখার টিপস:
1. প্রতিদিন একবার প্রজেক্ট তৈরি করুন - প্রথম ৭ দিন
2. স্ট্রাকচার আঁকুন - কাগজে গাছের ডায়াগ্রাম আঁকুন
3. বাস্তব উদাহরণ দিন - নিজের প্রয়োজনীয় অ্যাপ বানানোর চেষ্টা করুন
4. Hot Reload ব্যবহার করুন - r চাপলে পরিবর্তন দেখা যাবে
5. লাইব্রেরি যোগ করতে - pubspec.yaml এ নাম লিখে flutter pub get করুন
🔄 সাধারণ কমান্ডস:
# নতুন প্রজেক্টflutter create project_name# রান করুনflutter run# প্যাকেজ আপডেটflutter pub get# ক্লিন করুনflutter clean
মনে রাখবেন: প্রথম দিকে পুরো স্ট্রাকচার মনে রাখা জরুরি নয়। শুধু lib/ ফোল্ডারে ফোকাস করুন। বাকি ফোল্ডার Flutter নিজে ম্যানেজ করে। ধীরে ধীরে প্র্যাকটিস করলে পুরো স্ট্রাকচার আপনার মাথায় গেঁথে যাবে! 🚀
সহজ কথায়: যত বেশি হাতের কাজ করবেন, তত বেশি মনে থাকবে। প্রতিদিন নতুন করে প্রজেক্ট তৈরি করুন প্রথম সপ্তাহে।
0 Comments