IMG_0412.JPG
2 MB
👍6🔥2❤1
#html5
#bdi_element
بارها می خواستیم از یک کلمه انگلیسی در متن فارسی استفاده کنیم که تو نمایش در مرورگر به هم میریخت! برای این مشکل می تونیم از تگ <bdi> استفاده کنیم
تگ <bdi> برای جهت دادن به متن یا کاراکتراهایی که خارج از زبان اصلی صفحه بوده و از لحاظ فرمت با آن فرق دارد استفاده می شود.
از این تگ جهت تعبیه محتوایی که کاربر ایجاد می کند و جهت نوشتاری که زبان آن نامشخص است به کار می رود.
تگ bdi مخفف Bi-Directiona-Isolationl یعنی جدا سازی دو جهته می باشد.
تگ <bdi> در HTML5 معرفی شده است.
سورس کد تصویر
🔗 <bdi>: The Bidirectional Isolate element
@fullStackDevs
#bdi_element
بارها می خواستیم از یک کلمه انگلیسی در متن فارسی استفاده کنیم که تو نمایش در مرورگر به هم میریخت! برای این مشکل می تونیم از تگ <bdi> استفاده کنیم
تگ <bdi> برای جهت دادن به متن یا کاراکتراهایی که خارج از زبان اصلی صفحه بوده و از لحاظ فرمت با آن فرق دارد استفاده می شود.
از این تگ جهت تعبیه محتوایی که کاربر ایجاد می کند و جهت نوشتاری که زبان آن نامشخص است به کار می رود.
تگ bdi مخفف Bi-Directiona-Isolationl یعنی جدا سازی دو جهته می باشد.
تگ <bdi> در HTML5 معرفی شده است.
سورس کد تصویر
🔗 <bdi>: The Bidirectional Isolate element
@fullStackDevs
👍7❤4🔥2
🔰 ماژول ها در جاوا اسکریپت.
هر چه اپلیکیشن بزرگتر و پیچیده تر می شود این نیاز حس می شود که کد های خود را به فایل های جدا تقسیم کنیم. درواقع یک ماژول یک فانکشن یا گروهی از فانکشن های مشابه است که درون یک فایل برای انجام یک تسک خاص دسته بندی شده اند.
🔹 هدف از ساختن ماژول ها دسته بندی و ساختار بندی بهتر Codebase تان میباشد.
مهم ترین دلیل استفاده از ماژول ها برای تقسیم یک برنامه بزرگ به بخش های کوچکتر که قابلیت مدیریت اسان تر را دارا هستند میباشد.
🔸با این وجود ماژول ها بایستی ویژگی هایی داشته باشند که مهمترین آنها عبارتند از :
▫️ ویژگی وابسته نبودن یا Independent
ماژول ها باید تا حد ممکن از دیگر ماژول ها جدا و بدون وابستگی باشند.
▫️ مختص بودن
یک ماژول برای انجام یک تسک یا گروهی از تسک های بهم مرتبط ساخته می شود و مهمترین جنبه ساختن آنها در وهله اول جدا کردن functionality می باشد. (هر ماژول یک نوع تسک)
▫️قابلیت استفاده مجدد
یک ماژول بابد این قابلیت را داشته باشد که بتوان از آن به دفعات مکرر در قسمت های مختلف کد استفاده کرد. در واقع ماموریت انجام یک تسک بخصوص در قسمت های مختلف کد برعهده یک ماژول است.
🔸از طرفی ماژول ها می توانند باهم ارتباط هم برقرار کند
در جاواسکریپت برای اینکه ماژولی بیرون از فایل در دسترس باشد از کلمه کلیدی export استفاده می کنیم در مقابل اگر ماژولی بخواهد از ماژول دیگر استفاده کند باید آنرا import کند.
🔹فرق یک ماژول و یک اسکریپت معمولی در چیست ؟
▫️ یک ماژول همیشه در حالت strict اجرا می شود
▫️هر ماژول scope خودش را دارد و متغیر های تعریف شده در یک ماژول حالت عادی در ماژول دیگر قابل مشاهده نیستند. مگر آنها را export کنید.
▫️ اگر یک ماژول را به دفعات زیاد در کد import کنید، کدهای آن ماژول فقط یکبار اجرا می شوند.
بنابراین اگر ماژولی ابجکتی export کند و آن ماژول در ماژول های متعدد import شود، تغییرات ایجاد شده بروی آبجکت export شده در سایر ماژول ها قابل دسترس خواهد بود.
اگر بخواهید کد های ماژولی با هر بار صدا زده شدن، اجر شوند، باید به عنوان یک فانکشن export شوند.
▫️آبجکت import.iss.oneta
از طریق این آبجکت می توانید بسته به محیطی که ماژول در آن است اطلاعاتی در مورد ماژول دریافت کنید.
برای مثال در مرورگر آدرس ماژول را دریافت می کنید.
در پایان سال خوبی را برایتان ارزومندیم.♥️
#js
#modules
@FullStackDevs
هر چه اپلیکیشن بزرگتر و پیچیده تر می شود این نیاز حس می شود که کد های خود را به فایل های جدا تقسیم کنیم. درواقع یک ماژول یک فانکشن یا گروهی از فانکشن های مشابه است که درون یک فایل برای انجام یک تسک خاص دسته بندی شده اند.
🔹 هدف از ساختن ماژول ها دسته بندی و ساختار بندی بهتر Codebase تان میباشد.
مهم ترین دلیل استفاده از ماژول ها برای تقسیم یک برنامه بزرگ به بخش های کوچکتر که قابلیت مدیریت اسان تر را دارا هستند میباشد.
🔸با این وجود ماژول ها بایستی ویژگی هایی داشته باشند که مهمترین آنها عبارتند از :
▫️ ویژگی وابسته نبودن یا Independent
ماژول ها باید تا حد ممکن از دیگر ماژول ها جدا و بدون وابستگی باشند.
▫️ مختص بودن
یک ماژول برای انجام یک تسک یا گروهی از تسک های بهم مرتبط ساخته می شود و مهمترین جنبه ساختن آنها در وهله اول جدا کردن functionality می باشد. (هر ماژول یک نوع تسک)
▫️قابلیت استفاده مجدد
یک ماژول بابد این قابلیت را داشته باشد که بتوان از آن به دفعات مکرر در قسمت های مختلف کد استفاده کرد. در واقع ماموریت انجام یک تسک بخصوص در قسمت های مختلف کد برعهده یک ماژول است.
🔸از طرفی ماژول ها می توانند باهم ارتباط هم برقرار کند
در جاواسکریپت برای اینکه ماژولی بیرون از فایل در دسترس باشد از کلمه کلیدی export استفاده می کنیم در مقابل اگر ماژولی بخواهد از ماژول دیگر استفاده کند باید آنرا import کند.
🔹فرق یک ماژول و یک اسکریپت معمولی در چیست ؟
▫️ یک ماژول همیشه در حالت strict اجرا می شود
▫️هر ماژول scope خودش را دارد و متغیر های تعریف شده در یک ماژول حالت عادی در ماژول دیگر قابل مشاهده نیستند. مگر آنها را export کنید.
▫️ اگر یک ماژول را به دفعات زیاد در کد import کنید، کدهای آن ماژول فقط یکبار اجرا می شوند.
بنابراین اگر ماژولی ابجکتی export کند و آن ماژول در ماژول های متعدد import شود، تغییرات ایجاد شده بروی آبجکت export شده در سایر ماژول ها قابل دسترس خواهد بود.
اگر بخواهید کد های ماژولی با هر بار صدا زده شدن، اجر شوند، باید به عنوان یک فانکشن export شوند.
▫️آبجکت import.iss.oneta
از طریق این آبجکت می توانید بسته به محیطی که ماژول در آن است اطلاعاتی در مورد ماژول دریافت کنید.
برای مثال در مرورگر آدرس ماژول را دریافت می کنید.
در پایان سال خوبی را برایتان ارزومندیم.♥️
#js
#modules
@FullStackDevs
👍6
#dotnet
#CSharp10
In C# 10 With Expressions are not limited to records.
You can use them with anonymous types as well.
https://github.com/gsferreira/dotnet-playground
@fullStackDevs
#CSharp10
In C# 10 With Expressions are not limited to records.
You can use them with anonymous types as well.
https://github.com/gsferreira/dotnet-playground
@fullStackDevs
👍3
#RPC
#GraphQL
#REST
#SOAP
SOAP vs REST vs GraphQL vs RPC
API Architectural Styles Comparison
The diagram above illustrates the API timeline and API styles comparison.
Over time, different API architectural styles are released. Each of them has its own patterns of standardizing data exchange.
You can check out the use cases of each style in the diagram.
🔗 Source link
@fullStackDevs
#GraphQL
#REST
#SOAP
SOAP vs REST vs GraphQL vs RPC
API Architectural Styles Comparison
The diagram above illustrates the API timeline and API styles comparison.
Over time, different API architectural styles are released. Each of them has its own patterns of standardizing data exchange.
You can check out the use cases of each style in the diagram.
🔗 Source link
@fullStackDevs
👍3❤2
#KilledByMicrosoft
Microsoft, like Google has also killed many projects over the years.
At the link below you can see the list of Microsoft Cemetery.
The last interesting option on this list is Skype for Businesses, which is still alive
But in 2025 it will join Microsoft Digital Cemetery, where you have to wonder what the hell Microsoft is thinking.
Have a look at:
https://killedbymicrosoft.info/
@fullStackDevs
Microsoft, like Google has also killed many projects over the years.
At the link below you can see the list of Microsoft Cemetery.
The last interesting option on this list is Skype for Businesses, which is still alive
But in 2025 it will join Microsoft Digital Cemetery, where you have to wonder what the hell Microsoft is thinking.
Have a look at:
https://killedbymicrosoft.info/
@fullStackDevs
🔥5👍3
#Redis
#RedisGraph
RedisGraph 2.8 is out:
RedisGraph is a high-performance, memory-first graph data structure for Redis
Major new features in RedisGraph 2.8
🔲 Richer graph model
▫️Multi-labeled nodes
🔲Enhanced querying capabilities
▫️Enhanced full-text search
▫️Supporting more Cypher constructs, functions, and operators
🔲Performance improvements
▫️Indexes over relationship properties
▫️Delta Matrices
▫️Controllable node creation buffer
Read more here : RedisGraph
Graph database using Redis Stack
@fullStackDevs
#RedisGraph
RedisGraph 2.8 is out:
RedisGraph is a high-performance, memory-first graph data structure for Redis
Major new features in RedisGraph 2.8
🔲 Richer graph model
▫️Multi-labeled nodes
🔲Enhanced querying capabilities
▫️Enhanced full-text search
▫️Supporting more Cypher constructs, functions, and operators
🔲Performance improvements
▫️Indexes over relationship properties
▫️Delta Matrices
▫️Controllable node creation buffer
Read more here : RedisGraph
Graph database using Redis Stack
@fullStackDevs
👍9
#Browser
#shortcuts
🎯 useful browser for software engineering
for example, write js.new in the browser's address bar, the JavaScript sandbox will open.
دامنه های مفید برای مهندسی نرم افزار
برای مثال، js.new را در نوار آدرس مرورگر بنویسید و اینتر کنید،sandbox جاوا اسکریپت باز خواهد شد یا مثلا github.new بزنید و لاگین باشید میره تو repository و new را باز میکنه براتون !
✏️ Daniele serfilippi
@fullStackDevs
#shortcuts
🎯 useful browser for software engineering
for example, write js.new in the browser's address bar, the JavaScript sandbox will open.
دامنه های مفید برای مهندسی نرم افزار
برای مثال، js.new را در نوار آدرس مرورگر بنویسید و اینتر کنید،sandbox جاوا اسکریپت باز خواهد شد یا مثلا github.new بزنید و لاگین باشید میره تو repository و new را باز میکنه براتون !
✏️ Daniele serfilippi
@fullStackDevs
👍5❤3🔥1
#HTTPS
What is so important about HTTPS that, these days, most websites require it?
How does HTTPS work?
it will answer these questions in this video.
https://www.youtube.com/watch?v=67kItGjvRs0
https://blog.bytebytego.com/
@fullStackDevs
What is so important about HTTPS that, these days, most websites require it?
How does HTTPS work?
it will answer these questions in this video.
https://www.youtube.com/watch?v=67kItGjvRs0
https://blog.bytebytego.com/
@fullStackDevs
🔥2
#frontend #css
Fancy Border Radius
an advanced css feature
upto 8 values for border-radius property
customize your fancy shapes in the link below :
🔗 https://9elements.github.io/fancy-border-radius/
@fullStackDevs
Fancy Border Radius
an advanced css feature
upto 8 values for border-radius property
customize your fancy shapes in the link below :
🔗 https://9elements.github.io/fancy-border-radius/
@fullStackDevs
🔥8👍1