Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب

#Fun این داستان برنامه نویس هپی 😂🤪 Channel | Group | YouTube

به قسمت دوم از هشتگ #English خوش اومدید و قراره از همین ویدیوی کمتر از یک دقیقه ای کلی مطلب بهتون یاد بدم اما اول خودتون سعی کنید متنش رو تحلیل بکنید: They did a study of 50 owners of companies, and they asked them, what is the very best time management or business tool that you've ever discovered? 49 out of the 50 held up yellow writing pads, sort of like this. And this is what they did. This is how they planned their day. They made a list to do this. Today, they wrote down everything they had to do. They always work from a list. If you don't work from a list, it's very much like taking your hands off the wheel of your car, going down a winding road in the mountains. What happens is your life's going to go on, and you're instantly going to start doing irrelevant and unimportant and useless things. And at the end of the day, you'll be exhausted and you'll accomplish nothing. Now, I know this doesn't apply to anybody here. Channel | Group | YouTube

#Fun شما خواستین به یکی راهنمایی بدید همون اول جریان رو بگید بهش 😂😂 Channel | Group | YouTube

#nodejs دوس دارین وب سرور خودتون رو داشته باشید؟این دستورات رو دنبال کنید: 1️⃣ اکسپرس رو نصب کنید

npm install express

2️⃣یک فایل به نام server.js ایجاد کنید و کد زیر رو بذارین داخلش:

const express = require('express');
const path = require('path');
const app = express();
const PORT = 3000;

// مسیر پوشه‌ای که فایل‌های استاتیک شما در آن قرار دارند
const publicDirectoryPath = path.join(__dirname, 'public');

// استفاده از فایل‌های استاتیک در پوشه public
app.use(express.static(publicDirectoryPath));

// شروع به گوش دادن به پورت مشخص شده
app.listen(PORT, () => {
  console.log(`Server is running on http://localhost:${PORT}`);
});

3️⃣یک پوشه به نام public ایجاد کنید و فایل‌های HTML، CSS و JavaScript خودتون رو بذارین توش. 4️⃣سرور خود را اجرا کنید:

node server.js

مرورگرو باز کنید و به آدرس http://localhost:3000 بروید تا پروژی خودتون رو ببینید. 📣میتونید بدون ریلود کردن مرورگر تغییراتی که به فایلهای استاتیکتون میدید رو ببینیدبا یکم تغییرات بیشتر,اگر دوس داشتید بگید تا روش اونم بذارم📣 Channel | Group | YouTube

#Fun مسیر یادگیری فرانت اند این شکلی هست 😂😂 Channel | Group | YouTube

یه ویدیو گذاشته بودم برای #English یه ویس خیلی پرمحتوا هم براش گرفتم شد ۲۵ دقیقه کلی مطالب آموزنده گفته بودم دستم خورد پرید.. فردا براتون میزارمش اگر دوباره دستم نخوره نپره

#Fun تلفظ صحیح فقط این 😂😂 بفرست واسه دوستای تازه کارت 😄 خودم که عاشق CSS شدم 🤪 Channel | Group | YouTube

♨️ چرا در ریکت از مقدار index در متد map برای key استفاده نمیکنیم؟ شاید خیلی جاها دیدید یا خودتون از index به عنوان یک شناسه منحصر به فرد برای key در متد map استفاده کردید ولی اینکار اصلا از هیچ لحاظی درست نیس و ممکنه باگ‌هایی رو به وجود بیاره. چون اگر ترتیب آیتم ها تغییر کنه (مثلا sort انجام بشه) ری‌اکت توی رندر به مشکل میخوره. بهترین مقدار برای key میتونه مقادیری باشه که بک‌اند میان و یونیک هستند مثل id یا امثالهم. مثلا میخواین لیست محصولاتی که از بک اند میاد رو توی لیستی نشون بدید میتونید از id محصول برای key استفاده کنید چون یونیک هستش. 🔆 شما چه مقادیری برای key استفاده میکنید؟ اگر توصیه در این زمینه دارید با ما در گروه یا کامنت به اشتراک بذارید... #reactjs #nextjs Channel | Group | YouTube

#Out_Of_IDE تایپهای خطا توی جاوااسکریپت 😎 اگه چیزی جا افتاده شما بگید 🫠 Channel | Group | YouTube

This.. Is just the beginning.. #موقت

#Out_Of_IDE آخریشو شما بگید چی میشه؟؟؟ Channel | Group | YouTube

#Tools 🤯خانوما و آقایون فرانت کار براتون یه ربات میخوام معرفی کنم که میتونید با استفاده ازش عکسهایی که میخوایین توی پروژه هاتون استفاده کنین رو بدین بهش و تقریبا بدون افت کیفیت با حجم کم تحویل بگیرین 😱 ✅این ربات برای این کانال هست و اینکه میتونید درصد کیفیتش رو خودتون تعیین بکنید(کیفیت پیشنهادی ما 80 هست) و نسبت به کیفیت درخواستی حجمشو کم میکنه.✅ ⚠️فقط حواستون باشه عکسهاتون رو بصورت فایل بهش بفرستین⚠️ 🚦اگر هم مشکلی داشتین برید به قسمت راهنماش و اونجا بهتون یاد دادم🚦 https://t.me/ImageComp_bot Channel | Group | YouTube

#Fun وقتی برنامه نویس هستی و میری توی جمع طراح ها 😂😂 Channel | Group | YouTube

#quick_challenge خروجی کد زیر چی میشه؟؟؟ Channel | Group | YouTube

#Tips_N_Tricks 💎 مقادیر Truthy و Falsy به مقادیری که به منزله ی FALSE ارزیابی میشه رو مقادیر Falsy میگیم. 🟡 در جاوااسکریپت 6 مقدار زیر رو به عنوان مقدار Falsy در نظر میگیره undefined, null, NaN, 0, " " و false به مقادیری که به منزله ی TURE ارزیابی میشه رو مقادیر Truthy میگیم. 🟡 مقادیر غیر از مقادیر بالا Truthy تفسیر میشن 💬 نکته: مقدار 0 به عنوان Falsy شناخته میشه اما رشته ی "0" به عنوان Truthy تفیسر میشه. 💬 نکته 2: آرایه خالی یا آبجکت خالی به عنوان Truthy در نظر گرفته میشه. Channel | Group | YouTube

#Fun برنامه نویسی به کیا آرامش میده 😁😁 Channel | Group | YouTube

اینم یادگاری از جشن سه سالگی فرانت چپتر ✌️❤️