همراهان و دوستان عزیز کانال JTS CODE ، سال نو ۱۴۰۴ رو به شما تبریک میگم ، امیدوارم همیشه به شادی و سلامتی باشید .


چند وقت گذشته هم کم کاری کانال دلیلش این بود که من به صورت تمام وقت جایی مشغول کار شدم و روی یک پروژه بزرگی کار میکردیم که نتونستم محتوا تولید کنم . و امیدوارم این کم کاری را به بزرگی خودتون ببخشید .


همیشه موفق و شاد باشید . 🫡❤️😊🙏

دوره فشرده HTML در ۱ ساعت

در این ویدیو سعی کردم Html رو به ساده ترین و کوتاه ترین حالت ممکن مرور کنیم .

این ویدیو مناسب چه کسایی هست ؟

دسته اول : کسایی که میخوان مسیر فرانت اند رو شروع کنند ولی دوره طولانی خوششون نمیاد.

دسته دوم : کسایی که میخوان به عنوان بک اند کار با Html آشنا بشن .

دسته سوم : کسایی که قبلا آموزش دیدن و به هر دلیلی یه مدت از محیط کد نویسی دور بودن و میخوان تو سریعترین زمان ممکن Html رو مرور کنند .

مشاهده ویدیو کامل در یوتیوب

JtsCode

درود دوستان 🙋‍♂️ .
امیدوارم حالتون خوب باشه❤️ .

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


البته حدود ۲۰ تا سوال مصاحبه ای جدید هم آماده کردم که حتما ویدیو هاش براتون میسازم .

امیدوارم مثل همیشه از انرژی خوبتون بهره مند بشیم . و لطفا نظرات و انتقادات و پیشنهادات خودتون با ما در میان بزارید تا بتونم محتوای بهتر و مورد پسند تر براتون بسازم .
🥰🙋‍♂️❤️🙏🌹

چگونه از Memory Leak یا همان نشت حافظه در React جلوگیری کنیم ؟


در این ویدیو یکی از مباحث مهم در React که در مصاحبه های فنی هم ازش سوال پرسیده می شود را باهم با مثال کاربردی و عملی بررسی میکنیم.



این مبحث اهمیت بالایی داره از دستش ندید



مشاهده ویدیو در یوتیوب

#react_interview
#react

چگونه می توانیم Performance یک برنامه React را ارتقا بدهیم ؟

این سوال یکی از سوالات سطح حرفه ای در مصاحبه های فنی React محسوب میشه . در این ویدیو این مبحث رو هم به صورت تشریحی و هم در محیط کدنویسی بررسی می کنیم ، و همینطور با یکسری از ابزارهای مفید برای این کار آشنا میشیم.

جز مباحث سطح حرفه ای هست ، از دستش ندید

مشاهده ویدیو کامل در یوتیوب

#react_interview
#react

سوال مصاحبه فنی جاوااسکریپت : چگونه ۲ آبجکت را مقایسه کنیم ؟

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

در این ویدیو ۳ پاسخ برای این سوال رو بررسی میکنیم .


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


مشاهده ویدیو در یوتیوب


#javascript_interview
#javascript

سوال مصاحبه فنی ها ، ببینیم سطح تسلط ما به جاوااسکریپت چقدره 😊

مثال ساده:

const person = {
  name: "JtsCode",
  age: 29
};

Object.freeze(person);

person.age = 20;       // ❌ بی‌تأثیره
person.city = "isfahan"; // ❌ افزوده نمی‌شه

console.log(person); // همچنان فقط name و age با مقدار اولیه

💡 نکته: Object.freeze() فقط سطح اول آبجکت رو فریز می‌کنه. یعنی اگر داخل آبجکت، آبجکت دیگه‌ای باشه (nested object)، اون هنوز قابل تغییره مگر اینکه اون هم جداگانه فریز بشه.

اگر بخوای یه آبجکت کاملاً غیر قابل تغییر بسازی حتی برای سطوح تو در تو، باید از یه تابع بازگشتی استفاده کنی که همه‌ی لایه‌ها رو فریز کنه:

🔒 فریز کامل (deep freeze):

function deepFreeze(obj) {
  Object.freeze(obj);
  for (const key in obj) {
    if (
      typeof obj[key] === "object" &&
      obj[key] !== null &&
      !Object.isFrozen(obj[key])
    ) {
      deepFreeze(obj[key]);
    }
  }
  return obj;
}

وقتی تا این موقع شب باگ فیکس میکنم .

سوال مصاحبه فنی : تفاوت بین type و interface در تایپ اسکریپت چیه ؟

// 1) Extensibility
// 2) Declaration Merging
// 3) Union Types
// 4) Compatibility with Classes

در این ویدیو به ۴ موضوع ذکر شده میپردازیم و همینطور یک پاسخ تشریحی و خلاصه برای این سوال ارائه میکنیم.

مشاهده ویدیو کامل

#typescript_interview
#typescript

سوال مصاحبه فنی جاوااسکریپت : رمزنگاری به وسیله الگوریتم سزار .


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

روش رمزنگاری سزار یکی از روش های پایه برای رمزنگاری است . هرچند این سوال فارغ از زبان است و تمرکز اصلی بر روی توان حل مسئله است ، پس با هر زبان دیگه ای اگر کار میکنید ، میتونید این سوال رو حل کنید.


مشاهده ویدیو کامل در یوتیوب

اگر روش بهینه تری برای حل این سوال میشناسید ، خوش حال میشیم با ما به اشتراک بزارید😊

#javascript
#javascript_interview

این عکس یک استعاره‌ی احساسی از یک شکست عاطفی و مسیر بهبود شخصی یک برنامه‌نویس را به تصویر کشیده است. بیایید خط به خط این کدهای استعاری را تحلیل کنیم:

۱. بلوک شرطی (The Relationship Logic):

if (she.lovesYou()) {
    happiness = true;
} else {
    happiness = false;
    heart.break();
}

مفهوم: این بخش نشان‌دهنده شروع ماجراست. اگر شرط (دوست داشتن او) برقرار باشد، وضعیت خوشحالیِ فرد به true تغییر می‌کند، در غیر این صورت، وضعیت خوشحالی false می‌شود و متد heart.break() (شکستن قلب) فراخوانی می‌شود. این نوعی منطق "صفر و یکی" برای درک احساسات است.

۲. بلوک مدیریت خطا (Handling the Grief):

try {
    moveOn();
    focusOnGoals();
} catch (Memories e) {
    e.printStackTrace();
    keepCoding();
} finally {
    time.heals();
}

مفهوم: این پیشرفته‌ترین بخش کد است.
- try: برنامه‌نویس سعی می‌کند حرکت رو به جلو (moveOn) داشته باشد و روی اهدافش تمرکز کند (focusOnGoals).
- catch (Memories e): در حینِ تلاش، خاطرات (Memories) به عنوان یک "خطا" یا "استثنا" (Exception) بروز می‌کنند. e.printStackTrace() یعنی تمام جزئیات این خاطرات در حافظه (و ذهن) فرد چاپ/مرور می‌شود. در پاسخ، فرد به پناهگاه امنش یعنی keepCoding() (ادامه برنامه‌نویسی) پناه می‌برد.
- finally: این بلوک در برنامه‌نویسی همیشه اجرا می‌شود، فارغ از اینکه خطایی رخ داده باشد یا نه. اینجا استعاره از گذشت زمان است که فارغ از هر اتفاقی، بالاخره زخم‌ها را التیام می‌بخشد (time.heals()).

۳. خروجی نهایی (The Transformation):

// Output
StrongerVersionOfMe();

مفهوم: پس از اجرای تمام مراحل بالا، نتیجه یا خروجی نهایی این است که فرد به نسخه‌ی قوی‌تری از خود تبدیل شده است.

سایر جزئیات در تصویر:
- روی هودی (لباس):

while(!healed){
    keepCoding();
    hope--;
}

یعنی تا زمانی که بهبود نیافته‌ام، به کد زدن ادامه می‌دهم و هر روز کمی از ناامیدی‌ام کاسته می‌شود.
- ترمینال (باکس کوچک):

$ life --hard
$ pain --deep
$ focus --on
$ success --loading...

نشان‌دهنده این است که زندگی سخت است و مسیر موفقیت در حال بارگذاری است.
- یادداشت (To Do): تیک زدن گزینه "Build an Engineering..." نشان‌دهنده تمرکز روی ساختن آینده شغلی به جای غرق شدن در گذشته است.

در مجموع: این تصویر نگاهی کمال‌گرایانه و منطقی به درد و رنج انسانی دارد؛ انگار برنامه‌نویس سعی دارد با تبدیل کردنِ "احساسات پیچیده" به "کد"، آن‌ها را قابل درک، کنترل و در نهایت حل (Debug) کند.

بعد از مدت های خیییلی زیاد درود و سلام 🙋‍♂️

فکر کنم ۱ سال بیشتر شد که نبودم دقیق نمیدونم 🤷‍♂️

با یه پست متفاوت اومدم ، همینجوری دلی .

تو این یک سال دوتا شرکت عوض کردم

یه پنل ادمین فروشگاهی تنهایی زدم ،

چنتا پروژه کوچیک رو بهشون فیچر اضافه کردم و باگ رفع کردم و ...

رو یک ERP کار کردم و کد زدم و میزنم هنوز البته


خلاصه اگر نیستم به بزرگی خودتون ببخشید ، فدای معرفت تک تکتون که تا حالا موندید تو کانال . 🙏🌹❤️

سلام 🙋‍♂️

امروز یه رویداد داخل اصفهان برگزار شد که رفتم ، موضوع این بود که رزومه ، مهارت های نرم ، مهارت های تخصصی برسی بشه . نقاط قوت و ضعف مشخص بشه .

مرحله اول : یک جلسه عمومی برای همه بود .

مرحله دوم : یک جلسه خصوصی HR بود .

مرحله سوم : یک جلسه خصوصی فنی تو حوزه تخصصی ، که خب برای من میشد فرانت اند .

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

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

کل رویداد حدود ۳ ساعت بود ، و خب حقیقتا بیشتر روی خودم و رزومه شخصی و مهارت های تخصصی خودم مانور دادند .
و نکاتی که گفتن مختص خودم بود .


اما تمام تلاشم کردم ، به صورت خلاصه و مفید ، اون نکاتی که میشد با شما عزیزان به اشتراک بزارم را تبدیل به محتوای متنی کنم ، تا شماهم استفاده کنید .

امیدوارم براتون مفید باشه .

با آرزوی موفقیت و سلامتی برای همتون . ❤️🌹🌹🙏

سلام ، امیدوارم حالتون خوب باشه.

دوستان من برا امسال هدف چیده بودم چند تا دوره فشرده آموزشی ضبط کنم .

ولی حقیقتا جدای از شرایط فعلی جامعه و اینکه سرکارم و کلی تسک دارم .

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

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

از طرفی هم این کانال برام خیلی از لحاظ معنوی باارزش ، و دلم میخواد زنده بمونه و محتوا داشته باشیم .

اگر ایده یا پیشنهادی داشتید ممنون میشم بهم بگید تا بتونم حداقل یکسری محتوای مفید به این کانال اضافه کنیم و اندک علم و دانش اگر هست باهم به اشتراک بزاریم .