منبع : پیج اینستاگرامی(ایدی پیج پایین تصویر هست)

نوشته کارگران ولی برای همه افرادی که طبق قانون کار میخوان بدونن چقد باید کار کنن مفیده

از این به بعد به جای اینکه پست آموزشی بذاریم یه سوال یا چالش مطرح میکنیم و با کامنت و بحث کردن راجبش نکات رو یاد میگیریم...

هرچقدر مشارکت شما بیشتر بود نکات بیشتری هم یاد میگیریم...

نظرتون چیه 😉

این جا چند نفر هستن که میخواستن بلاک رو کار کنن ولی به دلیل سختی یا... هربار قیدشو زدن و دوست دارن که یادش بگیرن...

اعلام حضور کنید که اگه تعداد قابل توجه هست یه برنامه بچینیم که یه چند هفته ای برنامه کانال رو به یادگیری جمعی بلاک اختصاص بدیم...

برای یادگیری بلاک از مثال های سایت بلاک استفاده میکنیم.

چند مثال خوب از سطح خیلی آسون به سمت پیشرفته توی این سایت هست.

از آسون ترین مثال شروع میکنیم و من یه مدت زمانی رو برای خوندن اون مثال به شما میدم.

شما با دقت (چندین بار) مثال رو میخونید و کدش رو میزنید و در نهایت هر اشکال و ابهامی که داشتید توی کامنت های مربوط به اون مثال میپرسید تا تمام نکات و جزییاتش واستون روشن بشه...

اگه با من و طبق برنامه پیش بیاید و خوب وقت بگذارید و هر مثال رو چند بار بخونید، بدون نیاز به هیچ ویدیو و مقاله اضافی و فقط با مثال های سایت بلاک میتونید بلاک رو یاد بگیرید.😍😍😍

دوستانی که توی پست بالا کامنت گذاشتن و ابراز تمایل به یادگیری بلاک کردن بگن که از چه زمانی اماده ان که با روش ذکر شده کار رو شروع کنیم ...

سعی کنید حتمن توی این چالش شرکت کنید که بلاک رو خوب یاد بگیریم...

پس زمان رو کامنت کنید که یه جمع بندی کنیم.

🔥Challenge
1⃣
BLoC

🔥مثال زیر رو با دقت بخونید و کدش رو بزنید :
https://bloclibrary.dev/#/fluttercountertutorial

🟢تا دوشنبه شب فرصت دارید.

🟢با دقت بخونید (چندین بار)

🟢اگه بار اول متوجه نشدید اشکال نداره، دوباره بخونید...

❓هر سوال و ابهامی داشتید زیر این پست بپرسید..

✅دوستانی که مسلط هستن هم میتونن کمک کنن و پاسخ سوالات رو بدن🙏🙏🙏

⛔️اگه مثال ساده بود وارد مثال های دیگه نشید...
چون بعد از این مثال بلافاصله مثال های دیگه رو کار نمیکنیم و برنامه به شکل دیگه پیش میره.

پس همراه با من پیش بیاید.

🔥Challenge
2⃣
BLoC

🔥مثال بالا یعنی پیاده سازی یه counter ساده با بلاک (cubit) رو بدون استفاده از پکیج بلاک و با استفاده از Stream ها انجام بدید ...

🟢مقاله یا ویدیو های مختلفی در این باره هست که میتونید سرچ کنید و ازش الگو بگیرید...

❓در نهایت هرکس مثال رو انجام داد روش کارشو به صورت خلاصه شرح بده و بگه که چطور با استفاده از Stream و بدون پکیج این مثال رو پیاده کرده.

💊Capsule
⚡️⚡️Bloc⚡️⚡️
ℹ️
❓حالا بلاک چطوری کار میکنه؟

بلاک میگه که من دوتا مفهوم دارم (دیگه خواستم نگم چیز 😝)
✔️event
✔️state

🔥خب اینجوریه که کاربر با اپلیکیشن تعامل میکنه و در نتیجه اون یه سری event ها تولید میشه.


مثلن :
✔️کاربر روی یه باتن کلیک میکنه.
✔️توی یه تکست فیلد شرو میکنه به نوشتن.
✔️یه لیست رو اسکرول میکنه
و...

اینا میشن event.

🔥این event ها میرن توی کلاس Bloc و اونجا پردازش میشن و یه عالمه بلا ملا سرشون میاد و جناب Bloc یه دونه State تولید میکنه و اون state باعث میشه که ویو اپدیت شه.

#capsule

💊Capsule
⚡️⚡️Bloc⚡️⚡️
2⃣

❓حالا بلاک چطوری این قضیه رو هندل میکنه؟

🟢میگه من دو تا StreamController میسازم.
✔️eventController
✔️stateController

🟢اولی یعنی eventController رو:

✔️میام و sink اشو میدم به ui که بتونه event های تولید شده در اثر تعامل کاربر رو بریزه توش.

✔️همین طور این eventController یه دونه stream هم داره که توی کلاس Bloc به این استریم listen میکنم که ببینم چه ایونت هایی از طرف ui اومده و پردازش شون کنم.

🟢از اون طرف یه دونه StateController داریم که میایم و:

✔️ از sink اش توی کلاس Bloc استفاده میکنم و استیت جدید رو میریزم توش.

✔️و Stream اش رو هم میدیم به ui که بهش listen کنه و هر وقت state جدید اومد خودش رو اپدیت کنه.

🔥اکه دقت کرده باشی یه کلاس Bloc داریم و یه ui که دارن برعکس هم از این کنترلر ها استفاده میکنن.

یکشیون از استریم این یکی و سینک اون یکی استفاده میکنه و اون یکی برعکس.

🟢یه کلاس ui داریم و یه کلاس bloc

✔️کلاس ui تولید کننده event هست (sink) و مصرف کننده state هست (stream)

✔️کلاس bloc تولید کننده state هست (sink) و مصرف کننده event هست (stream)

#capsule

حالا طبق این توضیحات کد هاتون رو برای مثال کانتر و بدون پکیج بزنید و زیر پست

https://t.me/FlutterChallenges/277

کامنت کنید.

🟢روی پکیج های استیت منیجمنت هم تعصب نداشته باشید.
😝با هم دعوا نکنید.
🔥اگرم تعصب دارید اساس کارشون رو یاد بگیرید که تعصب خشک و خالی نباشه حداقل 😝😝

💊Capsule
⚡️⚡️Bloc⚡️⚡️
3⃣

🔥وقتی از بلاک استفاده میکنیم با دو تا پکیج مهم سر و کار داریم
✔️bloc
✔️flutter_bloc

🔴bloc :
این یه پکیجی هست که هیچ دپندنسی از فلاتر نداره و کدهایی که داخلش میبینیم کاملن Dart هست .

🟢این پکیج پترن بلاک رو با استفاده از استریم ها (همون طور که توی پست های بالا گفتیم) پیاده کرده.

🟢چون این پکیج یک پکیج دارت خالص هست ازش میشه داخل هر فریمورکی که بر مبنای دارت هست استفاده کرد.

مثل فلاتر، انگولار دارت و....

#capsule

💊Capsule
⚡️⚡️Bloc⚡️⚡️
4⃣

🔴flutter_bloc

این پکیج یکسری ویجت در اختیار ما میگذاره که این ویجت ها بخش ui پترن بلاک رو پیاده میکنن و کار ما رو راحت میکنن.

مثل
✔️BlocProvider
✔️BlocBuilder
✔️BlocListener
✔️BlocConsumer
✔️BlocSelector
✔️Repository

🟢جالبه بدونید که این پکیج خودش از پکیج معروف Provider استفاده میکنه و این ویجت ها رو از صفر ننوشته بلکه از پروایدر استفاده کرده.

🔥یه جمله معروفی ما ایرانی ها داریم میگیم چرخی که یه بار اختراع شده رو چرا دوباره اختراع کنیم. و این میشه که میشیم یه کشور مصرف کننده 🤦‍♂

نباید دوباره اختراعش کنی ولی باید بتونی توسعش بدی...
این اقای توسعه دهنده بلاک که اسمش یادم نیست هم نیومده پروایدر رو از اول بنویسه ولی توسعش داده و یه چیز سر راست تر تولید کرده. ( flutter_bloc)

این نکته مهمیه 🔥

#capsule

🔥Challenge
⚡️⚡️Provider⚡️⚡️

حالا که صحبت از پروایدر شد...
دوستانی که اشنایی دارن بگن که پروایدر چی هست و اساس کارش چه جوریه؟

#challenge

🔥Challenge
Bloc
3⃣

دوستانی که مثال اول رو کار کردن و خوب خوب فهمیدن،
✔️BlocProvider
✔️BlocBuilder
رو توضیح بدن که چی هست و چکار میکنه که به یه درک خوبی ازش برسیم. 🙏
#challenge

🔥Challenge
Bloc
4⃣

🔥خب بچهای خوب نوبت میرسه به این مثال که پیاده سازی یک تایمر با بلاک هست :
https://bloclibrary.dev/#/fluttertimertutorial

🟢زمان تا جمعه شب.

❓سوالاتون رو بپرسید.

⛔️عقب نمونید حتمن با انگیزه کار کنید 😍😍
⛔️چندین بار بخونید، با یه بار نفهمیدن ناامید نشید.
#challenge

خودتون رو برای چهارمین رویداد فلاترفارسی آماده کنید!
این رویداد، بعد از تغییرات عمده‌ای که توی جامعه دادیم قراره برگزار بشه و قطعاً یکی از بهترین رویداد های ما خواهد بود.

این رویداد با دو ارائه‌ از امیر پناهنده در موضوع پلاگین‌ها و محمد کاظمی‌نژاد در موضوع GraphQL برگزار خواهد شد.

در پایان نیز همراه با پیام زاهدی عزیز و علی‌رضا تقی‌زاده عزیز در بخش پرسش و پاسخ، به سوالات شما پاسخ می‌دیم.

سه‌شنبه این هفته، ساعت ۱۷ منتظرتونیم!

برای اطلاعات بیشتر می‌تونید به سایت ما مراجعه کنید:
https://persianflutter.com