✨ آپدیت جدید تیلویند سی‌اس‌اس !!

Tailwind CSS v3.4:
1)Dynamic viewport units
2)Style children with the * variant
3)text-wrap utilities update
4)Subgrid support
5)min-width, max-width, and min-height improvement
6)opacity improvement
7)grid-rows-* update
8)colors update

#TailwindCSS
@CleverDevs
@CleverDevsGp

#Gn #satisfying
@CleverDevs
@CleverDevsGp

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

یه سری تغییرات برای چنل های بوست شده هست میتونید اینجا عکسشو ببینید

و هرکسی که میتونه استوری بزاره میتونه پست چنل رو تو استوری شیر کنه
#telegram
@CleverDevs
@CleverDevsGp

_ارور 403_

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

#HTTP_errors
@CleverDevs
@CleverDevsGp

ال‌جی از اولین مانیتور گیمینگ جهان با قابلیت Dual-Hz رونمایی کرد. این ویژگی امکان انتخاب بین رزولوشن ۲۱۶۰p و رفرش‌ریت ۲۴۰ هرتزی یا رزولوشن ۱۰۸۰p و رفرش‌ریت ۴۸۰ هرتزی رو تو مانیتور میده و گیمرها میتونن مطابق نیازشون تنها با یه دکمه بین این دو حالت سویچ کنن. 🖥⚡️

#Game
@CleverDevs
@CleverDevsGp

چیت شیت آرایه های JS🧮
‌
#JS
@CleverDevs
@CleverDevsGp

#Gn #satisfying
@CleverDevs
@CleverDevsGp

در nodejs میتونین با کتابخونه هایی که وابسته به Momentjs هستن کار های جالبی انجام بدین من چند نمونش رو اینجا پیاده سازی میکنم، ضمننا این کتابخونه ها سمت فرانت تو همه فریمورک ها و کتابخونه ها پشتیبانی میشن.

ما اول کار به سه تا کتابخونه نیاز داریم پس اول cmd یا terminal رو باز میکنیم و یه دایرکتوری ایجاد میکنیم

mkdir moment-time

و میریم داخل دایرکتوری

cd moment-time

خب حالا پروژه رو ایجاد و کتابخونه های مورد نیاز رو نصب میکنیم

npm init -y && npm i jalali-moment moment-timezone moment-duration-format

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

node index.js 

خروجی هارو داخل cmd یا terminal ببینیم اگه میخواین تو حالت watch مود باشه از کتابخونه nodemon استفاده کنین اول کتابخونه رو نصب کنین من رو حالت dev نصبش میکنم چون این کتابخونه برای حالت Production کارایی نداره

npm i --save-dev nodemon

و حالا میتونین با دستور زیر به nodmon بگین با هر تغییر یک بار کامپایلر js رو مجددا راه اندازی کنه.

nodemon index.js

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

حالا بریم سراغ مثال ها و خروجی هاشون

اول کتابخونه هارو ایمپورت میکنیم من از commonjs استفاده میکنم میتونین از حالت es6 یا module هم استفاده کنین

const moment = require("jalali-moment"); require("moment-timezone"); require("moment-duration-format");

مثال اول دریافت تاریخ جاری و تایم لحظه ای

const localeTime = moment().locale("fa").tz("Asia/Tehran").format("D MMMM YYYY h:mm:ss a");

console.log(localeTime); // دی 2 1402 , 12:41:29 ق

با اضافه کردن D روز جاری از هفته هم لاگ میشه

مثال دوم میتونیم یه تاریخ رو بصورت تایم یونیکس یک تاریخ از آینده رو بدیم و سال ماه روز دقیقه و ثانیه باقی مونده رو مشاهده کنیم مثلا تاریخ سال تحویل رو بدیم و روزهای باقی مونده رو ببینیم مثال:

const moment = require("jalali-moment"); require("moment-timezone"); require("moment-duration-format");
const remaining = moment.duration(moment(1910281644738).diff(moment()));


console.log(`${remaining.format("y [سال], M [ماه], w [هفته], d [روز], h [ساعت], m [دقیقه]", { trim: "all" })}`);
// result 
// 6 سال, 6 ماه, 3 هفته, 19 ساعت, 50 دقیقه

حالا میتونینم بگیم مثلا از آخرین آنلاینی یک یوزر داخل اپمون یا سایتمون چقد گذشته یا این کامنت کی داخل سایت گزاشته شده

const moment = require("jalali-moment"); require("moment-timezone"); require("moment-duration-format");
const startTime = 1700000689038;
const currentTime = moment();
const elapsedDuration = moment.duration(currentTime.diff(moment(startTime)));
const formattedDuration = elapsedDuration.format("y [سال], M [ماه], d [روز], h [ساعت], m [دقیقه], s [ثانیه]", { trim: "all" });

console.log(formattedDuration);

//result
// 1 ماه, 7 روز, 23 ساعت, 40 دقیقه, 34 ثانیه

این چند نمونه ساده بود بعدا تو پروژه ها ادونس تر از این کتابخونه ها استفاده میکنیم خواستم صرفا باهاشون آشنا باشین ضمننا من لینک این کتابخونه هارو میزارم میتونین کمی مطالعه بکنین

https://www.npmjs.com/package//moment-duration-format
https://www.npmjs.com/package/jalali-moment
https://www.npmjs.com/package/moment-timezone

#Gn
@CleverDevs
@CleverDevsGp

یه فانکشن جدید تو php8.3 اضافه شده که میاد جیسون رو از نظر سینتکس برسی میکنه که سینتکسش اوکیه یا نه

و یه بولین بر میگردونه

برای اطلاعات بیشتر میتونید یه سر به این دوتا لینک بزنید

https://www.php.net/manual/en/function.json-validate.php
https://php.watch/versions/8.3/json_validate

#php
@CleverDevs
@CleverDevsGp

🌐سلام چطورید🤝😉
🔶گره یا نود(Node) چیه؟
گره یا نود در شبکه به هر دستگاه فیزیکی که قادر به ارسال و دریافت اطلاعات است می‌گویند و رایج ترین نود در شبکه کامپیوترهای کاربران است.

🔶انواع نود در شبکه چیست ؟
مودم ها
سوئیچ ها
هاب ها
پل ها
سرورها
چاپگرها
می‌توانند گره در شبکه باشند.

برای نمونه، یک شبکه دارای 4 کامپیوتر متصل به شبکه است و یک چاپگر به همراه یک مودم و یک سرور در کل دارای هفت گره است. حالا اگر هر دستگاه فیزیکی دیگری را اضافه کنیم به این مقدار اضافه شده و نود شبکه به حساب میشه.

#network #part2
@CleverDevs
@CleverDevsGp

#چالش دوم از سطح آسون 😀


کدی بنویسید که یک رشته رو گرفته و تکرارهای متوالی رو حذف کنه و اگر داخل رشته عدد بود عدد رو هم حذف کنه مثال:
ورودی: "سلاممممم۳ دوستان"
خروجی: "سلام دوستان"

کداتون رو در کامنت ها به اشتراک بگذارید و ریکشنم یادتون نره✅

@CleverDevs
@CleverDevsGp

#fun #meme
@CleverDevs
@CleverDevsGp

#Gn #satisfying
@CleverDevs
@CleverDevsGp

تکنیک برای ریسپانسیو سازی✅
‌
#CSS
@CleverDevs
@CleverDevsGp

حق ترین ویدیو وجود ندار‌‌.....
#fun
@CleverDevs
@CleverDevsGp

موقعیت: وقتی به اونایی که سیستم خفن دارن، میگی سیستمت خیلی خفنه 🤣

#fun #meme
@CleverDevs
@CleverDevsGp

فیلتر های مختلف برای عکس تو css🖼️
‌
#CSS
@CleverDevs
@CleverDevsGp

یکی از خفن ترین بلاگ های برنامه نویسی ایرانی مطمئنا ditty.ir هست که پست های خیلی خفنی داره لینک یکی از پست های پر بازدیدش روهم میزارم ببینید

https://ditty.ir/posts/70-javanoscript-interview-questions-part-1/nMQzn

@CleverDevs
@CleverDevsGp

#جواب چالش اول توسط چنل مهرشاد توی چنل یوتوب آپلود شد. لینک ویدئو:

https://youtu.be/LbE698wTJGg?si=P3nRnZCUn6nrcuit

@CleverDevs
@CleverDevsGp

🔁|DDoS

حمله دیداس یا DDoS (مخفف Distributed Denial of Service) نوعی حمله سایبری است که در آن فرد مهاجم با ارسال حجم سنگینی از ترافیک اینترنتی به سمت هدف خود (سرور، خدمات آنلاین، شبکه و…) باعث از کار افتادن و یا ایجاد اختلال در عملکرد عادی آن شده و در نتیجه کاربران و یا بازدیدکنندگان برای دسترسی به آن دچار مشکل خواهند شد.

ساده بخوام بگم شما فرض کن یه مغازه همزمان میتونه به ده تا مشتری جواب بده، اما یکی از مغازه های رقیب میاد صد تا مشتری رو همزمان میفرسته اونجا و اون مغازه دار نمیتونه به همشون جواب بده. حالا توی سرور ها هم همینطوره؛ یعنی مثلا یه سرور همزمان میتونه 10 تا ریسپانس بده، اما هکر میاد 1000 تا رکوئست ارسال میکنه حالا توسط ربات ها و ... و اینجوری اون سرور هنگ میکنه و دیگه مثلا اون سایت از دسترس خارج میشه.
همین گزینه هایی که میگن من ربات نیستم هم برای همین ساخته شدن.

#CyberAttacks
@CleverDevs
@CleverDevsGp