چهار سایت کاربردی برای فرانت‌کارا:
⁣
jonsuh.com/hamburgers⁣

larsenwork.com/easing-gradients⁣

neumorphism.io/#e0e0e0⁣

cssbuttons.app⁣

#CSS
@CleverDevs- @CleverDevsGp

یه روش جاوا اسکریپتی جذاب و تمیز برای تغییر استایل باتن های وبسایت!! 💻🔥

مواقعی که وبسایت کلی باتن مختلف داره که هرکدوم استایلینگ متفاوتی میخواد میتونید فانکشن هایی مثل تصویر بالایی بنویسید که کارتون رو سریع تر و تمیز تر کنه.
(گیف مثال تصویر بالا، کامنتا گذاشته شده)

#JavaScript
@CleverDevs - @CleverDevsGp

رفقا ما یه گپ هم داریم و هر از گاهی بحث و تبادل نظر برنامه نویسی میکنیم
اگه خواستید جوین بدید ❤️🔥

https://news.1rj.ru/str/CleverDevsGp

اگه داری یه سایت میسازی و میخوای حالت ریسپانسیوش رو برای همه دیوایس ها تست کنی میتونی از برنامه Responsively App استفاده کنی


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

درکنار این یه سری قابلیت ها مثل فعال کردن دیزاین مود و گرفتن اسکرین شات از همه صفحات و .... داره

اگه فرانت کاری حتما تستش کن

برای دانلود و نصب هم یه نگاه به سایتش بندازید

responsively.app

#tools
@CleverDevs - @CleverDevsGp

#GN

@CleverDevs - @CleverDevsGp

-اصل Pick one Word per Concept در کلین کد


این اصل میگه که شما برای هر مفهمومی باید تنها یک کلمه انتخاب کنید. مثلا اگه از fetch , retrive , get برای متد های معادل تو کلاس های مختلف استفاده کنیم گیج میشیم.

یا مثلا این گیچ کننده میشه که توی یه کد برای یه کار از متغیر هایی Manager , Controller , driver استفاده کنیم


#CleanCode
@CleverDevs - @CleverDevsGp

بهترین کامیت مسیج وجود ندا...

#fun
@CleverDevs - @CleverDevsGp

❤️‍🔥💻
‌
#pic
@CleverDevs - @CleverDevsGp

چند سایت کاربردی برای فرانت‌کار ها
سیو کنید حتما

1⃣: 10015.io/tools/css-border-radius-generator⁣

2⃣: hype4.academy/tools/glassmorphism-generator⁣

3⃣: hype4.academy/tools/claymorphism-generator⁣

4⃣: getcssscan.com/css-box-shadow-examples⁣

#tools - Src
@CleverDevs- @CleverDevsGp

هاور های جذابی میتونید با ویژگی filter تو css بسازید. برای مثال این افکت.

چند تا مثال دیگه هم میتونید تو این ویدئو که قبلا ضبط کردیم ببینید.

img {filter: grayscale (100%);}

img:hover {filter: grayscale(0%);}

#CSS
@CleverDevs - @CleverDevsGp

بهترین صفحه ۴۰۴ تاریخ وجود ندار...

#fun
@CleverDevs - @CleverDevsGp

احتمالا خیلی از شماها تو لینوکس وقتی به مشکل میخورید باز زدن CTRL + ALT + F4 میرید به tty4 که یک محیط ترمینالیه

حالا ممکنه مشکلی داشته باشید یه یه فرد بانمکی بدونه تازه کارید و شمارو بفرسته اونجا

اما اگه میخواید دوباره برگردید به محیط گرافیکی باید بیایید روی tty2 که با کلید های CTRL + ALT + f2 میتونید بیایید


// میتونید با همین ترکیب و عوض کردن کلید f (1 تا 7 ) سایر tty هارو هم ببینید

برای اینکه درباره tty بیشتر بدونید یه نگاه بندازید

#linux
@CleverDevs - @CleverDevsGp

وقتی برای یه ارایه ای length رو برابر با یه عددی بزاری درواقع یه محدودیت برای ارایه ایجاد میشه و تعداد اعضاش بیشتر از اون عدد نمیشه


ممکنه جاهایی که نیاز دارید ارایه تون از یه تعداد خاص بیشتر نشه بدردتون بخوره

کد بالا هم میاد ایتم رو به اول ارایه اضافه میکنه و اگه تعداد ایتم ها بیشتر از 3 تا باشه اخری هارو حساب نمیکنه

#js
@CleverDevs - @CleverDevsGp

npm ☕️

#fun
@CleverDevs - @CleverDevsGp

-اصل Don't Pun در کلین کد


این اصل میگه که از یک کلمه برای دوتا هدف مختلف استفاده نکن. اینکه از یک اصطلاح برای دوتا ایده مختلف استفاده کنی ایهام به وجود میاد


اگه اصل قبلی رو رعایت کرده باشید . شما در نهایت میتونید کلی کلاس داشته باشید که مثلا متد add رو دارن . تا موقعی که پارامتر ها و مقادیری که متد add برمیگردونه مثل هم باشن همه چی اوکیه.


یا ممکنه شما از کلمه add به جای ثبات (consistency) استفاده کنید اما اونی که کد شمارو میخونه همچین حسی نداره. بزارید یه مثال بزنم فک کنید ما چنتا کلاس داریم که همشون یه متد add دارن و این متد میاد یه محصول جدید به دیتابیس اضافه میکنه حالا اگه بخوایم تو یه کلاس دیگه یه متدی داشته باشیم که بیاد یه مقداری رو به یه ارایه ای اضافه کنه منطقیه که اسمش رو بزاریم add ؟؟ طبعا نه چون کلی متد add داریم که کار متفاوتی دارن اینجور موقع میتونیم بجاش از insert یا append استفاده کنیم


خلاصه اینکه هدف ما به عنوان نویسنده اینه که کد رو به ساده ترین شکل ممکن که میشه فهمید بنویسیم


#CleanCode
@CleverDevs - @CleverDevsGp

#GN
@CleverDevs - @CleverDevsGp

🌐سلااامممم👋🏻من دوباره اومدم😅
🔶شبکه فیزیکی و شبکه منطقی چیست؟

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

🔹از سوی دیگر، شبکه منطقی یک تقسیم‌بندی منطقی از شبکه فیزیکی است که به کمک نرم‌افزارها و تنظیمات مخصوص انجام می‌شود. با استفاده از شبکه منطقی، دستگاه‌ها در شبکه به گروه‌های مختلف تقسیم می‌شوند و ارتباطات بین آن‌ها مدیریت می‌شود. به عبارت دیگر، شبکه منطقی تعریف می‌کند که کدام دستگاه‌ها می‌توانند با یکدیگر ارتباط برقرار کنند و کدام دستگاه‌ها نمی‌توانند.

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

#network #part13
@CleverDevs - @CleverDevsGp