CleverDevs

👈 5 ترفند روانشناختی مورد استفاده در UX و UI(پارت4) :

4. Peak end rule

این قانون میگه که کاربر از یه لیست، صفحه یا هر چیزی معمولا مورد اول و آخرش رو یادش میمونه. حالا چطور از این قانون توی طراحی استفاده میشه؟ اصلی‌ترین مطالب و .. که نسبت به سایر بخش‌ها مهم‌تره تا توسط کاربر دیده یا کلیک و .. شه توی اول یا انتهای وبسایت قرار میگیره. + برای همینه که تو اکثر وبسایت‌ها سرچ‌باکس اول صفحه هست، یا تبلیغات آخر صفحه گذاشته میشه. #UX #UI src part3 @CleverDevs - @CleverDevsGp

ساخت QR code با جاوااسکریپت!

const size = "150×150";
const data = "https://t.me/CleverDevs";

const API = https://api.qrserver.com/v1/create-qr-code/?size=${size}&data=${data};
 

+ از api رایگان این سایت برای تولید QR code استفاده کردیم. + داکش رو مطالعه کنید گزینه‌هایی برای شخصی‌سازی هم داره. #Js #Tools @CleverDevs - @CleverDevsGp

اینسپکتور برای مرورگرهای موبایل! اگه توسعه دهنده وبسایت هستید و برای پروژه ای به اینسپکتور تحت مرورگر موبایل نیاز دارید، میتونید از پکیج Eruda استفاده کنید. این پکیج با قرار دادن یک المنت، به توسعه‌دهنده امکان مشاهده و استفاده از منوی اینسپکتور رو میده. برای نحوه نصب و استفاده میتونید گیتهابشون رو مطالعه کنید که توضیحات خلاصه و مفیدی نوشتن. #tools @CleverDevs - @CleverDevsGp

حق بود #fun #meme @CleverDev - @CleverDevsGp

👈 5 ترفند روانشناختی مورد استفاده در UX و UI (پارت3) :

3. Social Proof

برای بررسی یا خرید چیزای جدید معمولا نظر دوستا و آشناهارو میپرسیم، چون بهشون اعتماد داریم. حالا طراحا این اعتماد رو تو سایت چجوری اعتماد میکنن؟ بخش‌های کامنت که تو سایت‌های دیجی‌کالا، ترب و .. وجود دارن اعتماد شما رو نسبت به محصول و یا حتی اون سایت بیشتر میکنن. یا دیجی‌کالا اولین بار یه نوشته بالای کامنت‌ها اضافه کرد که نشون میداد شخصی که کامنت رو گذاشته خریده این محصول رو یا نه. و همچنین گزینه‌های لایک و دیس‌لایک و ... . حالا لازمه تمام این‌ها چیه؟ ارتباط کاربر با وبسایت، یعنی تقریبا میشه گفت هرچقدر ارتباط کاربر با وبسایت بیشتر باشه، اعتماد بیشتری میشه ایجاد کرد. #UX #UI src @CleverDevs - @CleverDevsGp

#GN @CleverDevs - @CleverDevsGp

-اصل Explain Yourself in Code در کلین کد این اصل میگه که وقتی میشه کد رو جوری نوشت که خودش کارشو توضیح بده چه نیازی به کامنت اضافس ؟ یعنی چی ؟ مثال پایین رو ببینید

// Check to see if the employee is eligible for full benefits
if ((employee.flags & HOURLY_FLAG) &&
      (employee.age > 65))

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

if (employee.isEligibleForFullBenefits())

کلا دوثانیه وقتتون رو میگیره تا جای کامنت این کارو بکنید. بیشتر مواقع اینکه یه تابع بسازی که بتونه کد رو هم توضیح بده بهتر از کامنت نوشتنه #CleanCode @CleverDevs - @CleverDevsGp

در این دوره، تضمین میشه که شما تبدیل به یک توسعه دهنده فول استک بشید. اگر نشدید مبلغ واریزی رو عودت میدن. تا دیر نشده پیش خرید کنید 👌

▶️ پیش‌فروش دوره از صفر تا توسعه دهنده جاوااسکریپت موسسه یادبان آغاز شد 🥸 این دوره به عنوان اولین دوره موسسه توسط حمیدرضا قهرمانی تدریس خواهد شد. با دیدن این دوره، شما از صفر تا صد به جاوا اسکریپت مسلط شده و عملا تبدیل به یک توسعه دهنده جاوااسکریپت می‌شوید. در این دوره مباحث فرانت اند و بک اند هردو به شکل کامل پوشش داده خواهند شد. 🛍 میتوانید این دوره را با یک سوم قیمت پیش خرید کنید تا در طول ضبط دوره نیز به آن دسترسی داشته باشید. 🛡 این دوره تضمین عودت وجه نیز دارد. در صورت مشاهده دوره و عدم نتیجه گرفتن، مبلغ واریزی عودت داده خواهد شد. 💬 جهت مشاوره و سفارش: @DianaNajafi

قوی بود😂

هم اکنون وضعیت: @CleverDevs

👈 5 نکته برای بهبود UI, UX سایتتون(پارت2) :

2. Mirroring

اگه تو خیابون یکی رو ببینید که داره میخنده، احتمالا شما هم لبخند میزنید؛ به این میگن mirroring. حالا تو طراحی چه کاربردی داره؟ طراح‌ها معمولا از عکس‌ها یا انیمیشن‌ها و ... برای انتقال احساسات استفاده میکنن. اگه صفحه لود نشه، احتمالا یه انیمیشنی که حس غم به شما میده می‌بینید، یا اگه داخل یه برنامه کوئیز رو درست جواب بدین یه انیمشینی که حس خوب میده نشون داده میشه. مثال برنامه Duolingo یه جغد anthropomorphized یا انسان‌سازی شده داره که احساسات رو از طریق اون به کاربر منتقل میکنه. #UX #UI src @CleverDevs - @CleverDevsGp

👈 ‏BEM چیه؟ وقتایی که یه پروژه کوچیک داریم، شاید نام‌گذاری کلاس‌ها زیاد مهم نباشه؛ اما تو اسکیل بزرگتر این قضیه به چشم میاد. حالا یه روشی برای نام‌گذاری بهتر کلاس‌ها، راحت‌تر شدن، سریع‌تر شدن و بهتر شدن خوانایی داریم: BEM(Block Element Modifier).

Block:

بلاک یعنی یه بخشی از سایتتون، مثلا یه منو.

Element:

یه بخشی از اون بلاکه، مثلا آیتم همون منو.

Modifier:

طوری که اون المنت باید رفتار کنه، مثلا آیتم زرد، آیتم آبی و .. . فرم نوشتنش هم به این صورت هست:

<div class="block>
<div class="block__element> </div>
<div class="block__element--modifier> </div>
</div>

#CSS @CleverDevs- @CleverDevsGp

⚡️ با هر تخصصی وارد فضای بین المللی شوید! ✅ به جای کارفرمای ایرانی با کارفرمای خارجی کار کنید! ✔️ تخصص مورد نیاز به میزان انجام پروژه های ایرانی! ✔️ میلیون ها پروژه، انتخاب پروژه با شما، انتخاب کارفرما با شما، انتخاب قیمت با شما! ✅ آموزش عملی و تمامی زیرساخت ها با ما 📌 اطلاعات بیشتر لینک زیر: ➡️ links.etekanesh.com/13prgrm20 🆔 کانال تلگرام: @TekaneshAcademy

👈 5 نکته برای بهبود UI, UX سایتتون(پارت1) :

1. Isolation

یه روانشناس آلمانی به اسم Hedwig von Restorff تو سال 1933 طی یه آزمایش چند تا آیتم شبیه به هم و یک آیتم متفاوت رو کنار هم گذاشت و طبق بررسی مشخص شد که اون آیتم متفاوت کنار آیتم‌های یکسان، توجه خیلی بیشتری رو جلب میکنه. حالا تو سایت چه استفاده‌ای داره؟ میتونیم توی اسلایدری که محصولمون رو گذاشتیم، اسلایدی که زودتر باید فروش بره رو به یه نحوی نسبت به بقیه اسلاید ها مجزا کنیم(مثل تصویر). #UX #UI @CleverDevs - @CleverDevsGp

📣 اگر داخل ایران با تخصصی که دارید، مشغول به کار هستید 🎯 پیشنهاد ما به شما ادامه همین فعالیت ولی با کارفرمای خارجی هست! 💰 افراد زیادی با این سبک کار درآمد چند هزار دلاری دارند؛ ❓چرا شما نه❓ 🔔 برای شروع این مسیر یک جلسه رایگان روز چهارشنبه ساعت ۱۹ برگزار خواهد شد 🔔 🎙توسط: 🔴 علیرضا قیمتی 🔴 دکتری مدیریت کسب و کار 🔴 ۸ سال سابقه آموزش و فعالیت بین‌المللی 💢 لینک ثبت نام: 🌐 links.etekanesh.com/hshtgprgrm 👈 🔵 کانال تلگرام افراد موفق: 💬 t.me/TekaneshAcademy 🟢 ارتباط با پشتیبانی در صورت بروز مشکل در ورود به جلسه: 👨‍💻 @Academy_Tekanesh ➖➖➖➖➖

خب اگه قصد داشتید برید تهران تا تو شرکت های برنامه نویسی بزرگ تر کار کنید باید بگم متاسفانه به ماها دیگه ویزای تهران نمیدن #job @CleverDevs - @CleverDevsGp

#GN @CleverDevs - @CleverDevsGp

#چالش خب سلام سلاممم چالش داریم چه چالشی ببینم چیکار میکنید دیگه💻 خب چالش به این صورته که شما یک رشته دریافت میکنین و باید طولانی‌ترین زیررشته‌ای رو که پالینروم باشه پیدا کنین برای مثال:👇 توی رشته "babad"، طولانی‌ترین زیررشته پالینرومیک "bab" یا "aba" است. توی رشته "cbbd"، طولانی‌ترین زیررشته پالینرومیک "bb" است. و رشته ی madam یا racecar ام جز رشته های پالینروم حساب میشن ✅ (پالینروم یک متن یا عدده که اگر از چپ به راست یا از راست به چپ خونده بشه، همونطور باقی میمونه یعنی ترتیب حروف یا اعداد در هر دو جهت یکسانه👾) به هر زبانیکه میتونید چالش رو انجام بدید و توی کامنتا به اشتراک بزارید🥰 ریکشنم فراموش نشه ما داریم اینجا زحمت میکشیم🔪 @CleverDevs @CleverDevsGp

تریک گیت برای آدم های گشاد #git #fun @CleverDevs - @CleverDevsGp