🔺گیت و ۶ تا از مهمترین تجربیات من
- تجربیات و نکاتی رو از استفاده از Git رو براتون به اشتراک گذاشتم که کمک میکنن با این ابزار به شکل بهتر و موثرتری استفاده کنیم:
ditty.ir/572
#git
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
- تجربیات و نکاتی رو از استفاده از Git رو براتون به اشتراک گذاشتم که کمک میکنن با این ابزار به شکل بهتر و موثرتری استفاده کنیم:
ditty.ir/572
#git
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
دیتی | Ditty.ir
نکات و تجربیات استفاده از Git
میخوام تجربیات و نکاتی رو از استفاده از Git رو براتون به اشتراک بذارم که کمک میکنن با این ابزار به شکل بهتر و موثرتری استفاده کنیم
👍1
ProCode | پُروکُد
🔺گیت و ۶ تا از مهمترین تجربیات من - تجربیات و نکاتی رو از استفاده از Git رو براتون به اشتراک گذاشتم که کمک میکنن با این ابزار به شکل بهتر و موثرتری استفاده کنیم: ditty.ir/572 #git ------------------------------------ پُروکُد، جایی که برنامهنویسای حرفهای…
۶ تا از مهم ترین تجربه ها در گیت که دوست و همکار خوبم علی نظری عزیز زحمتشو کشیده
@ditty_ir
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
@ditty_ir
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
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 :
بزودی
👏1
1744343723026.pdf
58.6 KB
Frontend System Design Cheat sheet
#کاربردی
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
#کاربردی
------------------------------------
پُروکُد، جایی که برنامهنویسای حرفهای متولد میشن🧑🏻💻👇🏽
https://news.1rj.ru/str/ProCode0101
👍1🔥1
Forwarded from Ditty | دیتی
🔺 توی برنامههای فرانتاندی، آیا تفاوت Building و Bundling رو میدونیم؟ 🤔 تفاوت Minify و Uglify چطور؟
- توی این پست دیتی میخوایم ۶ واژه که شبیه به هم هستن رو بررسی کنیم:
ditty.ir/543
#frontend
- توی این پست دیتی میخوایم ۶ واژه که شبیه به هم هستن رو بررسی کنیم:
ditty.ir/543
#frontend
👍1
Forwarded from Ditty | دیتی
🔺توی جاوااسکریپت و مبحث پرامیسها، تفاوت متدهای race و any چیه؟ متد all و allSettled چطور؟ 🤔
- این متدها که از Promise به صورت استاتیک قابل دسترس هستن (یعنی مثلاً ()Promise.resolve یا ()Promise.race) کاربردهای زیادی دارن و بهمون کمک میکنن یک برنامهٔ سریعتر و پویاتر داشته باشیم. توی این پست این متدها رو بررسی میکنیم و با مثالهایی از کاربرد اونها توی دنیای واقعی آشنا میشیم:
ditty.ir/537
#javanoscript
- این متدها که از Promise به صورت استاتیک قابل دسترس هستن (یعنی مثلاً ()Promise.resolve یا ()Promise.race) کاربردهای زیادی دارن و بهمون کمک میکنن یک برنامهٔ سریعتر و پویاتر داشته باشیم. توی این پست این متدها رو بررسی میکنیم و با مثالهایی از کاربرد اونها توی دنیای واقعی آشنا میشیم:
ditty.ir/537
#javanoscript
👍2
یه لیست فوقالعاده از ۱۰۰ پروژه در دستههای مختلف که کمک میکنه در هر سطحی هستید، بتونید مهارت برنامهنویسیتون رو بهبود بدید
اگر دنبال ایده برای پروژه هستید از دستش ندید
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