CleverDevs

موقعیت: وقتی به اونایی که سیستم خفن دارن، میگی سیستمت خیلی خفنه 🤣 #fun #meme @CleverDevs @CleverDevsGp

حق ترین ویدیو وجود ندار‌‌.....

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

#Gn @CleverDevs @CleverDevsGp

#fun #meme @CleverDevs @CleverDevsGp

#چالش دوم از سطح آسون 😀 کدی بنویسید که یک رشته رو گرفته و تکرارهای متوالی رو حذف کنه و اگر داخل رشته عدد بود عدد رو هم حذف کنه مثال: ورودی: "سلاممممم۳ دوستان" خروجی: "سلام دوستان" کداتون رو در کامنت ها به اشتراک بگذارید و ریکشنم یادتون نره✅ @CleverDevs @CleverDevsGp

🌐سلام چطورید🤝😉 🔶گره یا نود(Node) چیه؟ گره یا نود در شبکه به هر دستگاه فیزیکی که قادر به ارسال و دریافت اطلاعات است می‌گویند و رایج ترین نود در شبکه کامپیوترهای کاربران است. 🔶انواع نود در شبکه چیست ؟ مودم ها سوئیچ ها هاب ها پل ها سرورها چاپگرها می‌توانند گره در شبکه باشند. برای نمونه، یک شبکه دارای 4 کامپیوتر متصل به شبکه است و یک چاپگر به همراه یک مودم و یک سرور در کل دارای هفت گره است. حالا اگر هر دستگاه فیزیکی دیگری را اضافه کنیم به این مقدار اضافه شده و نود شبکه به حساب میشه. #network #part2 @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

در 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

#Gn @CleverDevs @CleverDevsGp

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

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

_ارور 403_ به معنای "ممنوع" هست. این ارور برای نشان دادن اینکه کاربر مجاز به دسترسی به منبع درخواستی نیست استفاده می‌شود. در واقع، این ارور بیانگر این است که ممکن است کاربر مجوز لازم برای دسترسی به منبع مورد نظر را نداشته باشد. #HTTP_errors @CleverDevs @CleverDevsGp

نسخه‌ی بتای تلگرام اندروید اومده و خب هرچی اپدیت هم داده واس پرمیوماس و بقیه رو ادم حساب نکرده یه سری تغییرات برای چنل های بوست شده هست میتونید اینجا عکسشو ببینید و هرکسی که میتونه استوری بزاره میتونه پست چنل رو تو استوری شیر کنه @CleverDevs @CleverDevsGp

این ابزار ها توی استایل دهی css قطعا بدردتون میخورن !!! http://9elements.github.io/fancy-border-radius⁣ http://cssbud.com/css-generator/css-glow-generator⁣ animista.net codingbeast.org

#Gn @CleverDevs @CleverDevsGp

✨ آپدیت جدید تیلویند سی‌اس‌اس !! 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

🥷| Cross-Site Scripting (XSS) یک نوع حمله امنیتی هست که زمانی اتفاق میوفته که مثلا یک سایت یه کد رو به طور غیر عمد اجرا کنه. برای مثال یه اینپوت داخل html داریم که کاربر داخلش یه کد مخرب مینویسه و بعد از سابمیت کردن اون کد اجرا میشه. یه نمونه هم استفاده از متد eval توی Js هست که کد هارو ران میکنه و بخاطر همین هیچوقت نباید از این متد استفاده کنیم. #CyberAttacks @CleverDevs @CleverDevsGp