TGViewer
Channel Public Channel
Microfrontend.ir

Microfrontend.ir

@microfrontend_ir

کانال تلگرامی وبلاگ میکروفرانت‌اند. مباحثی پیرامون هوش مصنوعی و یادگیری ماشین، معماری نرم افزار با تمرکز بر DDD ، میکروسرویس و میکروفرانت‌اند
www.microfrontend.ir

@hemanhp2
Open in Telegram
Subscribers
1.35K
Photos
224
Videos
3
Links
277

Showing posts older than #160 · Back to latest

Older Posts 20 shown
Post #159 727
آموزش PostgreSQL - نسخه ها و اصطلاحات مهم پستگرس

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

Video: https://youtu.be/SkVtPmMk6YY


playlist: https://www.youtube.com/playlist?list=PLJ9zDGwhhsByAI0AbbJ4oUTziNsaffKnq
〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
  • ❤ 8
  • 👍 2
  • 👌 1
Post #158 2K
آموزش PostgreSQL

در اولین ویدیو و مقدمه پلی لیست آموزش PostgreSQL به بررسی تاریخچه و روند شکل گیری پستگرس پرداختیم. از پروژه مادر یعنی Ingres و سپس اضافه شدن امکانات object-relational از طریق پروژه Post-Ingres صحبت کردیم و چند اکستنشن مهم پستگرس یعنی PostGIS و Timescale صحبت کردیم.

Video: https://youtu.be/2f9RAkpQGj4


playlist: https://www.youtube.com/playlist?list=PLJ9zDGwhhsByAI0AbbJ4oUTziNsaffKnq
〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
  • ❤ 8
  • 🤩 2
Post #157 701
آموزش React - تفاوت useEffect و useLayoutEffect

در این ویدیو از آموزش React تفاوت useEffect و useLayoutEffect را بررسی کردیم و توضیح دادیم که چگونه useEffect پس از ماونت شدن کامپوننت اجرا می شود و چگونه قبل از پرینت با استفاده از useLayoutEffect تغییرات مورد نظر خود را اجرا کنیم.


https://youtu.be/SvTxbYlb2zw
YouTube آموزش React - تفاوت useEffect و useLayoutEffect در این ویدیو از آموزش React تفاوت useEffect و useLayoutEffect را بررسی کردیم و توضیح دادیم که چگونه useEffect پس از ماونت شدن کامپوننت اجرا می شود و چگونه قبل از پرینت با استفاده از useLayoutEffect تغییرات مورد نظر خود را اجرا کنیم.
  • ❤ 9
Post #156 663
آموزش پیشرفته CSS - اولویت اعمال سلکتورها با Specificity



در این ویدیو از آموزش پیشرفته CSS اولویت اعمال سلکتورها با Specificity را بررسی و شرح دادیم. مرورگر برای اعمال استایل‌ها به ازای هر سلکتور مقدار Specificity را محاسبه و به بیشترین مقدار بالاترین اولویت می‌دهد. در این ویدیو شیوه محاسبه Specificity را شرح دادیم.

https://youtu.be/MBVLDoGj_WE


〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
  • 🔥 6
  • ❤ 2
Post #155 646
مصاحبه فنی جاوا اسکریپت: Debounce چیست؟

در اغلب مصاحبه‌های فنی جاوا اسکریپت سوالی مطرح می شود که Debounce چیست؟ در این ویدیو ابتدا مفهوم Debounce را برای به تاخیر انداختن اجرای اکشن ها معرفی و سپس Leading Debounce برای اجرای اولین اکشن در یک بازه و Trailing Debounce برای اجرای همواره آخرین اکشن مطرح و با یک مثال آن را پیاده سازی کردیم


https://youtu.be/zu0Yzjg3Bs4

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
YouTube مصاحبه فنی جاوا اسکریپت: Debounce چیست؟ در اغلب مصاحبه‌های فنی جاوا اسکریپت سوالی مطرح می شود که Debounce چیست؟ در این ویدیو ابتدا مفهوم Debounce را برای به تاخیر انداختن اجرای اکشن ها معرفی و سپس Leading Debounce برای اجرای اولین اکشن در یک بازه و Trailing Debounce برای اجرای همواره آخرین اکشن…
  • 🔥 4
  • 👍 1
Post #154 576
آموزش React - بهینه سازی درخواست‌های وب با Debounce

بهینه سازی درخواست‌های وب با Debounce
در ادامه آموزش React و ادامه ویدیو قبلی پلی لیست در این ویدیو امکان جستجو در محتوا را با ارسال پارامتر به سرویس را پیاده سازی کردیم. اما مشکلی که در فرایند جستجو حجم عظیمی از  درخواست سرویس هاست که بایستی تا حد امکان بهینه باشد. برای این منظور رویکرد بهینه سازی درخواست‌های وب با Debounce
از پکیج lodash را معرفی کردیم

https://youtu.be/ICP0Qi3xNqQ

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
  • 🔥 5
  • ❤ 1
  • 👍 1
  • 👏 1
Post #153 581
آموزش ری‌اکت - اتصال به وب سرویس با React useEffect Hook



در این ویدیو از پلی لیست آموزش React شیوه اتصال به وب سرویس از طریق React و useEffect hook را بررسی کردیم . ابتدا شیوه تعریف دیتا مدل را بررسی سپس برای استایل دهی کامپوننت ها TailwindCSS را به پروژه اضافه کردیم و یک اسپینر ساده ایجاد کردیم و برای اضافه کردن انیمیشن از react-spring استفاده کردیم. در نهایت یک Custom Hook ایجاد کردیم که برای ارسال درخواست های وب از آن استفاده کنیم

https://youtu.be/i1ciUZcr97o

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
YouTube آموزش ری‌اکت - اتصال به وب سرویس با React useEffect Hook در این ویدیو از پلی لیست آموزش React شیوه اتصال به وب سرویس از طریق React و useEffect hook را بررسی کردیم . ابتدا شیوه تعریف دیتا مدل را بررسی سپس برای استایل دهی کامپوننت ها TailwindCSS را به پروژه اضافه کردیم و یک اسپینر ساده ایجاد کردیم و برای اضافه کردن…
  • ❤ 6
  • 👍 3
Post #152 508
آموزش ری اکت - بررسی وضعیت اتصال شبکه به کمک React useEffect Hook

در این ویدیو آموزش ری اکت - بررسی وضعیت اتصال شبکه به کمک React useEffect Hook پرداختیم. برای این کار از از API مرورگر برای بررسی وضعیت استفاده کردیم و به کمک هوک useEffect اتصال و قطع شدن را مانیتور کردیم و نهایتا آن را تبدیل یک custom hook کردیم که بتوانیم در جاهای مختلف از آن استفاده کنیم.


https://youtu.be/jGILiWKghlU


〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
YouTube آموزش ری اکت - بررسی وضعیت اتصال شبکه به کمک React useEffect Hook در این ویدیو آموزش ری اکت - بررسی وضعیت اتصال شبکه به کمک React useEffect Hook پرداختیم. برای این کار از از API مرورگر برای بررسی وضعیت استفاده کردیم و به کمک هوک useEffect اتصال و قطع شدن را مانیتور کردیم و نهایتا آن را تبدیل یک custom hook کردیم که بتوانیم…
  • ❤ 4
  • 👍 2
  • 👏 2
Post #151 506
آموزش React useEffect Hook

در این ویدیو از سری آموزش ریاکت به بررسی و آموزش React useEffect Hook پرداختیم. useEffect مکانیزم مدیریت منابع خارجی و Side Effect هاست. روش‌های مختلفی از استفاده از هوک useEffect قابل پیاده سازی است. اجرا به ازای هر رندر، اجرا بعد از اولین ماونت و اجرا وابسته به مقادیر و نهایتا cleanup کردن منابع. در انتهای ویدیو هم بامثالی شیوه گرفتن ابعاد صفحه از طریق useEffect را بررسی کردیم.

https://youtu.be/e4_9IHQFwSk

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
YouTube آموزش React useEffect Hook در این ویدیو از سری آموزش ریاکت به بررسی و آموزش React useEffect Hook پرداختیم. useEffect مکانیزم مدیریت منابع خارجی و Side Effect هاست. روش‌های مختلفی از استفاده از هوک useEffect قابل پیاده سازی است. اجرا به ازای هر رندر، اجرا بعد از اولین ماونت و اجرا وابسته…
  • ❤ 3
  • 👍 2
Post #150 525
آموزش ری اکت - بررسی انواع Effect در React

در این ویدیو از آموزش ری اکت به بررسی انواع Effect در React پرداختیم. ری اکت به تمام اتفاقاتی که در روند اجرا برایش اتفاق می افتد مجموعه از از Effect ها را ایجاد و مدیریت میکند و به برنامه نویس اجازه می دهد Effect های خودش را برای مدیریت Side Effect ها تعریف کند. ابتدا مراحل و فازهای اجرا و به روزسانی برنامه در React.js را بررسی و دو هوک useEffect و useLayoutEffect را معرفی کردیم

https://youtu.be/3pBAhgvMUW0

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
YouTube آموزش ری اکت - بررسی انواع Effect در React در این ویدیو از آموزش ری اکت به بررسی انواع Effect در React پرداختیم. ری اکت به تمام اتفاقاتی که در روند اجرا برایش اتفاق می افتد مجموعه از از Effect ها را ایجاد و مدیریت میکند و به برنامه نویس اجازه می دهد Effect های خودش را برای مدیریت Side Effect ها تعریف…
  • ❤ 5
  • 👏 2
Post #149 704
React Custom Hooks - آموزش ری اکت

در این ویدیو از آموزش ری اکت به بررسی React Custom Hooks پرداختیم. و در ادامه ویدیو قبل برای اضافه کردن امکان undo و redo کردن اکشن ها یک تابع مرتبه بالاتر یا Higher Order Function ایجاد و بر اساس آن یک Custom Hook در ریاکت ایجاد کردیم که با استفاده از آن میتوان به هر کامپوننت دلخواه با state های متفاوت امکان undo و redo را اضافه کنیم.

https://youtu.be/X0GhyXSuxHs

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
YouTube React Custom Hooks - آموزش ری اکت در این ویدیو از آموزش ری اکت به بررسی React Custom Hooks پرداختیم. و در ادامه ویدیو قبل برای اضافه کردن امکان undo و redo کردن اکشن ها یک تابع مرتبه بالاتر یا Higher Order Function ایجاد و بر اساس آن یک Custom Hook در ریاکت ایجاد کردیم که با استفاده از…
  • ❤ 7
  • 👍 4
Post #148 600
در این ویدیو از آموزش ری اکت به بررسی کاربرد React useReducer Hook پرداختیم. برای این منظور به عنوان یک مثال ساده لیستی از نوت ‌ها را با امکان اضافه و حذف کردن ایجاد کردیم. تمرکز اصلی در این ویدیو بر روی شیوه تعریف action ها و reducer با زبان typescript است.


https://youtu.be/oWEjKYW2HoU
〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
YouTube آموزش کار با useReducer React Hook در این ویدیو از آموزش ری اکت به بررسی کاربرد React useReducer Hook پرداختیم. آموزش کار با useReducer React Hook را مطرح و برای این منظور به عنوان یک مثال ساده لیستی از نوت ‌ها را با امکان اضافه و حذف کردن ایجاد کردیم. تمرکز اصلی در این ویدیو بر روی شیوه تعریف…
  • ❤ 7
  • 👍 2
Post #147 575
useReducer React Hook - آموزش React

در این ویدیو از آموزش React به بررسی useReducer Hook پرداختیم. ابتدا به بررسی شیوه نگرش و برنامه نویسی react از طریق مفهوم reducer پرداختیم و با یک مثال ساده سعی کردیم این شیوه را توضیح دهیم. مهمترین مساله در این شیوه جداسازی منطق برنامه از واسط کاربری است

https://youtu.be/0blUIenkf6E

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
YouTube useReducer React Hook - آموزش React در این ویدیو از آموزش React به بررسی useReducer Hook پرداختیم. ابتدا به بررسی شیوه نگرش و برنامه نویسی react از طریق مفهوم reducer پرداختیم و با یک مثال ساده سعی کردیم این شیوه را توضیح دهیم. مهمترین مساله در این شیوه جداسازی منطق برنامه از واسط کاربری است…
  • ❤ 6
  • 👍 2
Post #146 571
Microfrontend.ir جلسه سیزدهم آموزش ری اکت:‌useState Hook در این ویدیو از آموزش React به بررسی useState Hook پرداختیم. ابتدا اصول اولیه استفاده از هوک ها را بررسی سپس شیوه تعریف هوک useState و شیوه به روزرسانی مقادیر و خطاهای احتمالی در استفاده از هوک ‌را بررسی کردیم …
آموزش ری‌ اکت :‌ کاربرد React useState Hook



در این ویدیو از آموزش ری اکت به بررسی کاربرد React useState Hook پرداختیم. برای این منظور به عنوان یک مثال ساده یک دفتر تلفن ساده را طراحی کردیم که امکان مشاهده و ایجاد کردن آیتم و همچنین مرتب سازی آیتم ها را دارد. همچنین مفاهیمی همچون دیتا مدلینگ و تعریف توابع callback و typescript را بررسی کردیم.


https://youtu.be/jf2Lzz0I-bA

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
YouTube آموزش کار با useState React Hook در این ویدیو از آموزش ری اکت به بررسی کاربرد React useState Hook پرداختیم. آموزش کار با useState React Hook را مطرح و برای این منظور به عنوان یک مثال ساده یک دفتر تلفن ساده را طراحی کردیم که امکان مشاهده و ایجاد کردن آیتم و همچنین مرتب سازی آیتم ها را دارد.…
  • ❤ 8
Post #145 490
Microfrontend.ir آموزش ری اکت - React Function Components With TypeScript در این ویدیو از آموزش ری اکت به بررسی و ساخت کامپوننت های React بوسیله TypeScript پرداختیم و مبانی تعریف نوع برای props های کامپوننت ها را مطرح کردیم. React Function Components With TypeScript اولین…
جلسه سیزدهم آموزش ری اکت:‌useState Hook

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

https://youtu.be/81rf5iVyEm4

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
YouTube useState React Hook - آموزش React در این ویدیو از آموزش React به بررسی useState Hook پرداختیم. ابتدا اصول اولیه استفاده از هوک ها را بررسی سپس شیوه تعریف هوک useState و شیوه به روزرسانی مقادیر و خطاهای احتمالی در استفاده از هوک ‌را بررسی کردیم 00:00 اصول تعریف React Hook 03:15 تعریف useState…
  • ❤ 8
Post #144 1.52K
بهینه سازی جنگو از طریق defer و only

در ادامه بحث بهینه سازی جنگو در این ویدیو ابتدا به بررسی شیوه ترکیب prefetch_related و select_related در Django برای روابط سطوح بالاتر پرداختیم سپس برای جداول بزرگ کاربرد تابع های only و defer را بررسی گردیم که میتوان بر اساس آن حجم داده های خروجی را کنترل کرد.

Video Link: https://youtu.be/u629fDW5drM

Django Tips Playlist:
https://www.youtube.com/playlist?list=PLJ9zDGwhhsBwdrfdaoOqbYev3_ocuBOfv


〰️〰️〰️〰️〰️〰️
© @microfrontend_ir
  • 🔥 5
Post #143 536
Microfrontend.ir در اغلب مصاحبه های فنی جنگو سوال کاربرد select_related پرسیده می‌شود با این وجو اغلب اهمیت این فانکشن نادیده گرفته می شود. عدم استفاده ویژگی مهم select_related در Django ORM میتواند تاثیر منفی سنگینی در اپلیکیشن داشته باشد. در این ویدیو کوتاه با یک مثال…
در اغلب مصاحبه های فنی جنگو سوال کاربرد prefetch_related پرسیده می‌شود با این وجود اغلب اهمیت این فانکشن نادیده گرفته می شود. عدم استفاده ویژگی مهم prefetch_related در Django ORM میتواند تاثیر منفی سنگینی در اپلیکیشن داشته باشد. در این ویدیو با یک مثال ساده سعی کردم تفاوت استفاده و عدم استفاده از django prefetch_related را توضیح دهم

Video Link: https://youtu.be/lkThOygE8LM

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

** کلاس آنلاین آموزش جنگو
https://www.youtube.com/playlist?list=PLJ9zDGwhhsByH5tcpM9H3VzdHYpne3bSa


〰️〰️〰️〰️〰️〰️
© @microfrontend_ir
  • 🔥 4
  • ❤ 2
Post #142 496
در اغلب مصاحبه های فنی جنگو سوال کاربرد select_related پرسیده می‌شود با این وجو اغلب اهمیت این فانکشن نادیده گرفته می شود. عدم استفاده ویژگی مهم select_related در Django ORM میتواند تاثیر منفی سنگینی در اپلیکیشن داشته باشد. در این ویدیو کوتاه با یک مثال ساده سعی کردم تفاوت استفاده و عدم استفاده از django select_related را توضیح دهم

Video Link: https://youtu.be/TK3P4Cy5fNg

یادآوری ذکر شده در ویدیو:
** همه چیز در مورد لاگ زدن در پایتون - Python Logging
https://youtu.be/32l7Wogtsxk

** پیکربندی لاگ زدن در جنگو - django logging
https://youtu.be/LGatKmpL7k8


〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir
  • 🔥 9
Post #141 430
در این ویدیو از پلی لیست مصاحبه فنی #javascript و #typescript به بررسی کاربرد Map Reduce پرداختیم. map و reduce دو تابع مستقل در جاوا اسکریپت هستند که برای درک بهتر کاربرد آنها مثالی را برای شمارش تکرار کلمات در حجم زیاد را بررسی کردیم.

https://youtu.be/7THZrV8a6fo
YouTube مصاحبه فنی جاوا اسکریپت: کاربرد Map Reduce در این ویدیو از پلی لیست مصاحبه فنی جاوا اسکریپت و تایپ اسکریپت به بررسی کاربرد Map Reduce پرداختیم. map و reduce دو تابع مستقل در جاوا اسکریپت هستند که برای درک بهتر کاربرد آنها مثالی را برای شمارش تکرار کلمات در حجم زیاد را بررسی کردیم 00:00 شرح مساله…
  • ❤ 3
  • 👍 3
Post #140 449
آموزش ری اکت - React Function Components With TypeScript


در این ویدیو از آموزش ری اکت به بررسی و ساخت کامپوننت های React بوسیله TypeScript پرداختیم و مبانی تعریف نوع برای props های کامپوننت ها را مطرح کردیم. React Function Components With TypeScript اولین گام در شروع کار به react مدرن است.

https://youtu.be/WuC-WH8acD8
YouTube آموزش ری اکت - React Function Components With TypeScript در این ویدیو از آموزش ری اکت به بررسی و ساخت کامپوننت های React بوسیله TypeScript پرداختیم و مبانی تعریف نوع برای props های کامپوننت ها را مطرح کردیم. React Function Components With TypeScript اولین گام در شروع کار به react مدرن است. 00:00 مقدمه 00:48 ساخت…
  • 🔥 3
  • 👍 2
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →