CleverDevs

-اصل Bad Comments در کلین کد این دسته که از کامنت ها که بیشتر کامنت هایی که میزاریم رو شامل میشه کامنت هایی ان که سود خاصی برامون ندارن و الکی کد رو شلوغ میکنن این اصل چنتا زیر مجموعه داره و کامنت های بدی که میتونید بزارید رو گفته تو این پست سعی میکنم به طور خلاصه همشون رو بگم ‏1 - Mumbling یعنی اینکه کامنتی بزاری که نامفهمومه و بیشتر از اینکه بدرد بخور باشه باعث سر در گمیه ‏2 - Redundant Comments یعنی کامنت هایی که بدرد نخور و اضافن و خوندوشون از خوندن کد کد زمان بیشتری میبره ‏3 - Misleading Comments یعنی یجور لقمه رو دور سر بپیچونی که کسی که کامنت رو میخونه کلا فکر و ذهنش منحرف بشه به یه سمت دیگه ‏4 - Mandated Comments کامنت هایی که برای هر متغیری مینویسد و معمولا زیاد بدرد نمیخورن مثل javadocs ‏5 - Journal Comments اینکه بیای و تغییرات پروژه رو هر بار تو کامنتا بزنی ، اینکار برا قبل اومدن سیستم های کنترل ورژن مثل گیت بود این نوع کامنتا الان بدرد نمیخورن ‏6 - Noise Comments کامنت هایی که کار خاصی ندارن و فقط کد رو شلوغ کردن مثل

/** The day of the month. */

private int dayOfMonth;

‏7 - Commented-Out Code کامنت کردن کد ها هم یکی از بدترین نوع کامنت هاست ‏8 - Too Much Information یعنی اینکه تو کامنت اطلاعات زیادی بدی انقدر زیاد باشه خوندنش کلی وقت ببره این فصل هم تموم شد و میتونید لیستش رو اینجا ببینید #CleanCode @CleverDevs - @CleverDevsGp

🚨 می‌دونی کی به وب‌سایت‌ها رنگ و لعاب می‌ده؟ 🟢 این کار، کار برنامه‌نویس فرانت-انده که رویای یک سایت زیبا رو به واقعیت تبدیل کنه. ⚛️ برنامه‌نویس فرانت-اند با استفاده از HTML، CSS، Javascript، React JS و دیگر ابزارهایی که در اختیار داره، باعث می‌شه تا کاربر تجربه به‌یادموندنی از سایت داشته باشه. ⭐ اگر به این بازار کار علاقه‌مند هستی، این فرصت رو از دست نده👇 دانشکار داره یه بوت‌کمپ استخدامی برنامه‌نویسی فرانت-اند برگزار می‌کنه با: 🔸 ۱۹۰ ساعت آموزش پروژه‌-محور 🔸 ۹ استاد حرفه‌ای از شرکت‌های خوب 🔸 منتور حرفه‌ای اختصاصی 🔸 مدرک معتبر و کمک به استخدام ⌛ اگر قصد ورود به بازار کار برنامه‌نویسی فرانت داری، الان بهترین فرصته چون: 🔔 بوت‌کمپ فرانت دانشکار ۲۵٪ تخفیف ثبت‌نام زودهنگام داره. 🔗 برای دریافت مشاوره رایگان و ثبت‌نام روی لینک زیر کلیک کن: ➡️ httb.ir/8xpmn 📩 یا به آیدی پایین پیام بده: 💬 @daneshkar_support

قابلیت دیگه ای که توی این اپدیت اومده مینی مایز کردن وب اپ های تلگرامه که خیلی کاربردیه یعنی وسط کار با وب اپ ها (مثل ناتکوین و ..) میتونید یه دیقه برید توی تلگرام بدون اینکه وب اپ رو کامل ببنید #News #telegram @CleverDevs - @CleverDevsGp

اگه تلگرامتون اپدیت نیست کامنتارو ببینید

اپدیت جدید تلگرام ا‌ومده تو این آپدیت کانال های بالای ۱۰۰۰ نفر میتونن عکس های پولی بزارن چنل تا با Telegram Stars پرداخت بشه از فردا اونلی فنز هارو میریزن تو تلگراما 😂 پ.ن عکسه لوگوی چنله اگه کسی کنجکاو شد #News #telegram @CleverDevs - @CleverDevsGp

استخدام طراح UI/UX بصورت پروژه ای شرح وظایف: * ارائه راه‌حل‌های خلاقانه برای مسائل تجربه کاربری سامانه. * طراحی رابط کاربری (UI) و تجربه کاربری (UX) جذاب و کاربرپسند. * ایجاد Wireframe, Prototype, Storyboard, User flow. * طراحی واکنش گرا Responsive web Design. * تسلط به مفاهیم Variable و Tokens. * رعایت اصول ورژن بندی و نظم در روال کار. * تست و ارزیابی محصول قبل از انتشار. * آشنایی با مفاهیم گرافیک و طراحی. * تسلط به نرم افزارهای گرافیکی شامل Adobe Photoshop و Illustrator. مهارت‌های مورد نیاز: * تسلط به مفاهیم تجربه کاربری و رابط کاربری (UI/UX). * تسلط به نرم افزار Figma. * تجربه نگهداری، بهبود (ویرایش) دیزاین سیستم، مخصوصا (MUI و M3). * مسلط به طراحی واکنش گرا Responsive web Design. * آشنایی با مفاهیم Variable و Tokens. * آشنایی با اصول ورژن بندی و نظم در روال کار. * خلاقیت بالا و اشتیاق به حل مسئله. * تسلط به مفاهیم گرافیک و طراحی. * آشنایی به نرم افزارهای گرافیکی شامل Adobe Photoshop و Illustrator. حقوق: * حقوق توافقی با توجه به تجربه و مهارت نحوه ارسال رزومه: * متقاضیان واجد شرایط می‌توانند رزومه خود را به آدرس @fmown ارسال کنند.

اشتراک تجربه ها و اخبار تکنولوژی با چاشنی طنز در کانال سید و رفقا :‌ @SEYED_BAX

درود🌹 بیاین امروز در مورد معماری Event-driven Architecture با یک مثال ساده صحبت کنیم. معماری مبتنی بر رویدادها یه جور سیستم برنامه‌نویسیه که توش بخش‌های مختلف برنامه می‌تونن با هم حرف بزنن و به تغییرات و اتفاقات مختلف واکنش نشون بدن. این معماری مخصوصاً برای برنامه‌های بزرگ و پیچیده که تعاملات زیادی دارن خیلی خوبه. اجزای اصلی این معماری عبارتند از: فرستنده رویداد (Event Emitter): این بخش کارش اینه که رویدادها رو به بقیه بخش‌های برنامه اطلاع بده. شنونده‌ها (Listeners): اینا فانکشن‌هایی هستن که وقتی یه رویداد خاص اتفاق می‌افته، اجرا می‌شن. رویدادها (Events): رویدادها پیغام‌هایی هستن که نشون می‌دن یه تغییر یا اتفاق خاص رخ داده. مزایای معماری مبتنی بر رویدادها: جداسازی وظایف: هر بخش از برنامه کار خودش رو انجام می‌ده و به تغییرات مرتبط واکنش نشون می‌ده. افزایش قابلیت نگهداری: اگه بخوای یه تغییر کوچیک تو یه بخش برنامه بدی، لازم نیست کل کد رو تغییر بدی. افزایش مقیاس‌پذیری: به راحتی می‌تونی شنونده‌های جدید اضافه کنی یا رفتار برنامه رو تغییر بدی. مثال کامل از معماری مبتنی بر رویدادها فرض کن یه برنامه داری که توش چند تا کاربر هستن. می‌خوای هر وقت یکی از کاربرا اطلاعاتش تغییر کرد یا کاربری اضافه شد، این تغییرات به بقیه بخش‌های برنامه اطلاع داده بشه. برای این کار از معماری مبتنی بر رویداد استفاده می‌کنیم. اول یه کلاس می‌سازیم که کارش مدیریت رویدادهاست:

// این کلاس مسئولیت مدیریت رویدادها رو داره
class EventEmitter {
  constructor() {
    this.events = {}; // اینجا رویدادها و شنونده‌هاشون رو نگه می‌داریم
  }

  // این متد یه شنونده جدید برای یه رویداد خاص ثبت می‌کنه
  on(event, listener) {
    if (!this.events[event]) {
      this.events[event] = [];
    }
    this.events[event].push(listener);
  }

  // این متد همه شنونده‌های یه رویداد خاص رو اجرا می‌کنه
  emit(event, args) {
    if (this.events[event]) {
      this.events[event].forEach(listener => listener(args));
    }
  }
}

حالا یه کلاس می‌سازیم که کاربرها رو مدیریت کنه و وقتی کاربری اضافه یا تغییر کرد، رویدادهای مناسب رو صادر کنه:

// این کلاس مسئول مدیریت کاربران و رویدادهای مرتبط با اوناست
class UserManager extends EventEmitter {
  constructor() {
    super();
    this.users = []; // لیست کاربران رو اینجا نگه می‌داریم
  }

  // این متد یه کاربر جدید اضافه می‌کنه
  addUser(user) {
    this.users.push(user);
    this.emit('userAdded', user); // رویداد اضافه شدن کاربر رو صادر می‌کنیم
  }

  // این متد اطلاعات یه کاربر رو تغییر می‌ده
  updateUser(id, newUser) {
    const index = this.users.findIndex(user => user.id === id);
    if (index !== -1) {
      this.users[index] = { ...this.users[index], ...newUser };
      this.emit('userUpdated', this.users[index]); // رویداد به‌روزرسانی کاربر رو صادر می‌کنیم
    }
  }
}

حالا از UserManager استفاده می‌کنیم و شنونده‌های مختلفی برای رویدادها ثبت می‌کنیم:

const userManager = new UserManager();

// ثبت یه شنونده برای وقتی که یه کاربر جدید اضافه می‌شه
userManager.on('userAdded', (user) => {
  console.log(`کاربر جدید اضافه شد: ${user.name}`);
  // اینجا می‌تونیم کارهای دیگه‌ای هم انجام بدیم، مثل به‌روزرسانی رابط کاربری
});

// ثبت یه شنونده برای وقتی که اطلاعات یه کاربر تغییر می‌کنه
userManager.on('userUpdated', (user) => {
  console.log(`اطلاعات کاربر به‌روزرسانی شد: ${user.name}`);
  // اینجا می‌تونیم کارهای دیگه‌ای هم انجام بدیم، مثل به‌روزرسانی رابط کاربری
});

// اضافه کردن یه کاربر جدید
userManager.addUser({ id: 1, name: 'Ali', age: 30 });
// نتیجه: کاربر جدید اضافه شد: Ali

// تغییر اطلاعات یه کاربر
userManager.updateUser(1, { name: 'Hassan', age: 35 });
// نتیجه: اطلاعات کاربر به‌روزرسانی شد: Hassan

حالا فرض کن می‌خوای هر وقت کاربری اضافه شد یا تغییر کرد، علاوه بر چاپ توی کنسول، یه نوتیفیکیشن هم نشون بدی:

// ثبت شنونده برای نوتیفیکیشن‌ها
userManager.on('userAdded', (user) => {
  alert(`کاربر جدید اضافه شد: ${user.name}`);
});

userManager.on('userUpdated', (user) => {
  alert(`اطلاعات کاربر به‌روزرسانی شد: ${user.name}`);
});

از این معماری در drawio استفاده شده. ری اکت و ویو و همچنین Apache Kafka از این معماری استفاده میکنه، اگر علاقه داشتین مثال های بیشتری باهاش میزنیم یا تو یک برنامه ای ازش استفاده میکنیم اصلا موفق باشید❤️ #Event_driven_Architecture @CleverDevs - @CleverDevsGp

تولد داریم . . . کانال CleverDevs یکساله شد 💥 یکسال پیش چنین روزی کانال با هدف اینکه چیزایی که بلدیم رو به دیگران هم منتقل کنیم شروع به کار کرد  تو این یک سال تجربه های مختلفی داشتیم سعی کردیم کانال تا جای ممکن برای اعضا مفید باشه ❤️ تا جایی که میشد کاری کردیم که کانال دو طرفه باشه یعنی هم ما پست بزاریم و هم اعضا تو کامنت ها چیزایی که میدونن رو با بقیه به اشتراک بزارن 🤝 سعی کردیم پروژه های اوپن سورسی که بچه های خودمون توسعه دادن رو معرفی کنیم تا زحماتشون بیشتر دیده بشه 👨‍💻 اگه پیشنهاد یا نقدی در راستای بهتر شدن چنل دارید خوشحال میشم تو کامنتا مطرحش کنید @CleverDevs - @CleverDevsGp

$$typeof property

توی React وقتی یه کامپوننت رو لاگ میگیریم، یه پراپرتی با این اسم میبینیم و هدفش جلوگیری از حملاتی مثل Cross-Site Scripting هست؛ حالا چطور انجام میشه؟ مقدار این پراپرتی یه Symbol هست، و یکی از Privitive تایپ‌های Js هست که نمیتونه به JSON تبدیل بشه، بخاطر همین اگه هکر بخواد یه کامپوننت فیک به سایتمون ارسال کنه ریکت متوجه این قضیه میشه. #React #Js @CleverDevs - @CleverDevsGp

توی این پست میخوام یه دانلود منیجر خفن و کاربردی رو معرفی کنم که بچه های ایرانی نوشتن پرسپولیس یک دانلود منیجر و رابط کاربری گرافیکی برای Aria2 میباشد که با پایتون نوشته شده پرسپولیس یک دانلود منیجر کراس پلتفرمه که برای سیستم عامل های گنو/لینوکس ، ویندوز ، مکینتاش و بی اس دی ها توسعه یافته یک سری از قابلیت های این دانلود منیجر هم ایناس

رابط کاربری گرافیکی برای Aria2 دانلود چند بخشی فایل زمانبندی دانلودها صف‌بندی دانلودها پیدا و دانلود کردن ویدئو از DailyMotion، Vimeo، Youtube، Aparat و ...

اگه به لینوکس مهاجرت کردید و دنبال یه جایگزین برای IDM میگردید یا توی سایر سیستم عامل ها میخواید از یه دانلود منیجر آزاد و اوپن سورس استفاده کنید پرسپولیس گزینه مناسبیه اطلاعات بیشتر و نحوه نصب و استفاده : https://persepolisdm.github.io/fa/ #tools #openSource @CleverDevs - @CleverDevsGp

این قضیه توی نصب فیلترشکن به خاطر برنامه نویس بودن هم صادقه #fun @CleverDevs - @CleverDevsGp

💥 دوره آموزشی "ورود به دنیای تست نرم‌افزار" (دوره چهارم) 💯 در طی سه دوره قبلی، همکارهای جدیدی به شرکت ما پیوستن و این تجربه خوب باعث شد تا در اولین روز‌های تابستان امسال برای برگزاری چهارمین نوبت از این دوره آموزشی برنامه‌ریزی کنیم. اگه شما هم فارغ‌التحصیل رشته‌های مهندسی کامپیوتر، علوم کامپیوتر، ریاضیات، حسابداری یا مدیریت هستین و قصد دارین وارد دنیای تست نرم‌افزار بشین، این دوره‌ آموزشی رو از دست ندین. 💎 در این دوره، شما با اصول و مبانی تست نرم‌افزار آشنا می‌شین و مهارت‌های مورد نیازش رو آموزش می‌بینین. 🏅 در ضمن نفرات برتر دوره جدید نیز وارد فرآیند استخدام شرکت همکاران سیستم می‌شن و در صورت قبولی و جذب در شرکت، شهریه بهشون برگردونده می‌شه. 📆 آغاز دوره از ۱۰ تیرماه 🚨 همراه با ۱۵% تخفیف ویژه دانشجویان 💢 برای ثبت نام و کسب اطلاعات بیشتر می‌تونین با شماره 02184205111 تماس بگیرین یا به وبسایت مؤسسه آموزش مراجعه کنین. 🌐 education.systemgroup.net/courses/test-training-course ⬅️ 🌐 Linkedin |🌐 Instagram ➖➖➖➖➖➖

💥 دوره آموزشی "ورود به دنیای تست نرم‌افزار" (دوره چهارم) 💯 در طی سه دوره قبلی، همکارهای جدیدی به شرکت ما پیوستن و این تجربه خوب باعث شد تا در اولین روز‌های تابستان امسال برای برگزاری چهارمین نوبت از این دوره آموزشی برنامه‌ریزی کنیم. اگه شما هم فارغ‌التحصیل رشته‌های مهندسی کامپیوتر، علوم کامپیوتر، ریاضیات، حسابداری یا مدیریت هستین و قصد دارین وارد دنیای تست نرم‌افزار بشین، این دوره‌ آموزشی رو از دست ندین. 💎 در این دوره، شما با اصول و مبانی تست نرم‌افزار آشنا می‌شین و مهارت‌های مورد نیازش رو آموزش می‌بینین. 🏅 در ضمن نفرات برتر دوره جدید نیز وارد فرآیند استخدام شرکت همکاران سیستم می‌شن و در صورت قبولی و جذب در شرکت، شهریه بهشون برگردونده می‌شه. 📆 آغاز دوره از ۱۰ تیرماه 🚨 همراه با ۱۵% تخفیف ویژه دانشجویان 💢 برای ثبت نام و کسب اطلاعات بیشتر می‌تونین با شماره 02184205111 تماس بگیرین یا به وبسایت مؤسسه آموزش مراجعه کنین. 🌐 education.systemgroup.net/courses/test-training-course ⬅️ 🌐 Linkedin |🌐 Instagram ➖➖➖➖➖➖

آگهی استخدام برنامه نویس / دورکاری برنامه‌نویس بک‌اند: تسلط به Node.js و Nest.js تسلط کامل به PostgreSQL و Redis و MongoDB آشنایی با مفاهیم امنیت وب و پیاده‌سازی آنها توانایی بهینه‌سازی عملکرد و رفع مشکلات پایگاه داده آشنایی با Docker و Kubernetes تجربه کار با CI/CD آشنایی با ابزارهای مانیتورینگ و لاگینگ (Prometheus، Grafana) برنامه‌نویس فرانت‌اند: تسلط به React.js و Next.js تجربه کار با Tailwind CSS آشنایی با مفاهیم SEO و بهینه‌سازی عملکرد صفحات وب توانایی کار تیمی و همکاری با سایر اعضای تیم توانایی ساخت وبسایت از صفر ( بدون استفاده از قالب های آماده) حداقل 5 سال تجربه در زمینه تخصصی مربوطه درک عمیق از اصول امنیتی و حفظ محرمانگی داده‌ها مهارت‌های حل مسئله و تفکر تحلیلی قوی توانایی کار تیمی و ارتباط موثر جهت ارسال رزومه با @fmown در ارتباط باشید

آسیب پذیری های امنیتی جاوا اسکریپت🖇 #part1 1⃣ آسیب‌پذیری Cross-Site Scripting (XSS): حمله‌ای که  مهاجم کد مخربو به یک وب‌سایت وارد میکنه و این کد در مرورگر کاربرا اجرا میشه. راهای جلوگیری: امن‌سازی داده‌های ورودی با تابع هایی مثل encodeURIComponent. جلوگیری از نمایش مستقیم داده‌های کاربر در صفحات وب. 2⃣ آسیب‌پذیری Cross-Site Request Forgery (CSRF) توضیح: حمله‌کننده با استفاده از کاربر و کوکی‌های مرورگر، عملیات ناخواسته‌ای رو اجرا میکنه و وقتی اتفاق میوفته که یک سایت بدون بررسی اعتبار درخواستای ارسالی از کاربرو اجرا کنه راهای جلوگیری: استفاده از توکن‌های CSRF در فرم‌ها و درخواست‌های حساس و تنظیم کوکی‌ها به گونه‌ای که فقط از طریق سرور قابل دسترس باشن (HttpOnly) 3⃣ حمله DDoS (Distributed Denial of Service) توضیح: حمله‌ای که با ارسال تعداد زیادی درخواست به یک سرور، اونو از دسترس خارج میکنه. راهای جلوگیری: با محدود کردن تعداد درخواست‌های ورودی به سرور، از بار زیاد جلوگیری میشه. از سرویس‌های مقابله با DDoS به طور تخصصی برای کاهش اثرات حملات DDoS طراحی شدن استفاده کنید ظرفیت شبکه رو افزایش بدید و بار ترافیک رو بین چند سرویس توزیع کنین(load balancing) 4⃣ آسیب پذیری SQL injection: حمله‌ای که  مهاجم دستورات مخربو از طریق ورودی کاربر به سرور ارسال میکنه و این دستورات در سرور اجرا میشن راهای جلوگیری: استفاده از parameterized queries به کارگیری ORM (Object-Relational Mapping) برای تعامل با پایگاه داده‌ها. @CleverDevs @CleverDevsGp

#GN @CleverDevs - @CleverDevsGp

🔥 اگه می‌خوای تابستونت رو بی‌هدف از دست ندی، نگران نباش. 💯 کندو اینجاست که بهت کمک کنه.💪 با ثبت‌نام در دوره‌های کندو می‌تونی تا ۵۰٪ تخفیف بگیری. ❌ فقط تا ۹ تیرماه 🎯 این فرصت رو از دست نده و تا قبل از شروع پاییز یه مهارت جدید یاد بگیر.🌟 🔗 مشاهده دوره‌ها و ثبت‌نام ➡️ 💬 دریافت مشاوره تخصصی و رایگان : 👩‍💻@CANDOm_jani 👩‍💻@CANDOF_Ebrahimi 👩‍💻@CANDOZ_Qoliha 📞 02143810 (تماس از تهران) 📞 02192004381 (شهرستان) 🥇آموزشگاه مهندسی کندو، برترین آموزشگاه IT ایران - We Can Do IT 💪 💬 @cando_ac

قابلیت tag توی گیت یکی از قابلیت های خفن گیته که برای ورژن بندی کمک زیادی میکنه در واقع تگ ها توی گیت برای نشانه گذاری زمان خاصی از تاریخچه پروژه هست مثلا ما یه سری فیچر برای پروژمون زدیم و میخوایم که به عنوان ورژن 1 علامت گذاری کنیم میایم و از tag ها استفاده میکنم و اون کامیت اخر رو با تگ v1 نشانه گذاری میکنیم و بعد تر که فیچر های دیگه ای اومد و ورژن 2 آماده بود میتونیم به اخرین کامیت اون لحظه هم تگ v2 رو اختصاص بدیم اما ما دو نوع تگ توی گیت داریم نوع اول Annotated tags هست که اطلاعات بیشتری درباره اون تگ مثل اسم و ایمیل کسی که تگ رو ایجاد کرده ، تاریخ ایجاد تگ و یک پیام برای تگ و یک هش مخصوص برای اون کامیتی که تگ شده ست میکنن برای ایجاد این نوع تگ ها باید کامند زیر رو بزنید که

git tag -a v1.0.0 -m "version 1.0.0"

که سوئیچ a به Annotated اشاره میکنه و سوئیچ m هم پیام مربوط به تگه (میتونید توی کامندتون پیام رو ست نکنید در این صورت گیت ادیتور رو براتون باز میکنه تا بنویسید) نوع دوم lightweight tags هست که هیچ اطلاعات اضافه ای درباره تگ نمیده و فقط به اون کامیتی که تگ روش زده شده اشاره میکنه که بیشتر برای نشانه گذاری های موقت بدرد بخوره برای ایجاد این تگ ها هم باید کامند زیر رو بزنید

git tag v1.0.0

تگ های lightweight دیگه سوئیچ های m و a رو نمیگیرن اگه خواستید بیشتر دربارش بدونید پیشنهاد میکنم به لینک زیر یه نگاه بندازید https://www.freecodecamp.org/news/git-tag-explained-how-to-add-remove/ #git @CleverDevs - @CleverDevsGp

🔹 دوست داری بدونی چه زبان برنامه‌نویسی برات مناسب‌تره؟ ⚡️ این آزمون کوتاه و کاملا رایگان رو بده و مسیر برنامه‌نویسی مناسبت رو پیدا کن! 🔴 برای شروع آزمون رایگان، اینجا کلیک کن. ➡️ ➖➖➖➖➖➖