TGViewer
Channel Public Channel
آموزش برنامه نویسی فرانت اند

آموزش برنامه نویسی فرانت اند

@codelines_ir

👈🏻 ارتباط با من: @codelines_support 🔅

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

آدرس سایت 👈🏻: codelines.ir
Open in Telegram
Subscribers
6.71K
Photos
356
Videos
48
Links
132

Showing posts older than #5262 · Back to latest

Older Posts 20 shown
Post #5261 206
🚀 ۱۰ سایت رایگان برای آنلاین کردن پروژه‌های برنامه‌نویسی 🔥

📌 ذخیره کن؛ بعداً بهشون نیاز پیدا می‌کنی

Vercel
Netlify
GitHub Pages
Cloudflare Pages
Firebase Hosting
Render
GitLab Pages
Surge
Replit
Gitpod

📤 برای یه برنامه‌نویس بفرست که هنوز پروژه‌هاشو فقط روی سیستمش نگه داشته.
برای نشون دادن نمونه کارهاتون عالیه🙃
  • ❤ 2
Post #5258 229 
console.log(typeof null);
console.log(null == undefined);
console.log(null === undefined);
console.log([] == false);
Post #5257 220
آموزش برنامه نویسی فرانت اند
اونایی که زدن برنامه نویسن

بیینم میتونن این سوال رو جواب بدن 🙄
Post #5256 249
«این سؤال رو توی مصاحبه ازت بپرسن، معلوم میشه واقعاً برنامه‌نویسی بلدی یا نه»

فرض کن یک API داری که گاهی ۳ ثانیه طول می‌کشه جواب بده.

چی کار می‌کنی؟

❌ فقط Loading می‌ذاری؟

یا بررسی می‌کنی:
API چرا کند شده؟
Cache لازم داریم؟
Request اضافی داریم؟
Pagination داریم؟
Query سنگینه؟

می‌تونیم اطلاعات رو Lazy Load کنیم؟
برنامه‌نویس واقعی فقط کد نمی‌نویسه؛ دلیل کند بودن سیستم رو پیدا می‌کنه.

#مصاحبه_برنامه_نویسی #Developer #Frontend #Backend #Programming #کدنویسی
  • ❤ 2
  • 🔥 1
Post #5255 219
🔥 چرا بعضی‌ها بعد از یک سال هنوز برنامه‌نویس مبتدی هستن؟

چون بیشتر وقتشون رو صرف یاد گرفتن می‌کنن، نه ساختن. 👇

📌 فقط آموزش جمع می‌کنن
📌 پروژه واقعی انجام نمی‌دن
📌 با اولین چالش جا می‌زنن
📌 منتظرن تا «کاملاً آماده» بشن

اما واقعیت اینه:

برنامه‌نویسی با شروع کردن رشد می‌کنه، نه با آماده شدن. 🚀

قرار نیست اول همه‌چیز رو بلد باشی و بعد پروژه بزنی؛
پروژه می‌زنی تا کم‌کم همه‌چیز رو یاد بگیری.

پس منتظر زمان مناسب نباش.
  • 👍 1
  • 🔥 1
Post #5252 230
😳 چرا نباید داخل forEach از async/await استفاده کنی؟

۹۰٪ برنامه‌نویس‌ها حداقل یک بار این اشتباه رو انجام دادن.

users.forEach(async (user) => {
  await sendEmail(user);
});

console.log("Done");


فکر می‌کنی اول کدوم اجرا میشه؟

❌ Done
منتظر نمی‌مونه.

چون forEach منتظر Promiseها نمی‌مونه.

✅ راه درست:

for (const user of users) {
   await sendEmail(user);
}
  • ❤ 1
  • 🔥 1
Post #5251 226
🚨 ۵ نکته JavaScript که خیلی‌ها دیر یاد می‌گیرن:

🔹 ?. → جلوگیری از خطای دسترسی به null/undefined
🔹 ?? → مقدار پیش‌فرض فقط وقتی مقدار null/undefined باشه
🔹 Object.freeze() → جلوگیری از تغییر مستقیم آبجکت
🔹 structuredClone() → کپی عمیق داده‌ها
🔹 Promise.all() → اجرای چند Promise به‌صورت همزمان

💡 لازم نیست JavaScript رو فقط با حفظ کردن یاد بگیری؛

بفهم هر ابزار کِی به درد می‌خوره.

📌 Save
کن؛ اینا توی پروژه واقعاً کاربردی‌ان.

#Frontend #UI #WebDesign #TailwindCSS #React #FrontendDeveloper #WebDevelopment #UIDesign #UIComponents #طراحی_رابط_کاربری
  • ❤ 1
  • 🔥 1
Post #5250 218
📱 Mobile First
یعنی چی؟

یعنی طراحی و توسعه رو اول برای صفحه کوچک شروع کنی:

Mobile → Tablet → Desktop

نه اینکه اول یه سایت دسکتاپ بسازی و آخر کار
سعی کنی جمعش کنی داخل موبایل. 😄
✅ CSS ساده‌تر
✅ تمرکز روی محتوای ضروری
✅ Responsive Design بهتر

📌 اگه Front-End کار می‌کنی، Mobile First رو جدی بگیر.

#Frontend #UI #WebDesign #TailwindCSS #React #FrontendDeveloper #WebDevelopment #UIDesign #UIComponents #طراحی_رابط_کاربری
  • 👍 2
  • ❤ 1
  • 🔥 1
Post #5249 229
🤯 یک اشتباه کوچیک در React

این کد رو ببین:

<button onClick={handleClick()}>
  Click
</button>

به نظرت درست نوشته شده؟
❌ نه!

اینجا handleClick همون لحظه Render اجرا میشه.

✅ معمولاً باید بنویسی:

<button onClick={handleClick}>
  Click
</button>


📌 یک جفت () می‌تونه کل رفتار Component رو عوض کنه.
  • ❤ 1
Post #5248 219
آموزش برنامه نویسی فرانت اند فقط اینقدر فرصت مونده ها 🙄 بزن بریم 🙌🏻
پایان ):
Post #5246 250 
console.log(typeof null);
Post #5245 248
آموزش برنامه نویسی فرانت اند به سایت سر زدی ؟ فقط تا فردا فرصت هستشا👨🏻‍💻 نگی نگفتی 🙄 بزن بریم 🙌🏻 . . . . : :
فقط اینقدر فرصت مونده ها 🙄


بزن بریم 🙌🏻
  • ❤ 1
Post #5244 241
۳ اشتباهی که باعث می‌شه توی مصاحبه فرانت‌اند رد بشی.
اشتباه اول: فکر می‌کنی باید جواب همه سؤال‌ها رو بلد باشی.
در صورتی که مصاحبه‌کننده بیشتر می‌خواد ببینه وقتی جواب رو نمی‌دونی، چطور فکر می‌کنی و به راه‌حل می‌رسی.
دومی: فقط تئوری خوندی، ولی پروژه واقعی نساختی.
وقتی ازت می‌پرسن «این قابلیت رو خودت پیاده کردی؟» یا «چرا این روش رو انتخاب کردی؟» دیگه جوابی نداری.
سومی: قبل از مصاحبه، پروژه‌های خودت رو مرور نمی‌کنی.
خیلی وقت‌ها بیشتر سؤال‌ها از روی رزومه و پروژه‌های خودته، نه فقط React و JavaScript.
یادت باشه، توی مصاحبه قرار نیست ثابت کنی همه چیز رو بلدی؛ قرارِ نشون بدی می‌تونی یاد بگیری و مسئله حل کنی
  • ❤ 2
Post #5243 226
اگه می‌خوای Frontend Developer بشی:

❌ هر روز دنبال Framework جدید نباش.

✅ JavaScript
رو عمیق یاد بگیر.

چون Frameworkها عوض می‌شن؛
ولی JavaScript هنوز سر جاشه. 🔥

#Frontend #JavaScript #React #WebDevelopment #برنامه_نویسی
  • ❤ 1
  • 💯 1
Post #5242 249
۶ سایت رایگان برای ساخت UI حرفه‌ای که باید ذخیره‌شون کنی

اگه فرانت‌اند کار می‌کنی، این لیست رو یه جا نگه دار:

shadcn/ui
Magic UI
Aceternity UI
Flowbite
DaisyUI
HyperUI

همه‌شون برای پیدا کردن کامپوننت‌های آماده و ساخت سریع‌تر رابط کاربری کاربردی‌ان.

این پست رو Save کن؛ یه روز بهش نیاز پیدا می‌کنی.

#Frontend #UI #WebDesign #TailwindCSS #React #FrontendDeveloper #WebDevelopment #UIDesign #UIComponents #طراحی_رابط_کاربری #فرانت_اند #برنامه_نویسی
  • ❤ 2
  • 👍 1
Post #5241 216
آموزش برنامه نویسی فرانت اند به سایت سر زدی ؟ فقط تا فردا فرصت هستشا👨🏻‍💻 نگی نگفتی 🙄 بزن بریم 🙌🏻 . . . . : :
فقط اینقدر فرصت مونده ها 🙄

بزن بریم 🙌🏻
  • ❤‍🔥 1
  • ❤ 1
  • 🔥 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →