توی مصاحبه های فنی لازم نیست همه جوابها رو بدونی؛
مهم اینه که نشون بدی میتونی یاد بگیری و مسئله رو تحلیل کنی.
مهم اینه که نشون بدی میتونی یاد بگیری و مسئله رو تحلیل کنی.
🔥3❤1👌1
❓ کد 401 Unauthorized یعنی چی؟
Anonymous Quiz
18%
سرور خاموشه.
32%
باید احراز هویت انجام بدی.
41%
اطلاعات پیدا نشد.
9%
درخواست موفق بود.
آموزش برنامه نویسی فرانت اند
❓ کد 401 Unauthorized یعنی چی؟
✅ جواب: گزینه B
وقتی توکن JWT اشتباه باشه یا اصلاً ارسال نشه، معمولاً سرور 401 برمیگردونه.
وقتی توکن JWT اشتباه باشه یا اصلاً ارسال نشه، معمولاً سرور 401 برمیگردونه.
❤4
اگه تا حالا وارد یه سایت یا اپ شدی و دیگه لازم نبوده هر بار دوباره لاگین کنی، احتمال زیاد پشت صحنه از JWT استفاده شده.
JWT
یه توکنه که بعد از ورود موفق، سرور بهت میده. از اون به بعد هر درخواستی به سرور میفرستی، همین توکن رو هم همراهش میفرستی تا سرور بفهمه خودتی.
JWT
از ۳ بخش تشکیل شده:
🔹 Header: نوع توکن و الگوریتم امضا
🔹 Payload: اطلاعاتی مثل شناسه کاربر و زمان انقضا
🔹 Signature: مطمئن میکنه توکن دستکاری نشده.
⚠️ فقط یادت باشه اطلاعات داخل Payload رمزگذاری نشده؛ فقط Encode شده، پس اطلاعات حساس داخلش نذار.
#JWT #Backend #API #Security
JWT
یه توکنه که بعد از ورود موفق، سرور بهت میده. از اون به بعد هر درخواستی به سرور میفرستی، همین توکن رو هم همراهش میفرستی تا سرور بفهمه خودتی.
JWT
از ۳ بخش تشکیل شده:
🔹 Header: نوع توکن و الگوریتم امضا
🔹 Payload: اطلاعاتی مثل شناسه کاربر و زمان انقضا
🔹 Signature: مطمئن میکنه توکن دستکاری نشده.
⚠️ فقط یادت باشه اطلاعات داخل Payload رمزگذاری نشده؛ فقط Encode شده، پس اطلاعات حساس داخلش نذار.
#JWT #Backend #API #Security
❤4
دستیار هوشمند طراحان UI/UX
با قابلیتهای هوش مصنوعی فیگما، میتوانید تنها با یک پرامپت، وایرفریم و طرح اولیه رابط کاربری را در چند ثانیه ایجاد کنید. این ابزار سرعت طراحی را افزایش میدهد و زمان بیشتری برای ایدهپردازی و خلاقیت در اختیار شما قرار میدهد.
سایت فیگما
@codelines_ir
با قابلیتهای هوش مصنوعی فیگما، میتوانید تنها با یک پرامپت، وایرفریم و طرح اولیه رابط کاربری را در چند ثانیه ایجاد کنید. این ابزار سرعت طراحی را افزایش میدهد و زمان بیشتری برای ایدهپردازی و خلاقیت در اختیار شما قرار میدهد.
سایت فیگما
@codelines_ir
❤3
آموزش برنامه نویسی فرانت اند
❓ بیشتر APIها اطلاعات رو با چه فرمتی برمیگردونن؟
✅ جواب: گزینه C
JSON
فرمت استاندارد و سبک برای تبادل
داده بین فرانتاند و بکاند هست و تقریباً تمام پروژههای مدرن از اون استفاده میکنن.
JSON
فرمت استاندارد و سبک برای تبادل
داده بین فرانتاند و بکاند هست و تقریباً تمام پروژههای مدرن از اون استفاده میکنن.
برای جلوگیری از اسپم یا حملات، سرور تعداد درخواستهای هر کاربر رو در یک بازه زمانی محدود میکنه که بهش میگن Rate Limit.
بهترین فونتهای فارسی برای سایت
Vazirmatn
Estedad
Shabnam
IranYekanX
Sahel
Dana
Vazirmatn
Estedad
Shabnam
IranYekanX
Sahel
Dana
❤4
Spread Operator
ادغام دو آرایه
ادغام دو آرایه
const a=[1,2]
const b=[3,4]
const result=[...a,...b]
خروجی
[1,2,3,4]
❤1🔥1
🫡1
Nullish Coalescing (??)
فرض کن مقدار صفر هم معتبره.
فرض کن مقدار صفر هم معتبره.
const count = 0
console.log(count || 10)
خروجی
10
اما
console.log(count ?? 10)
خروجی
0
📌 وقتی فقط null یا undefined باید مقدار پیشفرض بگیرن، از ?? استفاده کن.❤1🔥1
افزونههای ضروری VS Code
⭐ Prettier فرمت خودکار کد
⭐ ESLint پیدا کردن خطاها
⭐ GitLens
قدرت بیشتر برای Git
⭐ Error Lens نمایش خطا کنار کد
⭐ Auto Rename Tag
تغییر همزمان تگهای HTML
⭐ Thunder Client
تست API داخل VS Code
⭐ Prettier فرمت خودکار کد
⭐ ESLint پیدا کردن خطاها
⭐ GitLens
قدرت بیشتر برای Git
⭐ Error Lens نمایش خطا کنار کد
⭐ Auto Rename Tag
تغییر همزمان تگهای HTML
⭐ Thunder Client
تست API داخل VS Code
فکت :
اگه فقط آموزش ببینی ولی پروژه نزنی،
بعد از یک ماه ۸۰٪ مطالب رو فراموش میکنی.
اگه فقط آموزش ببینی ولی پروژه نزنی،
بعد از یک ماه ۸۰٪ مطالب رو فراموش میکنی.
❤4
⚡ ۱۰ قابلیت JavaScript که هر توسعهدهنده باید بلد باشه
🔹 Optional Chaining (?.)
دسترسی امن به ویژگیهای تو در تو بدون ایجاد خطا.
🔹 Nullish Coalescing (??)
قرار دادن مقدار پیشفرض فقط وقتی مقدار
🔹 Destructuring
استخراج راحت مقادیر از آبجکتها و آرایهها.
🔹 Spread Operator (...)
کپی یا ادغام آرایهها و آبجکتها با یک سینتکس ساده.
🔹 Rest Parameters (...)
دریافت تعداد نامحدودی از آرگومانها در قالب یک آرایه.
🔹 Array.at()
دسترسی آسان به عناصر آرایه، حتی از انتهای آن با اندیس منفی.
🔹 Object.entries()
تبدیل آبجکت به آرایهای از کلید و مقدار برای پردازش راحتتر.
🔹 Object.fromEntries()
تبدیل آرایهی کلید-مقدار دوباره به یک آبجکت.
🔹 Promise.allSettled()
اجرای همزمان چند Promise و دریافت نتیجه همه، حتی اگر بعضی شکست بخورند.
🔹 Intl API
فرمت کردن تاریخ، اعداد، ارز و زمان متناسب با زبان و منطقه کاربر.
📌 یادگیری این قابلیتها باعث میشود کدهای شما تمیزتر، خواناتر و حرفهایتر شوند.
🔹 Optional Chaining (?.)
دسترسی امن به ویژگیهای تو در تو بدون ایجاد خطا.
🔹 Nullish Coalescing (??)
قرار دادن مقدار پیشفرض فقط وقتی مقدار
null یا undefined باشد.🔹 Destructuring
استخراج راحت مقادیر از آبجکتها و آرایهها.
🔹 Spread Operator (...)
کپی یا ادغام آرایهها و آبجکتها با یک سینتکس ساده.
🔹 Rest Parameters (...)
دریافت تعداد نامحدودی از آرگومانها در قالب یک آرایه.
🔹 Array.at()
دسترسی آسان به عناصر آرایه، حتی از انتهای آن با اندیس منفی.
🔹 Object.entries()
تبدیل آبجکت به آرایهای از کلید و مقدار برای پردازش راحتتر.
🔹 Object.fromEntries()
تبدیل آرایهی کلید-مقدار دوباره به یک آبجکت.
🔹 Promise.allSettled()
اجرای همزمان چند Promise و دریافت نتیجه همه، حتی اگر بعضی شکست بخورند.
🔹 Intl API
فرمت کردن تاریخ، اعداد، ارز و زمان متناسب با زبان و منطقه کاربر.
📌 یادگیری این قابلیتها باعث میشود کدهای شما تمیزتر، خواناتر و حرفهایتر شوند.
❤5🔥1