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

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

Telegram :
@AmirRh2087

Github :
www.github.com/AmirRiahi2008

Website :
بزودی
Download Telegram
شما با کدهایتان آینده را شکل می‌دهید؛

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

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

https://news.1rj.ru/str/ProCode0101
3
🔹هوک useTransition چیه و چه کاردبرد هایی داره؟


✔️ هوک useTransition توی React یه ابزاره که بهت اجازه می‌ده قسمت‌هایی از رابط کاربری رو به صورت پس‌زمینه (background) رندر کنی. به عبارت ساده، وقتی می‌خوای یه به‌روزرسانی state انجام بدی که ممکنه کار سنگینی باشه (مثلاً فیلتر کردن یه لیست بزرگ یا تغییر دادن محتوای یه تب) و نمی‌خوای این کار باعث وقفه و لگ توی رابط کاربری بشه، از useTransition استفاده می‌کنی.

🟡 وقتی useTransition رو بالای کامپوننتت صدا می‌زنی، دو تا چیز برمی‌گردونه:

1️⃣ مقدار isPending: یه فلگ که نشون می‌ده آیا یه Transition (یعنی به‌روزرسانی با اولویت پایین) در حال انجامه یا نه.
مثلاً اگه مقدارش true باشه، می‌تونی یه انیمیشن یا پیام "در حال پردازش" به کاربر نشون بدی.

2️⃣مقدار startTransition: یه تابع که هر کاری رو داخلش انجام بدی، به عنوان یه Transition اجرا می‌شه. یعنی stateهایی که داخل اون تابع آپدیت می‌شن، به صورت غیر مسدودکننده (non-blocking) انجام می‌شن.


🔆مثال ساده:
import { useState, useTransition } from 'react';

function MyComponent() {
const [isPending, startTransition] = useTransition();
const [tab, setTab] = useState('home');

function handleTabChange(newTab) {
// به‌روزرسانی state به صورت Transition
startTransition(() => {
setTab(newTab);
});
}

return (
<div>
<button onClick={() => handleTabChange('home')}>Home</button>
<button onClick={() => handleTabChange('profile')}>Profile</button>
{isPending && <span>در حال تغییر تب...</span>}
<div>{tab === 'home' ? 'صفحه اصلی' : 'پروفایل'}</div>
</div>
);
}

❗️در این مثال، وقتی کاربر روی یکی از دکمه‌ها کلیک می‌کنه، تابع handleTabChange داخل startTransition اجرا می‌شه. به این ترتیب، اگر آپدیت state کار سنگینی باشه، به صورت پس‌زمینه انجام می‌شه و UI همیشه پاسخگو می‌مونه.

‼️ چند تا نکته :
1️⃣ هوک useTransition فقط داخل کامپوننت‌ها یا هوک‌های سفارشی قابل استفاده‌س.

2️⃣ اگه داخل تابع startTransition از عملیات async استفاده کنی، بعد از await هم باید آپدیت‌های state رو داخل یه startTransition دیگه قرار بدی تا اون‌ها هم به عنوان Transition در نظر گرفته بشن.

خلاصه اینکه، useTransition کمک می‌کنه تا به‌روزرسانی‌های سنگین و غیرضروری، بدون ایجاد وقفه توی تجربه کاربری، به صورت پس‌زمینه انجام بشن
--------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👏3
#Figma_Template

Figma Template: Global Transactions

Difficulty :  ⭐️⭐️⭐️

🔗Click for Get Link
-------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👌3
FACT Station 👌🏼🌱
-------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
💯4
هرچیزی که از اهمیت یادگیری زبان و تأثیر آن در یادگیری برنامه‌نویسی باید بدونیم 🧐

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

🔍 یادگیری زبان انسانی و برنامه‌نویسی: دو روی یک سکه
یادگیری زبان‌های انسانی، مثل انگلیسی، می‌تونه به برنامه‌نویسی کمک کنه. چرا؟ چون بیشتر منابع آموزشی برنامه‌نویسی، مستندات فنی و حتی جامعه‌های آنلاین برنامه‌نویسان به زبان انگلیسی هستن. اگر بتونیم انگلیسی رو خوب بلد باشیم، دسترسی به این منابع خیلی راحت‌تر می‌شه.

🧠 تقویت مهارت‌های ذهنی
یادگیری زبان‌های جدید، چه انسانی و چه برنامه‌نویسی، ذهن رو تقویت می‌کنه. این کار باعث می‌شه تفکر تحلیلی، خلاقیت و توانایی حل مسئله‌مون بهتر بشه. این مهارت‌ها دقیقاً چیزیه که برای برنامه‌نویسی لازم داریم!

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

🌟 ترکیب این دو مهارت: موفقیت تضمینی!
اگر همزمان روی یادگیری زبان‌های انسانی و برنامه‌نویسی کار کنیم، هم می‌تونیم با آدم‌های بیشتری ارتباط برقرار کنیم و هم ابزارهای فناوری رو خلق کنیم. این ترکیب می‌تونه فرصت‌های شغلی و ارتباطی زیادی رو برامون ایجاد کنه.

📌 نکته پایانی:
یادگیری زبان‌های انسانی و برنامه‌نویسی، هر دو سرمایه‌گذاری روی خودمون هستن. این دو مهارت نه‌تنها به هم کمک می‌کنن، بلکه آینده‌مون رو هم روشن‌تر می‌کنن.
-------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
💯3
بورسیه های تحصیلی در رشته های ذیل در مقطع پست داک، دانشگاه کالیفرنیا لس آنجلس
آمریکا
حقوق سالیانه: حدود 65000 دلار

روانشناسی اجتماعی یا شناختی، اقتصاد، رفتار سازمانی، سیاست‌گذاری عمومی، بهداشت عمومی
Postdoctoral Scholar for the Behavioral Decision Making Group
Jun 30, 2025
https://recruit.apo.ucla.edu/JPF10046

علوم زیست پزشکی، مهندسی زیستی
Postdoctoral Research Position
Feb 28, 2025
https://recruit.apo.ucla.edu/JPF10108

بیوشیمی، زیست شناسی مولکولی یا سلولی، علوم اعصاب، بیوفیزیک، ژنتیک
Postdoctoral Scholar
Mar 31, 2025
https://recruit.apo.ucla.edu/JPF09977

ایمونولوژی
Postdoctoral Scholar in Kulkarni Gut Lab 2024-2025
Apr 30, 2025
https://recruit.apo.ucla.edu/JPF09941

ژنومیک، زیست شناسی مولکولی
Postdoctoral Scholar Position in Bioinformatics – Scumpia Lab 2023-2024
Feb 28, 2025
https://recruit.apo.ucla.edu/JPF09345

علوم اعصاب، روانشناسی، میکروبیوم/زیست شناسی مولکولی، اپیدمیولوژی
Postdoctoral Position in Digestive Diseases - 2024-2025
Jun 30, 2025
https://recruit.apo.ucla.edu/JPF09915

روانشناسی بالینی، روانشناسی مشاوره
Postdoctoral Scholar in Clinical Psychology - Medicine-Pediatrics 2024-2025
Jun 30, 2025
https://recruit.apo.ucla.edu/JPF09525

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

https://news.1rj.ru/str/ProCode0101
🔥2👍1
400+ javanoscript questions .pdf
5.4 MB
۴۰۰ سوال مصاحبه جاوا‌اسکریپت 📕
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
💯2🔥1
بهترین دوره جاوااسکریپت ؟🧑🏻‍💻

با اختلاف بفرما 👇🏽

https://devsub.ir/product/javanoscript-sub/
روی لینک بزنید و شروع کنین
این دوره زیرنویس فارسی شده و بصورت رایگان در اختیار شما قرار گرفته🌱
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
2👏1
بهترین دوره HTML , CSS ؟🧑🏻‍💻

با اختلاف بفرما 👇🏽

https://devsub.ir/product/html-and-css-sub/
روی لینک بزنید و شروع کنین
این دوره زیرنویس فارسی شده و بصورت رایگان در اختیار شما قرار گرفته🌱
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
🔥3
frontend.pdf
414.7 KB
نقشه راه فرانت‌اند که شمارو تبدیل به متخصص فرانت می‌کنه🏆
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

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

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

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

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

https://news.1rj.ru/str/ProCode0101
😁2🔥1
full-stack.pdf
56.4 KB
نقشه راه فول‌استک شدن که شمارو تبدیل به متخصص برنامه‌نویسی می‌کنه🏆
⚠️فول‌استک دِوِلوپِر کسیه که مهارت بالایی هم در‌ بک‌اند و هم در ‌فرانت‌اند داره.
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👍1🔥1
جوناس، مدرس باتجربه و صبور دوره‌های برنامه‌نویسی، با سال‌ها فعالیت در حوزه تکنولوژی، به یکی از معتبرترین اساتید این رشته تبدیل شده. 💻 جوناس با روش تدریس ساده و روانش، مفاهیم پیچیده برنامه‌نویسی رو به شکلی قابل فهم به دانش‌آموزانش منتقل می‌کنه.

دوره‌های جوناس پر از مثال‌های عملی و پروژه‌های واقعی هست که به دانش‌آموزان کمک میکنن تا در دنیای کار حرفه‌ای بدرخشن. 🚀🔥 جوناس معتقده: "برنامه‌نویسی یک ابزار قدرتمند برای حل مسئله و ایجاد تغییر است."

اگر به دنبال یادگیری برنامه‌نویسی به شکلی اصولی و کاربردی هستید، جوناس بهترین گزینه است. با او، کدنویسی تبدیل به یک مهارت ارزشمند می‌شود! 🎨💡
خوشبختانه وبسایت های ایرانی هستن که دوره های جوناس رو زیرنویس و دوبله فارسی کردن و بعضی هارو بصورت رایگان در اختیار ما قرار دادن که میتونین از www.devsub.ir دریافت کنین.
-------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👏1💯1
🟣هوش مصنوعی Looka.ai یک ابزار آنلاین است که از هوش مصنوعی برای طراحی لوگوها استفاده می‌کند. شما با وارد کردن نام کسب‌وکار و انتخاب دسته‌بندی مورد نظر، این ابزار لوگوهای منحصر به فرد و حرفه‌ای طراحی می‌کند. همچنین قابلیت ویرایش لوگو و شخصی‌سازی آن وجود دارد.

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

https://news.1rj.ru/str/ProCode0101
🔥1👌1
🔸 آشنایی با Access Token و Refresh Token

مفهوم Access Token چیست؟

- یک کلید دیجیتال کوتاه‌مدت (مثلاً ۱۵ دقیقه) است.
- برای دسترسی به منابع سرور (مثل APIها) استفاده می‌شود.
- پس از انقضا، دیگر معتبر نیست و کاربر باید توکن جدید بگیرد.

مفهوم Refresh Token چیست؟

- یک کلید دیجیتال بلندمدت‌تر (مثلاً ۷ روز) است.
- برای دریافت Access Token جدید بدون نیاز به ورود مجدد کاربر استفاده می‌شود.
- معمولاً امنیت بالاتری دارد و در سرور یا کوکی‌های امن ذخیره می‌شود.


فرآیند رفرش توکن به زبان ساده:
1. ورود کاربر (Login):
- کاربر نام کاربری و رمز عبور را وارد می‌کند.
- سرور یک Access Token (کوتاه‌مدت) و یک Refresh Token (بلندمدت) به کاربر می‌دهد.

2. انقضای Access Token:
- بعد از ۱۵ دقیقه (یا زمان تعیین‌شده)، Access Token منقضی می‌شود.
- اگر کاربر بخواهد عملیاتی انجام دهد (مثلاً داده بخواند)، سرور خطای 401 Unauthorized می‌دهد.

3. درخواست توکن جدید با Refresh Token:
- کلاینت (مثلاً مرورگر یا اپلیکیشن)، Refresh Token را به سرور می‌فرستد.
- سرور بررسی می‌کند:
- اگر Refresh Token معتبر باشد → Access Token جدید می‌سازد و برمی‌گرداند.
- اگر معتبر نباشد → کاربر باید دوباره لاگین کند.

4. تکرار درخواست اصلی:
- کلاینت، Access Token جدید را جایگزین می‌کند.
- درخواست اصلی کاربر (مثلاً دریافت داده) با توکن جدید دوباره ارسال می‌شود.


📌 چرا این مکانیزم مهم است؟
- امنیت: کاهش ریسک سرقت توکن (چون Access Token عمر کوتاهی دارد).
- تجربه کاربری: کاربر بدون دردسر لاگین مجدد، به کارش ادامه می‌دهد.
- کنترل دسترسی: سرور می‌تواند با باطل کردن Refresh Token، دسترسی کاربر را فوراً لغو کند.

درباره این مفهوم در این لینک بیشتر بخوانید

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

https://news.1rj.ru/str/ProCode0101
👍2
ProCode | پُرو‌کُد
https://www.linkedin.com/posts/soheibkiani_webinarfarsi-activity-7299688883301093377-XOhP ------------------------------------- پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽 https://news.1rj.ru/str/ProCode0101
همه مصاحبه های چند ساعته از شرکت های بزرگ رو اینجا قرار دادم
آمازون + گوگل + لینکدین + متا و . . .
-------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
اکستنشن coins به شما این امکانات رو میده که هر ارزی رو که بخواید اطلاعاتی از اون ارزش برای یک روز گذشته یا چند ساعت پیشش رو بهتون میده برا پروژه هایی که توی حوزه ارزدیجیتال و NFT هستن
-------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101
👍1👌1