Skip to main content

Flutter And Web Developer এর জন ফ্লাটার

 Flutter And Web Developer এর জন ফ্লাটার 

আপনি যেহেতু ফ্লাটার শেখার সিদ্ধান্ত নিয়েছেন আমি বিশ্বাস করি এটি একটি ভাল সিদ্ধান্ত। আপনার যাত্রা বাধা পূর্ণ হতে পারে কিন্তু হাল ছাড়া যাবেনা।



আপনি যে প্রথম বাধার সম্মুখীন হচ্ছেন তা হল কিভাবে আপনার অ্যাপ ডেভেলপমেন্ট এনভায়রনমেন্ট সেট আপ করবেন, আসুন শুরু করা যাক।
docs.flutter.dev খুলুন এবং আপনার অপারেটিং সিস্টেম নির্বাচন করুন। আমি এখানে ফ্লাটার ইনস্টল করার জন্য সাধারণ স্টেপগুলো শিখিয়ে দিব। ডকুমেন্টেশন খুব স্পষ্ট এবং আমি আপনার সাধারণ সমস্যার সমাধান করার চেষ্টা করব।
#1 Android Studio ডাউনলোড এবং ইনস্টল করুন
কোড লেখার জন্য আপনার একটি IDE প্রয়োজন হবে আপনি অন্য IDE ও বেছে নিতে পারেন কিন্তু গুগল Android Studio সুপারিশ করে এবং আমরা এটি ইনস্টল করব।
Android Studio ডাউনলোড করতে developer.android.com এ যান।
ইনস্টলারটি বেশ সহজ। শর্তাবলী পড়া, প্রয়োজনীয় অনুমতি দেওয়া এসব শেষ করে ইন্সটল করে নিন।
Android Studio কে এর স্মুদ কার্যকারিতার জন্য সর্বশেষ SDK এবং কিছু অন্যান্য ফাইল ডাউনলোড করার অনুমতি দিন।
#2 flutter SDK ডাউনলোড করুন
উইন্ডোজ এবং ম্যাক ব্যবহারকারীদের জন্য আপনি জিপ ফাইলটি ডাউনলোড করতে পারেন বা গিটহাব থেকে স্থিতিশীল ভার্সনটি ক্লোন করতে পারেন।
লিনাক্স ব্যবহারকারীরা স্ন্যাপ ব্যবহার করতে পারেন।
Choose your operating system
#3 Add the path
পরবর্তী ধাপ হল গ্লোবাল ভেরিয়েবলে একটি flutter/bin path যোগ করা যাতে আপনি ফ্লাটার cmd globally ব্যবহার করতে পারেন।
Windows:
স্টার্ট মেনু খুলুন এবং ফলাফল থেকে env টাইপ করুন আপনার অ্যাকাউন্টের জন্য Edit environment variables for your account সিলেক্ট করুন।
Mac:
ফাইলটিকে কাঙ্খিত স্থানে এক্সট্রাক্ট করুন।
উদাহরণ:
$ cd ~/geekAid $ unzip ~/Downloads/flutter_macos_3.3.6-stable.zip
আপনার path এ ফ্লাটার যোগ করুন, ইনস্টল লোকেশনে টার্মিনাল খুলুন এবং এই cmd পেস্ট করুন।
$ export PATH="$PATH:pwd/flutter/bin"
Linux:
$ https://docs.flutter.dev/get-started/install/macos...
আপনি যদি ফ্লাটার ইনস্টল করতে স্ন্যাপ ব্যবহার করে থাকেন তাগলে তো হলই। আপনি ফ্লাটার পাথ চেক করতে নিচে দেওয়া cmd ব্যবহার করতে পারেন।
আপনি অস্থায়ীভাবে টার্মিনালে ফ্লাটার পাথ যোগ করতে পারেন, কিন্তু আমি শুধু এগিয়ে যাই এবং পরে এটি স্থায়ীভাবে যোগ করি।
#4 Run flutter doctor
ফ্লাটার ইন্সটলেশন সঠিকভাবে সম্পন্ন হয়েছে কিনা এবং কোন সমস্যা নেই তা পরীক্ষা করার জন্য টার্মিনাল খুলুন এবং cmd লিখুন “flutter doctor” এবং এন্টার চাপুন।
$ flutter doctor
গ্রিন ফ্ল্যাগ দিয়ে দিলে এগিয়ে যান।
কিন্তু এটা আপনাদের অনেকের ক্ষেত্রেই হবে না। এখানে আমি এখানে সবচেয়ে সাধারণ বিষয় নিয়ে আলোচনা করছি।
  • Flutter SDK not found in the specified location
আপনি এটি Android Studio থেকে ইনস্টল করতে পারেন।
Menu > Tools > SDK Manager > Android SDK > SDK Tools (tab)
Install missing SDK
এখান থেকে missing dependency খুঁজুন এবং এটি ইনস্টল করুন।
  • Flutter run error: You have not accepted the license agreements
লাইসেন্স গ্রহণ করতে টার্মিনাল খুলুন এবং cmd চালান।
$ flutter doctor --android-licensed
এখন, ত্রুটিটি সমাধান করার পরে আরও সমস্যাগুলি পরীক্ষা করতে আবার "ফ্লাটার ডাক্তার" চালান।
আপনি যদি এখনও সমস্যার সম্মুখীন হন তবে আমি আপনাকে StackOverflow তে সেই সমস্যাটি খুঁজে বের করার চেষ্টা করার এবং এটি সমাধান করার পরামর্শ দিচ্ছি।
#5 অ্যান্ড্রয়েড স্টুডিওতে প্রয়োজনীয় প্লাগইন ইনস্টল করুন।
এই প্লাগইনগুলি আপনাকে run & debug support, syntax highlighting, code completion, widget editing assistance এবং আরও অনেক কিছু দেয়।
প্লাগইনগুলি ইনস্টল করতে 'Ctrl+Alt+S' বা Menu> File > Settings দ্বারা সেটিংসে যান।
সেটিংসে প্লাগইন সেকশনগুলো খুলুন।
Search and install plugins
আপনাকে দুটি প্লাগইন ইনস্টল করতে হবে এবং মার্কেটপ্লেসে সেগুলি অনুসন্ধান করতে হবে।
  • flutter
  • dart
একবার ইন্সটল করলে IDE রিস্টার্ট করুন।
ব্যস! শুরু করে দিন আপনার ফ্লাটার ডেভেলপমেন্টের যাত্রা।

Comments

Post a Comment

Popular posts from this blog

অফলাইন ডাটা স্টোর করার ৬ টি মাধ্যম

  অফলাইন ডাটা স্টোর করার ৬ টি মাধ্যম যখন ফ্লটারে অফলাইনে ডেটা সংরক্ষণের কথা আসে, তখন এটি করার বিভিন্ন উপায় রয়েছে। অফলাইন ডাটা স্টোরেজ বলতে বোঝায় যে কোনো স্টোরেজ মিডিয়াম যেটিকে প্রত্যেকবার ফিজিক্যালি একটি সিস্টেমে ইনসার্ট করা হয়, যখন কোনো ইউজার ডেটা অ্যাক্সেস বা এডিট করতে চায় । অফলাইন স্টোরেজে সংরক্ষিত ডেটা তার ডিভাইস স্টোরেজে স্থায়ীভাবে থেকে যায় এমনকি ডেটা স্টোরেজের পরে কম্পিউটার থেকে সংযোগ বিচ্ছিন্ন বা আনপ্লাগ করা হলেও। উদাহরণ হিসেবে সহজ কথায় বলা যায়, মোবাইল অ্যাপের কনটেক্সটে, Offline data sync হল এমন একটি ফিচার যা ইউজারদের তাদের ডিভাইস অফলাইনে থাকা অবস্থায়ও ডেটা তৈরি করতে, পরিবর্তন করতে এবং সার্চ করতে দেয়৷ ডিভাইসটি অনলাইনে থাকাকালীন ডেটা লোকাল স্টোরে সংরক্ষণ করা হয় এবং Azure Mobile Apps সার্ভিসের সাথে সিঙ্ক্রোনাইজ করে। ফ্লাটারে, অফলাইনে ডেটা স্টোরেজ করার বিভিন্ন উপায় রয়েছে৷ এরমধ্যে টপ ৬ ধরনের উপায় নিয়ে আজকের আলোচনা- Using Text/CSV/JSON files ডেটা সংরক্ষণের জন্য ব্যবহৃত সবচেয়ে বেসিক ফাইল টাইপ হল TXT, CSV এবং JSON। ডার্ট প্রোগ্রামিং ভাষা সহজেই এই ফাইলগুলি পড়তে এবং লিখত...
Post a Comment
Read more

Flutter Developer হওয়ার জন্য রোডম্যাপ-

Flutter Developer হওয়ার জন্য রোডম্যাপ-   যেকোনো প্রযুক্তি বা ভাষা শিখতে প্রয়োজন সময় এবং ধৈর্যের। কখনও মাঝখান থেকে শুরু করবেন না, বা এক লাফে অ্যাডভান্স শিখতে শুরু করবেন না, এবং কখনোই নিজের শেখার সাথে অন্যদের তুলনা করতে যাবেন না। বর্তমান আইটি ইন্ডাস্ট্রিতে সবচেয়ে প্রিয় এবং গৃহীত প্রযুক্তির মধ্যে ফ্লাটার অন্যতম। কিন্তু কেন? কেন ফ্লাটার এত শীর্ষে? এত এত ফ্রেমওয়ার্ক থাকতে ফ্লাটারই কেন? এই আর্টিকেলে, আমরা দেখবো কেন ফ্লাটার সবচেয়ে শীর্ষে, এবং জানবো কীভাবে এটা শিখতে হয়। ফ্লাটার কী? ফ্লাটার হচ্ছে সুন্দর ও নেটিভভাবে কম্পাইল্ড অ্যাপ্লিকেশন নির্মাণের জন্য গুগলের ইউআই টুলকিট, যার সাহায্যে ওয়েব, ডেস্কটপ, মোবাইল, এবং এমবেডেড ডিভাইসের জন্য অ্যাপ তৈরি করা যায় মাত্র একটা কোডবেজে। তার মানে এটা বলা যায় যে, আপনি যদি ফ্লাটার দিয়ে আপনার অ্যাপ বা ওয়েবসাইট বানান, তাহলে এটা হবে আরও বেশি সুন্দর, আর হবে অন্যান্য ফ্রেমওয়ার্ক দিয়ে বানানো অ্যাপ বা ওয়েবসাইটের চেয়ে বেশি দ্রুতগতির! তো ফ্লাটার কীভাবে এত জনপ্রিয়তা পাচ্ছে? ফ্লাটার নেটিভ ল্যাঙ্গুয়েজে কোড কম্পাইল করে। স্টার্টাপগুলো ফ্লাটার সহজেই শিখে এমভিপি বানিয়ে ফেলতে...
Post a Comment
Read more

InApp WebView দিয়ে Webview কন্টেন্ট ব্লকার তৈরী করবেন কিভাবে?

এই আর্টিকেলে, আমরা flutter in app web view প্লাগইন ব্যবহার করে আমাদের ওয়েবভিউ ইন্সট্যান্সের জন্য একটি কাস্টম কনটেন্ট ব্লকার তৈরি করা শিখবো। কন্টেন্ট ব্লকার সাধারণত বিজ্ঞাপন ব্লক করার জন্য ব্যবহার করা হয়, কিন্তু আপনি অন্য কোনো কন্টেন্ট ব্লক করতেও ব্যবহার করতে পারেন। ব্লকিং বিহেভিয়ারের মধ্যে রয়েছে এলিমেন্টস হাইড করা, লোড ব্লক করা এবং iOS এবং macOS-এ, WebView রিকুয়েস্ট থেকে কুকি রিমুভ করা। মনে রাখবেন, স্পেশালাইজড এক্সটেনশন যেমন অ্যাডব্লক (AdBlock) বা অ্যাডব্লক প্লাসের (AdBlock Plus) কার্যকারিতা আর কন্টেন্ট ব্লকারের কার্যকারিতা একই লেভেলের না। কন্টেন্ট ব্লকার হলো এমন একটি রুলসের সেট যা কখনই ওয়েবভিউ থেকে কোনো কলব্যাক বা নোটিফিকেশন ফিরে পায় না যখন এটি ব্লক করার জন্য প্রয়োজনীয় কন্টেন্ট খুঁজে পায়। **InAppWebViewSettings **ক্লাসের  contentBlockers  প্রোপার্টির মাধ্যমে আমরা ContentBlocker এর এমন ইন্সট্যান্সের একটি লিস্ট তৈরি করতে পারি ওয়েবভিউয়ের ব্যবহারের জন্য। দ্যা কনটেন্টব্লকার ক্লাস (The ContentBlocker class) আমরা ContentBlocker ক্লাসে কনটেন্ট-ব্লকিং বিহেভিয়ার সংজ্ঞায়িত করি...
Post a Comment
Read more