PQL
اعتراف سخت است، اما SQL کامل نیست و کویری ها، بعضا یا بهینه نیست و یا به طرز وحشتناکی پیچیده و دشوار می شوند.
این باعث میشود برخی به ایجاد گزینههای جایگزین روی بیاورند.
به عنوان مثال، مایکروسافت زبان Kusto Query (KQL) را توسعه داده است - این زبان ساده و شهودی است، اما فقط با محصولات موجود در Microsoft Azure قابل استفاده است. سایر شرکت ها پیشرفت های مشابهی دارند، به عنوان مثال، Splunk یا Sumologic. آنها دارای همان مزایا و همان محدودیت اصلی هستند - آنها زبان های اختصاصی هستند که خارج از اکوسیستم "بومی" آنها قابل استفاده نیستند.
pql یک زبان پرس و جو منبع باز است که سازندگان از KQL الهام گرفتند و سعی کردند محصول خود را با همان مزیت ها ارایه کرده و آن را به همان اندازه ساده و منطقی کنند.
🔗https://pql.dev/
#️⃣#tool
🆔@IR_javascript
اعتراف سخت است، اما SQL کامل نیست و کویری ها، بعضا یا بهینه نیست و یا به طرز وحشتناکی پیچیده و دشوار می شوند.
این باعث میشود برخی به ایجاد گزینههای جایگزین روی بیاورند.
به عنوان مثال، مایکروسافت زبان Kusto Query (KQL) را توسعه داده است - این زبان ساده و شهودی است، اما فقط با محصولات موجود در Microsoft Azure قابل استفاده است. سایر شرکت ها پیشرفت های مشابهی دارند، به عنوان مثال، Splunk یا Sumologic. آنها دارای همان مزایا و همان محدودیت اصلی هستند - آنها زبان های اختصاصی هستند که خارج از اکوسیستم "بومی" آنها قابل استفاده نیستند.
pql یک زبان پرس و جو منبع باز است که سازندگان از KQL الهام گرفتند و سعی کردند محصول خود را با همان مزیت ها ارایه کرده و آن را به همان اندازه ساده و منطقی کنند.
🔗https://pql.dev/
#️⃣#tool
🆔@IR_javascript
🤔1
ویژگی shape-outside شکلی را تعریف می کند – که ممکن است غیر مستطیلی باشد – و محتوای متنی باید دور آن قرار گیرد.
🔗https://developer.mozilla.org/en-US/docs/Web/CSS/shape-outside
#️⃣#tip #css
🆔@IR_javascript
.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
🔗https://pocketbase.io/
#️⃣#tool
🆔@IR_javascript
یک بک اند اوپن سورس که باید روی هاست و یا لوکالتون بالا بیارید و قابلیت های عمده اش موارد زیر است ولی می توان آنرا توسعه هم داد
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
پلیرایت توسط 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
Prehooks - امکان اجرای اسکریپت ها را قبل از اجرای دستورات Git مانند commit یا push فراهم می کند. هر زمان که یک مخزن Git را init می کنید، Git قلاب های نمونه را در دایرکتوری git/hooks. در دایرکتوری پروژه ایجاد می کند.
تو حالت خیلی ساده مثل کد زیر شما میتونید بررسی کنید که آیا برنچی که داره تغییراتش در اون ثبت میشه از نامگذاری درستی پیروی میکنه یا نه ؟
🔗https://virgool.io/@amirzenoozi72/using-githooks-to-manage-your-project-programmatically-fg6rqdjebux9
🔗https://dev.to/akdevcraft/git-pre-hook-setup-pre-push-hook-for-gradle-project-example-1nn6
#️⃣#tool
🆔@IR_javascript
تو حالت خیلی ساده مثل کد زیر شما میتونید بررسی کنید که آیا برنچی که داره تغییراتش در اون ثبت میشه از نامگذاری درستی پیروی میکنه یا نه ؟
LC_ALL=C
local_branch="$(git rev-parse --abbrev-ref HEAD)"
valid_branch_regex="^(dev|master|(feature|deprecation|bugfix|improvement|library|prerelease|release|hotfix)\/[a-z0-9._-]+$)"
message="There is something wrong with your branch name."
if [[ ! $local_branch =~ $valid_branch_regex ]]
then
echo "$message"
exit 1
fi
exit 0
🔗https://virgool.io/@amirzenoozi72/using-githooks-to-manage-your-project-programmatically-fg6rqdjebux9
🔗https://dev.to/akdevcraft/git-pre-hook-setup-pre-push-hook-for-gradle-project-example-1nn6
#️⃣#tool
🆔@IR_javascript
❤1
box-shadow در مقابل drop-shadow
box-shadow به ما یک سایه مستطیل شکل می دهد حتی اگر عنصر پس زمینه نداشته باشد (مثلا png یا svg باشد)
ولی drop-shadow اگر تصویر زمینه نداشته باشد سایه از قسمت های مات عنصر ایجاد می کند.
🔗https://css-tricks.com/breaking-css-box-shadow-vs-drop-shadow/
#️⃣#tip #css
🆔@IR_javascript
box-shadow به ما یک سایه مستطیل شکل می دهد حتی اگر عنصر پس زمینه نداشته باشد (مثلا png یا svg باشد)
ولی drop-shadow اگر تصویر زمینه نداشته باشد سایه از قسمت های مات عنصر ایجاد می کند.
🔗https://css-tricks.com/breaking-css-box-shadow-vs-drop-shadow/
#️⃣#tip #css
🆔@IR_javascript
👍4
Remult: fullstack CRUD framework
در این orm یکبار کلاس مدل خود را تعریف کرده و در فرانت و بک اند از آن استفاده می کنید
بطور خلاصه در یکجا و یکبار مدل خود را مطابق شکل بالا تعریف می کنید و در سمت فرانت دیگر نیازی به نوشتن ولیدیشن برای فرم ها ندارید (چون بر اساس تایپ خودش کنترل می کنه و هشدار ها رو می ده) و در سمت بک اند هم نیازی به نوشتن API ندارید (چون بر اساس مدلی که نوشتید خودش crud رو ایجاد می کنه و فقط در سمت فرانت کافیه یه چیزی مثل taskRepo.insert رو صدا بزنید )
🔗https://www.youtube.com/watch?v=rEoScmSVNUE
🔗https://github.com/remult/remult
#️⃣#npm_module
🆔@IR_javascript
در این orm یکبار کلاس مدل خود را تعریف کرده و در فرانت و بک اند از آن استفاده می کنید
بطور خلاصه در یکجا و یکبار مدل خود را مطابق شکل بالا تعریف می کنید و در سمت فرانت دیگر نیازی به نوشتن ولیدیشن برای فرم ها ندارید (چون بر اساس تایپ خودش کنترل می کنه و هشدار ها رو می ده) و در سمت بک اند هم نیازی به نوشتن API ندارید (چون بر اساس مدلی که نوشتید خودش crud رو ایجاد می کنه و فقط در سمت فرانت کافیه یه چیزی مثل taskRepo.insert رو صدا بزنید )
🔗https://www.youtube.com/watch?v=rEoScmSVNUE
🔗https://github.com/remult/remult
#️⃣#npm_module
🆔@IR_javascript
translate global attribute
احتمالاً متوجه شدهاید که وقتی به منابع خاصی مراجعه میکنید، اگر زبان سایت با زبان مرورگر متفاوت باشد، ممکن است ابزارهای ترجمه خودکار مانند Google Translate، محتوای صفحه را ترجمه کنند.
اتربیوت translate به مرورگر میفهماند که چه عباراتی ترجمه نکند و این باعث میشه که پس ترجمه خوانایی متن بالاتر برود
🔗https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/translate
#️⃣#tip #html
🆔@IR_javascript
احتمالاً متوجه شدهاید که وقتی به منابع خاصی مراجعه میکنید، اگر زبان سایت با زبان مرورگر متفاوت باشد، ممکن است ابزارهای ترجمه خودکار مانند Google Translate، محتوای صفحه را ترجمه کنند.
اتربیوت translate به مرورگر میفهماند که چه عباراتی ترجمه نکند و این باعث میشه که پس ترجمه خوانایی متن بالاتر برود
🔗https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/translate
#️⃣#tip #html
🆔@IR_javascript
🤔2👍1
منابع مفید برای یادگیری جاوا اسکریپت
Airbnb JavaScript Style Guide:
دارای یه سری راهنمایی ها و کانونشن ها برای نوشتن کد های جاوااسکریپت
🔗https://github.com/airbnb/javascript?tab=readme-ov-file
30secondsofcode:
مجموعه شامل طیف گسترده ای از توابع کمکی ES6 که راهنمایی هایی برای برخورد با داده های primitive، آرایهها و اشیا، و همچنین الگوریتمها، توابع دستکاری DOM و ابزارهای Node.js است.
🔗https://www.30secondsofcode.org/js/p/1/
javascript-algorithms:
این مخزن شامل نمونه های مبتنی بر جاوا اسکریپت از بسیاری از الگوریتم ها و ساختارهای داده محبوب است. هر الگوریتم و ساختار داده دارای README جداگانه خود با توضیحات و پیوندهای مرتبط برای خواندن بیشتر (از جمله به ویدیوهای YouTube) است.
🔗https://github.com/trekhleb/javascript-algorithms
#️⃣#learning
🆔@IR_javascript
Airbnb JavaScript Style Guide:
دارای یه سری راهنمایی ها و کانونشن ها برای نوشتن کد های جاوااسکریپت
🔗https://github.com/airbnb/javascript?tab=readme-ov-file
30secondsofcode:
مجموعه شامل طیف گسترده ای از توابع کمکی ES6 که راهنمایی هایی برای برخورد با داده های primitive، آرایهها و اشیا، و همچنین الگوریتمها، توابع دستکاری DOM و ابزارهای Node.js است.
🔗https://www.30secondsofcode.org/js/p/1/
javascript-algorithms:
این مخزن شامل نمونه های مبتنی بر جاوا اسکریپت از بسیاری از الگوریتم ها و ساختارهای داده محبوب است. هر الگوریتم و ساختار داده دارای README جداگانه خود با توضیحات و پیوندهای مرتبط برای خواندن بیشتر (از جمله به ویدیوهای YouTube) است.
🔗https://github.com/trekhleb/javascript-algorithms
#️⃣#learning
🆔@IR_javascript