جاوااسکریپت | JavaScript
514 subscribers
664 photos
141 videos
3 files
517 links
کانال @IR_javascript حاوی اطلاعات مفید در حوزه برنامه نویس فرانت که بصورت روزانه بروز می‌شود.
در این کانال شما به:
[1] مطالب تازه
[2] تحلیل‌های عمیق
[3] نکات آموزشی
[4] چالش
[5] ابزار و راهنمایی‌های کاربردی
دسترسی خواهید داشت.

🆔@IR_javascript
Download Telegram
Speedometer 3.0
یه ابزار خوب برای مقایسه پرفورمنس مرورگر ها
در واقع کاری که انجام میده اینه که میاد روی مرورگر شما پروژه های مختلف رو بالا میاره و بررسی می کنه که به عنوان مثال چقدر رندر آن طول میکشه بر این اساس به مرورگر شما یک امتیاز می دهد
علاوه بر این در بخش detail امکان مقایسه vue , react , angular , ... را برای یک پروژه todo می دهد
بجز موارد بالا چند texteditor , chart را با هم مقایسه می کند

🔗https://www.browserbench.org/Speedometer3.0/

#️⃣#tool
🆔@IR_javascript
👏1
This media is not supported in your browser
VIEW IN TELEGRAM
«رُبما یُساق إليك قدرٌ منَ اللّٰه خیرٌ من کل أحلامك»
شايد معجزه ی از سوى خدا به سمت تو فرستاده شود كه از همه ی آرزوهايت بهتر باشد...


برگرفته از: @gizmiztel

#️⃣#event
🆔@IR_javascript
8👎1
‏voici.js یک کتابخانه Node.js است که در TypeScript برای نمایش زیبا مجموعه داده ها به شکل جدولی در ترمینال نوشته شده است. برخلاف console.table() دارای ویژگی های زیادی است.

🔗https://voici.larswaechter.dev/

#️⃣#npm_module
🆔@IR_javascript
👍1
در خروجی چه خواهد بود؟
Anonymous Quiz
27%
null
49%
object
5%
nember
19%
undefined
‏WinterJS 1.0

‏WinterJS سریع‌ترین وب سرور جاوا اسکریپت است.که می تواند 150 هزار درخواست در ثانیه را انجام دهد که نسبت به node دو برابر سریع تر است


🔗https://wasmer.io/posts/winterjs-v1

#️⃣#tool
🆔@IR_javascript
👍3
کد نویسی در شب

‏"Night Owl"- یک theme برای ویرایشگر کد VSCode است که برای برنامه‌نویسی راحت و کارآمد در تاریکی طراحی شده است. که خستگی چشم را کاهش می دهد و کد را خواناتر می کند.

#️⃣#tool
🆔@IR_javascript
‏PQL

اعتراف سخت است، اما SQL کامل نیست و کویری ها، بعضا یا بهینه نیست و یا به طرز وحشتناکی پیچیده و دشوار می شوند.

این باعث می‌شود برخی به ایجاد گزینه‌های جایگزین روی بیاورند.

به عنوان مثال، مایکروسافت زبان Kusto Query (KQL) را توسعه داده است - این زبان ساده و شهودی است، اما فقط با محصولات موجود در Microsoft Azure قابل استفاده است. سایر شرکت ها پیشرفت های مشابهی دارند، به عنوان مثال، Splunk یا Sumologic. آنها دارای همان مزایا و همان محدودیت اصلی هستند - آنها زبان های اختصاصی هستند که خارج از اکوسیستم "بومی" آنها قابل استفاده نیستند.

‏ pql یک زبان پرس و جو منبع باز است که سازندگان از KQL الهام گرفتند و سعی کردند محصول خود را با همان مزیت ها ارایه کرده و آن را به همان اندازه ساده و منطقی کنند.

🔗https://pql.dev/

#️⃣#tool
🆔@IR_javascript
🤔1
ویژگی shape-outside شکلی را تعریف می کند – که ممکن است غیر مستطیلی باشد – و محتوای متنی باید دور آن قرار گیرد.
.element {
...
shape-outside: url(bear-shape.png) border-box;
shape-outside: circle(70% at 0% 50%) border-box;

}



🔗https://developer.mozilla.org/en-US/docs/Web/CSS/shape-outside

#️⃣#tip #css
🆔@IR_javascript
👍2
pocketbase—Open Source backend for your next SaaS and Mobile app
یک بک اند اوپن سورس که باید روی هاست و یا لوکالتون بالا بیارید و قابلیت های عمده اش موارد زیر است ولی می توان آنرا توسعه هم داد
Realtime database
Authentication
File storage
Admin dashboard

لطفاً به خاطر داشته باشید که PocketBase هنوز در حال توسعه است و بنابراین backwards compatibility قبل از رسیدن به نسخه 1.0.0 تضمین نمی شود.


🔗https://pocketbase.io/

#️⃣#tool
🆔@IR_javascript
Playwright enables reliable end-to-end testing for modern web apps.

پلی‌رایت توسط microsoft منتشر و مورد استقبال قرار گرفته است و قابلیت پشتیبانی از چندین مرورگر و زبان برنامه‌نویسی را دارد. برخی از مزایای این ابزار عبارت است از:

تست چند مرورگر: Playwright تست چند مرورگر را برای Chrome، Firefox، Safari، WebKit و Microsoft Edge پشتیبانی می کند.

پشتیبانی به صورت پیشفرض از باز کردن و کنترل چند تب و پنجره، در حالی که Cypress برای این عملکرد نیاز به کتابخانه‌ یا پلاگین‌های مجزایی دارد.

پشتیبانی از زبان‌های برنامه‌نویسی بیشتر شامل JavaScript، TypeScript، Python و C# پشتیبانی می کند.

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

🔗https://playwright.dev/
🔗https://gazmeh.ir/posts/10

#️⃣#tool
🆔@IR_javascript
1
در خروجی چه خواهد بود
Anonymous Quiz
18%
error
8%
undefined
14%
string
33%
array
26%
object
color-mix() in CSS

#️⃣#tip #css
🆔@IR_javascript
👍1