CleverDevs
8.44K subscribers
734 photos
283 videos
27 files
437 links
به کانال کلوردوز خوش اومدین

سعی میکنیم چیزایی که بنظر کاربردی هستن رو باهاتون به اشتراک بزاریم


🔥لینوکس
🔥برنامه نویسی فرانت‌اند
🔥برنامه نویسی بک‌اند
🔥اخبار تکنولوژی و...

CleverDevs are better than other Devs
💢~> @mmdrsdev
Download Telegram
Linux.pdf
785 KB
عاشق توزیع های لینوکس هستی ولی نمیدونی از کجا شروع کنی به یادگرفتنش؟! 🐉

این آموزش که در قالب PDF و به زبان پارسی نوشته شده، برای مبتدیان و علاقه مندان لینوکس که بتازگی میخوان کار با لینوکس رو یادبگیرن عالیه! 👌🏼 (فقط 30 صفحه)
در این PDF به مباحثی مانند محیط لینوکس،میانبرهای کاربردی و تمامی دستورات مهم ترمینال که باید بلد باشید پرداخته شده.

#Linux
@CleverDevs
@CleverDevsGp
👍92🆒21🔥1
CleverDevs
11 نوع از حملات سایبری که بهتره هر دِوِلوپری آشنایی جزئی داشته باشه. اگه تمایل داشتید هرکدوم رو خلاصه وار روندشو بدونید با لایک هاتون حمایت کنید👍 @CleverDevs @CleverDevsGp
🥷| Cross-Site Scripting (XSS)

یک نوع حمله امنیتی هست که زمانی اتفاق میوفته که مثلا یک سایت یه کد رو به طور غیر عمد اجرا کنه.

برای مثال یه اینپوت داخل html داریم که کاربر داخلش یه کد مخرب مینویسه و بعد از سابمیت کردن اون کد اجرا میشه.

یه نمونه هم استفاده از متد eval توی Js هست که کد هارو ران میکنه و بخاطر همین هیچوقت نباید از این متد استفاده کنیم.

#CyberAttacks
@CleverDevs
@CleverDevsGp
💋6👍51👌1🆒1
آپدیت جدید تیلویند سی‌اس‌اس !!

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
❤‍🔥14👍6🔥2👌2🆒1
این ابزار ها توی استایل دهی css قطعا بدردتون میخورن !!!

https://9elements.github.io/fancy-border-radius

https://cssbud.com/css-generator/css-glow-generator

animista.net

codingbeast.org


@CleverDevs
@CleverDevsGp
👍6🔥2👌21🆒1
نسخه‌ی بتای تلگرام اندروید اومده
و خب هرچی اپدیت هم داده واس پرمیوماس و بقیه رو ادم حساب نکرده

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

و هرکسی که میتونه استوری بزاره میتونه پست چنل رو تو استوری شیر کنه
#telegram
@CleverDevs
@CleverDevsGp
👍7🔥2🗿21
CleverDevs
ارور های HTTP چه معنی‌ای میدن؟! #HTTP_errors @CleverDevs @CleverDevsGp
_ارور 403_

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

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

#Game
@CleverDevs
@CleverDevsGp
🔥92👍2❤‍🔥1🆒1
This media is not supported in your browser
VIEW IN TELEGRAM
چیت شیت آرایه های JS🧮

#JS
@CleverDevs
@CleverDevsGp
👍7👌2🆒21🔥1
در 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
🔥6👍3❤‍🔥2🆒1
یه فانکشن جدید تو php8.3 اضافه شده که میاد جیسون رو از نظر سینتکس برسی میکنه که سینتکسش اوکیه یا نه

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

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

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

#php
@CleverDevs
@CleverDevsGp
👍9👌6
🌐سلام چطورید🤝😉
🔶گره یا نود(Node) چیه؟
گره یا نود در شبکه به هر دستگاه فیزیکی که قادر به ارسال و دریافت اطلاعات است می‌گویند و رایج ترین نود در شبکه کامپیوترهای کاربران است.

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

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

#network #part2
@CleverDevs
@CleverDevsGp
👍5🔥41
#چالش دوم از سطح آسون 😀


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

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

@CleverDevs
@CleverDevsGp
🔥13🆒3👍2❤‍🔥11
This media is not supported in your browser
VIEW IN TELEGRAM
تکنیک برای ریسپانسیو سازی

#CSS
@CleverDevs
@CleverDevsGp
👍83🔥1👌1
This media is not supported in your browser
VIEW IN TELEGRAM
حق ترین ویدیو وجود ندار‌‌.....
#fun
@CleverDevs
@CleverDevsGp
🤣21🔥1😁1
This media is not supported in your browser
VIEW IN TELEGRAM
موقعیت: وقتی به اونایی که سیستم خفن دارن، میگی سیستمت خیلی خفنه 🤣

#fun #meme
@CleverDevs
@CleverDevsGp
😁9🤣6🗿2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
فیلتر های مختلف برای عکس تو css🖼️

#CSS
@CleverDevs
@CleverDevsGp
👍12🤣3👌1
یکی از خفن ترین بلاگ های برنامه نویسی ایرانی مطمئنا ditty.ir هست که پست های خیلی خفنی داره لینک یکی از پست های پر بازدیدش روهم میزارم ببینید

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

@CleverDevs
@CleverDevsGp
🔥9👍5👌1