از Pista Academy حمایت کنید
خلاصه آموزشی
مرور سریع مفاهیم اصلی پیش از تماشای کامل یا برای جمعبندی بعد از آموزش.
در جلسه 71 آموزش فلاتر، مدرس به افزودن دو دکمه (ریست و سابمیت) به فرم پیشنهاد می‌کند و سپس به بررسی و اعمال قوانین ورودی (ولیدیشن) میپردازد. در این بخش، شرایطی برای اعتبارسنجی فیلد ورودی تعیین میشود که شامل چک کردن خالی بودن فیلد، محدود کردن طول محتوا و اطمینان از ورودی صحیح است. همچنین، نحوه اعمال این شرایط در کد و نحوه نمایش پیامهای خطا به کاربر توضیح داده میشود.
نکات کلیدی
افزودن دو دکمه (ریست و سابمیت) به فرم برای کنترل فرآیند ورودی کاربر
اعمال قوانین ورودی (ولیدیشن) با شرایط مختلف برای اطمینان از دقت دادهها
تعیین شرایط اعتبارسنجی مانند خالی بودن فیلد، محدود کردن طول و ورودی صحیح
نحوه نمایش پیامهای خطا به کاربر در فرم
متن ویدیو
متن زمان‌بندی‌شده این جلسه برای مرور، جستجو و دسترسی سریع‌تر.
سلام عرض می‌کنم خدمت دوستان عزیز بریم سراغ ادامه کارمون من اول اینو رانش کنم
دوباره خب
ما فرممونو رسوندیم به اینجا بریم سراغ اینکه این فرمه رو کاری بکنیم که کار بکنن
خب
الان میخوام یه کار بکنم اول میخوام د
تا دکمه اضافه کنم پایین فرم یکی برای
ریست کردن فرم یکیهم برای سابمیت کردن فرم
بذارین این برنامه رام بشه ب
خب میخوام این پایین د تا دکمه اضافه کنیم پس
میام بعد از این ردیف یه ردیف دیگه اضافه
می‌کنم این ردیفه اینجا تمام میشه
میام بعد از این ردیف یه ردیف جدید اضافه
می‌کنم فقط اول یه دونه سایز باکس میذارم
یه فاصله‌ایون باشه بین این ردیف و اون
ردیف
یه ارتفاع بهش میدم مثلاً چه می‌دونم ۱۶
تا مهم نیست خب
بعد پشت سرش یه دونه رو میدم یه ردیف جدید
اینم چی رن داره
یه تکست باکس یه تکست باتن میذارم
آمپرسشو فعلاً دست نمیزنم یه دونه فقط فانکشن می‌زنم که خطا نگیره برای چالشم یه
تکست میذارم
بعد این دکمه یه دونه هم الویتد بذار سایز باکسم اینجا بذارم
یه عرضی بهش بدم مثلاً ۱۶ تا
بچه حال داشتم یه دونه تکست بات دور میذارم
کانست
تکست
اینم از این پس من یه ردیف با تو دو دکمه اضافه کردم
ببینیم ظاهرشو
بذارید اینو بیارم سمت راست راست باشه بهتره چهجوری این کارو می‌کنم این روئه
مدا ان
آخر
استپ بعدی کارمون چیه بریم سراغ به این ولیدیتوره اینو درستش بکنیم
این ولیدیتوره قراره مقداری که کاربر توی
اون فرم فیلده وارد می‌کنه اینجا وارد
می‌کنه منظورمه
اینجا تو نیم وارد می‌کنه رو چک بکنم خب
چند تا چیزو باید چک کنم من دونه دونه
می‌نویسم میام میگم که یه شرط میذارم
میگم اگر اون مقداری که کاربرم وارد
می‌کنه برابر نال بود یعنی هیچی وارد
نکرده بود یا
مقداری که ب وارد کرده بود خالی بود از امتی
یا
مقداری که وارد کرده بود بعد از اینکه اسپیساشو پاک کردم یعنی اسپیس زده بود فرض
کنیم طولش
کوچکتر مساوی ی بود اینم قبول نیست نیست
یه شرط دیگه هم داشتیم بیشتر از ۵۰ کاراکترم نباید باشه پس اگر تیرین کردن
اسپیساشو زدم رفت
طولش بزرگتر از ۵۰ تا بود هم قبول نیست در
این صورت هر کدوم از این شرطا درست باشه
کل این شرط درسته ریترن بکنه
یه پیغامی روی کاربر
ماست بی
بیتوین و
فی کرکترز
کر
اگر این شرطم نبود اصلا اوکی بود همه چی ریترن بکنه نا هیچی ریترن نکنه
این یه ولیدیشن خیلی ساده که الان
می‌تونیم تستش بکنیم
خب فعلاً بذارین صبر کنیم بیایم درستش می‌کنیم الان من این ولیدیتور رو بچه‌ها
یه کپی می‌کنم جای دیگه هم لازمش دارم اینجا اینجا برای این عددم لازم دارم خب
بعد از این اینیشل ولیو این ولیدیتور رو
بذارید فقط شرط این چیز متفاوته
اینجا روی نال و امتی تی باز حساسم ولی
دیگه این د تا شرطو ندارم به جاش یه چیز
دیگه دارم
به جاش باید بیام بگم که
ایندا
ترای پارس اون ولیو
تبدیلش می‌کنم به اینتیجه نال نباشه
یه شرط دیگه هم دارم اونم اینکه این د ترایپس
اون ولیو
کوچکتر مساوی صفرم نباشه هر کدوم از این شرطها بود اینجا باید بهش
بگم که
ماست بی ولید
پوزیتیو نامبر
همچین نوری بهش بدیم
و دراپتورم که ولیدیشن نمیخواد دیگه مشخصه دیگه چون طرف اصلاً نمی‌تونه چیز دیگه
انتخاب بکنه ما یه لیست بهش دادیم گفتیم
از همین انتخاب بکن خب اینم از ولیدشن
بریم بیایم اداشو جلسه بعدی صحبت کنیم
فعلاً خداحافظ
پرسشهای رایج
پاسخ کوتاه و مستقیم به پرسشهایی که معمولاً هنگام یادگیری این موضوع مطرح میشوند.
در این جلسه، مدرس به افزودن دو دکمه (ریست و سابمیت) به فرم پیشنهاد می‌کند که به کنترل فرآیند ورودی کاربر کمک میکنند.
شرایطی مانند خالی بودن فیلد، محدود کردن طول محتوا و اطمینان از ورودی صحیح تعیین میشود.
در این جلسه، نحوه نمایش پیامهای خطا به کاربر در فرم توضیح داده میشود.
آخرین بهروزرسانی محتوای متنی:
در این دوره جامع و پروژه‌محور با فلاتر و دارت از صفر تا صد آشنا می‌شوید و با ساخت هشت اپلیکیشن واقعی که هر کدام نکات کلیدی و پرکاربرد فلاتر را پوشش می‌دهد، مهارت‌های خود را به سطح بعدی می‌برید. آنچه در این دوره یاد می‌گیرید: مقدمه و نصب ابزارها: آشنایی با فلاتر، دارت و راه‌اندازی محیط توسعه مبانی دارت و فلاتر: یادگیری سینتکس دارت و ساخت ویجت‌های پایه با اپ «تاس‌انداز (Roll Dice)» غوطه‌وری در فلاتر: پیاده‌سازی اپ «کوئیز (Quiz)» برای مسلط شدن بر ساختار و چرخه حیات ویجت‌ها دیباگ و رفع اشکال: تکنیک‌های عیب‌یابی و ابزارهای Flutter DevTools واکنش‌گرایی و تمینگ: ساخت «Expense Tracker» برای یادگیری ویجت‌های تعاملی، موضوع‌بندی (Theming) و طراحی ریسپانسیو مدیریت وضعیت (State Management): از Provider تا روش‌های داخلی دارت با اپ «TODO» و «Meals» مسیر‌یابی بین صفحات: ناوبری پیشرفته با «Meals App» و انتقال داده بین صفحات انیمیشن‌ها و جلوه‌های بصری: افزودن حرکات پویا و تراکیب انیمیشنی در «Meals App» فرم‌ها و ورودی کاربر: دریافت و اعتبارسنجی اطلاعات با «Shopping List» ارتباط با سرور: ارسال و دریافت HTTP، کار با JSON و REST API در «Shopping List» دسترسی به امکانات بومی دستگاه: استفاده از دوربین و ذخیره‌سازی در «Favorite Places» فراخوانی پوش نوتیفیکیشن و چت زنده: ترکیب فلاتر با Firebase برای ساخت اپ چت با اعلان لحظه‌ای به‌روزرسانی‌ها و چشم‌انداز آینده: نکات پایانی، منابع پیشرفته و مسیر یادگیری ادامه‌دار چرا این دوره؟ پروژه‌محور و گام‌به‌گام، مناسب برای تازه‌کارها و افراد با تجربه متوسط پوشش تمام جنبه‌های کلیدی: از طراحی رابط کاربری و انیمیشن تا اتصال به سرور و مدیریت وضعیت پیاده‌سازی چندین اپلیکیشن واقعی که می‌توانید به سادگی برای نمونه‌کار شخصی یا پروژه‌های شغلی استفاده کنید لینک گیت هاب دوره جهت دسترسی به کد پروژه های هر فصل https://github.com/pistaacademy/flutter 🔔 همین حالا سابسکرایب کنید تا ویدیوهای آینده را از دست ندهید و یادگیری فلاتر را با هم شروع کنیم!
