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

https://github.com/twitter/the-algorithm-ml


https://github.com/twitter/the-algorithm



〰〰〰〰〰〰〰
© @Microfrontend_ir

پلی لیست آموزش پیشرفته برنامه نویسی CSS برای برنامه نویسان

در این پلی لیست به بررسی CSS از منظر برنامه نویسان می‌پردازیم و به سوالات پرتکرار در مصاحبه های فنی مرتبط با CSS پاسخ میدهیم

ویدیو اول :
آموزش پیشرفته CSS برای برنامه نویسان
https://youtu.be/1YNzfgEE-Ng

ویدیو دوم :
آموزش CSS Rules و Vendor Prefixing
https://youtu.be/GQJi7haHL-g

ویدیو سوم:
بهینه سازی سرعت لود سایت و بررسی مساله FOUC
https://youtu.be/34VrMZ5r2wI


لینک پلی لیست:
https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzsppvlXNEMeohhvUj5HDYP

〰〰〰〰〰〰〰
© @Microfrontend_ir

در این پلی لیست به بررسی CSS از منظر برنامه نویسان می‌پردازیم و به سوالات پرتکرار در مصاحبه های فنی مرتبط با CSS پاسخ میدهیم

ویدیو چهارم :
آموزش پیشرفته CSS برای برنامه نویسان
https://youtu.be/rry3xFZvkeA

ویدیو پنجم :
آموزش سلکتورهای صفت در CSS
https://youtu.be/9_jzjLCaOQs

ویدیو ششم:
سلکتورهای مبتنی بر روابط و ساختار درختی
https://youtu.be/iFGTOwstLh0


لینک پلی لیست:
https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzsppvlXNEMeohhvUj5HDYP

〰〰〰〰〰〰〰
© @Microfrontend_ir

در این پلی لیست به بررسی CSS از منظر برنامه نویسان می‌پردازیم و به سوالات پرتکرار در مصاحبه های فنی مرتبط با CSS پاسخ میدهیم

ویدیو هفتم :
Structural Pseudo-Class CSS Selector - Part A
https://youtu.be/tZ4OZ6CzKBs

ویدیو هشتم :
Structural Pseudo-Class CSS Selector - Part B
https://youtu.be/0E0bZ_g9jBQ

ویدیو نهم:
Linguistic Pseudo-classes (lang and dir)
https://youtu.be/rKHzUQokOqg

ویدیو دهم:
Location Pseudo-classes)
https://youtu.be/TaDrcp0DeQ8

لینک پلی لیست:
https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzsppvlXNEMeohhvUj5HDYP

〰〰〰〰〰〰〰
© @Microfrontend_ir

در این پلی لیست به بررسی CSS از منظر برنامه نویسان می‌پردازیم و به سوالات پرتکرار در مصاحبه های فنی مرتبط با CSS پاسخ میدهیم

ویدیو یازدهم :
اعتبارسنجی فرم
https://youtu.be/TY8g2U_Z5eI

ویدیو دوازدهم :
Logical Pseudo-Classes CSS Selector
https://youtu.be/DCxocSK9Tqs

ویدیو سیزدهم:
Pseudo-Element Selectors
https://youtu.be/baMrxzQS8Ec


لینک پلی لیست:
https://www.youtube.com/playlist?list=PLJ9zDGwhhsBzsppvlXNEMeohhvUj5HDYP

〰〰〰〰〰〰〰
© @Microfrontend_ir

✔️ شرکت شما در این پرسش نامه به تولیدکنندگان محتوای این کانال اجازه میده با شناخت میزان تجربه شما عزیزان، بهتر فعالیت کنند و محتواهای بهتری تولید کنند

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

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

اگر فقط یکی دو دقیقه (نهایتاً پنج دقیقه) وقت بذارید و به چند تا سوال جواب بدید، کمک بزرگی در جهت شناخت میزان تجربه اعضای کانال خواهد بود. (فکر میکنیم برای شما هم جذاب باشه).

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

پی‌نوشت نسبتاً مهم: این پرسشنامه به صورت ناشناس قابل پر کردن است

پی‌نوشت دو: نتایج این پرسشنامه در آخر به صورت عمومی منتشر خواهد شد

https://survey.porsline.ir/s/2xuepyI

پیشاپیش از حسن توجه شما و شرکت در این پرسشنامه سپاسگزاریم ❤️

™️ @DjangoIR
〰〰〰〰〰〰
© @DjangoEx

در سه ماه آینده سه پلی لیست React و Angular و Vue رو میخوام تکمیل بکنم با React شروع میکنم بعد انگولار و ویو. دوست دارم در کنار مفاهیم اصلی، پروژه متوسطی رو هم با هم ببریم جلو.این پروژه غیر از مینی ترلو خواهد. خوشحال میشم که این پروژه رو شما پیشنهاد بدید که چی باشه.

جلسه هشتم React - Props

در این ویدیو از آموزش React به این سوال پاسخ دادیم که Props چیست و چکونه استفاده می شود؟ برای این منظور ابتدا به بررسی مفهوم mutation و immutable پرداختیم و ضرورت جلوگیری از تغییر داده های به اشتراک گذاشته شده را بررسی کردیم سپس اولین class component را در react ایجاد کردیم.

https://youtu.be/1fyQFbAvuj4

جلسه نهم:
در این ویدیو از آموزش React به بررسی Prop Type ها و شیوه تعریف آنها پرداختیم


https://youtu.be/1lZDhEBALT0

جلسه دهم آموزش ری اکت
در این ویدیو از پلی لیست آموزش ری اکت به این سوال پاسخ دادیم State چیست؟ در کلاس کامپوننت‌های React چگونه تعریف می‌شوند و این تغییر چگونه باعث به‌روز رسانی UI می شود.


https://youtu.be/RD_v2BeoorM

آموزش ری اکت - React Component Lifecycle
در این ویدیو از پلی لیست آموزش ری اکت به بررسی React Component Lifecycle پرداختیم و فرایندی که React برای mount و update و unmount کامپوننت ها انجام می دهد را بررسی کردیم. در نهایت مثالی را برای استفاده از متدهای React Component Lifecycle را به منظور جلوگیری از بروز Memory leak در برنامه بررسی کردیم.


https://youtu.be/dhanlo63kpg

مصاحبه فنی جاوا اسکریپت: Closure چیست؟

در اغلب مصاحبه‌های فنی جاوا اسکریپت سوالی مطرح می شود که Closure چیست؟ در این ویدیو با یک مثال ساده مفهوم Closure رو توضیح دادیم و چند مورد از کاربردهای آن را مطرح کردیم

https://youtu.be/YxiVCSNlC7E

آموزش ری اکت - React Function Components With TypeScript


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

https://youtu.be/WuC-WH8acD8

در این ویدیو از پلی لیست مصاحبه فنی #javascript و #typescript به بررسی کاربرد Map Reduce پرداختیم. map و reduce دو تابع مستقل در جاوا اسکریپت هستند که برای درک بهتر کاربرد آنها مثالی را برای شمارش تکرار کلمات در حجم زیاد را بررسی کردیم.

https://youtu.be/7THZrV8a6fo

در اغلب مصاحبه های فنی جنگو سوال کاربرد 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

در اغلب مصاحبه های فنی جنگو سوال کاربرد 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

بهینه سازی جنگو از طریق 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

جلسه سیزدهم آموزش ری اکت:‌useState Hook

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

https://youtu.be/81rf5iVyEm4

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

آموزش ری‌ اکت :‌ کاربرد React useState Hook



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


https://youtu.be/jf2Lzz0I-bA

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