میدونستین توی جاوااسکریپت Labelled Break هم داریم؟
تو این پست از لینکدین پرداختم به این موضوع که حتما پیشنهاد میشه ببینیدش 🎯
https://www.linkedin.com/posts/amirreza-riahi-106a51304_javanoscript-js-coding-activity-7297447258365599746-w6cu?utm_source=share&utm_medium=member_android&rcm=ACoAAE3A1FYBTbJt9HNH4O-4Kjb6dcEySL1h2kc
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

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

🎨 چرا هارددیسک‌ها رنگ‌بندی دارن؟


🧐 اول از همه هارد دیسک چیه؟

✨ هارد دیسک یا HDD
(مخفف Hard Disk Drive) یک دستگاه ذخیره‌سازی دائمی داده‌ها در کامپیوترها و سایر دستگاه‌های الکترونیکی است...

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

❄️ که مثلا شرکت Western Digital یکی از ارائه‌دهندگان است...


🌈 حالا این هاردهایی که می‌بینیم اکثرا در رنگ‌های مختلف وجود دارن...


🤨 ولی رنگ اونها چی رو نشون میده؟


🎨 رنگ هارد به ما 4 المان رو بازگو میکنه:

⚡️ سرعت انتقال داده
🌀 سرعت چرخش
📦 حافظه‌ی کش
🔥 کاربرد


✨رنگ‌بندی هارد دیسک‌ها به 6 رنگ زیر تقسیم‌بندی میشن...:

🟢 سبز:

⚡️ سرعت انتقال داده: 175MB
🌀 سرعت چرخش: 5400RPM (round per minute)
🔥 کاربرد: مصرف‌های شخصی و خانگی که به توان مصرفی بسیار پایین نیازمند است...


🔵 آبی:

⚡️ سرعت انتقال داده: 178MB
🌀 سرعت چرخش: 7200-5400 RPM
📦 حافظه‌ی کش: 64MB
🔥 کاربرد: مصارف اداری (و بعضی اوقات خانگی)


⚫️ سیاه:

⚡️ سرعت انتقال داده: 218MB
🌀 سرعت چرخش: 7200RPM
📦 حافظه‌ی کش: 64-256 MB
🔥 کاربرد: بدلیل سرعت بالا برای گیمرها و کاربران حرفه‌ای (در امر انتقال داده) مورد استفاده قرار می‌گیرد...


🟣 بنفش:

⚡️ سرعت انتقال داده: 210MB
🌀 سرعت چرخش: 5400RPM
📦 حافظه‌ی کش: 64-256 MB
🔥 کاربرد: بدلیل کارکرد دائم و تمام مدت، در سیستم‌های محافظتی و نگهبانی مورد استفاده قرار می‌گیرد...


🔴 قرمز:

⚡️ سرعت انتقال داده: 178MB
🌀 سرعت چرخش: 5400RPM
📦 حافظه‌ی کش: 16-256 MB
🔥 کاربرد: بدلیل ظرفیت بالا و پایداری‌اش در سیستم‌های ذخیره‌سازی متصل به شبکه (NAS) مورد استفاده قرار می‌گیرد...


🟡 طلایی:

⚡️ سرعت انتقال داده: 200MB
🌀 سرعت چرخش: 7200RPM
📦 حافظه‌ی کش: 16-256 MB
🔥 کاربرد: بدلیل سرعت بالا، قابلیت زیاد و اطمینان و پایدار بودنش در عرصه‌های خاص (مثل شبکه‌ی NAS) مورد استفاده قرار می‌گیرد که بسیار هم گران است...
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

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

شما با کدهایتان آینده را شکل می‌دهید؛

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

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

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

🔹هوک 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

#Figma_Template

Figma Template: Global Transactions

Difficulty :  ⭐️⭐️⭐️

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

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

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

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

هرچیزی که از اهمیت یادگیری زبان و تأثیر آن در یادگیری برنامه‌نویسی باید بدونیم 🧐

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

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

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

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

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

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

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

بورسیه های تحصیلی در رشته های ذیل در مقطع پست داک، دانشگاه کالیفرنیا لس آنجلس
آمریکا
حقوق سالیانه: حدود 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

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

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

بهترین دوره جاوااسکریپت ؟🧑🏻‍💻

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

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

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

بهترین دوره HTML , CSS ؟🧑🏻‍💻

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

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

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

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

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

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

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

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

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

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

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

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

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

نقشه راه فول‌استک شدن که شمارو تبدیل به متخصص برنامه‌نویسی می‌کنه🏆
⚠️فول‌استک دِوِلوپِر کسیه که مهارت بالایی هم در‌ بک‌اند و هم در ‌فرانت‌اند داره.
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

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

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

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

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

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

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

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

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

🔸 آشنایی با 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

https://www.linkedin.com/posts/soheibkiani_webinarfarsi-activity-7299688883301093377-XOhP
-------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

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