داشتم دنبال شل PHP میگشتم که سرور پاک نکنه!
پیدا نکردم!

از این به عنوان ابزار بررسی و ریویو کد و در نهایت کد نویسی شل خودم استفاده کردم!

تبدیل تهدید به فرصت و از این چیزا!
https://github.com/pheditor/pheditor

@DevTwitter | <exploitio/>

تو این ویدئو بیش از 100 سوال مصاحبه‌ی Frontend رو باهم حل کنیم و هر کدوم رو به زبان ساده توضیح میدیم.

لینک بخش 1:
aparat.com/v/hhg6aj9

لینک بخش 2:
aparat.com/v/kqk4t98

نمونه‌ی کوچیکی از سوالاتی که بررسی میکنیم:
1. مفهوم Hoisting چیه و چه زمانی اتفاق میفته؟
2. مفهوم Closure چیه و چه زمانی ایجاد میشه؟
3. مفهوم Event Loop چیه و چطور کار میکنه؟
4. مفهوم Callback Hell چیه و چجوری میشه رفعش کرد؟
5. مفهوم Specificity تو CSS چیه و چجوری کار میکنه؟
6. مفهوم Virtual DOM چیه و چرا React ازش استفاده میکنه؟
7. مفهوم HOC یا HOF چیه و چه کاربردی داره؟
8. مفهوم Memoization چیه و چجوری به کار میره؟
9. مفهوم Pure Function چیه و کجا استفاده میشه؟
10. تفاوت Mutable و Immutable چیه؟
11. تفاوت defer و async چیه؟
12. تفاوت em و rem چیه و هر کدوم کجا باید استفاده شه؟
13. چرا NaN مساوی با NaN نیست؟
14. از 'use strict' در JavaScript چه استفاده‌ای میشه؟


@DevTwitter | <Bijan Eisapour/>

سلام و درود
ری اکت روتر ۷ (react router 7) بالاخره ریلیز شد ،
و تغییرات بزرگی رو توی خودش جای داده
و زین پس نه تنها میشه به عنوان یک لایبری برای هندل کردن روتینگ بهش نگاه کرد ، بلکه با توجه به قابلیت های جدیدی که بهش اضافه شده میتونه نقش یک فریمورک برای هندل کردن ssr رو هم به عهده بگیره

سعی میکنم بعد ازینکه داکیومنتشو کامل خوندن یه پست درباره ی قابلیت های جدیدش بذارم

برای منکه شخصا از نکست خوشم نمیومد خبر خوبی بود

https://remix.run/blog/react-router-v7
https://reactrouter.com/home

@DevTwitter | <Amir Abbas Dakhily/>

کدت رو بنویس و دیگه نگران تست نوشتن نباش، من می‌نویسم برات!
این شعار هوش مصنوعی جدیدی هستش به اسم Celp که در مقام یک دستیار تمام عیار در کنارتونه و دیگه شما رو از شر دغدغه تست نوشتن‌های روزمره راحت می‌کنه

https://www.celp.ai

@DevTwitter | <Mohammadreza Hajian/>

ساختاربندی پروژه‌ها در Golang
یکی از چالش‌هایی که اوایل یادگیری Golang باهاش دست‌وپنجه نرم می‌کردم، ساختاربندی درست پروژه‌ها بود. راستش چون از Laravel به Golang مهاجرت کرده بودم، برام سخت بود. Laravel یه ساختار آماده و چارچوب مشخص داره، ولی اینجا باید خودم دست به کار می‌شدم و انتخاب می‌کردم.
امروز داشتم یه سری مقاله تو Medium می‌خوندم که به یه مطلب خیلی خوب برخوردم. تو این مقاله چندتا از ساختارهای محبوب پروژه تو Golang معرفی شده بودن و به ساده‌ترین شکل ممکن درباره ویژگی‌ها و کاربردهاشون توضیح داده بود. ساختارهایی مثل:
- Clean Architecture
- CQRS
- Hexagonal Architecture
- Monorepo Structure
- ...
از خوندنش واقعاً لذت بردم و گفتم با شما هم به اشتراک بذارم.
لینک مقاله:
https://medium.com/@smart_byte_labs/organize-like-a-pro-a-simple-guide-to-go-project-folder-structures-e85e9c1769c2

چند نکته که باید حتماً در نظر بگیرید:
1- اسم فولدرها رو با توجه به نیاز خودتون انتخاب کنید.
لازم نیست دقیقاً مثل این مقاله عمل کنید. هر اسمی که به تیم شما کمک کنه راحت‌تر بفهمه داخل اون فولدر چه خبره، گزینه درستیه!
2- ساختارها رو می‌تونید ترکیب کنید.
مثلاً من خودم ترکیب Monorepo، Clean Architecture، Hexagonal Architecture و CQRS رو خیلی دوست دارم و معمولاً ازش استفاده می‌کنم.
3- سم‌ها باید کاربرد فولدر رو مشخص کنن.
اصلاً نیازی نیست که حتماً از کلمات رایج مثل controller استفاده کنید. چیزی رو انتخاب کنید که برای پروژه‌تون مناسب‌تره.
امیدوارم این مقاله به دردتون بخوره. اگر تجربه خاصی تو این زمینه دارید یا از ساختارهای دیگه‌ای استفاده می‌کنید، خوشحال می‌شم تجربیاتتون رو بشنوم!

@DevTwitter | <Adel Hadadi/>

احتمالاً توی پروژه‌هاتون که نیاز به درگاه پرداخت داشتید، کلی اذیت شدید (مخصوصاً برای گرفتن merchant_id) و می‌خواستید سرتون رو بکوبید به دیوار

حالا چرا اینارو میگم؟
من یه پکیج پایتونی توسعه دادم که همین مشکلات رو براتون حل کنه


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

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

https://github.com/Mohammad222PR/zibal-payment
https://pypi.org/project/zibal-payment/

@DevTwitter | <Mohammad Eslami/>

نگارش ۶.۷ وردپرس اجازه میده تا هر فونت دلخواهی رو آپلود و اون رو برای هر بخشی که دوست داریم تنظیم کنیم.

در عرض ۲ دقیقه، فونت «ساحل» بدون افزونه و بدون فسفرسوزی نصب و تنظیم شد:

@DevTwitter | <Yaser Shahi/>

مینی‌پروژه‌ای جذاب با استفاده از React-Leaflet و داده‌های GeoJSON طراحی و پیاده‌سازی کردم!
در این پروژه:
تمامی استان‌ها به‌صورت جداگانه با داده‌های GeoJSON نمایش داده می‌شوند.
با کلیک روی مرکز هر استان، مستقیماً به شهر آن منتقل می‌شوید.
با استفاده از سرویس OSRM و قابلیت Polyline، مسیر بین مراکز دو استان به زیبایی ترسیم می‌شود.
استفاده از سه نمای مختلف نقشه برای تجربه‌ای متنوع و پویا.
بهره‌گیری از آیکون‌های سفارشی برای زیبایی و شخصی‌سازی بهتر نقشه.
برای دیدن این پروژه می‌توانید به لینک زیر مراجعه کنید:
leafletshokri.netlify.app
همچنین سورس کد پروژه در گیت‌هاب موجود است:
https://github.com/Amirhosien82/leaflet

@DevTwitter | <AmirHosein Shokri/>

چند وقت پیش توی یکی از پروژه‌ های شرکت لازم شد که از یه date picker استفاده کنم. از اونجایی که خود پروژه با compose توسعه داده شده بود و خودمم حوصله نداشتم اونو پیاده کنم، گفتم بگردم یه لایبرری پیدا کنم که date picker رو با خود compose پیاده کرده باشه.

یکم گشتم چیزی پیدا نکردم که به دلم بشینه و از همه مهمتر قابلیت شخصی سازی داشته باشه که بشه با UI خود پروژه تطبیق داد.

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

لایبرری رو توی گیتهاب گذاشتم که میتونید ازش استفاده کنید (نحوه استفادش رو هم توضیح دادم)، امیدوارم که کمکتون کنه.

لینک ریپازیتوری پروژه:
https://github.com/rezarasuolzadeh/pickers

@DevTwitter | <Reza Rasuolzadeh/>

تجسم داده (Data Visualization) ارائه داده‌ در قالب بصری، استفاده از نمودار و نقشه‌ برای بیان یک داستان معنادار از اطلاعات.
سایت
https://100.datavizproject.com
از یک مجموعه داده (DataSet) تعداد ۱۰۰ مصورسازی (Visualization) انجام داده

@DevTwitter | <MehrdadLinux/>

کمپانی Evidently یک دوره رایگان ۷ روزه عالی گذاشته که از۹ دسامبر شروع میشه. این دوره درباره ارزیابی (evaluation) مدلهای LLM برای تیمهای محصول و AI leaders هست.
نیازی هم به دانستن برنامه نویسی نیست. بعضی از تاپیک ها: observability مدلهای LLM در production
و hallucinations, prompt injection, jailbreaks و...
توی خود وبسایت اطلاعات کامل راجع به همه موضوعاتی که تدریس میشه هست.
https://evidentlyai.com/llm-evaluations-course

@DevTwitter | <Mehdi Allahyari/>

تکنیک S3 Bucket Namesquatting چیز جدیدی نیست و چندین سالی است که در بخش Misconfigurations طبقه بندی می شود.
چیزی که دوست داشتم اطلاع رسانی کنم این است که تحت هیچ شرایطی از نام‌های قابل پیش‌بینی برای Bucketها، حتی در حالت Self hosted هم استفاده نکنید!
https://www.securityrunners.io/post/stop-using-predictable-bucket-names-a-failed-attempt-at-hacking-satellites

@DevTwitter | <Vahid Nameni/>

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

البته الان تمرکزش رو چت بات هاست ولی گفته میخواد گسترشش بده

https://github.com/andrewyng/aisuite

@DevTwitter | <حاجیم/>

یک ربات تلگرام ساده نوشتم که به زبان فارسی به راحتی می‌تونید فاکتور فروش بسازید!
با این ربات می‌تونید آیتم‌ها رو اضافه کنید، اطلاعات فروشگاه رو ذخیره کنید و فاکتور رو به صورت PDF دریافت کنید.

https://github.com/bahramnejhad/Invoice-Generator-Bot-with-Telegram-Integration

@DevTwitter | <BlackFun/>

و‌ در آخر منتشر شد، بله vite 6 (وقتی این پست رو می نویسم سه ساعت پیش) نسخه stable ش ریلز شد.

تو گیت هابش changelog ش انقد طولانی لود نمیشه و گفتن که قرار اسپلیتش کنن بزودی.


ولی تو لینک زیر می تونید تغییرات اصلی رو ببینید:

https://vite.dev/blog/announcing-vite6.html#main-changes

@DevTwitter | <Mohammad Abdorrahmani/>

هاروارد ۲ تا درس داره به اسم‌های Data Systems و Big Data Systems که مطالبشون جالب به نظر میاد.

اولی بیشتر مربوط به بخش‌های مختلف دیتابیسه و دومی گسترده‌تره و سیستم‌های ذخیره‌سازی، سیستم‌های دیتای پشت سر AI، و خیلی مطالب دیگه است.

با اینکه ویدئوهاشون در اینترنت نیست، ولی همون اسلایدها و لیست مقاله‌هایی که در سایتشون هست به نظرم مفیده.

درس اول (CS 165):
http://daslab.seas.harvard.edu/classes/cs165/
درس دوم (CS 265):
http://daslab.seas.harvard.edu/classes/cs265/

برای کسانی که خارج هستند و یا خودشون یا شرکتشون ۳۳۴۰ دلار می‌تونه خرج آموزشش کنه، درس دوم قراره از ژانویه برای علاقمندان به صورت آنلاین در پلتفرم Harvard Extension School برگزار بشه.

ولی به هر حال خودتون هم می‌تونید مطالب رو خودآموز جلو برید.

اگه به ویدئو علاقمندید، درس دیتابیس CMU (در https://15445.courses.cs.cmu.edu/fall2024/) و درس سیستم‌های توزیع‌شده MIT (در https://youtube.com/@6.824) کمی با این دروس همپوشانی داره و می‌تونید به اونا مراجعه کنید.

@DevTwitter | <Hadi/>

کمپانی HuggingFace مدل SmolVLM، که یک مدل پیشرفته ۲ میلیارد پارامتری برای زبان و تصویر که کوچک، سریع، کارآمد در حافظه و کاملاً متن‌باز است را معرفی کرده.
چرا این مدل مهم هست؟ چون که خوراک دستگاه‌های با محدودیت منبع یا به اصطلاح on-device و edge است

ویژگی‌های SmolVLM:
- کوچک (۲ میلیارد پارامتر)
- استنتاج سریع
- اجرا روی لپ‌تاپ یا دستگاه‌های edge.
- کاملاً متن‌باز تحت لیسانس Apache 2.0.

نسخه‌ های SmolVLM:
مدل SmolVLM-Base: مناسب برای آموزش بیشتر.
مدل SmolVLM-Synthetic: آموزش‌دیده روی داده‌های مصنوعی.
مدل SmolVLM-Instruct: آماده برای استفاده تعاملی.
مدل‌ها + داده‌ها + ابزارها = خوشحالی برای توسعه‌دهندگان و پژوهشگران!

چه چیزی SmolVLM را متفاوت می‌کند؟
ساخته‌شده بر اساس معماری Idefics3، اما با تغییرات:
مدل زبانی: SmolLM2 (۱.۷ میلیارد) به‌جای Llama 3.1.
فشرده‌سازی تصویری قوی‌تر (۹ برابر در مقایسه با ۴ برابر در Idefics).
مدل بصری: SigLIP بهینه‌شده برای پچ‌های ۳۸۴×۳۸۴.

نتایج عملکردی:
- دقت رقابتی در بنچمارک‌هایی مثل DocVQA و TextVQA.
- استفاده کم از حافظه: تنها به ۵ گیگابایت رم GPU نیاز دارد!
مقایسه مصرف رم GPU:
SmolVLM: 5 GB
Qwen-VL 2B: 13.7 GB
InternVL2 2B: 10.5 GB
PaliGemma 3B: 6.7 GB

مزیت سرعت:
معماری بهینه SmolVLM = عملکرد فوق‌العاده سریع.
در مقایسه با Qwen2-VL:
-۳.۳ تا ۴.۵ برابر سریع‌تر در پر کردن اولیه
- ۷.۵ تا ۱۶ برابر سریعتر در جنریشن
اطلاعات بیشتر به همراه کد مثال: https://huggingface.co/blog/smolvlm
دمو: https://huggingface.co/spaces/HuggingFaceTB/SmolVLM

@DevTwitter | <Mehdi Allahyari/>

ماجرای کامل Automattic و WP Engine
تو دنیای نرم‌افزارها ما چیزی داریم به اسم (Fork) که یعنی میتونید یه برنامه‌رو clone کنید (کپی کنید) و داخلش تغییرات بدید.
این به لطف لایسنس اوپن‌سورس هست.
بعد خیلی هم پیش میاد، مثلا یه توسعه دهنده یه برنامه‌رو میسازه ولی رهاش میکنه

اینجا یه توسعه دهنده دیگه میاد همون رو Fork میکنه، مشکلاتش رو برطرف میکنه و بقیه آدما میتونن بیان از نسخه Fork شده استفاده کنن.
یا اینکه مثلا یه توسعه دهنده ویژگی‌های بیشتری به ذهنش میرسه و Fork میکنه و نسخه بهتری میسازه.
داستان ما از ۵ اکتبر شروع میشه تیم وردپرس تاریخ ۵ اکتبر گزارش یک آسیب‌پذیری امنیتی در ACF رو داخل توییتر اعلام میکنه.
این همون پلاگین معروف فیلدهای سفارشی هست که نسخه رایگان و پولی داره.
تیم WP Engine که میشه سازنده همین پلاگین آسیب‌پذیری ACF رو ۲ روز بعد یعنی ۷ اکتبر برطرف میکنه.
۱۲ اکتبر تیم وردپرس پلاگین ACF رو Fork میکنن و با یه نام جدید یعنی Secure Custom Forms (SCF) منتشر میکنن.
مت مولنوگ که میشه خالق وردپرس میگه ما پلاگین ACF رو فورک کردیم تا در کنار آپدیت‌های امنیتی بهتر، تبلیغات تجاری هم نداشته باشید.
یعنی جای ACF بیاید از SCF استفاده کنید.
اونم تازه نه ACF رایگان، بلکه SCF میشه Fork نسخه پولی ACF و در کنارش میگن این بار خود تیم وردپرس پشتیبانیش میکنه.
و میان ACF رو هم از مخزن وردپرس حذف میکنن.
تیم WP Engine هم میگه ما داریم اینجا زحمت میکشیم، یعنی چی که پلاگین پولی مارو تغییر دادی با یه اسم جدید رایگان گذاشتی
بعد WP Engine میاد یه نسخه جدید از ACF میده که دیگه از طریق مخزن وردپرس آپدیت نمیشه و آپدیت‌هاشو مستقیم از WP Engine میگیره.
این واکنش به خاطر این بود که ACF در کنار اینکه از مخزن وردپرس حذف شد، کاربرها هم بدون اجازه پلاگینشون به SCF تغییر کرد
واکنش‌ها از سمت کاربرهای عادی خوب بوده چون یه پلاگین پولی رو الان به صورت رایگان دارن، اونم با پشتیبانی تیم وردپرس.
ولی واکنش‌ها از سمت توسعه‌دهنده‌ها منفی.
یکیشون گفته:
«اگه قراره محصولی که میسازی و برای فروش قرار میدی رو کپی کنن دیگه چرا باید به خودت زحمت بدی؟»
البته خود Fork کردن یک کار قانونی و خیلی خوبه، اما نوع روشی که تیم وردپرس یا همون Automattic انجام داده از نظر جامعه توسعه‌دهنده‌ها غیر اخلاقی بوده و بسیاری اعتقاد دارن این اعتماد به وردپرس رو کاهش داده.
لینک منبع هم میذارم.

https://www.searchenginejournal.com/automattic-receives-backlash-for-cloning-premium-plugin/533589/

@DevTwitter | <Soroush Ahmadi/>