Media is too big
VIEW IN TELEGRAM
پکیج freezed در فلاتر
مثال ساده برای استفاده از این پکیج
با جیسون پلیس هولدر...
تمامی ویژگی هایی که برای ساختن مدل نیاز دارید رو میتونید تو فریزد پیدا کنید...
فایل قبلی بی کیفیت بوده
دوباره آپلود کردم
مثال ساده برای استفاده از این پکیج
با جیسون پلیس هولدر...
تمامی ویژگی هایی که برای ساختن مدل نیاز دارید رو میتونید تو فریزد پیدا کنید...
فایل قبلی بی کیفیت بوده
دوباره آپلود کردم
👍3❤2
اپلیکیشن پیانو با فلاتر 🎹
این اپلیکیشن میتونه نوت هارو بخونه و بزنه.
قطعا خیلی کار داره
ولی یه ویدیو پیش نمایش توی اینستا گذاشتم که میتونید از لینک زیر ببینیدش.
https://instagram.com/babakcode
آموزش ساختنش رو بزودی میزارم❤️
این اپلیکیشن میتونه نوت هارو بخونه و بزنه.
قطعا خیلی کار داره
ولی یه ویدیو پیش نمایش توی اینستا گذاشتم که میتونید از لینک زیر ببینیدش.
https://instagram.com/babakcode
آموزش ساختنش رو بزودی میزارم❤️
👍4❤1
Media is too big
VIEW IN TELEGRAM
مراحل ساختن پکیج فلاتر
البته یه سریا هم میگن پلاگین که این در حالتیه که کد های فلاتر شما با کدهای نیتیو ارتباط داشته باشه.
۱. باید مشخص کنید که میخواهید چه مشکلی رو رفع کنید
( در این ویدیو، من اومدم و یه اسکریپتی نوشتم که بتونه متن های صفحات رو دربیاره، این میتونه خیلی کاربردی باشه وقتی میخواهید اپلیکیشن رو چند زبانه کنید )
۲. ساختن کد های مربوط به پکیج
پیشنهاد میکنم مقاله خود فلاتر رو مطالعه کنید
https://docs.flutter.dev/packages-and-plugins/developing-packages
باید تست هم بنویسید برای کدهاتون
۳. ساختن ریپوزیتوری گیتهاب و پوش کردن کدهاتون.
۴. لایسنس اضافه کنید
۵. بخش مربوط به توضیحات ( readme.md ) مارکداون این بخش رو تکمیل کنید.
۶. در این بخش میتونید با دستورات دارت پکیجتون رو چک کنید و اگه همه چی اوکی باشه با دستور زیر میتونید پکیج رو بندازین pub dev
اگه علاقمند بودید این پکیجی که نوشتم رو چک کنید:
https://pub.dev/packages/string_extractor
برای دیدن ویدیو تکمیلی کانال یوتوب من رو با اسم Babak Code دنبال کنید ❤️
البته یه سریا هم میگن پلاگین که این در حالتیه که کد های فلاتر شما با کدهای نیتیو ارتباط داشته باشه.
۱. باید مشخص کنید که میخواهید چه مشکلی رو رفع کنید
( در این ویدیو، من اومدم و یه اسکریپتی نوشتم که بتونه متن های صفحات رو دربیاره، این میتونه خیلی کاربردی باشه وقتی میخواهید اپلیکیشن رو چند زبانه کنید )
۲. ساختن کد های مربوط به پکیج
پیشنهاد میکنم مقاله خود فلاتر رو مطالعه کنید
https://docs.flutter.dev/packages-and-plugins/developing-packages
باید تست هم بنویسید برای کدهاتون
۳. ساختن ریپوزیتوری گیتهاب و پوش کردن کدهاتون.
۴. لایسنس اضافه کنید
۵. بخش مربوط به توضیحات ( readme.md ) مارکداون این بخش رو تکمیل کنید.
۶. در این بخش میتونید با دستورات دارت پکیجتون رو چک کنید و اگه همه چی اوکی باشه با دستور زیر میتونید پکیج رو بندازین pub dev
اگه علاقمند بودید این پکیجی که نوشتم رو چک کنید:
https://pub.dev/packages/string_extractor
برای دیدن ویدیو تکمیلی کانال یوتوب من رو با اسم Babak Code دنبال کنید ❤️
🔥6👍2
This media is not supported in your browser
VIEW IN TELEGRAM
آموزش اپلیکیشن نوتیفای رو با انیمیشن های جذاب طبق قولی که داده بودم، دارم ضبط میکنم و از این به بعد هر دو یا سه روز یه بار ویدیوش رو آپلود میکنم.
° توی این مینی دوره رایگان قراره هم سمت سرور، هم سمت کلاینت آموزش داده بشه.
ویژگی های این اپ:
- معماری clean
- کنترل استیت riverpod
- دیپ لینک
- و کلی امکانات دیگه
دوستان شاید اشتباهات گرامری داشته باشم و سخته که همراه کد زدن حرف بزنم و ضبط کنم، ولی این دوره خیلی کاربردی هستش و بسیار پیشنهاد میکنم
لینک اولین ویدیو:
https://youtube.com/playlist?list=PLhXxcMk5tCKbzl_I4afLMGcbnSG71U2Wh&si=WMCL_GcH-SpZyDpe
° توی این مینی دوره رایگان قراره هم سمت سرور، هم سمت کلاینت آموزش داده بشه.
ویژگی های این اپ:
- معماری clean
- کنترل استیت riverpod
- دیپ لینک
- و کلی امکانات دیگه
دوستان شاید اشتباهات گرامری داشته باشم و سخته که همراه کد زدن حرف بزنم و ضبط کنم، ولی این دوره خیلی کاربردی هستش و بسیار پیشنهاد میکنم
لینک اولین ویدیو:
https://youtube.com/playlist?list=PLhXxcMk5tCKbzl_I4afLMGcbnSG71U2Wh&si=WMCL_GcH-SpZyDpe
👍8
پارت دوم از اپلیکیشن نوتیفای آپلود شد
این اپلیکیشن تلفیقی ساده از تویتر، مدیوم و تردز خواهد شد.
لطفا از لینک زیر بررسی کنید و اگه دوست داشتید تو کانال سابسکرایب کنید.
https://youtu.be/DgLTpGI9mvs?si=-cz6C0tjhnK4m_qZ
این اپلیکیشن تلفیقی ساده از تویتر، مدیوم و تردز خواهد شد.
لطفا از لینک زیر بررسی کنید و اگه دوست داشتید تو کانال سابسکرایب کنید.
https://youtu.be/DgLTpGI9mvs?si=-cz6C0tjhnK4m_qZ
YouTube
Notify part 2 - (client) - Add project images, Complete the login first page and splash page
Notify is a platform to share your articles, events, daily texts, etc. Grow your connection.
This denoscription will be updated!
--------------------------------------------------------------------------
Thanks for visiting Babak Code
#flutter #flutter_ui…
This denoscription will be updated!
--------------------------------------------------------------------------
Thanks for visiting Babak Code
#flutter #flutter_ui…
❤5👍1
پارت سوم اپلیکیشن نوتیفای رو آپلود کردم.
در این ویدیو میایم برای کنترل ویجت PageView یک StateNotifierProvider میسازیم که بتونیم به مقدار اسکرول کاربر برای پیج ویو رو بدست بیاریم و نسبت به آن، در ویدیو های بعدی انیمیشن های جذاب مد نظرمون رو بسازیم.
لینک ویدیو:
https://youtu.be/H4k93h2DM28?si=eRVenvn95NJjE2yE
در این ویدیو میایم برای کنترل ویجت PageView یک StateNotifierProvider میسازیم که بتونیم به مقدار اسکرول کاربر برای پیج ویو رو بدست بیاریم و نسبت به آن، در ویدیو های بعدی انیمیشن های جذاب مد نظرمون رو بسازیم.
لینک ویدیو:
https://youtu.be/H4k93h2DM28?si=eRVenvn95NJjE2yE
🔥4👍1
پارت چهارم اپلیکیشن نوایفای رو آپلود کردم.
بعد از دیدن چهار تا ویدیو، دیگه راحت میتونید رابط کاربری گیف اولی که گذاشتم رو به راحتی بسازید و حتی بهترش کنید.
لطفا اگه براتون جالب باشه، حمایت کنید 🙏
https://youtu.be/3SgNcCMQEXc?si=E2AoVsURMIfnkQwZ
بعد از دیدن چهار تا ویدیو، دیگه راحت میتونید رابط کاربری گیف اولی که گذاشتم رو به راحتی بسازید و حتی بهترش کنید.
لطفا اگه براتون جالب باشه، حمایت کنید 🙏
https://youtu.be/3SgNcCMQEXc?si=E2AoVsURMIfnkQwZ
YouTube
Notify part 4 - (client) How to create beautiful animations in flutter
Client-side:
Application source code on Github: https://github.com/babakcode/notify
Server-side: will be updated soon.
Social media links:
Instagram: https://instagram.com/babakcode
LinkedIn: linkedin.com/in/babakcode
--------------------------------…
Application source code on Github: https://github.com/babakcode/notify
Server-side: will be updated soon.
Social media links:
Instagram: https://instagram.com/babakcode
LinkedIn: linkedin.com/in/babakcode
--------------------------------…
👍4❤1
https://youtu.be/V50XDv5XcdY
پارت پنجم رو آپلود کردم.
توی این بخش تقریبا جزئیات صفحه اول و دوم تکمیل میکنیم.
برای ویدیو های بعدی، روی سرور کار میکنیم
پارت پنجم رو آپلود کردم.
توی این بخش تقریبا جزئیات صفحه اول و دوم تکمیل میکنیم.
برای ویدیو های بعدی، روی سرور کار میکنیم
YouTube
How to create beautiful animations in flutter | Notify part 5 - (client)
Client-side:
Application source code on Github: https://github.com/babakcode/notify
Server-side: will be updated soon.
Social media links:
Instagram: https://instagram.com/babakcode
LinkedIn: linkedin.com/in/babakcode
--------------------------------…
Application source code on Github: https://github.com/babakcode/notify
Server-side: will be updated soon.
Social media links:
Instagram: https://instagram.com/babakcode
LinkedIn: linkedin.com/in/babakcode
--------------------------------…
👍4
مدل ۳ بعدی در فلاتر
این پکیج رو امروز روی پاب اپلود کردم، در واقع یه پکیجی رو دستکاری کردم و بهش کنترلر اضافه کردم.
اگه تایم دارید بررسی کنید و بهم پیشنهاد یا انتقادی که دارید رو برام بفرستید ❤️
I wrote a 3D plugin for Flutter that you can control objects' position and orbit and then place them in a real area with Augmented reality (AR).
Therefore I'll create a video about adding 3D models with the glb format in Flutter. Follow for more videos.
Check out this plugin: o3d
Link: https://pub.dev/packages/o3d
Tags:
#flutterdeveloper #flutter #ai #ar #argumetedreality #فلاتر
این پکیج رو امروز روی پاب اپلود کردم، در واقع یه پکیجی رو دستکاری کردم و بهش کنترلر اضافه کردم.
اگه تایم دارید بررسی کنید و بهم پیشنهاد یا انتقادی که دارید رو برام بفرستید ❤️
I wrote a 3D plugin for Flutter that you can control objects' position and orbit and then place them in a real area with Augmented reality (AR).
Therefore I'll create a video about adding 3D models with the glb format in Flutter. Follow for more videos.
Check out this plugin: o3d
Link: https://pub.dev/packages/o3d
Tags:
#flutterdeveloper #flutter #ai #ar #argumetedreality #فلاتر
Dart packages
o3d | Flutter package
The Flutter 3D objects easy controller ( glb format ) on mobile and web platforms
👍4
🔥6
❇️ بازی نقطه خط با فلاتر
دوستان من این بازی رو با فلاتر نوشتم که اوپن سورس در اختیارتون میزارم
گیتهاب:
https://github.com/babakcode/dots_and_boxes_client
لینک بازی
• اپ دارای هوش مصنوعی هست
• معماری کلین - clean architecture
• استیت منیجمنت bloc
• زبان ارتباطی GraphQL
•پروتکل Socket IO
پ.ن:
دوستان من این بازی رو با فلاتر نوشتم که اوپن سورس در اختیارتون میزارم
گیتهاب:
https://github.com/babakcode/dots_and_boxes_client
لینک بازی
• اپ دارای هوش مصنوعی هست
• معماری کلین - clean architecture
• استیت منیجمنت bloc
• زبان ارتباطی GraphQL
•پروتکل Socket IO
پ.ن:
من معمولا زیاد فعالیت نمیکنم ولی دوست دارم که همیشه یک پا ارتباطی با عزیزانی که منو دنبال میکنند داشته باشم
اگه کارهای من براتون جالبه این چنل رو دنبال کنید:
GitHub
GitHub - babakcode/dots_and_boxes_client
Contribute to babakcode/dots_and_boxes_client development by creating an account on GitHub.
🔥13
ارتقای پکیج flutter gemini به نسخه ۳
مهمترین تغییراتی که انجام دادم:
۱. دسترسی های پکیج به وابستگی های فلاتر کم شده و تبدیل به پکیج دارت شده ( از الان میتونید توی هر دو پروژه فلاتر و دارت ( مثلا سمت سرور ) استفاده کنید)
۲. قابلیت آپدیت اتوماتیک مدل استفاده شده به ورژن های بالاتر ( به صورت دیفالت فعال هست )
۳. قابلیت ارسال فایل روی کلود گوگل مربوط جمینای ( نسخه اولیه: احتمالا با مشکلاتی همراه باشه )
یک توصیه دوستانه برای سازنده پکیج🤍:
لینک پکیج
مهمترین تغییراتی که انجام دادم:
۱. دسترسی های پکیج به وابستگی های فلاتر کم شده و تبدیل به پکیج دارت شده ( از الان میتونید توی هر دو پروژه فلاتر و دارت ( مثلا سمت سرور ) استفاده کنید)
۲. قابلیت آپدیت اتوماتیک مدل استفاده شده به ورژن های بالاتر ( به صورت دیفالت فعال هست )
با اپدیت های مکرر گوگل، حتی خود پکیج گوگل برای مدل های منسوخ شده هم با مشکلاتی رو به رو هست.
۳. قابلیت ارسال فایل روی کلود گوگل مربوط جمینای ( نسخه اولیه: احتمالا با مشکلاتی همراه باشه )
یک توصیه دوستانه برای سازنده پکیج🤍:
همیشه کدی بنویسید که با آپدیت پکیج، نسخه های قبلی با ارور مواجه نشه و نهایتا با annotation ها توضیحاتی رو برای متد ها و کلاس های دپریکیتید ( منسوخ شده ) ارائه بدید و بگید که به جای این کلاس منسوخ شده از این کلاس یا متد استفاده کنید
میدونم که ارتباط دادن کد های قدیمی به کد های جدید کار سختیه ولی باید تریک های مناسب بزنید، مثلا من اومدم به جای جایگزین کردن کلاس Part به جای کلاس Parts، هر دو تا رو از یک کلاس ارث بری کردم و برای کلاس جدید، کد های جدید نوشتم.
لینک پکیج
❤7👍3