یه لیست فوقالعاده از ۱۰۰ پروژه در دستههای مختلف که کمک میکنه در هر سطحی هستید، بتونید مهارت برنامهنویسیتون رو بهبود بدید
اگر دنبال ایده برای پروژه هستید از دستش ندید
https://github.com/florinpop17/app-ideas
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
اگر دنبال ایده برای پروژه هستید از دستش ندید
https://github.com/florinpop17/app-ideas
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
👍2
یه ویدئوی عالی دربارهی نحوه کار Event Loop، Web APIs و Task Queue در جاوااسکریپت که خیلی جالب بود!
https://youtu.be/eiC58R16hb8?si=rFgZIo_I0Lh3rQ03
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
https://youtu.be/eiC58R16hb8?si=rFgZIo_I0Lh3rQ03
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
YouTube
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
Learn how the browser event loop, task queue, microtask queue, and Web APIs work together to enable non-blocking, asynchronous JavaScript.
- https://www.patreon.com/LydiaHallie
- https://buymeacoffee.com/lydiahallie
- https://twitter.com/lydiahallie
- …
- https://www.patreon.com/LydiaHallie
- https://buymeacoffee.com/lydiahallie
- https://twitter.com/lydiahallie
- …
👍2
ProCode | پُروکُد
یه ویدئوی عالی دربارهی نحوه کار Event Loop، Web APIs و Task Queue در جاوااسکریپت که خیلی جالب بود! https://youtu.be/eiC58R16hb8?si=rFgZIo_I0Lh3rQ03 ------------------------------------ پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽 https://news.1rj.ru/str/ProCode0101
جاوااسکریپت یک زبان تکترد است، به این معنی که در هر لحظه فقط میتواند یک عملیات را اجرا کند. برای مدیریت عملیاتهای غیرهمزمان (asynchronous)، مفاهیمی مانند حلقه رویداد (Event Loop)، وب APIها (Web APIs) و صفهای وظیفه (Task Queues) در این زبان وجود دارند.
پشته فراخوانی (Call Stack): محل ذخیرهسازی توابعی است که قرار است اجرا شوند. هر زمان که تابعی فراخوانی میشود، به بالای پشته افزوده میشود و پس از اتمام اجرا، از پشته خارج میشود.
وب APIها (Web APIs): مرورگرها مجموعهای از APIها را فراهم میکنند که امکان انجام عملیاتهای غیرهمزمانی مثل تایمرها (setTimeout)، درخواستهای شبکهای (fetch) و مدیریت رویدادها را میدهند. این عملیاتها خارج از پشته فراخوانی و در محیط مرورگر انجام میشوند.
صف وظایف (Task Queue): زمانی که یک عملیات غیرهمزمان به پایان میرسد، تابع بازگشتی آن در صف وظایف قرار میگیرد تا زمانی که پشته فراخوانی خالی شود، در نوبت اجرا قرار گیرد.
حلقه رویداد (Event Loop): مکانیزمی است که بهطور مداوم بررسی میکند آیا پشته فراخوانی خالی است یا خیر. اگر خالی باشد، اولین تابع از صف وظایف را به پشته اضافه کرده و اجرا میکند. این فرایند به جاوااسکریپت این امکان را میدهد که عملیاتهای غیرهمزمان را مدیریت کند و یک رابط کاربری پاسخگو ایجاد نماید.
صف میکروتسکها (Microtask Queue): این صف حاوی وظایفی با اولویت بالاتر است، مانند توابع بازگشتی مربوط به Promiseها. حلقه رویداد ابتدا تمام میکروتسکها را قبل از پردازش تسکهای عادی از صف وظایف اجرا میکند.
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
پشته فراخوانی (Call Stack): محل ذخیرهسازی توابعی است که قرار است اجرا شوند. هر زمان که تابعی فراخوانی میشود، به بالای پشته افزوده میشود و پس از اتمام اجرا، از پشته خارج میشود.
وب APIها (Web APIs): مرورگرها مجموعهای از APIها را فراهم میکنند که امکان انجام عملیاتهای غیرهمزمانی مثل تایمرها (setTimeout)، درخواستهای شبکهای (fetch) و مدیریت رویدادها را میدهند. این عملیاتها خارج از پشته فراخوانی و در محیط مرورگر انجام میشوند.
صف وظایف (Task Queue): زمانی که یک عملیات غیرهمزمان به پایان میرسد، تابع بازگشتی آن در صف وظایف قرار میگیرد تا زمانی که پشته فراخوانی خالی شود، در نوبت اجرا قرار گیرد.
حلقه رویداد (Event Loop): مکانیزمی است که بهطور مداوم بررسی میکند آیا پشته فراخوانی خالی است یا خیر. اگر خالی باشد، اولین تابع از صف وظایف را به پشته اضافه کرده و اجرا میکند. این فرایند به جاوااسکریپت این امکان را میدهد که عملیاتهای غیرهمزمان را مدیریت کند و یک رابط کاربری پاسخگو ایجاد نماید.
صف میکروتسکها (Microtask Queue): این صف حاوی وظایفی با اولویت بالاتر است، مانند توابع بازگشتی مربوط به Promiseها. حلقه رویداد ابتدا تمام میکروتسکها را قبل از پردازش تسکهای عادی از صف وظایف اجرا میکند.
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
Telegram
ProCode | پُروکُد
پُروکُد ، جایی که برنامه نویسان حرفهای متولد میشوند 🚀🧑🏻💻
Linkedin : https://ir.linkedin.com/in/amirreza-riahi-106a51304
Telegram :
@AmirRh2087
Github :
www.github.com/AmirRiahi2008
Website :
بزودی
Linkedin : https://ir.linkedin.com/in/amirreza-riahi-106a51304
Telegram :
@AmirRh2087
Github :
www.github.com/AmirRiahi2008
Website :
بزودی
👍2
Forwarded from Panic Dev (Hessam)
💡 کلاس WeakMap در PHP: قهرمان خاموش برای مدیریت حافظه
در زمان توسعه بخشهای پرفورمنسمحور یک اپلیکیشن، متوجه شدم که WeakMap میتونه یه قهرمان خاموش باشه که زمانی که بهش نیاز داری، به دادت میرسه.
🔍 کلاس WeakMap چیست؟
در ظاهر، WeakMap مثل یه store کلید-مقدار عادی به نظر میاد. اما تفاوت اصلی اینجاست که WeakMap کلیدها رو به صورت weak reference نگه میداره، یعنی وقتی شی از حافظه پاک میشه، WeakMap بهطور خودکار اون ورودی رو حذف میکنه. این ویژگی باعث میشه که نیازی به پاکسازی دستی دادهها نباشه و هیچگونه حافظهای به طور نادرست مصرف نشه.
📌 چرا این ویژگی اهمیت داره؟
فرض کنید در حال ساخت یک مدیریت مستندات یا مدیریت تصاویر هستید. هر شی (مثل یک فایل یا تصویر) ممکنه متادیتای پرهزینهای برای محاسبه داشته باشه. میخواهید این متادیتا رو در هنگام استفاده از شی کش کنید ولی نیازی به پاکسازی دستی و نگرانی از نشت حافظه ندارید.
🛠 نمونه کد:
در کدی که در تصویر مشاهده میکنید . ما از WeakMap برای کش کردن متادیتای اشیاء استفاده میکنیم
🚀 نتیجهگیری
در نتیجه WeakMap برای مواردی مثل مدیریت کش متادیتا یا پردازشهای پرهزینه بسیار مفیده، چرا که از نشت حافظه جلوگیری میکنه و با خودکار حذف کردن ورودیها از حافظه، کار رو برای برنامهنویس راحتتر میکنه.
🔗 منبع: مقاله
#PHP #MemoryManagement #WeakMap #Cashing #Development #Backend #OptimizedCode
@panicdev
در زمان توسعه بخشهای پرفورمنسمحور یک اپلیکیشن، متوجه شدم که WeakMap میتونه یه قهرمان خاموش باشه که زمانی که بهش نیاز داری، به دادت میرسه.
🔍 کلاس WeakMap چیست؟
در ظاهر، WeakMap مثل یه store کلید-مقدار عادی به نظر میاد. اما تفاوت اصلی اینجاست که WeakMap کلیدها رو به صورت weak reference نگه میداره، یعنی وقتی شی از حافظه پاک میشه، WeakMap بهطور خودکار اون ورودی رو حذف میکنه. این ویژگی باعث میشه که نیازی به پاکسازی دستی دادهها نباشه و هیچگونه حافظهای به طور نادرست مصرف نشه.
📌 چرا این ویژگی اهمیت داره؟
فرض کنید در حال ساخت یک مدیریت مستندات یا مدیریت تصاویر هستید. هر شی (مثل یک فایل یا تصویر) ممکنه متادیتای پرهزینهای برای محاسبه داشته باشه. میخواهید این متادیتا رو در هنگام استفاده از شی کش کنید ولی نیازی به پاکسازی دستی و نگرانی از نشت حافظه ندارید.
🛠 نمونه کد:
در کدی که در تصویر مشاهده میکنید . ما از WeakMap برای کش کردن متادیتای اشیاء استفاده میکنیم
🚀 نتیجهگیری
در نتیجه WeakMap برای مواردی مثل مدیریت کش متادیتا یا پردازشهای پرهزینه بسیار مفیده، چرا که از نشت حافظه جلوگیری میکنه و با خودکار حذف کردن ورودیها از حافظه، کار رو برای برنامهنویس راحتتر میکنه.
🔗 منبع: مقاله
#PHP #MemoryManagement #WeakMap #Cashing #Development #Backend #OptimizedCode
@panicdev
👍1
🔥 یه ابزار خفن برای دولوپرای React!
اگه میخوای بدون دردسر بفهمی کدوم کامپوننتها توی پروژهت باعث کندی شدن اپ شدن، React Scan رو از دست نده!
🧠 چی کار میکنه؟
ابزار React Scan بهصورت خودکار مشکلات پرفورمنس رو توی اپ Reactت شناسایی میکنه. لازم نیست هیچ تغییری تو کدت بدی یا دیباگرهای پیچیده استفاده کنی. فقط اسکریپتش رو بذار، خودش باقی کارا رو انجام میده 😎
✅ بدون نیاز به تغییر کد
✅ کامپوننتهایی که نیاز به بهینهسازی دارن رو هایلایت میکنه
✅ با همهچی سازگاره: Next.js، Vite، Remix و حتی با یه تگ ساده <noscript> توی HTML هم راه میافته!
دموی آنلاینشم داره،
🧪 لینک دمو
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
اگه میخوای بدون دردسر بفهمی کدوم کامپوننتها توی پروژهت باعث کندی شدن اپ شدن، React Scan رو از دست نده!
🧠 چی کار میکنه؟
ابزار React Scan بهصورت خودکار مشکلات پرفورمنس رو توی اپ Reactت شناسایی میکنه. لازم نیست هیچ تغییری تو کدت بدی یا دیباگرهای پیچیده استفاده کنی. فقط اسکریپتش رو بذار، خودش باقی کارا رو انجام میده 😎
✅ بدون نیاز به تغییر کد
✅ کامپوننتهایی که نیاز به بهینهسازی دارن رو هایلایت میکنه
✅ با همهچی سازگاره: Next.js، Vite، Remix و حتی با یه تگ ساده <noscript> توی HTML هم راه میافته!
دموی آنلاینشم داره،
🧪 لینک دمو
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
👍2
بیشترین حقوق درخواستی برای سنیورها (بطور میانگین) طبق گزارش جاب ویژن برای برنامه نویس های گولنگ هست، سال گذشته هم به همین شکل بود اگه اشتباه نکنم. و البته این آمار مطابقت داره با گزارش stackoverflow که معمولا در سال های اخیر برنامه نویس های گولنگ در دسته چند مهارت با بیشترین پرداختی هستند.
https://lnkd.in/dNnEFu3K
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
https://lnkd.in/dNnEFu3K
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
👍2
ProCode | پُروکُد
vscode shortcuts windows.pdf
شورتکات ویاسکد ویندوز 📕
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
Telegram
ProCode | پُروکُد
پُروکُد ، جایی که برنامه نویسان حرفهای متولد میشوند 🚀🧑🏻💻
Linkedin : https://ir.linkedin.com/in/amirreza-riahi-106a51304
Telegram :
@AmirRh2087
Github :
www.github.com/AmirRiahi2008
Website :
بزودی
Linkedin : https://ir.linkedin.com/in/amirreza-riahi-106a51304
Telegram :
@AmirRh2087
Github :
www.github.com/AmirRiahi2008
Website :
بزودی
👍2
FUN 😁
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
👍1😁1
یه ابزار خوب برای فرانت دولوپرها
این ابزار میتونه از طریق swagger v2 یا openAPI v3 بیاد درخواست های fetch رو بنویسه و میتونه بیاد validation با zod و به صورت type-safe براتون انجام بده. ( از فرمت های yaml و json پشتیبانی میکنه )
❇️ نحوه کار :
این ابزار رو به صورت dev dependencies نصب میکنید و یک فایل config داره که مشخص میکنید و به سادگی با یه دستور fetchها یا validationهای شما آماده است.
⚙️ کانفیگ :
اگر در داکیومنت Orval توجه کنید از انواع موارد مختلف پشتیبانی میکنه ، برای مثال شما میتوانید از axios یا fetch api یا react query یا vue query یا انگیولار یا zod ( برای valition ) و تا ترکیبی از fetch و validation بهرمند شوید.
📖 برای مطالعه بیشتر حتما به داکیومنت Orval مراجعه کنید.
https://orval.dev
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
این ابزار میتونه از طریق swagger v2 یا openAPI v3 بیاد درخواست های fetch رو بنویسه و میتونه بیاد validation با zod و به صورت type-safe براتون انجام بده. ( از فرمت های yaml و json پشتیبانی میکنه )
❇️ نحوه کار :
این ابزار رو به صورت dev dependencies نصب میکنید و یک فایل config داره که مشخص میکنید و به سادگی با یه دستور fetchها یا validationهای شما آماده است.
⚙️ کانفیگ :
اگر در داکیومنت Orval توجه کنید از انواع موارد مختلف پشتیبانی میکنه ، برای مثال شما میتوانید از axios یا fetch api یا react query یا vue query یا انگیولار یا zod ( برای valition ) و تا ترکیبی از fetch و validation بهرمند شوید.
📖 برای مطالعه بیشتر حتما به داکیومنت Orval مراجعه کنید.
https://orval.dev
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
👍2
پنج تا از بهترین Library های ریاکت 🛠
---------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
---------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
👍2
https://orval.dev
اگه فرانت کارین orval رو دریابین حداقل ۳۰ درصد تو پروژه دستتو جلو میندازه
کافیه swagger رو بهش بدین براتون میاد جنریت میکنه api هارو و کنفیگ پذیره میتونید از هرچی خواستین استفاده کنین اینارو ساپورت میکنه
react query
fetch
axios
swr
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
اگه فرانت کارین orval رو دریابین حداقل ۳۰ درصد تو پروژه دستتو جلو میندازه
کافیه swagger رو بهش بدین براتون میاد جنریت میکنه api هارو و کنفیگ پذیره میتونید از هرچی خواستین استفاده کنین اینارو ساپورت میکنه
react query
fetch
axios
swr
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
👍2
صفحه لاگین طلاسی – نسخه فرانتاند
صفحه لاگین پروژهی طلاسی با استفاده از Bootstrap توسعه داده شده و حالا بهصورت متنباز روی گیتهاب قرار گرفته.
مشاهده در گیتهاب:
github.com/mehrshad2020/talasi-auth-frontend
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
صفحه لاگین پروژهی طلاسی با استفاده از Bootstrap توسعه داده شده و حالا بهصورت متنباز روی گیتهاب قرار گرفته.
مشاهده در گیتهاب:
github.com/mehrshad2020/talasi-auth-frontend
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
👍1👏1
🚀 سورس رایگان: داشبورد ادمین با Bootstrap 5
✨ ویژگیها:
✅ طراحی مدرن و واکنشگرا
✅ کاملاً سبک و بهینه
✅ مناسب برای پروژههای مدیریتی
📥 دانلود سورس کد: https://github.com/mehrshad2020/bootstrap-admin-dashboard
📢 به دوستات هم بفرست که استفاده کنن!
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
✨ ویژگیها:
✅ طراحی مدرن و واکنشگرا
✅ کاملاً سبک و بهینه
✅ مناسب برای پروژههای مدیریتی
📥 دانلود سورس کد: https://github.com/mehrshad2020/bootstrap-admin-dashboard
📢 به دوستات هم بفرست که استفاده کنن!
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
❤1👍1
60 عامل رتبه بندی گوگل در سال 2025
آنها را بشناسیم تا رتبه بالاتری بگیریم
Content:
1. Content Quality
2. Content Relevance
3. Keyword Usage
4. Semantic Keywords
5. Content Length
6. Content Freshness
7. Duplicate Content
8. Outbound Links
9. Internal Linking
10. Content Readability
11. E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthiness)
12. Content Accuracy
13. Content Structure
14. Content Uniqueness
15. Multimedia Elements
On Page SEO
16. Title Tag
17. H1 Tag
18. Alt Text
19. URL Structure
20. Breadcrumb Navigation
21. Schema Markup
22. Mobile Friendliness
23. Page Speed
24. HTTPS/SSL Security
25. Canonical Tags
26. Image Optimization
27. Content-to-Code Ratio
28. User Experience (UX)
29. Core Web Vitals
Off-Page SEO
30. Backlink Quality
31. Backlink Quantity
32. Link Diversity
33. Guest Blogging
34. Social Signals
35. Domain Authority
36. Page Authority
37. Brand Mentions
38. Unlinked Mentions
Technical SEO
39. XML Sitemap
40. Robots.txt
41. Site Architecture
42. 301 Redirects
43. 404 Errors
44. JavaScript Rendering
45. Crawl Budget
66. Canonicalization
47. Server Response Time
48. Indexing
49. Pagination
User Experience (UX)
50. Click-Through Rate (CTR)
51. Bounce Rate
52. Dwell Time
53. Pogo-Sticking
54. User Engagement
55. Mobile Usability
56. Accessibility
Local SEO
57. Google Business Profile
58. NAP Consistency
59. Local Reviews
60. Local Backlinks
Mohamad Noreyni~
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
آنها را بشناسیم تا رتبه بالاتری بگیریم
Content:
1. Content Quality
2. Content Relevance
3. Keyword Usage
4. Semantic Keywords
5. Content Length
6. Content Freshness
7. Duplicate Content
8. Outbound Links
9. Internal Linking
10. Content Readability
11. E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthiness)
12. Content Accuracy
13. Content Structure
14. Content Uniqueness
15. Multimedia Elements
On Page SEO
16. Title Tag
17. H1 Tag
18. Alt Text
19. URL Structure
20. Breadcrumb Navigation
21. Schema Markup
22. Mobile Friendliness
23. Page Speed
24. HTTPS/SSL Security
25. Canonical Tags
26. Image Optimization
27. Content-to-Code Ratio
28. User Experience (UX)
29. Core Web Vitals
Off-Page SEO
30. Backlink Quality
31. Backlink Quantity
32. Link Diversity
33. Guest Blogging
34. Social Signals
35. Domain Authority
36. Page Authority
37. Brand Mentions
38. Unlinked Mentions
Technical SEO
39. XML Sitemap
40. Robots.txt
41. Site Architecture
42. 301 Redirects
43. 404 Errors
44. JavaScript Rendering
45. Crawl Budget
66. Canonicalization
47. Server Response Time
48. Indexing
49. Pagination
User Experience (UX)
50. Click-Through Rate (CTR)
51. Bounce Rate
52. Dwell Time
53. Pogo-Sticking
54. User Engagement
55. Mobile Usability
56. Accessibility
Local SEO
57. Google Business Profile
58. NAP Consistency
59. Local Reviews
60. Local Backlinks
Mohamad Noreyni~
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
👍3