Vibe Coding :))

✦ @programming_codiing

اگه با JSON زیاد کار می‌کنید :
JSON Crack
یکی از بهترین ابزارهاییه که می‌تونی استفاده کنی.

بدون نیاز به نصب، فقط با باز کردن سایتش می‌تونی ساختار JSON رو به شکل گرافیکی و قابل فهم ببینی.

از فرمت‌های دیگه مثل YAML و XML هم پشتیبانی می‌کنه، قابلیت تبدیل، اعتبارسنجی، تولید schema و حتی خروجی گرفتن داره. افزونه VS Code هم داره و همه‌چی سمت کلاینت اجرا می‌شه، پس خیالت از بابت امنیت راحته. خلاصه، سریع، ساده و خیلی کاربردیه.

🔗 jsoncrack.com

✦ @programming_codiing

کدنویسی با همچین فونتی فقط برای برنامه نویس های خاصِ

البته نگران نباشین
فونت فونت هست
مهم چیزیه که خلق می شه :))

✦ @programming_codiing

احتمالاً فوتوشاپ رو کرک کردی و ادوبی با این کار حسابی حال کرده.
فوتوشاپ یکی از پرکرک‌ترین برنامه‌های تاریخ بوده و سال‌ها ادوبی تقریباً هیچکاری برای جلوگیری نمی‌کرد؛ یه سریال نامبر برای هزاران نفر کار می‌کرد در حالی که بازی بیست‌دلاری امنیت سخت‌تری از یه نرم‌افزار ماهی هفتاد دلاریه حرفه‌ای داشت.
هر بچه‌ای که نسخه کرک‌شده می‌زد عملاً فوتوشاپ یاد می‌گرفت، دانشگاه‌ها همون رو درس می‌دادن و انقدر عادی شد که فتوشاپ رفت تو دیکشنری و تبدیل به یه کلمه رسمی شد. وقتی هم شغل واقعی پیدا می‌کردی تنها ابزاری بود که یاد میگرفتی و شرکت لایسنسشو می‌خرید.
بیل گیتس خودش سال نودوهشت رو استیج گفت تا وقتی دارن می‌دزدن بذار مال ما رو بزدن بعداً یه جوری پولو ازشون میکشیم بیرون. ادوبی هم دقیقاً همین استراتژی رو پیاده کرد و وقتی کل دنیا فقط فوتوشاپ رو می‌شناخت گزینه خرید دائمی رو از بین برد. حالا هر ماه اجاره می‌دی و اگر قطع کنی نرم‌افزاری که شغلت روش بنا شده قفل می‌شه.
دزدی دقیقاً همون چیزی بود که می‌خواستن.
همین Ai ها هم دارن زندگی و شغل مردم رو وابسته به خودشون میکنن بعد یه رکبی میزنن ، و به زودی خرید اشتراک هاشون مثل بسته نت به دنبالتون میفته.🌹

✦ @programming_codiing

۱۸ سایت کاربردی برای پیدا کردن شغل ریموت و کسب درآمد دلاری 🌎

1. dice.com
2. remote.co
3. devsnap.io
4. remotive.io
5. remoteok.com
6. flexjobs.com
7. upwork.com
8. whoishiring.io
9. justremote.co
10. remotefront.io
11. wellfound.com
12. powertofly.com
13. skipthedrive.com
14. authenticjobs.com
15. weworkremotely.com
16. jobspresso.co
17. remotework.io
18. hired.com

پ.ن : خودم برسیشون می کنم حتما بهتون اطلاع می دم اگر وقت پیدا کنم. البته که ی سری چیزای دیگه هم قبلش باید نگاهی بهش بندازیم. ❤️

✦ @programming_codiing

خودم از این چند بار استفاده کردم و پیشنهاد هم می کنم که به عنوان هاست ازش استفاده کنید.
احتمالا نیازتون حتی نباشه پول هاست بدید با وجود این ، دامنه هم اگر داشته باشید بهش می تونید متصلش کنید و فیلتر هم نبود چند روز پیش تستش کردم ، البته برای بعضی پروژه ها خوبه.❤️

هر چیزِ خوب پر هزینه است
گسترش شخصیت، یکی از پر هزینه ترین چیزهاست 🌹

#کارل_گوستاو_یونگ

✦ @programming_codiing

I am not robot 🙃

✦ @programming_codiing

چگونه با قانون "فقط یک دقیقه"، بر هر عادت سختی غلبه کنیم؟ (راز ژاپنی کایزن)

چرا "شروع کردن" سخت‌ترین کار دنیاست؟ آن نیروی نامرئی که شما را عقب نگه می‌دارد، ترس از شروع است، نه تنبلی. راز غلبه بر این مقاومت ذهنی، در یک فلسفه قدرتمند ژاپنی به نام "کایزن" (Kaizen) و «قانون ۱ دقیقه‌ای» نهفته است.

منبع : چنل یوتیوب آدمک دانا

✦ 💻 @programming_codiing

کجا برم یادگیری؟
— ساده‌ترین جواب :
دانشگاه تاپ دنیا یوتیوب یونیورسیتی :)
فقط کافیه بشینی یادبگیری.

✦ @programming_codiing

یه مجموعه‌ی تمیز از 200+ دوره‌ی رایگان با گواهی معتبر؛ از برنامه‌نویسی و AI گرفته تا دیزاین، بیزینس، امنیت و کلی حوزه‌ی دیگه.
بیش از ۲۰,۰۰۰ ساعت محتوای آموزشی یک‌جا جمع شده:

https://github.com/PanXProject/awesome-certificates

✦ @programming_codiing

تا حالا شده یه سایتی رو باز کنی و ببینی عکس‌ها نصفه‌نیمه میان، متن‌ها یهو جابجا میشن و کلاً سایت تا چند ثانیه شبیه یه اتاق به هم ریخته‌ست؟
اینجاست که یه قهرمان به اسم PreloaderWrapper وارد داستان میشه.

حالا این PreloaderWrapper اصلاً چی هست؟

بذارید با یه مثال ساده بگم: فرض کنید رفتید تئاتر. وقتی روی صندلی می‌شینید، پرده‌ها کشیده شده. پشت پرده، بازیگرها دارن لباس می‌پوشن و دکور داره چیده میشه. وقتی همه چیز ۱۰۰٪ آماده شد، پرده میره کنار و شما یه نمایش بی‌نقص می‌بینید.

توی دنیای فرانت‌اند (مثل ریکت و نکست)، PreloaderWrapper دقیقاً همون پرده‌ی تئاتر یا همون سالن انتظار سایته، یعنی وقتی کاربر سایت رو باز می‌کنه، به جای اینکه محتوای نصفه‌نیمه و در حال لود شدن رو ببینه، اول یه صفحه خوشگلِ لودینگ (مثل یه لوگوی در حال چرخش یا یه انیمیشن جذاب) می‌بینه. وقتی دیتای سایت کامل لود شد و سایت خوش‌تیپ شد، این پرده میره کنار و محتوای اصلی نمایش داده میشه.

چرا باید ازش استفاده کنیم؟

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

توی کد چطوری کار می‌کنه؟ (به زبان خیلی ساده)

ما کل سایتمون رو می‌ذاریم داخل این PreloaderWrapper. بهش میگیم ببین آقای Wrapper، تا وقتی که عکس‌ها و اطلاعاتِ من کامل از سرور نرسیده، همون انیمیشن لودینگت رو به کاربر نشون بده. هر وقت گفتم آماده‌ام، لودینگ رو قایم کن و سایت رو نشون بده یا حتی بعضی وقتا برای اینکه یه زیبایی خاصی بده به سایتمون هنگام بالا اومدن برای کاربر, ما خودمون این رو تنظیم می کنیم که سایت لود بشه نشه ۵ ثانیه مثلا نمایش داده بشه.

ساختارش تو ذهن ما یه چیزی شبیه به اینه:

اگر (سایت هنوز آماده نیست) {
   انیمیشن لودینگ رو نشون بده 
} در غیر این صورت {
   محتوای اصلی سایت رو نشون بده 
}

به همین سادگی, با یه ایده کوچیک، تجربه کاربری (UX) سایتت از زمین تا آسمون فرق می‌کنه.

✦ @programming_codiing

- بهترین روش‌ها برای نوشتن کامنت در کد &
- 9 قانون مهم کامنت‌نویسی &
- برنامه‌ها برای چه کسانی نوشته می‌شوند؟

🔗 READ

✦ @programming_codiing

EmailJS
چیه؟

این کتابخونه برای ارسال ایمیل از سمت فرانت‌اند هست که می‌تونید بدون ساختن بک‌اند جداگانه، فرم سایتتون رو به سرویس ایمیل متصل کنید.

مراحل استفاده:

1. در سایت EmailJS ثبت‌نام کنید.
2. سرویس ایمیلتون رو به EmailJS متصل کنید.
3. یک Email Template بسازید.
4. "Service ID"، "Template ID" و "Public Key"
رو دریافت کنید.
5. پکیج EmailJS رو نصب و در پروژه استفاده کنید.
6. اطلاعات فرم رو با EmailJS ارسال کنید.

در نهایت می‌تونید خیلی راحت فرم تماس، پیام‌ها و درخواست‌های کاربران رو به ایمیل خودتون ارسال کنید.

اگر جایی از پیاده‌سازی به مشکل خوردید، می‌تونید از ChatGPT کمک بگیرید و خیلی راحت هندلش کنید.
بهترین مزیت ش هم اینه که توی سایت پورتفولیو مثلا می تونید استفاده کنید و.. و نیازی به vpn هم نیست برای ارسال پیام، خودم ازش استفاده کردم و کاملا عالی بود.

✦ @programming_codiing

تخفیف صد در صدی مکتبخونه روی ۵۰۰ تا دوره

با رفتن به https://mktb.me/um8m/ می‌تونین جزییات رو ببینین. ولی خب به شکل خلاصه، مکتبخونه یه بار دیگه روی ۵۰۰ تا دوره یک کد تخفیف ۱۰۰٪ گذاشته؛

کد تخفیف هم هست: IRANMAHER

✦ @programming_codiing

بعضی وقتا بهترین کاری که می‌تونی برای پروژه انجام بدی اینه که هیچ کدی ننویسی.
اول مسئله رو بفهم، بعد کد بزن.
خیلی از باگ ها و مشکل هایی که می تونه بوجود بیان، همون اول کار حل می شن برات.

✦ @programming_codiing

اگه طولانی بودن class های تیلویند اذیت‌تون می‌کنه، این اکستنشن رو رو VsCode نصب کنین.

همون‌طور که از لوگوش مشخصه، این اکستنشن میاد کل classها رو جمع میکنه و به جاشون سه نقطه می‌ذاره. وقتی روش کلیک کنی، classها رو نشون میده.

✦ 💻 @programming_codiing

سافت اسکیل یا مهارت نرم چیه؟

وقتی صحبت از مهارت میشه، معمولاً ذهنمون میره سمت چیزهایی مثل HTML، CSS، JavaScript، React و...

این‌ها مهارت‌های فنی یا Hard Skill هستن.

اما یه سری مهارت دیگه هم وجود دارن که شاید مستقیم به کدنویسی مربوط نباشن، ولی تأثیر زیادی روی موفقیت ما دارن؛ به این‌ها میگن Soft Skill یا مهارت نرم.

مهارت نرم یعنی اینکه چطور فکر می‌کنیم، چطور با دیگران ارتباط برقرار می‌کنیم و چطور با مشکلات و موقعیت‌های مختلف برخورد می‌کنیم.

مهم‌ترین مهارت‌های نرم برای یک برنامه‌نویس:

• حل مسئله
• ارتباط درست و مؤثر
• مدیریت زمان
• مسئولیت‌پذیری
• کار تیمی
• یادگیری مداوم
• تفکر انتقادی
• تصمیم‌گیری
• صبر و مدیریت استرس
• توانایی پذیرش بازخورد
• اعتمادبه‌نفس
• سازگاری با تغییرات

خیلی‌ها روی مهارت‌های فنی تمرکز می‌کنن و دائماً دنبال یاد گرفتن زبان و فریم‌ورک جدید هستن، اما مهارت نرم هم به همون اندازه مهمه.

ممکنه دو نفر دانش فنی تقریباً یکسانی داشته باشن، ولی کسی که بهتر مشکل حل می‌کنه، بهتر ارتباط برقرار می‌کنه، مسئولیت‌پذیرتره و می‌تونه با دیگران کار کنه، معمولاً عملکرد بهتری خواهد داشت.

چطور سافت اسکیل‌هامون رو تقویت کنیم؟

سافت اسکیل چیزی نیست که فقط با دیدن چند ویدیو یا خوندن چند مقاله یاد بگیریم؛ باید توی زندگی و کار روزمره تمرینش کنیم.

برای شروع می‌تونید هر ماه روی یک مهارت تمرکز کنید.

مثلاً یک ماه روی مدیریت زمان، ماه بعد روی ارتباط بهتر با دیگران و بعد روی حل مسئله.

برای تقویت حل مسئله، سعی کنید قبل از کمک گرفتن کمی خودتون فکر و تحقیق کنید.

برای تقویت ارتباط، یاد بگیرید واضح‌تر صحبت کنید و سوالاتتون رو دقیق‌تر بپرسید.

برای مدیریت زمان، کارهاتون رو اولویت‌بندی کنید و بدونید وقتتون دقیقاً کجا داره مصرف میشه.

برای تقویت تفکر انتقادی هم هر چیزی رو بدون فکر قبول نکنید؛ تحقیق کنید و دلیلش رو بفهمید.

در آخر یادتون باشه:

Hard Skill مشخص می‌کنه چه کاری بلدید انجام بدید، اما Soft Skill مشخص می‌کنه چطور اون کار رو انجام می‌دید.

برای حرفه‌ای شدن، فقط یاد گرفتن تکنولوژی‌های جدید کافی نیست؛ باید روی نحوه فکر کردن، رفتار کردن و کار کردنمون هم سرمایه‌گذاری کنیم.

✦ @programming_codiing

اگه موقع کدنویسی مدام دنبال مستندات HTML، CSS، JavaScript، React و کلی تکنولوژی دیگه می‌گردی :

🔗 DevDocs

در واقع یه مرجع جمع‌وجور از مستندات برنامه‌نویسیه که همه‌چیز رو مرتب و سریع در اختیارت می‌ذاره.

حتی می‌تونی مستندات موردنیازت رو دانلود کنی و آفلاین هم ازشون استفاده کنی.

✦ 💻 @programming_codiing

شاید خودت نجات پیدا نکنی، ولی کدات نجات پیدا می کنن :))

هر برنامه نویسی تو هر حوزه‌ای فرق نمی کنه، باید گیت گیتهاب یاد بگیره.

✦ @programming_codiing

می تونید از سایت زیر استفاده کنید برای ساخت تِم دلخواه خودتون برای VsCode :

🔗 https://themes.vscode.one/

✦ @programming_codiing