ProCode | پُرو‌کُد – Telegram
ProCode | پُرو‌کُد
119 subscribers
181 photos
19 videos
17 files
360 links
پُروکُد ، جایی که برنامه نویسان حرفه‌ای متولد می‌شوند 🚀🧑🏻‍💻

Linkedin : https://ir.linkedin.com/in/amirreza-riahi-106a51304

Telegram :
@AmirRh2087

Github :
www.github.com/AmirRiahi2008

Website :
بزودی
Download Telegram
بیشترین حقوق درخواستی برای سنیورها (بطور میانگین) طبق گزارش جاب ویژن برای برنامه نویس های گولنگ هست، سال گذشته هم به همین شکل بود اگه اشتباه نکنم. و البته این آمار مطابقت داره با گزارش stackoverflow که معمولا در سال های اخیر برنامه نویس های گولنگ در دسته چند مهارت با بیشترین پرداختی هستند.

https://lnkd.in/dNnEFu3K
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👍2
FUN 😁
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👍1😁1
یه ابزار خوب برای فرانت دولوپرها

این ابزار میتونه از طریق swagger v2 یا openAPI v3 بیاد درخواست های fetch رو بنویسه و میتونه بیاد validation با zod و به صورت type-safe براتون انجام بده. ( از فرمت های yaml و json پشتیبانی میکنه )

❇️ نحوه کار :
این ابزار رو به صورت dev dependencies نصب میکنید و یک فایل config داره که مشخص میکنید و به سادگی با یه دستور fetchها یا validationهای شما آماده است.

⚙️ کانفیگ :
اگر در داکیومنت Orval توجه کنید از انواع موارد مختلف پشتیبانی میکنه ، برای مثال شما میتوانید از axios یا fetch api یا react query یا vue query یا انگیولار یا zod ( برای valition ) و تا ترکیبی از fetch و validation بهرمند شوید.

📖 برای مطالعه بیشتر حتما به داکیومنت Orval مراجعه کنید.

https://orval.dev
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👍2
پنج تا از بهترین Library های ری‌اکت 🛠
---------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👍2
https://orval.dev
اگه فرانت کارین orval رو دریابین حداقل ۳۰ درصد تو پروژه دستتو جلو میندازه
کافیه swagger رو بهش بدین براتون میاد جنریت میکنه api هارو و کنفیگ پذیره میتونید از هرچی خواستین استفاده کنین اینارو ساپورت میکنه
react query
fetch
axios
swr
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👍2
صفحه لاگین طلاسی – نسخه فرانت‌اند

صفحه لاگین پروژه‌ی طلاسی با استفاده از Bootstrap توسعه داده شده و حالا به‌صورت متن‌باز روی گیت‌هاب قرار گرفته.
مشاهده در گیت‌هاب:
github.com/mehrshad2020/talasi-auth-frontend
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👍1👏1
🚀 سورس رایگان: داشبورد ادمین با Bootstrap 5

ویژگی‌ها:
طراحی مدرن و واکنش‌گرا
کاملاً سبک و بهینه
مناسب برای پروژه‌های مدیریتی

📥 دانلود سورس کد: https://github.com/mehrshad2020/bootstrap-admin-dashboard
📢 به دوستات هم بفرست که استفاده کنن!
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
1👍1
60 عامل رتبه بندی گوگل در سال 2025
آنها را بشناسیم تا رتبه بالاتری بگیریم

Content:

1. Content Quality
2. Content Relevance
3. Keyword Usage
4. Semantic Keywords
5. Content Length
6. Content Freshness
7. Duplicate Content
8. Outbound Links
9. Internal Linking
10. Content Readability
11. E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthiness)
12. Content Accuracy
13. Content Structure
14. Content Uniqueness
15. Multimedia Elements

On Page SEO

16. Title Tag
17. H1 Tag
18. Alt Text
19. URL Structure
20. Breadcrumb Navigation
21. Schema Markup
22. Mobile Friendliness
23. Page Speed
24. HTTPS/SSL Security
25. Canonical Tags
26. Image Optimization
27. Content-to-Code Ratio
28. User Experience (UX)
29. Core Web Vitals

Off-Page SEO

30. Backlink Quality
31. Backlink Quantity
32. Link Diversity
33. Guest Blogging
34. Social Signals
35. Domain Authority
36. Page Authority
37. Brand Mentions
38. Unlinked Mentions

Technical SEO

39. XML Sitemap
40. Robots.txt
41. Site Architecture
42. 301 Redirects
43. 404 Errors
44. JavaScript Rendering
45. Crawl Budget
66. Canonicalization
47. Server Response Time
48. Indexing
49. Pagination

User Experience (UX)

50. Click-Through Rate (CTR)
51. Bounce Rate
52. Dwell Time
53. Pogo-Sticking
54. User Engagement
55. Mobile Usability
56. Accessibility

Local SEO
57. Google Business Profile
58. NAP Consistency
59. Local Reviews
60. Local Backlinks

Mohamad Noreyni~
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👍3
امروز پادکست طبقه ۱۶ گوش می‌دادیم، امیراحمد برکتین گفت: درآمد پیک‌های «میاره» ماهی ۶۰ میلیونه!

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

واسه تخصصتون ارزش قائل باشید!
👍21
تفاوت بین SSR, CSR, SSG و ISR : بررسی دقیق و کاربردی

بعضی وقتا توی دنیای وب، وقتی میخوایم سایت‌هامون رو بسازیم، با اصطلاحاتی مثل SSR، CSR، SSG و ISR روبه‌رو میشیم. اما اینا چیا هستن و چه تفاوت‌هایی با هم دارن؟ 🤔

🔸 (رندر سمت کلاینت) CSR :
در این روش، محتوا در مرورگر کاربر با استفاده از جاوا اسکریپت رندر میشه. در اینجا، سرور فقط داده‌های خام رو میفرسته و بارگذاری صفحه با استفاده از جاوا اسکریپت و استایل‌ها در مرورگر کاربر اتفاق میفته. این روش برای اپلیکیشن‌های پیچیده و با محتوای پویا مناسب‌تره، ولی یه مشکل اصلی داره: SEO به خاطر اینکه موتورهای جستجو نمی‌تونن محتوای جاوا اسکریپت رو درست ایندکس کنن.

🔸 (رندر سمت سرور) SSR :
این روش یه مزیت بزرگ برای سئو داره چون محتوای HTML قبل از ارسال به مرورگر روی سرور رندر میشه. یعنی سرور مسئولیت ساخت محتوای صفحه رو بر عهده می‌گیره و به کاربر یک صفحه کامل و آماده میده. البته بار سرور بالا میره و ممکنه واکشی داده‌ها زمان‌بر بشه.

🔸 (تولید سایت ایستا) SSG :
در این روش، تمام صفحات سایت در زمان ساخت به صورت HTML ایستا رندر میشن. این یعنی صفحات از قبل آماده‌سازی میشن و وقتی کاربر درخواست میده، سریع بهش داده میشه. این استراتژی برای سایت‌هایی که نیاز به محتوای ثابت دارن عالیه، چون بارگذاری خیلی سریع‌تره و امنیت بیشتره.

🔸(بازسازی استاتیک افزایشی) ISR :
این روش ترکیبی از SSR و SSG هست. یعنی میشه صفحات ایستا رو پیش از زمان ساخت آماده کرد و به‌طور دوره‌ای صفحات خاصی رو با داده‌های جدید به‌روز کرد. این مدل برای سایت‌هایی که هم نیاز به سرعت بالا و هم نیاز به داده‌های به‌روز دارند، بهترین گزینه است.

🕔 زمان مناسب استفاده از هر کدوم:

🔹 (رندر سمت کلاینت) CSR: برای اپلیکیشن‌های پیچیده و پویا

🔹 (رندر سمت سرور) SSR: برای سایت‌هایی که نیاز به SEO بالا و سرعت بارگذاری اولیه دارند

🔹 (تولید سایت ایستا) SSG : برای سایت‌های ثابت و کم تغییر

🔹 (بازسازی استاتیک افزایشی) ISR : برای سایت‌هایی که نیاز به محتوای ثابت و به‌روز دارند بدون نیاز به استقرار مجدد
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👍1
Forwarded from Ditty | دیتی
آرایه با عضو اجباری توی تایپ‌اسکریپت؟ 🤔

برای مثال چکار کنیم وقتی می‌خوایم یک تایپ برای یک آرایه داشته باشیم که:

۱. اعضای اون عددی باشن
۲. می‌خوایم کاربر رو مجبور کنیم که حتماً این آرایه رو خالی نذاره

از ترفند خط ۶ عکس استفاده می‌کنیم 👌

#typenoscript
👍2