Flutter For Backend - Day: 1

আমি ধরে নিচ্ছি , আপনি কমপক্ষে ১/২ বছর ইন্ডাস্ট্রি গ্রেডের কোড লিখেছেন ।

🎯 দিন–১ এর লক্ষ্য

আজকের দিনের শেষে:

• Flutter সফলভাবে ইনস্টল করা থাকবে

• আপনার Chrome ব্রাউজারে অ্যাপটি রান করবে

• আপনি পরিষ্কারভাবে বুঝবেন Flutter অ্যাপ আসলে কীভাবে কাজ করে

• কোনো UI “ম্যাজিক” নয়—শুধু মৌলিক ধারণা ও পরিষ্কার কোড লিখবেন

• আমরা VSCode এ কোড লিখব ।

Flutter Setup (Minimal)

Install Flutter SDK

git clone https://github.com/flutter/flutter.git -b stable

Add to PATH

export PATH="$PATH:$HOME/flutter/bin"

Make Chrome Executable

which google-chrome

This will output the full path, for example:

/usr/bin/google-chrome

We can also chromium browser

Add to bashrc

To avoid setting it every time you open the terminal, add it to your .bashrc or .zshrc:

echo 'export CHROME_EXECUTABLE=/usr/bin/google-chrome' >> ~/.bashrc
source ~/.bashrc

Enable Flutter Web

flutter config --enable-web

Verifying Everything

flutter doctor

We have to see this:

[✓] Chrome - develop for the web

Write the code

Starting a new flutter app

flutter create todo_app
cd todo_app
code .

lib/main.dart

এই ফাইলে যা কোড আছে সব মুছে দেন । নিচের কোড টা টাইপ করে বসায় দেন ।

Run

টার্মিনাল-এ রান করেন এই কমান্ড

flutter run -d chrome

একটা Chrome ব্রাউজার ওপেন হয়ে যাবে, এই হচ্ছে আউটপুট !