Web Devs
640 subscribers
218 photos
22 videos
17 files
233 links
Articles, News, Jokes, Quotes, Back-End and UI/UX for web developers.
Github : https://github.com/fullStackDevsGroup
Advertising: @adsfullStackDevs
Download Telegram
#Net6
#ToList
#ToArray


Linq’s ToList vs ToArray in .Net 6


@fullStackDevs
👍5
IMG_0412.JPG
2 MB
#frontend #roadmap

That’s the way to start learning
#ReactJS in 2022 🤯🚀


@fullStackDevs
👍6🔥21
#typescript

• Absolute path for import statements

@fullStackDevs
🔥6👍1
#JavaScript

Event Delegation in Javascript


@fullStackDevs
👍52
#csharp

Enum Flags Attribute in C#

@fullStackDevs
👍72🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
#vscode #extention

How to take fancy screenshots
of your codes in vs code?


@fullStackDevs
👍91
#html5
#bdi_element

بارها می خواستیم از یک کلمه انگلیسی در متن فارسی استفاده کنیم که تو نمایش در مرورگر به هم میریخت! برای این مشکل می تونیم از تگ <bdi> استفاده کنیم

تگ <bdi> برای جهت دادن به متن یا کاراکتراهایی که خارج از زبان اصلی صفحه بوده و از لحاظ فرمت با آن فرق دارد استفاده می شود.

از این تگ جهت تعبیه محتوایی که کاربر ایجاد می کند و جهت نوشتاری که زبان آن نامشخص است به کار می رود.

تگ bdi مخفف Bi-Directiona-Isolationl یعنی جدا سازی دو جهته می باشد.

تگ <bdi> در HTML5 معرفی شده است.

سورس کد تصویر

🔗 <bdi>: The Bidirectional Isolate element

@fullStackDevs
👍74🔥2
🔰 ماژول ها در جاوا اسکریپت.

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

🔹 هدف از ساختن ماژول ها دسته بندی و ساختار بندی بهتر 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
👍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
👍32
#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
🔥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
👍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
👍53🔥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
🔥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
🔥8👍1