آموزش برنامه نویسی فرانت اند
8.21K subscribers
328 photos
47 videos
26 files
113 links
👈🏻 ارتباط با من: @codelines_support 🔅

عرفان رضایی هستم ❤️
و اینجا خیلی ساده بهت یاد میدم
چطوری اصولی #برنامه_نویسی #فرانت_اند یاد بگیری 💻
که هم لذت ببری و هم وارد بازار کار بشی
😍🥇
@satisfaction_codelines 👈 نتایج و رضایت دوره

آدرس سایت 👈🏻: codelines.ir
Download Telegram
گاهی فقط کافیه ادامه بدی؛ نتیجه خودش سروقتش میاد.
5
بیشتر APIها اطلاعات رو با چه فرمتی برمی‌گردونن؟
Anonymous Quiz
12%
XML
71%
JSON
14%
HTML
4%
PDF
دستیار هوشمند طراحان UI/UX

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

سایت فیگما

@codelines_ir
3
آموزش برنامه نویسی فرانت اند
بیشتر APIها اطلاعات رو با چه فرمتی برمی‌گردونن؟
جواب: گزینه C

JSON
فرمت استاندارد و سبک برای تبادل
داده بین فرانت‌اند و بک‌اند هست و تقریباً تمام پروژه‌های مدرن از اون استفاده می‌کنن.
برای جلوگیری از اسپم یا حملات، سرور تعداد درخواست‌های هر کاربر رو در یک بازه زمانی محدود می‌کنه که بهش میگن Rate Limit.
بهترین فونت‌های فارسی برای سایت

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
console.log(typeof NaN);
2
خروجی‌کد بالا چیه ؟
Anonymous Quiz
45%
NaN
19%
Undefined
19%
number
17%
object
🫡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
فکت :
اگه فقط آموزش ببینی ولی پروژه نزنی،
بعد از یک ماه ۸۰٪ مطالب رو فراموش می‌کنی.
4
۱۰ قابلیت JavaScript که هر توسعه‌دهنده باید بلد باشه

🔹 Optional Chaining (?.)
دسترسی امن به ویژگی‌های تو در تو بدون ایجاد خطا.

🔹 Nullish Coalescing (??)
قرار دادن مقدار پیش‌فرض فقط وقتی مقدار null یا undefined باشد.

🔹 Destructuring
استخراج راحت مقادیر از آبجکت‌ها و آرایه‌ها.

🔹 Spread Operator (...)
کپی یا ادغام آرایه‌ها و آبجکت‌ها با یک سینتکس ساده.

🔹 Rest Parameters (...)
دریافت تعداد نامحدودی از آرگومان‌ها در قالب یک آرایه.

🔹 Array.at()
دسترسی آسان به عناصر آرایه، حتی از انتهای آن با اندیس منفی.

🔹 Object.entries()
تبدیل آبجکت به آرایه‌ای از کلید و مقدار برای پردازش راحت‌تر.

🔹 Object.fromEntries()
تبدیل آرایه‌ی کلید-مقدار دوباره به یک آبجکت.

🔹 Promise.allSettled()
اجرای هم‌زمان چند Promise و دریافت نتیجه همه، حتی اگر بعضی شکست بخورند.

🔹 Intl API
فرمت کردن تاریخ، اعداد، ارز و زمان متناسب با زبان و منطقه کاربر.

📌 یادگیری این قابلیت‌ها باعث می‌شود کدهای شما تمیزتر، خواناتر و حرفه‌ای‌تر شوند.
5🔥1
const arr = [1, 2, 3];
console.log(arr.at(-1));
خروجی‌ کد بالا چیه؟
Anonymous Quiz
14%
1
21%
2
30%
3
35%
Undefined
آموزش برنامه نویسی فرانت اند
خروجی‌ کد بالا چیه؟
💡 راهنمایی:
این سؤال درباره یکی از قابلیت‌های جدید آرایه‌هاست که کد را خواناتر می‌کنه و دیگره نیازی به نوشتن length - 1 نیست.
4
🌐 8 API
رایگان برای تمرین


JSONPlaceholder
DummyJSON
Fake Store API
REST Countries API
Open Meteo API
PokeAPI
Dog API
Cat Facts API
4👌1
⚠️ اشتباهاتی که رزومه‌ات رو خراب می‌کنه

-نوشتن مهارت‌هایی که بلد نیستی.
-نداشتن لینک GitHub.
-نداشتن پروژه واقعی.
-نوشتن رزومه ۴ یا ۵ صفحه‌ای.
-استفاده از ایمیل غیرحرفه‌ای.
-نداشتن توضیح درباره پروژه‌ها.
4🔥1
💡فکت:
اگه می‌تونی یه مفهوم رو ساده توضیح بدی، یعنی یادش گرفتی.
🔥4💯1