راهنمای کوچک TypeScript - برای توسعه‌دهندگان فرانت‌اند

#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript

«مَوْتٌ فِى عِزّ خَيْرٌ مِنْ حَيَاةٍ فِى ذُلّ».

امام حسين (ع) فرمود: «مرگ با عزت برتر از زندگى با ذلّت است».

(بحار الانوار، ج 44 ص 192 ح4 )

#️⃣#event
👥@IR_javascript_group
🆔@IR_javascript

آیا به دنبال الگوهای طراحی برای یک مشکل خاص هستید؟
این سایت در مورد الگوهای طراحی برای برنامه‌های وب است.
در دنیای توسعه نرم‌افزار، الگوهای طراحی راه‌حل‌های قابل استفاده مجدد برای مشکلات رایج هستند. این سایت مجموعه‌ای از الگوها را برای اهداف مختلف، از جمله JavaScript، React و Vue.js ارائه می‌دهد.
الگوهای طراحی باید بر اساس مشکل خاصی که شما سعی در حل آن دارید انتخاب شوند.
🔗https://www.patterns.dev/
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript

مجموعه بزرگی از اجزای رابط کاربری در قالب HTML / CSS برای الهام گرفتن

🔗https://uiverse.io/
#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript

در Chrome Dev Tools می‌توانیم عناوین پاسخ‌ها را بازنشانی کنیم، که می‌تواند برای رفع خطاهای CORS به صورت محلی تا زمانی که در سطح سرور اصلاح شوند، مفید باشد.

#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript

‏es-toolkit یک کتابخانه‌ی جاوا اسکریپت مدرن است که مجموعه‌ای از توابع قدرتمند برای استفاده روزمره ارائه می‌دهد.

در مقایسه با گزینه‌های جایگزین مانند lodash، es-toolkit دارای اندازه‌ی بسته‌ی بسیار کوچک‌تر (تا ۹۷٪ کمتر) و عملکرد زمان اجرای ۲ تا ۳ برابر سریع‌تر است. این دستاورد از طریق پیاده‌سازی مدرن با استفاده از آخرین ویژگی‌های جاوا اسکریپت حاصل شده است.

es-toolkit با انواع داده‌ای TypeScript داخلی همراه است و به طور کامل آزمایش شده است.

🔗https://es-toolkit.slash.page/intro.html
#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript

‏<center> برچسبی است که محتوای درون آن را در مرکز صفحه قرار می دهد.

کد:

 <center>Frontend Developer</center>

#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript

تفاوت بین auto-fill و auto-fit در CSS Grid
در CSS Grid، auto-fill و auto-fit دو ویژگی برای تعیین نحوه توزیع ستون‌ها در یک ردیف هستند. در حالی که هر دو برای پر کردن فضای موجود استفاده می‌شوند، تفاوت‌های ظریفی در نحوه عملکرد آنها وجود دارد.

#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript

🟢 CSS is 29 years old
🟡 HTML is 31 years old
🔵 JavaScript is 29 years old
🐍 Python is 33 years old
🐘 SQL is 49 years old
🟧 Java is 29 years old
🟪 PHP is 29 years old
🔶 C++ is 38 years old
🔷 Ruby is 28 years old
🌐 Go is 15 years old
🟦 C# is 23 years old
🐳 Docker is 10 years old
🔵 TypeScript is 11 years old
🔵 Basic is 61 years old
🔵 ANSI C is 39 years old


#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript

آیا می‌دانستید که PostgreSQL به راحتی می‌تواند جایگزین Redis و MongoDB شود؟

در مورد اول، با استفاده از جداول UNLOGGED و نوع داده JSON، و در مورد دوم، با استفاده از JSONB.

علاوه بر این، PostgreSQL یک آداپتور داخلی برای سازماندهی CRUD Web API دارد - که برای توسعه‌دهندگان فرانت‌اند بسیار راحت است، زیرا می‌توانند فقط از این آداپتور استفاده کنند و نیازی به نوشتن بک‌اند نیست.


#️⃣#tip
👥@IR_javascript_group
🆔@IR_javascript

‏FFmpeg

ابزاری متن‌باز برای پردازش داده‌های چندرسانه‌ای
‏
‏FFmpeg ‏ابزاری متن‌باز قدرتمند برای پردازش داده‌های چندرسانه‌ای مانند صوتی و تصویری است. این ابزار کاربردهای متنوعی از جمله ضبط، تبدیل و استریمینگ محتوا را ارائه می‌دهد. به لطف پشتیبانی از طیف گسترده‌ای از فرمت‌ها و کدک‌ها، FFmpeg به یک راه‌حل جامع برای انجام وظایف مختلف پردازش چندرسانه‌ای تبدیل شده است.

✔️ نمونه‌هایی از کاربردهای FFmpeg:

✔️ تبدیل فرمت:

برای تبدیل یک فایل ویدیویی از فرمت MP4 به AVI می‌توانید از دستور زیر استفاده کنید:

ffmpeg -i input.mp4 output.avi

✔️ فشرده‌سازی ویدیو:

برای فشرده‌سازی یک ویدیو با حفظ کیفیت مناسب می‌توانید از دستور زیر استفاده کنید:

ffmpeg -i input.mp4 -c:v libx264 -crf 23 output.mp4

در این دستور، -crf (Constant Rate Factor) کیفیت ویدیو را تعیین می‌کند. هر چه این عدد کوچکتر باشد، کیفیت ویدیو بالاتر و حجم فایل بیشتر خواهد بود.

✔️ منابع مفید برای یادگیری FFmpeg:

با توجه به تنوع و پیچیدگی تنظیمات FFmpeg، داشتن منابع آموزشی مناسب می‌تواند بسیار مفید باشد. در اینجا چند منبع مفید برای یادگیری این ابزار آورده شده است:

https://www.ffmpeg.org/download.html
https://trac.ffmpeg.org/
https://linux.die.net/man/1/ffmpeg

#️⃣#tool
👥@IR_javascript_group
🆔@IR_javascript

ویرایشگر JSON یک JSON Schema را دریافت کرده و از آن برای تولید یک فرم HTML استفاده می‌کند. این ویرایشگر از تمام قابلیت‌های JSON Schema نسخه ۳ و ۴ پشتیبانی می‌کند و می‌تواند با چندین فریم‌ورک محبوب CSS (بوت استرپ، اسپکتر، تایلیویند) ادغام شود.

🔗https://github.com/json-editor/json-editor
#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript