آموزش React Query - Query Fetching

در این ویدیو از پلی لیست آموزش React Query به بررسی شیوه Query Fetching پرداختیم و حالت هایی ک هری اکت کوئری به شکل اتوماتیک سعی می کند Fetch را انجام دهد را بررسی کردیم

Video: https://youtu.be/rPRnkykrfc0

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzELHNdflPj4XgS2hAXBILz

Git Repo: https://github.com/hemanhp/react-query-course

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

آموزش React Query - Query Status
در این ویدیو از پلی لیست آموزش React Query به بررسی Query Status پرداختیم. ری اکت کوئری وضعیت دیتای داخل کش را از طریق متغیر status به کامپوننت ها اطلاع می دهد. پیش از گرفتن دیتا وضعیت pending و پس از آن success و در نهایت اگر خطایی داشته باشیم error خواهد بود

Video: https://youtu.be/EMMNZIwB4rs

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzELHNdflPj4XgS2hAXBILz

Git Repo: https://github.com/hemanhp/react-query-course

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

آموزش React Query - useQuery Hook

در این ویدیو از پلی لیست آموزش React Query به بررسی useQuery Hook پرداختیم. این هوک برای رجیستر یا خواندن اطلاعات از Query Cache استفاده می شود. برای این کار از سرویس استفاده کردیم که لیستی از آگهی را بر میگرداند و بر اساس نوع آگهی آنها را فیلتر کردیم. دلیل استفاده از custom hook برای پیاده سازی بهتر ری اکت کوئری را هم شرح دادیم


Video: https://youtu.be/RP-Kf2J8fWA

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzELHNdflPj4XgS2hAXBILz

Git Repo: https://github.com/hemanhp/react-query-course

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

آموزش React Query - useQuery Pagination

در این ویدیو از پلی لیست آموزش React Query یک سناریو ساده پیاده سازی Pagination با useQuery را بررسی کردیم. ابتدا Tailwind CSS را به پروژه اضافه کردیم و سپس یک کاستوم هوک جدید به پروژه اضافه کردیم که کار Pagination را انجام دهد و در نهایت متد select را بررسی کردیم که به اما این امکان را می دهد تا در صورت لزوم تبدیل یا transform بر روی داده های Query Cache داشته باشیم.


Video: https://youtu.be/XHgzkY6rOb8

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzELHNdflPj4XgS2hAXBILz

Git Repo: https://github.com/hemanhp/react-query-course

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

آموزش React Query - Pause or Cancel Query

در این ویدیو از آموزش React Query به بررسی مفاهیم Pause و Cancel Query و برخی مسایل مرتبط به آن پرداختیم. از طریق خصوصیت enable در ری اکت کوییری میتوان فعال بودن یا غیر فعال بودن کوییری برای fetch کردن دیتا استفاده کرد و همچینین از Abort Controller و Abort Signal برای cancel کردن درخواست ها استفاده کر


Video: https://youtu.be/xqfOX1Rwzr8

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzELHNdflPj4XgS2hAXBILz

Git Repo: https://github.com/hemanhp/react-query-course

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

سلام وقت بخیر دوستان. احتمالا پنل ادمین ریاکت رو در روزهای آینده شروع کنیم و همزمان جنگو رو باهاش ببریم جلو. اگر UI Designer هستید چنانچه دیزاین سیستم یا UI Kit خاصی برای پنل ادمین دارید که بتونیم در این پلی لیست پیاده سازیش کنیم خوشحال میشم بهم اطلاع بدید. ممنونم. منظورم چیزیه که تو فیگما مثلا طراحی شده باشه

@HemanHP2

آموزش React Query - useInfiniteQuery Hook

در این ویدیو از آموزش React Query به بررسی useInfiniteQuery Hook برای پیاده سازی infinite pagination پرداختیم. ابتدا شیوه ذخیره سازی داده ها در این حالت را بررسی و سپس یک کاستوم هوک نوشتیم که بتوانیم از آن در کامپوننت استفاده کنیم. و در نهایت دریافت داده ها را از طریق کلیک پیاده سازی کردیم


Video: https://youtu.be/IA7dMV7crJg

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzELHNdflPj4XgS2hAXBILz

Git Repo: https://github.com/hemanhp/react-query-course

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

آموزش React Query - Infinite Scrolling


در این ویدیو از آموزش React Query مفهوم Infinite Scrolling را پیاده سازی کردیم. ابتدا با استفاده Intersection Observer زمان لود داده های جدید را مشخص و با استفاده از اسکرول لیست خود را آپدیت کردیم. در نهایت ضرورت دقت در مورد بهینه سازی کامپوننت ها بويژه در زمان کار با داده های سنگین شرح دادیم. به عنوان مثال نیز با استفاده از useCallback شیوه گرفتن داده ها را از query cache بهینه کردیم.


Video: https://youtu.be/AbUKEGNfJ9M

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzELHNdflPj4XgS2hAXBILz

Git Repo: https://github.com/hemanhp/react-query-course

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

اگر برنامه نویس جنگو هستید حتما استفاده از select_related و prefetch_related رو تو کوییری ست هاتون مد نظر داشته باشید. دیروز با دوستی سرویسی رو چک میکردیم که کار سنگینی رو انجام و میداد و بیش از ۸۰ ثانیه رو یک سیستم نسبتا قوی طول میکشید، صرفا با اضافه کردن مواردی که گفتم تایم اجرا اومد رو ۵ ثانیه




بهینه سازی جنگو از طریق select_related
Link: https://youtu.be/TK3P4Cy5fNg


بهینه سازی جنگو از طریق prefetch_related
Link: https://youtu.be/lkThOygE8LM


بهینه سازی جنگو از طریق defer و only
Link: https://youtu.be/u629fDW5drM

پلی لیست نکته ها و ترفندهای جنگو:
https://www.youtube.com/playlist?list=PLJ9zDGwhhsBwdrfdaoOqbYev3_ocuBOfv


〰️〰️〰️〰️〰️〰️
© @microfrontend_ir

آموزش React Query - تفاوت initialData و placeholderData

در این ویدیو از آموزش React Query به بررسی initialDate و placeholderData پرداختیم. تاکنون گفتیم که برای دسترسی به داده ها بایستی تابع fetch داده ها را دریافت و به واسط کاربری انتقال دهیم. React Query از طریق دو خصوصیت initialData و placeholderData به ما این امکان را می دهند که برای کوییری ها داده های اولیه ست کنیم. در این ویدیو به عنوان مثال سرویس GetById را پیاده کردیم و از طریق tailwindcss یک Drawer ساده ایجاد کردیم که با کلیک بر روی هر آیتم جزییات آن در دراور نمایش داده شود.


Link: https://youtu.be/jx-zffeFCpc

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzELHNdflPj4XgS2hAXBILz

Git Repo: https://github.com/hemanhp/react-query-course

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

ویژگی های جدید Django 5

نسخه Django 5 منتشر شد و ویژگی‌های جدیدی به آن اضافه شده و روند سازگاری با Asyncio سرعت بیشتری به خود گرفته است. در این ویدیو به برخی از ویژگی های مهم آن همچون مقادیر پیش فرض در سطح دیتابیس و Generated Field ها پرداختیم و در نهایت در مورد ضرورت بررسی CancelError که در نسخه های قبل وجود نداشت و در این نسخه امکان مدیریت آن اضافه شده صحبت کردیم.

Link: https://youtu.be/lKibwV47uLI
-------------

آموزش پردازش موازی در پایتون - جنگو مفاهیم thread, process و async await در پایتون
Link: https://youtu.be/TRnS-hMytc4

〰️〰️〰️〰️〰️〰️
© @microfrontend_ir

اگر مثل من به حوزه های مرتبط با دیتا مخصوصا در مقیاس بزرگ علاقه دارید پیشنهادم اینه که حتما دیتابیس خفن ScyllaDB رو دنبال کنید. هم آینده خوبی داره و هم از نظر فنی بسیار دیتابیس جذابیه. حتی جذاب تر از کاساندرا! :)
حدودا دو ماه دیگه هم یک سامیت دارند که رایگان می‌تونید ثبت نام کنید:

〰️〰️〰️〰️〰️〰️
© @microfrontend_ir

https://www.scylladb.com/scylladb-summit-2024/

آموزش React Query - ایجاد ایتم با useMutation


در این ویدیو از آموزش React Query به بررسی اولیه هوک useMutation پرداختیم. ابتدا با استفاده از React Hook Form یک فرم ساده برای ایجاد آگهی ساختیم و پس از ذخیره از طریق invalidateQueries لیست خود را به روزرسانی کردیم


Link: https://youtu.be/SqaB3cfl7eU

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzELHNdflPj4XgS2hAXBILz

Git Repo: https://github.com/hemanhp/react-query-course

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

آموزش React Query - پیاده سازی Optimistic Update با useMutation

در این ویدیو از آموزش React Query به بررسی مفهوم پیاده سازی Optimistic Update با useMutation پرداخت. ابتدا فرمی ساختیم که آگهی را آپدیت کند و سپس برای ایجاد واسط کاربری بهتر به روزرسانی آگهی به گونه ای انجام دادیم که بلافاصله بعد از زدن دکمه ذخیره واسط کاربری به روزرسانی شود و در صورتی که مشکلی در فراخوانی سرویس داشتیم به وضعیت قبل برگردیم.


Link: https://youtu.be/I0-Qey-VL_Y

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzELHNdflPj4XgS2hAXBILz

Git Repo: https://github.com/hemanhp/react-query-course

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

آموزش React Query - پیاده سازی Undo با useMutation

در این ویدیو از آموزش React Query ابتدا با استفاده از useMutation امکان حذف آگهی ها را فراهم کردیم و سپس برای بررسی بیشتر با استفاده از Promise امکانی را فراهم کردیم که بتوان برای حذف آیتم تا زمان مشخصی به کاربر امکان Undo بدهیم.


Link: https://youtu.be/R5BR55jFGEo

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzELHNdflPj4XgS2hAXBILz

Git Repo: https://github.com/hemanhp/react-query-course

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

✔️ در طی چند سال گذشته از فعالیت کانال، محتواهای رایگان زیادی تولید شده و هدف کانال هم از ابتدا اشتراک دانش رایگان و عام المنفعه بوده، برای همین تصمیم گرفتیم یک بار دیگه تمام این محتواهارو در یک پیام قرار بدیم تا به راحتی قابل دسترسی برای افراد علاقمند به یادگیری باشه:

✅🎥 کانال یوتوب سیلیسیم مهران تعریف (آموزش پایتون و جاوااسکریپت و...)
https://www.youtube.com/@Silicium7

✅🎥 کانال یوتوب میکروفرانت اند (آموزش پایتون و جاواسکریپت و ...)
https://www.youtube.com/@MicroFrontend

✅🎥 کانال یوتوب بابی کلاد (آموزش پایتون، کلاد، دوآپس و ...)
https://www.youtube.com/@bobycloud

✅🎥 کانال یوتوب امیر مطهری (آموزش پایتون، میکروپایتون و ...)
https://www.youtube.com/@AmirMotahari

✅🎥 کانال یوتوب گیت اور هیر مانی (آموزش پایتون، دیزاین پترن و ...)
https://www.youtube.com/@GitOverHere

✅🎥 کانال یوتوب تورهام (آموزش پایتون، فست ای پی آی و ...)
https://www.youtube.com/@techwithtori

✅🎥 کانال یوتوب شهریار شریعتی (آموزش سلری، جنگو چنلز، وب فریمورک ها و ...)
https://www.youtube.com/@ShahriarShariati

✅🎥 کانال یوتوب دوآپس هابیز (آموزش امیربهادر - دوره پروژه محور جنگو به همراه داکر، سی آی سی دی و ...)
https://www.youtube.com/watch?v=KtYDIJN3wmM&list=PLYrn63eEqAzY5uG5ks_OquWcojzHvhp9Z

✅🔥 سه فایل مصاحبه با آقای حسن رمضانی که از Core Developer های Django, Gunicorn, Pydantic, Urllib3 و ... هستند در کانال موجود هست که با سرچ کردن اسم آقای "حسن رمضانی" در کانال میتونید مصاحبه هارو پیدا کنید و گوش بدید.

✅📚 ریپازیتوری گیتهاب Awesome Python Resources: مجموعه ای از بهترین و کامل ترین ریسورس‌های مورد نیاز برای رشد در مسیر شغلی مهندسی نرم افزار (پایتون) به همراه تفکیک بر اساس Career Path و Advanced Topics
https://github.com/DjangoEx/awesome-python-resources

✅📚 ریپازیتوری گیتهاب Awesome Python Roadmaps: مجموعه از رودمپ‌های مورد نیاز یک مهندس نرم افزار (پایتون) در Career Path هایی نظیر Backend، Data Scientist، Software Architect و ...
https://github.com/DjangoEx/awesome-python-roadmaps

✅📚 تمام ریپازیتوری‌ها به صورت یکجا نیز در صفحه گیتهاب DjangoEx قابل دسترسی هست
https://github.com/DjangoEx

✅ تمام این موارد آموزشی رایگان هستند و میتونید ازشون استفاده کنید.
✅ موقت: اگر مطلبی رو یادم رفته بزارم و قبلا توی کانال تولید محتوا داشتند لطفا به من (@BobyCloud) پیام بدید.

#رودمپ #پایتون #جنگو #منابع #از_کجا_شروع_کنیم

〰️〰️〰️〰️〰️〰️
© @DjangoEx

آموزش جامع داکر
** در این پلی لیست میخوام داکر رو از بیخ یاد بگیریم. یعنی قبل از داکر خودمون یه چیزی شبیه داکر اما خیلی ساده تر با پایتون بنویسم بعد بریم سراغ خود داکر که هم داکر رو یاد بگیریم و هم بدونیم پشت صحنه چه اتفاقاتی می افته!

در این ویدیو از آموزش جامع Docker به بررسی تاریخچه مجازی سازی و روش های مختلف آن پرداختیم. روش VM-Based برای مجازی سازی کامل یک ماشین و روش Container Based برای اجرای ایزوله فرایندها و پروسس ها مطرح کردیم. سپس مولفه های لازم برای ساخت کانتینر در سیستم عامل لینوکس را بررسی کردیم و در نهایت Docker و podman و rtk را به عنوان مهمترین Container runtime های حال حاضر معرفی کردیم و در نهایت مفهوم Container Orchestration و ضرورت آن را شرح دادیم.


Link: https://youtu.be/Z8olH4UzeA0

Playlsit: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzLTI3VNE8Vp4JpXNn_yRR7

〰️〰️〰️〰️〰️〰️
© @microfrontend_ir

در این ویدیو از آموزش جامع داکر به بررسی مفهوم Namespace پرداختیم. در لینوکس، مفهوم Namespace یک ویژگی اساسی از محیط‌های اجرای فرایندها (Processes) است که به آنها این امکان را می‌دهد که از یکدیگر جدا شده و منابع مختلفی را به اشتراک نگذارند. Namespace به عنوان یک مکانیزم ایزولاسیون سطح کرنل (Kernel-level isolation) عمل می‌کند و برای مدیریت و ایجاد یک محیط مجازی (Virtualized environment) برای هر فرایند مفید است.

در لینوکس، چندین نوع Namespace وجود دارد که هرکدام به یک نوع خاص از منابع مربوطه ایزوله می‌شوند.

Link: https://youtu.be/AgkmTpOMcRM

Playlsit: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzLTI3VNE8Vp4JpXNn_yRR7

〰️〰️〰️〰️〰️〰️
© @microfrontend_ir

آموزش داکر - ایجاد Process با fork


در قسمت دوم از آموزش داکر برای بررسی و درک بهتر کانتینرها یک محیط توسعه پایتونی مبتنی بر ماشین مجازی و Vagrant ایجاد کردیم و سپس با استفاده از fork یک child process ایجاد کردیم که بتوانیم مفهوم isolation را بیشتر درک کنیم و در ادامه به پیاده سازی رویکردهای مختلف آن بپردازیم. همچنین پیکربندی vagrant را بر روی PyCharm و VSCode انجام دادیم تا بتوانیم در ادامه راحت تر از این ابزارها استفاده کنیم.

Link: https://youtu.be/VNRZyp5cjAQ

Git: https://github.com/hemanhp/container-course

Playlsit: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzLTI3VNE8Vp4JpXNn_yRR7

〰️〰️〰️〰️〰️〰️
© @microfrontend_ir

در یک ماه گذشته کانال میکروفرانت اند بیش از ۹ هزار بازدید و یک هزار ساعت تماشا شده. برام باور پذیر نبود که با داشتن این جنس محتوا به این حد از بازدید برسه و از منظر خودم یک موفقیته. ممنونم از حمایت همه دوستانی که به رشد کانال کمک کردند. عمیقا امیدوارم و دوست دارم بتونم نقشی در توسعه جامعه توسعه دهندگان فارسی داشته باشم و خوشحال می‌شم اگر فکر می‌کنید این محتوا مفیده، با اشتراک گذاشتن محتوی کانال با دوستانتون من رو در رسیدن به این هدف یاری کنید.

در این کانال سعی میکنم تکنولوژی‌های مختلفی که باهاشون تو محیط پروداکشن کار کردم آموزش بدم. هدفم اینه از آموزش های مرسوم یه خرده فراتر برم و مباحثی مطرح کنم که در پروژه‌های واقعی به کار گرفته می‌شوند صحبت کنم و عمیق تر بررسی کنم. محتوای کانال فقط به فرانت اند مرتبط نیستند و سعی میکنم به شکل فول استک و حوزه های مختلف دیتا باشه.


Channel Link: https://www.youtube.com/microfrontend

〰️〰️〰️〰️〰️〰️
© @microfrontend_ir