تا دو دقیقه به زندگی نرمال برمیگردی همه چیز میریزه بهم /:

بچه ها برنامه ریزی بلندمدت نکنید. مثلا در حدی که تا نیم ساعت آینده آب جوش بیاد نسکافه درست کنید.

اگه برای تمرین و کدنویسی دنبال ui خاصی میگردید، این طرح فیگما رو به هیچ وجه از دست ندید 💀

(طرح رسپانسیوش هم موجوده)

💎 Link

#figma
@CodeModule

یک مرجع عالی برای تایپ اسکریپت 💎

سایت Total TypeScript یک منبع آموزشی جامع برای یادگیری TypeScript هست که توسط Matt Pocock ایجاد شده. این سایت دوره‌های مختلف و محتوای آموزشی زیادی در مورد TypeScript ارائه میده، از جمله مباحث مقدماتی تا پیشرفته، بهترین شیوه‌های استفاده، نکات کلیدی برای بهینه‌سازی کدهای TypeScript و ...

از همه مهم تر یه قسمت جدید به سایت اضافه شده که یک کتابه ۱۶ چپتری هست، و از ابتدایی ترین مباحث تایپ اسکریپت شروع به آموزش میکنه. بهتون پیشنهاد میکنم حتما یک سر بزنید.

🔗 Link

#typescript
@CodeModule

آموزش دیزاین پترن ها به زبون آدمیزاد! ⚡️

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


🔗 https://github.com/3lf/design-patterns-for-humans


#design_patterns
@CodeModule

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

اگه قصد داری با شرکت‌های خارجی همکاری کنی یا به دنبال فرصت‌های شغلی بین‌المللی هستی، این وب‌سایت‌ها میتونن نقطه شروع خوبی باشن:

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


چند پست مرتبط با یک رزومه خوب 💎

ویژگی های یک رزومه کارفرما پسند

چند سایت کاربردی برای نوشتن رزومه انگلیسی

تکنیک هایی برای نوشتن یک رزومه که نمیدونستی!

@CodeModule

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

میدونم حوصله ندارید ولی خب هر ریکشن یه انگیزه به من برای تولید محتوا هست :))

ترجمه برخی از جملات کارفرماها 🥹

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

🔹 برات رزومه میشه
🔸 ترجمه: جوری ازت کار بکشیم، جوری ازت کار بکشیم که هرجا بگی فلان جا کار کردم، درجا استخدام بشی :)

🔹 حقوق توافقی
🔸 ترجمه: ما یه عددی می‌گیم، تو باید موافقت کنی وگرنه ناراحت می‌شیم. تو که دوست نداری ما ناراحت بشیم عزیزم؟ :)

🔹 حقوق پایه وزارت کار
🔸 ترجمه: مهم نیست چقدر تخصص داری و چند سال سابقه کار. ما اینجا به قانون پایبندیم، هرچی وزارت کار بگه! :)

🔹 محیط پویا و جوان
🔸 ترجمه: اینجا یه مشت بچه دور هم جمع شدن که چون کم سن و سالن و توقعشون پایینه استخدامشون کردیم. محیط به قدری پویاست که ممکنه همکارای امروزتو فردا دیگه نبینی!!

🔹 کار در شرکت معتبر و مشهور
🔸 ترجمه: موقع استخدام‌، بزرگترین شرکت خاورمیانه و حومه‌ایم؛ ولی موقع تسویه، یه زیر پله اجاره کردیم و محصولاتمون رو می‌ذاریم داخل پلاستیک مشکی می‌دیم دست مشتری :)

🔹 دارای اتاق فکر و بازی
🔸 ترجمه: یه فوتبال دستی رنگ و رو رفته داریم که تار عنکبوت بسته چون هیچکس حق نداره ازش استفاده کنه. مهد کودک که نیومدی، اینجا رو مثل اردوگاه کار اجباری آلمان نازی ببین

🔹 باهاتون تماس می‌گیریم
🔸 مصاحبه رو رد شدی و هیچ‌وقت قرار نیست تماسی باهات گرفته شه (90 درصد مواقع)


البته جسارت به هیچ شرکت و کارفرمایی نمیکنم، اما اکثریت همینه داستانشون :))


#fun
@CodeModule

بعد یه چیز دیگه هم که هست، هر جا میرم مصاحبه طرف میگه ما وسط بحرانیم.
من نمیدونم چرا همه توی بحرانن.
این بحران اصلا کیه که شرکت های شیراز رو ول نمیکنه؟
یکی که بحران نداره پیوی.

اشتباهات رایج برنامه نویسان مبتدی 🍁

▪️نداشتن برنامه

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

▪️استفاده از منابع آموزشی و کورس های بی کیفیت

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

▪️نادیده گرفتن سافت اسکیل‌ها

یکی از رایج‌ترین اشتباهات تازه‌کارها، تمرکز افراطی روی یادگیری زبان‌ها، فریم‌ورک‌ها و الگوریتم‌ها و غافل شدن از مهارت‌های نرم مثل ارتباط مؤثر، کار تیمی، و پذیرش نقد هست. کد تمیز تنها چیزی نیست که برای موفقیت نیاز دارید. مهارت‌هایی مثل مذاکره، رزومه نویسی، حل مسئله و .... هستن که تفاوت هارو بین دو دولوپر همسان از لحاظ هارد اسکیل، رغم میزنن.

▪️عدم پذیرفت شکست

مغز ما به شکست نیاز داره و بدن ما بعد ساعاتی نشستن پشت سیستم خسته میشه. این چیزی نیست که بتونیم باهاش بجنگیم.
بعضی از دولوپرا هر خطا یا باگی رو شکستی شخصی تلقی می‌کنن و از تحلیل اون و امتحان راه‌حل‌های جدید می‌ترسن. این طرز فکر باعث میشه کدهای محافظه‌کارانه بنويسيد و خلاقیت خودتون رو سرکوب کنید. کسی که شکست رو بپذیره و از اون سوال بپرسه، خیلی زودتر از کسی که از اشتباه فراریه، پیشرفت میکنه.

▪️آموزش زیاد، تمرین کم

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

▪️وقفه در یادگیری

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


▪️نادیده گرفتنِ اهمیت یک کد خوانا
(انتخاب اولین راه حل)

اکثر دولوپر ها، اولویت اولشون اینه که کد کار کنه. شاید به این که به چه شکل و به چه روشی هم باشه براشون فرقی نداشته باشه و در آینده به نوعی کدشون باید «رمزگشایی» بشه 😂
در برنامه‌نویسی، راه‌حل‌های خوب زمانی به دست میان که راه‌حل‌های قبلی رو زیر سؤال ببرن. زمانی که باگی به وجود میاد، هدف ما تنها حل‌کردنش نیست. بلکه پیداکردن روشیه که علاوه بر حل‌کردن، ساده و درک‌پذیر باشه.


▪️کپی پیست بدون درک کد

قطعا تو پروژه هامون یه سر به gpt یا سایر Ai ها برای دیباگ یا پیدا کردن تکه کدی زدیم. تو این موقعیت باید کد جدید و به خوبی درک کنیم و از ساز و کارش سر در بیاریم. این کار در ابتدا بر بهره ‌وری شما تأثیر می‌ذاره و در نهایت شما رو به توسعه‌ دهنده بهتری تبدیل می ‌کنه. در غیر این صورت وابستگی شما روز به روز به هوش های مصنوعی بیشتر میشه.



#bug
@CodeModule

اشکال svg حرفه‌ای طراحی کن 🌪

قراره با یک ابزار کاربردی برای طراحی اشکال SVG منحصر به فرد آشنا بشیم. با استفاده از این سایت، شما می‌تونید پیچیدگی، رنگ و کنتراست اشکال رو تنظیم و به‌ سرعت اکسپورت بگیرید و در نهایت، به پروژه هاتون با استفاده از این اشکال رنگ و لعاب بدید.

🔗 Website

#svg
@CodeModule

چرا سال ۹۰ بیت کوین نخریدی؟!
من سال ۹۰:

#fun
@CodeModule

5 اکستنشن کاربردی که باید نصب کنی⚡️

🫆 اکستنشن WhatFont

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

🫆 اکستنشن Colorzilla

با استفاده از اکستنشن Colorzilla، می‌تونید کد HEX رنگ مورد نظرتون رو پیدا و به‌راحتی کپیش کنید. با این ابزار نه تنها می تونید تاریخچه رنگ ها رو ببینید، بلکه این امکان رو هم دارید که گرادیان های CSS ای رو تحلیل کنید.

🫆 اکستنشن Image Downloader

اگه از اون دسته دولوپرایی هستید که روزانه تصاویر زیادی دانلود می‌کنن، اکستنشن Image Downloader مختص شماست. به کمک این افزونه می‌تونید در سریع‌ترین زمان ممکن، تعداد زیادی از تصاویر رو بر اساس ابعاد مورد نظرتون فیلتر و دانلود کنید.

🫆 اکستنشن Dimensions

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

🫆 اکستنشن CSSViewer

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


#extensions
@CodeModule

اگه برای تمرین و کدنویسی دنبال ui خاصی میگردید، این طرح فیگما رو به هیچ وجه از دست ندید 💀

(طرح رسپانسیوش هم موجوده)

💎 Link

#figma
@CodeModule

دائم دنبال api هستی و پیدا نمیکنی؟ 🕷

توی این پست ۲ api مارکت خاص بهتون معرفی میکنم که واسه هر چیزی که فکر کنید، api دارن. از دیجی کالا و آشپزی و ... بگیر تا هوش مصنوعی !!

▫️https://apieco.ir/

▫️https://one-api.ir/

#api
@CodeModule

😂😂😂😂😂

#fun
@CodeModule

دنبال نمونه پروژه برای تمرینی؟ 💥

ریپازیتوری 50projects50days مجموعه‌ای از ۵۰ پروژه‌ی کوچیک و کاربردیه که به منظور تمرین و تقویت مهارت‌های HTML، CSS و JavaScript طراحی شده. پیشنهاد میکنم حتما یه سر بزنید.

🔗 Repository

#repository
@CodeModule

داکیومنت‌های مورد نیازت رو آفلاین همراهت داشته باش! 💻

فرقی نمی‌کنه مشغول چه حوزه‌ای هستی، این ابزار‌ها در زمان قطعی اینترنت به فریادت میرسن.

‏📖 DevDocs
تقریباً هر چیزی که لازم داری رو یک‌جا جمع کرده؛ از JavaScript، TypeScript، React و Node.js گرفته تا CSS، HTML و ده‌ها تکنولوژی دیگه. کافیه داکیومنت‌های موردنیازت رو دانلود کنی تا هر زمان، حتی بدون اینترنت، به اونها دسترسی داشته باشی.

‏⚡️ Zeal
یکی از بهترین ابزارها برای دسترسی آفلاین به مستنداته. کافیه Docsetهای موردنیازت رو یک‌بار دانلود کنی؛ بعد از اون با یک جستجوی ساده، بدون نیاز به اینترنت به همه داکیومنت‌ها دسترسی داری.

🔗 DevDocs
🔗 Zeal

#document
@CodeModule

با Nuqs بیشتر آشنا بشید 🕷

پکیج Nuqs یک کتابخونه برای مدیریت state از طریق query string در پروژه های React و فریم‌ورک‌هایی مثل Next.js هست.

به زبان ساده‌تر: با Nuqs می‌تونید stateهایی مثل فیلترها، سرچ کاربر، پیجینیشن، یا هر متغیری رو که نیازه در URL نگه دارید و خیلی راحت و type-safe مدیریتشون کنید.

قابلیت‌های مهم این پکیج

💥 پشتیبانی از انواع داده (string number, boolean, date, array و ...)

💥 سازگاری کامل با App Router

💥 سینک خودکار بین state و URL

💥 ساده‌تر از useSearchParams

اگه از دست useSearchParams و useRouter خسته شدی، پکیج Nuqs دقیقاً همونه که دنبالش بودی.

🔗 Document

#nuqs
@CodeModule