Skip to main content

Best Flutter এক্সটেনশন

Flutter হল মোবাইল, ডেস্কটপ এবং ওয়েব অ্যাপ্লিকেশন তৈরির জন্য একটি জনপ্রিয় ক্রস-প্ল্যাটফর্ম UI ফ্রেমওয়ার্ক।




😳ফ্লাটার অ্যাপ ডেভেলপ করতে, ডেভেলপাররা ভিজ্যুয়াল স্টুডিও কোড (ভিএস কোড) এর জন্য বিভিন্ন এক্সটেনশন ব্যবহার করতে পারে, একটি IDE যা ফ্লাটার এবং ডার্ট প্লাগইন সমর্থন করে।
👉ফ্লাটার ডেভেলপমেন্টের জন্য সেরা কিছু ভিএস কোড এক্সটেনশন হল:
✅Dart and Flutter:
এটি ফ্লাটার টিমের অফিসিয়াল এক্সটেনশন যা ডার্ট প্রোগ্রামিং ভাষার জন্য সার্পোট প্রোভাইট করে এবং কোড কমপ্লিশন, সিনট্যাক্স হাইলাইটিং, উইজেট এডিটিং অ্যাসিস্ট, হট রিলোড এবং রিস্টার্ট এবং ডিবাগিং অপশন এর মতো ফিচার অফার করে।
✅Awesome Flutter Snippets:
সংক্ষেপে কোড লেখার জন্য এই এক্সটেনশনটি স্নিপেট প্রদান করে। উদাহরণস্বরূপ, মেটেরিয়াল অ্যাপের জন্য mateapp, Stateful Widget-এর জন্য statefulW এবং InitState-এর জন্য initS।
✅Flutter Tree:
একটি সরল সিনট্যাক্স ব্যবহার করে ফ্লাটার ট্রি মূলত উইজেট ট্রি লেখার একটি সংক্ষিপ্ত এবং সহজ উপায় প্রদান করে।
উদাহরণস্বরূপ, Container>Column[Child1>Child2,Child3] একটি কলাম এবং দুটি চাইল্ড উইজেট সহ একটি কন্টেইনারের জন্য কোড তৈরি করবে।
✅Dart Barrel File Generator:
এই এক্সটেনশনটি ডার্ট ফাইল ধারণকারী ফোল্ডারগুলির জন্য ব্যারেল ফাইল তৈরি করে।
ব্যারেল ফাইল হল এমন একটি ফাইল যেখানে আমরা লাইব্রেরি বা ফোল্ডারে অন্যান্য ফাইল এক্সপোর্ট করার জন্য এক্সপোর্ট স্টেটমেন্ট লিখি। এটি প্যাকেজ ইমপোর্ট সহজ করে তোলে, কারণ আমাদের একাধিক ফাইলের পরিবর্তে শুধুমাত্র একটি ফাইল ইমপোর্ট করতে হবে।
✅Pubspec Assist:
আমরা এডিটর ছাড়াই প্যাকেজগুলি সার্চ করতে পারি Pubspec Assist এক্সটেনশনটি দিয়ে। এটি আবার সার্চ করার সেগুলিকে pubspec.yaml ফাইলে যুক্ত করে।
আমাদেরকে কমা দিয়ে নাম আলাদা করে একসাথে একাধিক প্যাকেজ সার্চ করার এক্সেস দেয়।
✅Pubspec Dependency Search:
এই এক্সটেনশনটির প্যাকেজের নামের উপর ক্লিক করে বা একটি কমান্ডের মাধ্যমে প্যাকেজগুলি সার্চ করতে আমাদের সাহায্য করে। এটি সার্চ করা প্যাকেজের সর্বশেষ ভার্সন এবং এর বিবরণও শো করায়।
✅ Error Lens:
কোডের ত্রুটির লাইনগুলিকে হাইলাইট করে এবং লাইনের শেষে ত্রুটির বিবরণ যুক্ত করে দেয় Error lens এক্সটেনশন।
এরর আইকনগুলিও প্রদর্শিত হয় যা আমাদের settings.json ফাইলে ত্রুটি হাইলাইটের কালার কাস্টমাইজ করার এক্সেস দেয়।
✅ Better Comments:
এই এক্সটেনশনটি আমাদের আরও Human-friendly এবং ভাল কমেন্ট তৈরি করতে সাহায্য করে।
আমাদের বিভিন্ন ধরনের মন্তব্যের জন্য বিভিন্ন কালার ব্যবহার করার এক্সেস দেয়, যেমন TODO, FIXME, ALERT ইত্যাদি।
✅ Color Highlight:
সংশ্লিষ্ট রঙের সাথে কোডের রঙের ভ্যালু গুলোকে হাইলাইট করে Color Highlight এক্সটেনশন।
এটিতে বিভিন্ন ফরম্যাট সমর্থন করে, যেমন hex, rgb, rgba, hsl, hsla ইত্যাদি।
✅Markdownlint:
মার্কডাউন ফাইলগুলির জন্য লিন্টিং এবং স্টাইল চেকিং প্রদান করে Markdownlint এক্সটেনশনটি।
এটি আমাদের সামঞ্জস্যপূর্ণ এবং ভাল-ফরম্যাট করা মার্কডাউন ডকুমেন্ট লিখতে সাহায্য করে।
আপনি যদি Flutter App ডেভেলপমেন্ট সেক্টরে নতুন হয়ে থাকেন, তাহলে এই VS code এক্সটেনশনগুলো প্র্যাকটিস করে দেখতে পারেন। যেটি আপনার কাজের গতি এবং স্টাইল দুটোই উন্নত করবে।

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