Nth-child()

👨‍💻 بهینه سازی استایل های CSS با دقت بیشتر با استفاده از انتخابگر های ()nth-child:

در توسعه کد های CSS، یکی از چالش‌های اصلی مدیریت استایل‌ ها برای عناصر مختلف در یک صفحه هست. انتخاب گرهای CSS به ما این امکان رو میدن که به راحتی استایل‌های مدنظر رو به عناصر خاصی اعمال کنیم. یکی از ابزارهای قدرتمند تو این زمینه، انتخابگر nth-child هستش که در بعضی موارد تأثیر چشمگیری در کاهش کد های CSS و افزایش خوانایی اونها داره.

تمرکز این دسته از انتخابگر ها در CSS انتخاب دقیق و براساس ترتیب عناصر در والد هست.
این انتخاب گر ها میتونن بر اساس اعداد، فرمول ها و حتی کلید واژه هایی مثل odd و even عمل کنند.

در ویدیویی مهم ترین و کاربردی ترین انتخابگر های CSS از دسته ()nth-child: آماده کردم و امیدوارم مفید واقع بشه.

سعی کنید زیاد ازش استفاده کنید و به هر المانتون الکی همش کلاس ندید که واقعا اصولی نیستش


@developersubtitle

#fun

میگه آیا تو https هستی ؟؟
چون بدون تو من فقط ...


@developersubtitle
🌐devsub.ir

سیستم های ai داره خطرناک میشه 😅




@developersubtitle

رفقا سلام
یه چند وقتیه درگیر کارام اساسی هم پروژه ی جدید شرکت ، هم سربازی

خدا برای هیچ کس نیاره 🤦‍♂

کیا تجربه دارن امریه ، دارم تلاش میکنم اگه نشد که درسو ادامه میدیم تا اون موقه خدا بزرگه 😅

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

اینم قسمت آخرش

تا چند روز دیگه میره تو کل ربات و سایت

رایگان ببینید این زبونو یاد بگیرید و عشق کنید ❤️


#پایتون
@developersubtitle

رفقای عزیزم سلام

دوره پایتون به کل اختصاصی ترجمه شد

و در ربات قرار داده شده 🌹

امیدوارم لذتشو ببرید

@developersubtitle1_Bot

جالبیه این دوره که تو آپدیت جدید اومده یه فصل راجب ماشین لرنینگ و دیتا ساینس توضیح داده


مبحثی که خیلیامون حتی اگه استکامونم فرق داشته باشه از این سمت دربارش کنجکاویم ❣️

The JSX rules !

قوانین JSX همراه با دوبله فارسی 🔥

آقا کلا این کانسپت چیزه خیلی آسونیه , منتهی تو آزمونای فنی همینو از من پرسیدن و دارن همچنان دوستان و آشنایان از این سوال تو مصاحبه های فنی استفاده میکنن

قرار نیست همش سخت بپرسن میخوان ببینن که چقدر تسلط داریم

دلیل اینکه اینو الان انتخاب کردم این بود که خودم اینو ازم پرسیدن نمیدونستم چی باید درست جواب بدم !!!!


حالا JSX تو ری اکت چیه ؟

اینه که JSX در ری اکت یک افزونه جاوااسکریپتی هستش که به ما اجازه نوشتن کد های مشابه HTML رو در جاوااسکریپت میده!
در واقع JSX به ما اجازه میده که تو فایل های جاوااسکریپتی مثل ری اکت، یجورایی از HTML استفاده کنیم 🙂

عبارت JSX مخفف JavaScript Syntax extention هست.

بصورت پیشفرض ما نمیتونیم کد های HTML رو داخل فایل های جاوااسکریپتی بنویسیم! از اونجاییکه تو ری اکت از جاوااسکریپت استفاده میشه، پس اینجا هم نمیونیم از HTML استفاده کنیم.

راه حل JSX هست 🙂 به کمک JSX میشه از دستورات HMTL داخل فایل های React استفاده کرد..

حالا قوانینشو بریم تو خود ویدیو از زبان جوناس بشنویم ، همراه با مثال✌☝️🏻

@developersubtitle

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


تا چند روز آینده آروم آروم شروع به کار میکنیم و دوره های جدیدی آپلود میکنیم و دوره های قدیمی رو آپدیت میکنیم و محتوای برنامه نویسی و اینا هم آپلود میکنیم و قوی تر از قبل ظاهر میشیم، تنها خواسته ی ما از شما فقط حمایت هست ، دمتون گرم❤️🤝

🚀 بریم سراغ دوره ی رایگان بعدیمون ( یکی از خفن‌ ترین دوره‌های هوش مصنوعی دنیا)

این دوره Supervised Machine Learning از استاد Andrew Ng ترجمه شده تا دیگه لازم نباشه وقتت رو بیشتر از اینا هدر بدی و مستقیم بری سراغ یادگیری مفاهیم اصلی🤝

👨‍💻 این دوره پایه‌ایی ترین مفاهیم یادگیری ماشین مثل Regression رو با زبون ساده و کاربردی توضیح میده ، همون چیزی که هر برنامه‌ نویسی باید بلد باشه تا بتونه بعدش مدل‌ های حرفه‌ای‌ تری رو بسازه

Coursera - Supervised Machine Learning Regression 2025-1

دوستان فعالیت رو شروع کردیم و فقط نیاز به حمایت شما عزیزان داریم که از کار ما حمایت کنین تا بتونیم دوره های بیشتری رو با انرژی بیشتری آپلود کنیم ❤️🙏

ری اکشنی که شما می‌زنین خیلی برای ما ارزشمند هست و ممنون میشم همراهمون باشین🤝

از کپشن چنل هم میتونین به سایت و گروه‌مون و ربات‌مون دسترسی داشته باشین 🔥

#سایت_خفن

سلام رفقا!🤙
یه سایت خفن میخوام بهتون معرفی کنم که باهاش میتونید همه ی اون تصاویری که همیشه توی ذهنتون بود و پیدا نمیکردید رو خودتون بسازید!

خودم شخصا برای پروژه های فرانت زیاد ازش استفاده میکنم ، عکس زیبا و مرتبط UI
سایتتونو خیلی خوب و خفن میکنه 🔥

getimg.ai


چیکار میکنه؟ خیلی ساده

شما فقط ایدهتون رو براش توضیح میدین (مثلاً: "یک گربه ی فضانورد با کلاه کابوی روی مریخ!")

و این هوش مصنوعی فوری یه عکس
حرفهای و باکیفیت براتون میسازه! 🎨

دیگه برای طراحی بنر سایت، عکس پست، لوگو یا هرچیزی که نیاز دارید، فقط کافیه یه توضیح بدید و خودِ سایت کار رو انجام بده!

برید امتحانش کنین، واقعاً انقلابه! 🔥📲

@developersubtitle
🌐devsub.ir

امشب دوبلشم میزاریم
همزمان داریم باهاش پیش می‌بریم ✌🏻
تا الان تمامی دوره ها تکمیل شدن

تا این دوره تکمیل بشه و بقیه دوره ها آپدیتشون بیاد قصد دارم کاریو انجام بدیم


یکی از دوستانم طراح سوالات آزمونای شرکتای مختلفه که این آزمونارو شرکتای بزرگ از کارمنداش هر سال میگیرن برای تایین ارتقاء سطحشون و ارزیبایی


که به شدتم سوالاش زیاد و چالشیه که از اینا براتون میزارم هر روز و پیش ببریم ❤️

#استخدامی

سوال: تفاوت بین const، var و let تو جاوااسکریپت چیه؟
آقا این سوال همیشه میاد، همیشه!
خیلی آسونه ولی چرا همیشه می‌پرسن؟؟
چون نحوه‌ی جواب دادنتون به این سوال نشون می‌ده که واقعا سطحتون چیه!


جواب درست چیه؟  var:

قدیمی و پراستفاده تو کدهای قدیمی. می‌تونی دوباره تعریفش کنی، مقدارش رو عوض کنی و تو scope تابع یا global کار می‌کنه. ولی یه مشکل بزرگ داره: Hoisting! یعنی قبل از تعریف، می‌تونی ازش استفاده کنی و این گاهی باگ‌های عجیب درست می‌کنه.  


let

اومد که مشکلات var رو حل کنه. Block Scope داره (فقط تو همون بلاک {} کار می‌کنه) و دیگه خبری از hoisting عجیب نیست. می‌تونی مقدارش رو عوض کنی ولی نمی‌تونی دوباره تعریفش کنی. 
const:

مثل let تو block scope کار می‌کنه، ولی یه فرق بزرگ داره: نمی‌تونی مقدارش رو عوض کنی. فقط مراقب باش! اگه const یه شیء یا آرایه باشه، می‌تونی محتویاتش رو تغییر بدی، ولی نمی‌تونی خود متغیر رو به یه چیز دیگه assign کنی.

چرا این سوال مهمه؟
این سوال ساده، عمق فهمتون از Scope، Hoisting و Reassignment رو لو می‌ده.

نه این که فقط بگیم خب let همون var هستش تغییر میکنه const نمیکنه 😅

var x = 10; // Global یا Function Scope
let y = 20; // Block Scope
const z = 30; // Block Scope، غیرقابل تغییر

if (true) {
  var x = 100; // همون x قبلی رو تغییر می‌ده!
  let y = 200; // یه y جدید تو این بلاک
  const z = 300; // یه z جدید تو این بلاک
}

console.log(x); // 100 😱
console.log(y); // 20 😎
console.log(z); // 30 🛡️

حالا تو نظرت چیه؟ اگه بخوای تو مصاحبه این سوال رو جواب بدی، چی می‌گی؟
یا اگه بخوام یه نکته دیگه به این پست اضافه کنم، دوست داری چی باشه؟؟🔥

  #جاوااسکریپت #برنامه_نویسی #مصاحبه_استخدامی

@developersubtitle
🌐devsub.ir

#استخدامی 💡

برای فیلتر و مپ کردن یه آرایه بزرگ، چطور سرعت رو بالا ببریم و حافظه رو کم کنیم؟

جواب: استفاده از ()reduce 

چرا reduce؟

به جای دو پیمایش با filter و map، همه‌چیز تو یه پیمایش انجام می‌شه.
حافظه کمتر (بدون آرایه میانی) و سرعت بیشتر.

مثال:javascript

const bigArray = [1, 15, 3, 20, 8];


const result1 = bigArray.filter(x => x > 10).map(x => x * 2); // [30, 40]

const result2 = bigArray.reduce((acc, x) => {
  if (x > 10) acc.push(x * 2);
  return acc;
}, []); // [30, 40]

کی استفاده کنیم؟

برای آرایه‌های بزرگ (مثل ۱۰۰۰+ داده)، reduce معجزه می‌کنه. برای آرایه‌های کوچیک، filter و map هم اوکیه.شما چه روشی برای آرایه‌های بزرگ استفاده می‌کنید؟ تو کامنت‌ها بگید! ✈

#جاوااسکریپت #بهینه‌سازی
#مصاحبه_استخدامی

@developersubtitle
🌐devsub.ir

#دوبله

سلام به رفقای عزیزم

اینم یه سبک جدید از دوبلمون هستش


امیدوارم خوشتون بیاد 🔥

از قصد با زیرنویس گذاشتم براتون که موقعیم اصلا صدا مثلا از سیستم میاد نه مدرس صدای دوبلور ما هم با ادیت عوض میشه


امیدوارم خوشتون بیاد , ریکشن شما به این ویدیو باعث میشه با تو این مسیر دلسرد نشیم و بهتر از قبل برگردیم

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


@developersubtitle

#استخدامی

در چه شرایطی استفاده از Arrow Function در جاوااسکریپت باعث مشکل می‌شه؟ بیاید کوتاه و کلیدی بررسی کنیم:


مشکلات Arrow Function:

✅ عدم اتصال به this مناسب: Arrow function‌ها this رو از محیط اطراف (lexical scope) می‌گیرن، نه از جایی که فراخونی می‌شن. این تو کار با اشیا یا رویدادها می‌تونه دردسرساز بشه.

✅ عدم استفاده به‌عنوان متد شیء: چون this درست کار نمی‌کنه، برای متدهای شیء مناسب نیستن.


✅ عدم پشتیبانی از arguments: Arrow function‌ها شیء arguments ندارن، که تو بعضی سناریوها مشکل‌سازه.

const obj = {
  value: 10,
  regular: function() { console.log(this.value); }, // 10
  arrow: () => { console.log(this.value); } // undefined
};
obj.regular(); // کار می‌کنه
obj.arrow(); // مشکل! چون this به window/global اشاره می‌کنه

کی مراقب باشیم؟

تو متدهای شیء، event listener ها یا وقتی نیاز به this پویا (dynamic) داری، از فانکشن معمولی استفاده کن.🌹

برای callbackهای ساده یا تو scopeهای مشخص (مثل map/filter)، arrow function عالیه.

شما کجا از arrow function به مشکل خوردید؟ تو کامنت‌ها بگید  ‼

@developersubtitle

#جاوااسکریپت #برنامه‌نویسی

#استخدامی

تفاوت == و === در جاوااسکریپت چیه؟ بیاید کوتاه و کلیدی ببینیم:


⭕قبلش فقط بگم که این سوال آسونه خیلی ولی تو 5 تا آزمون فنی که دادم اکثرا همشون پرسیدن

== :(برابری با تبدیل نوع)

مقایسه مقدار انجام می‌ده، ولی قبلش نوع داده‌ها رو تبدیل می‌کنه (type coercion).
ممکنه نتایج غیرمنتظره بده!

مثلا :

5 == "5"; // true (چون رشته "5" به عدد تبدیل می‌شه)
null == undefined; // true

=== (برابری دقیق)

مقایسه مقدار و نوع داده با هم انجام می‌ده، بدون تبدیل نوع.
امن‌تر و قابل پیش‌بینی‌تره.

مثلا

5 === "5"; // false (چون نوع داده فرق داره: number ≠ string)
null === undefined; // false

⭕ کی از کدوم استفاده کنیم؟

همیشه از === استفاده کن مگر اینکه عمداً بخوای تبدیل نوع انجام بشه (که بنظرم خیلی کم پیش میاد).

== می‌تونه باگ‌های عجیب ایجاد کنه، چون رفتار تبدیل نوعش گنگه.

یه مثال باحال:

console.log(0 == "0"); // true
console.log(0 === "0"); // false

امیدوارم خوشتون بیاد . با ریکشنتون و حمایتتون انرژی مارو بالا میبرید 🔥
#جاوااسکریپت #برنامه‌نویسی

@developersubtitile
🌐devsub.ir