بهم پیام بده
Done
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
آقا پیمان در حال اتصال به شبکه های ماهواره ای 🧑💻😂🔥
🤣2❤🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🥰1
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
NextPro | برنامه نویسی
اگر علاقه داشتید تو لینکدین فالوم کنید و منم متقابلا فالو بک کنم.
📱 https://www.linkedin.com/in/peyman-geek/
🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
یه منبع عالی برای پسزمینههای مدرن وب: Pattern Craft 🎨
اخیراً با یه ابزار جالب به اسم Pattern Craft آشنا شدم که واقعاً نظرم رو جلب کرد.
اگر تو هم مثل من همیشه دنبال یه راه تمیز و سریع برای ساخت پسزمینههای جذاب بدون افت سرعت یا استفاده از تصویر هستی، حتماً یه نگاهی بهش بنداز.👌
وبسایت Pattern Craft یه مجموعه بزرگ از الگوها و گرادیانتهای CSS و Tailwind داره (۲۴۱ تا دقیقترش😅 ) که میتونی خیلی راحت کدشون رو کپی و توی پروژهت استفاده کنی.
نیازی به نصب چیزی نیست، فقط چند خط کد — و تمام!
نتیجه؟ یه پسزمینهی سبک، واکنشگرا و حرفهای که حس “تمیزی طراحی” رو منتقل میکنه.
چند تا ویژگی که من خیلی دوست داشتم🎁
🔘 پیشنمایش تعاملی (خیلی باحاله روی موبایل و دسکتاپ)
🔘 تنوع بالا از بافتهای ظریف تا گرادیانتهای چشمنواز
🔘 کدنویسی تمیز با Tailwind و CSS مدرن
🔘 بدون افت عملکرد یا نیاز به تصاویر سنگین
🔘 به نظرم برای هر کسی که روی UI/UX یا Frontend کار میکنه، یه ابزار الهامبخشه و واقعاً کاربردیه.
🔘 من خودم چند تا از الگوهاش رو تست کردم و بهنظرم تو پروژههای بعدی قطعاً ازش استفاده میکنم.
🌐 Craft beautiful's website
📱 My Linkedin page
📱 My personal website
🚀 @NextPro_Ch
اخیراً با یه ابزار جالب به اسم Pattern Craft آشنا شدم که واقعاً نظرم رو جلب کرد.
اگر تو هم مثل من همیشه دنبال یه راه تمیز و سریع برای ساخت پسزمینههای جذاب بدون افت سرعت یا استفاده از تصویر هستی، حتماً یه نگاهی بهش بنداز.
وبسایت Pattern Craft یه مجموعه بزرگ از الگوها و گرادیانتهای CSS و Tailwind داره (۲۴۱ تا دقیقترش
نیازی به نصب چیزی نیست، فقط چند خط کد — و تمام!
نتیجه؟ یه پسزمینهی سبک، واکنشگرا و حرفهای که حس “تمیزی طراحی” رو منتقل میکنه.
چند تا ویژگی که من خیلی دوست داشتم
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6
ولی خدایی #وایب_کدینگ هم حد و اندازهای داره ها!🤦♂️
بازار کار برنامه نویسی تو وضعیت عجیبیه !
انبوهی از تازه کارهایی رو میبینییم که فقط با AI "کد میزنن" و میگن که برنامه نویسن..
بنظرم نتیجه این مدل کار کردن میشه :
رشد سریع در کمیت، سقوط آزاد در کیفیت!
بد نیست به خودمون یادآوری کنیم:
برنامهنویسی یعنی فهمیدن سیستم، نه فقط تولید خروجی.
وگرنه این مسیر میره به جایی که
«کد کار میکنه ولی هیچکس نمیدونه چرا».
البته خود ماهیت وایب کدینگ بد نیست، تا وقتی پشتش درک، مسئولیت و یه ذره فهم سیستم باشه.
نه وایب کدینگ مطلق!
📱 Ahmad Ahmad-Nejad
🚀 @NextPro_Ch
بازار کار برنامه نویسی تو وضعیت عجیبیه !
انبوهی از تازه کارهایی رو میبینییم که فقط با AI "کد میزنن" و میگن که برنامه نویسن..
بنظرم نتیجه این مدل کار کردن میشه :
رشد سریع در کمیت، سقوط آزاد در کیفیت!
بد نیست به خودمون یادآوری کنیم:
برنامهنویسی یعنی فهمیدن سیستم، نه فقط تولید خروجی.
وگرنه این مسیر میره به جایی که
«کد کار میکنه ولی هیچکس نمیدونه چرا».
البته خود ماهیت وایب کدینگ بد نیست، تا وقتی پشتش درک، مسئولیت و یه ذره فهم سیستم باشه.
نه وایب کدینگ مطلق!
Please open Telegram to view this post
VIEW IN TELEGRAM
👌4👏2❤1
مفهوم CSR در Next.js یعنی چی؟ ❔
وقتی از Client-Side Rendering (CSR) حرف میزنیم، منظور اینه که محتوای صفحه بعد از لود شدن در مرورگر کاربر ساخته میشه، نه روی سرور.
یعنی مرورگر یه فایل HTML خالی میگیره، بعد با جاوااسکریپت React شروع میکنه به رندر کردن محتوا.
👨💻 مثلاً چی؟
فرض کن وارد یه صفحه محصول میشی و چند لحظه طول میکشه تا اطلاعات ظاهر بشه — این یعنی دادهها از API گرفته شدن و در مرورگر رندر شدن (نه از قبل روی سرور آماده بودن).
⚠️ اما CSR همیشه انتخاب خوبی نیست. چند تا از معایبش:
⏳ تاخیر در نمایش محتوا:
کاربر باید صبر کنه تا جاوااسکریپت دانلود و اجرا بشه، پس اولین محتوای قابلمشاهده دیرتر لود میشه.
🔍 ضعف در سئو:
چون محتوای اولیه خالیه، خزندههای موتور جستجو ممکنه نتونن اطلاعات درست بخونن (مگر با تنظیمات خاص).
📉 مصرف بالای منابع سمت کاربر:
رندر کامل در مرورگر یعنی استفاده بیشتر از CPU و RAM دستگاه کاربر.
✅ کی از CSR استفاده کنیم؟
وقتی صفحهای کاملاً وابسته به تعامل کاربره (مثل داشبوردها یا اپهای تحت وب که سئو براشون مهم نیست)، CSR انتخاب خوبیه.
#Nextjs #Frontend #CSR #WebDevelopment #React
🚀 @NextPro_Ch
وقتی از Client-Side Rendering (CSR) حرف میزنیم، منظور اینه که محتوای صفحه بعد از لود شدن در مرورگر کاربر ساخته میشه، نه روی سرور.
یعنی مرورگر یه فایل HTML خالی میگیره، بعد با جاوااسکریپت React شروع میکنه به رندر کردن محتوا.
فرض کن وارد یه صفحه محصول میشی و چند لحظه طول میکشه تا اطلاعات ظاهر بشه — این یعنی دادهها از API گرفته شدن و در مرورگر رندر شدن (نه از قبل روی سرور آماده بودن).
⏳ تاخیر در نمایش محتوا:
کاربر باید صبر کنه تا جاوااسکریپت دانلود و اجرا بشه، پس اولین محتوای قابلمشاهده دیرتر لود میشه.
چون محتوای اولیه خالیه، خزندههای موتور جستجو ممکنه نتونن اطلاعات درست بخونن (مگر با تنظیمات خاص).
رندر کامل در مرورگر یعنی استفاده بیشتر از CPU و RAM دستگاه کاربر.
وقتی صفحهای کاملاً وابسته به تعامل کاربره (مثل داشبوردها یا اپهای تحت وب که سئو براشون مهم نیست)، CSR انتخاب خوبیه.
#Nextjs #Frontend #CSR #WebDevelopment #React
Please open Telegram to view this post
VIEW IN TELEGRAM
👌2❤1👏1
Forwarded from Code Module | کد ماژول (𔓙)
بدرود با نوشتن دستی API ها و تایپ هاشون ☃️
پکیج Orval یک ابزار هوشمنده که از روی فایل OpenAPI یا Swagger (که بکاند دولوپر برات میفرسته)، به صورت خودکار ریکوستها و تایپ مدل ها و رسپانس هارو برای کار با API میسازه.
تو پروژههای بزرگ که تعداد APIها زیاده (مثلاً ۵۰ تا endpoint یا بیشتر)، نوشتن دستی اون همه ریکوست و تایپ خیلی وقتگیره و امکان بروز اشتباه و باگ هست.
ویژگی و مزیت های Orval
🌪تولید خودکار کد API: از روی فایل OpenAPI (.yaml) یا (json.) Swagger، بهصورت خودکار توابع ریکوست (GET, POST, …) میسازه.
🌪تولید تایپ های TypeScript: تایپ مدلهای داده و رسپانس هارو کامل جنریت میکنه.
🌪هماهنگی کامل با بکاند: وقتی بکاند تغییر میکنه، فقط نیازه یک بار کامند Orval رو اجرا کنی تا همهچی آپدیت بشه.
🌪پشتیبانی از کتابخونههای مختلف: بر اساس نیازتون میتونه خروجی رو برای Axios، Fetch API، React Query، SWR و … تولید کنه.
🌪امکان Mock کردن API: بدون نیاز به سرور واقعی، پاسخهای فیک Mock میسازه.
🌪 ساختار تمیز و سازمانیافته کدها: خروجیها منظم، خوانا و آماده استفاده در پروژه هستن.
🔗 Document
#orval
@CodeModule @CodeModuleGap
پکیج Orval یک ابزار هوشمنده که از روی فایل OpenAPI یا Swagger (که بکاند دولوپر برات میفرسته)، به صورت خودکار ریکوستها و تایپ مدل ها و رسپانس هارو برای کار با API میسازه.
تو پروژههای بزرگ که تعداد APIها زیاده (مثلاً ۵۰ تا endpoint یا بیشتر)، نوشتن دستی اون همه ریکوست و تایپ خیلی وقتگیره و امکان بروز اشتباه و باگ هست.
این پکیج ساخته شده تا:
سرعت توسعه رو بالا ببره.
هماهنگی با بکاند رو حفظ کنه.
خطاهای تایپی و ارتباطی رو از بین ببره.
ویژگی و مزیت های Orval
🌪تولید خودکار کد API: از روی فایل OpenAPI (.yaml) یا (json.) Swagger، بهصورت خودکار توابع ریکوست (GET, POST, …) میسازه.
🌪تولید تایپ های TypeScript: تایپ مدلهای داده و رسپانس هارو کامل جنریت میکنه.
🌪هماهنگی کامل با بکاند: وقتی بکاند تغییر میکنه، فقط نیازه یک بار کامند Orval رو اجرا کنی تا همهچی آپدیت بشه.
🌪پشتیبانی از کتابخونههای مختلف: بر اساس نیازتون میتونه خروجی رو برای Axios، Fetch API، React Query، SWR و … تولید کنه.
🌪امکان Mock کردن API: بدون نیاز به سرور واقعی، پاسخهای فیک Mock میسازه.
🌪 ساختار تمیز و سازمانیافته کدها: خروجیها منظم، خوانا و آماده استفاده در پروژه هستن.
🔗 Document
#orval
@CodeModule @CodeModuleGap
Code Module | کد ماژول
بدرود با نوشتن دستی API ها و تایپ هاشون ☃️ پکیج Orval یک ابزار هوشمنده که از روی فایل OpenAPI یا Swagger (که بکاند دولوپر برات میفرسته)، به صورت خودکار ریکوستها و تایپ مدل ها و رسپانس هارو برای کار با API میسازه. تو پروژههای بزرگ که تعداد APIها زیاده…
یکی از ابزار های به شدت خفن که متاسفانه تایم نکردم تو این مدت راجبش پست درست کنم
اما از اونجایی که دیدم آقا شاهین زحمتشو کشیدن ، گفتم فوروارد کنم
پ.ن: اگه هنوز جونیور نیستید و به اندازه کافی تمرین نکردید بهتره از این ابزار استفاده نکنید
@NextPro_Ch
اما از اونجایی که دیدم آقا شاهین زحمتشو کشیدن ، گفتم فوروارد کنم
پ.ن: اگه هنوز جونیور نیستید و به اندازه کافی تمرین نکردید بهتره از این ابزار استفاده نکنید
@NextPro_Ch
برای زیر ۲۷ سال
عزیز جان درکنار تخضصت
هرچیزی که هست
برنامه نویسی , دیجیتال مارکتینگ یا هرچی
برو دانش مالیت رو زیاد کن
از یه جایی به بعد نیازهای اولیه ات تامین میشه بعد تو میمونی با یه پول مازاد هرچقدر کم مثلا ۵۰ تومن
بعد چون بلد نیستی از پول پول دربیاری میری خرجش میکنی و عملا باید بگم توانگر شدن از زمانی شروع میشه که شما بتونی با پولت کار کنی
یعنی چی یعنی دانش مالی و سرمایه گزاریت رو ببری بالا
با همون ۵۰ تومن باید بتونی پول بسازی مثلا ۲۰ تومن بسازی این میشه کار درست این میشه رشد
وگرنه من زیاد دیدم پول داشتن اضافی
رفتن پلی استیشن ۵ خریدن
هفته ای یه بار هم بازی نمیکنن .
من یکی از هم خدمتی هام که ۱۸ سالش بود ۵ سال پیش با همین فرمون جلو رفت و با یه کار کارمندی ساده تونسته الان ۲۵۰ میلیون پول داشته باشه
چطوری
پول درآورده
ذخیره کرده
بعد طلا خریده بود
بعد فروخت
مجدد ریخت
خرید
و ....
دانش مالی رو زیاد کنین و گرنه بازهم پول ها میره سر چیزهای غیر ضروری و شما باز از توانگری دور میشید
باید یاد بگیرید چطوری سرمایه رو در مقابل تورم محافظت کنین
📱 Babak Doraniarab
🚀 @NextPro_Ch
عزیز جان درکنار تخضصت
هرچیزی که هست
برنامه نویسی , دیجیتال مارکتینگ یا هرچی
برو دانش مالیت رو زیاد کن
از یه جایی به بعد نیازهای اولیه ات تامین میشه بعد تو میمونی با یه پول مازاد هرچقدر کم مثلا ۵۰ تومن
بعد چون بلد نیستی از پول پول دربیاری میری خرجش میکنی و عملا باید بگم توانگر شدن از زمانی شروع میشه که شما بتونی با پولت کار کنی
یعنی چی یعنی دانش مالی و سرمایه گزاریت رو ببری بالا
با همون ۵۰ تومن باید بتونی پول بسازی مثلا ۲۰ تومن بسازی این میشه کار درست این میشه رشد
وگرنه من زیاد دیدم پول داشتن اضافی
رفتن پلی استیشن ۵ خریدن
هفته ای یه بار هم بازی نمیکنن .
من یکی از هم خدمتی هام که ۱۸ سالش بود ۵ سال پیش با همین فرمون جلو رفت و با یه کار کارمندی ساده تونسته الان ۲۵۰ میلیون پول داشته باشه
چطوری
پول درآورده
ذخیره کرده
بعد طلا خریده بود
بعد فروخت
مجدد ریخت
خرید
و ....
دانش مالی رو زیاد کنین و گرنه بازهم پول ها میره سر چیزهای غیر ضروری و شما باز از توانگری دور میشید
باید یاد بگیرید چطوری سرمایه رو در مقابل تورم محافظت کنین
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8❤5
دوستان پکیجی سراغ دارید که بشه کدبلاک نوشت و خروجیشم رو وبسایت دید؟ مثل UI Library ها که هم Demo گذاشتن و هم سورس کد. ❔
@NextPro_Ch
@NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
دوستان ممنون میشم اگر زیر این پست یه #Up بذارید ❤️
https://www.linkedin.com/feed/update/urn:li:activity:7386335718513639424/
@NextPro_Ch
https://www.linkedin.com/feed/update/urn:li:activity:7386335718513639424/
@NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
Linkedin
Peyman Ahmadi's Resume | Peyman Ahmadi
جویای فرصت شغلی به عنوان Front-end Developer (React / Next.js)
راستش مدت زیادیه که برای شرکت ها داخل #جابینجا و #جاب_ویژن ... رزومه میفرستم, اما اکثرا رزومه ام دیده نمیشه یا بخاطر موقعیت جغرافیاییم رد میشه, یا تائید میکنن و اصلا تماس نمیگیرن و راستش باعث…
راستش مدت زیادیه که برای شرکت ها داخل #جابینجا و #جاب_ویژن ... رزومه میفرستم, اما اکثرا رزومه ام دیده نمیشه یا بخاطر موقعیت جغرافیاییم رد میشه, یا تائید میکنن و اصلا تماس نمیگیرن و راستش باعث…