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

سلام به همه دوستان✋🏻 یک مشکلی که همه برنامه نویس های تازه کار باهاش سرکار دارند ، فراموش کردن مطالبی هست که یاد گرفتند😢. اول از همه باید بگم که کاملا یک چیز عادی هست و حتی برنامه نویس های ارشد هم بسیاری از موارد رو یادشون میره🫡 فقط نباید ناامید بشید و مسیر رو ادامه بدید💪🏻 در ادامه یک چیت شیت بامزه از جاوااسکریپت براتون میزارم تا بتونم اکثر موارد مهم جاوااسکریپت رو یکجا داشته باشید تا اگر مطلبی رو یادتون رفت بتونید سریع مرور کنید #javascript Channel | Group | YouTube

سلام به همه! ما داریم تیم توسعه‌مون رو بزرگتر می‌کنیم و دنبال یه آدم خفن می‌گردیم که Vue.js و Vuetify 3 رو خوب بلد باشه! 🤩 اگه حس می‌کنی می‌تونی کنار ما کارای خلاقانه و جذاب بسازی، حتما رزومتو برامون بفرست. منتظرتیم که با هم یه تیم قوی‌تر بسازیم! 😎✌️ #استخدام #توسعه_دهنده_وب #فرصت_شغلی #VueJS https://www.linkedin.com/posts/abriron_%D8%A7%D8%A8%D8%B1%D8%A2%DB%8C%D8%B1%D9%88%D9%86-%D8%A8%D9%87-%D8%AF%D9%86%D8%A8%D8%A7%D9%84-%DB%8C%DA%A9-%D8%AA%D9%88%D8%B3%D8%B9%D9%87%D8%AF%D9%87%D9%86%D8%AF%D9%87-%D8%AE%D9%84%D8%A7%D9%82-%D9%88-%D9%85%D8%B4%D8%AA%D8%A7%D9%82-activity-7247629083583410176-O5Ku?utm_source=share&utm_medium=member_desktop

پسوند .md چیست و چه کاربردی دارد ؟ فایل‌های .md مخصوص نوشتن متن‌های ساده با قالب‌بندی ساختاریافته هستن. این فایل‌ها با استفاده از زبان Markdown نوشته می‌شن که به شما اجازه می‌ده متن‌های خودتونو به راحتی و بدون پیچیدگی HTML قالب‌بندی کنید. چه کاربرد هایی داره ؟ 🚀 📝 مستندسازی پروژه‌ها: در پلتفرم‌هایی مثل GitHub برای نوشتن راهنماها و توضیحات پروژه استفاده می‌شه. 📰 نوشتن وبلاگ‌ها: فایل‌های Markdown به سادگی به HTML تبدیل می‌شن و برای تولید محتوای وبلاگ مناسب هستند. ✍️ یادداشت‌برداری: ابزارهای یادداشت‌برداری مانند Obsidian و Notion از Markdown برای ساختاردهی متن‌ها استفاده می‌کنند.

فرمت Markdown به دلیل سادگی و قابلیت تبدیل آسان به فرمت‌های دیگر، در مستندسازی و تولید محتوا کاربرد زیادی داره، توی سایت زیر میتونید بیشتر راجبش بخونید 🔻

🌐 https://www.markdownguide.org

#md #markdown

Channel | Group | YouTube

## اپراتور void چیست؟ اپراتور void اندیفایند را از یک عبارت تعریف شده بازمی‌گرداند، این اپراتور معمولاً در جاوا اسکریپت سمت کلاینت استفاده می‌شود، جایی که مرورگر نباید value را نمایش دهد.

function getYear() {
return 2020;
};

console.log(getYear());
// خروجی: 2020

console.log(void getYear());
// خروجی: undefined

// مثال استفاده
button.onclick = () => void getYear();

Channel | Group | YouTube

الگوریتم Mark and Sweep یکی از روش‌های مهم برای مدیریت حافظه در برنامه‌هاست، به ویژه برای بازیافت حافظه یا Garbage Collection. این الگوریتم به زبان ساده، کارش اینه که حافظه‌ای که دیگه بهش نیازی نیست رو پیدا کرده و آزاد کنه. توضیح فرآیند: مرحله Mark (علامت‌گذاری): در این مرحله، الگوریتم تمام اشیایی که هنوز مورد استفاده هستند رو شناسایی می‌کند. این کار معمولاً با شروع از نقاط مشخصی در برنامه انجام می‌شود و به صورت عمیق‌تر به اشیاء مرتبط با آن‌ها می‌رسد. هر شیء که به آن‌ها دسترسی داره، برچسب‌گذاری می‌شه تا مشخص بشه که هنوز به کار میاد. مرحله Sweep (پاک‌سازی): بعد از مرحله علامت‌گذاری، الگوریتم به حافظه برمی‌گرده و تمام اشیایی که برچسب نخورده‌اند (یعنی به عنوان "غیر قابل دسترس" شناخته می‌شوند) رو شناسایی می‌کند. این اشیاء در واقع دیگه به کار نمی‌آیند و می‌توانند از حافظه پاک شوند تا فضا آزاد بشه Channel | Group | YouTube

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

یکی از مهم ترین ویژگی ها در مورد این پکیج‌ها اینه که توسعه و نگهداری اپلیکیشن رو بسیار آسان‌تر می‌کنند و بهش سرعت می‌بخشند. 🚀

✅ بهترین لایبرری‌های مدیریت فرم در ری‌اکت Formik

🔗 link

React Hook Form

🔗 link

Final Form

🔗 link

Channel | Group | YouTube

⚛️ پنجمین بوت‌کمپ استخدامی برنامه‌نویسی فرانت-اند دانشکار ⭐️ با محتوای جدید و به‌روزشده 💻 اگر به طراحی وب‌سایت علاقه داری و قصد داری از پایه برنامه‌نویسی فرانت-اند رو یاد بگیری و به درآمد برسی این بوت‌کمپ مناسبته! 🟣 مباحث اصلی این دوره: 🔸Html & CSS 🔸 Javascript 🔸React JS 🔸Typescript 🔸Next JS 🔶 به همراه مباحث تکمیلی مانند مهارت‌های نرم. 🔽مزایای این بوت‌کمپ: ✅ +۱۶۰ ساعت آموزش آنلاین و ویدئویی ✅ مجموعه اساتید حرفه‌ای از شرکت‌های خوب کشور ✅ پروژه‌های مشابه بازار کار ✅ منتور حرفه‌ای اختصاصی ✅ مدرک معتبر و کمک به استخدام بعد از اتمام دوره ✴️ امکان پرداخت به صورت قسطی! 🔽 برای ثبت‌نام اولیه و مشاوره رایگان روی لینک زیر کلیک کن 👇🏻 🔗 https://dnkr.ir/kj3PX 📩 و یا به آیدی زیر پیام بده: @daneshkar_support

اصطلاح «باگ» (Bug) در برنامه‌نویسی و کامپیوتر به مشکلات یا خطاهای نرم‌افزاری اشاره دارد که باعث می‌شود برنامه‌ها به درستی عمل نکنند. اما منشأ این کلمه به یک حادثه خاص در تاریخ فناوری برمی‌گردد. در سال 1947، گروهی از دانشمندان و مهندسان کامپیوتر که روی کامپیوتر مارک در دانشگاه هاروارد کار می‌کردند، متوجه شدند که یک حشره (به معنای واقعی کلمه) در داخل سخت‌افزار کامپیوتر گیر کرده است و باعث اختلال در عملکرد آن شده است. این حشره یک پروانه بود که بین رله‌های مکانیکی گیر کرده بود و عملکرد سیستم را مختل کرده بود. پس از کشف این موضوع، آن‌ها این حشره را از سیستم خارج کردند و در دفتر ثبت مشکلات خود نوشتند: «اولین باگ پیدا شد» و این پروانه را در دفترچه ثبت مشکلات چسباندند. این حادثه باعث شد که واژه "باگ" برای توصیف هر نوع مشکل فنی و خطاهای نرم‌افزاری استفاده شود، هرچند که پیش از این حادثه نیز کلمه "باگ" برای اشاره به اشکالات کوچک در ماشین‌آلات استفاده شده بود، اما این واقعه به شکل رسمی آن را به حوزه کامپیوتر وارد کرد. Channel | Group | YouTube

## کانسپت Promise Executer چیست؟ همه نمونه های Promise یک متد به عنوان آرگومان قبول می کنند که به آن اجرا کننده (executor) می گویند. این اجرا کننده دو متد به عنوان آرگومان می گیرد: resolve و reject. در داخل اجرا کننده، اگر resolve فراخوانی شود، نمونه Promise تبدیل به fulfilled می شود. اگر مشکلی رخ بدهد شود، reject به جای آن فراخوانی می شود و نمونه Promise تبدیل به rejected می شود. مثال در کد:

const executor = (resolve, reject) => {
  setTimeout(() => resolve("I'm done"), 1000);
};

new Promise(executor).then(result => {
  console.log(result);
  // خروجی بعد از 1000 میلی ثانیه: I'm done
});

Channel | Group | YouTube

می‌دونی برنامه‌نویس‌ها چقدر حقوق می‌گیرن؟ کوئرا یه نظرسنجی طراحی کرده که با کمک شما برنامه‌نویس‌ها قراره به این نوع سوالات پاسخ بده. تو هم‌ به عنوان عضوی از این جامعه تو این نظرسنجی شرکت‌ کن! نتایج این نظرسنجی هم باهات به اشتراک گذاشته میشه.

گاربج کالکشن (Garbage Collection) به فرآیندی گفته می‌شود که به‌صورت خودکار حافظه‌ای که توسط داده‌های بلااستفاده اشغال شده است را آزاد می‌کند. زمانی که برنامه در حال اجراست، ممکن است برخی از داده‌ها دیگر مورد نیاز نباشند، اما همچنان بخشی از حافظه را اشغال کنند. این مسئله می‌تواند باعث پر شدن حافظه و در نتیجه کاهش کارایی یا حتی اختلال در اجرای برنامه شود. گاربج کالکشن مانند یک "جمع‌کننده زباله" عمل می‌کند و به‌طور خودکار داده‌هایی که دیگر مورد نیاز نیستند را از حافظه حذف می‌کند تا فضا برای داده‌های جدید باز شود. این مکانیزم به بهینه‌سازی استفاده از حافظه و حفظ عملکرد روان برنامه کمک می‌کند. Channel | Group | YouTube

سلام‌ دوستان صبحتون بخیر👋 امیدوارم حالتون خوب و کدتون بی باگ‌ باشه.😎 تیم‌ DeepDevs نیاز به چند ادمین برای چنل و گروه‌های زیر داره:

چنل اصلی: @DeepDevs گروه اصلی: @DeepDevsGpOriginal گروه چت: @instaDevsGp

👈 برای چنل اصلی نیاز به افرادی هست که حتما سطح دانش خوبی از فرانت یا بک اند اند داشته باشن، اول یه دوره آزمایشی رو میگذرونین و بعد دسترسی ها رفته رفته بهتون داده خواهد شد. فعالیت بالا بعد از سطح دانش خوب برامون‌ اولویته، اگه تایم ندارین لطفا پیام ندین🙏 👈 برای گروه ها اما صرفا کار شما اینه که روی اعضا و بحث گروه نظارت کنین. 💰 در مورد درآمد، با توجه به وضعیت دوبله ها فعلا درآمدی پرداخت نمیشه. اگه فک میکنین شرایط بالا رو دارین، زیر این پست اعلام کنین.👏 Channel | Group | YouTube

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

شرکت نرم افزاری زاداک با بیش از ۱۰ سال سابقه دنبال نیرو vue و nuxt هست  خوشحال میشم اگر کسی مایل به همکاری باشه  از طریق لینک جابینجا که قرار میدم رزومه خودش ارسال کنه لینک ارسال رزومه Channel | Group | YouTube

## تابع کلین‌آپ useEffect چیست؟ تابع cleanup useEffect تابعی در هوک useEffect است که به ما اجازه می دهد قبل از اینکه کامپوننتمان غیرفعال شود، اثر افکت را از بین ببریم یا به اصطلاح پاک کنیم. وقتی کدمان برای هر رندر اجرا و مجددا اجرا می شود، useEffect نیز هر بار با ریترن کردن تابع کلین آپ، رفتار دلخواه مارا دوباره انجام میدهد. هوک useEffect به گونه ای طراحی شده است که اجازه ریترن کردن تابعی در آن را می دهد که به عنوان یک تابع کلین آپ عمل می کند. این ویژگی به عنوان مثال برای غیر فعال کردن ایونت لیستنر هاب غیر ضروری بوجود آمده در افکت و بطور کلی اثر هوک یوزافکت بسیار کاربردی است. مثال در کد:

useEffect(() => {
 // set our variable to true 
let isApiSubscribed = true;
 axios.get(API).then((response) => { if (isApiSubscribed) { 
// handle success } }); 
return () => {
 // cancel the subscription 
isApiSubscribed = false; };
 }, [])

مثال در فچ:

useEffect(() => {
 const controller = new AbortController();
 const signal = controller.signal;
 fetch(API, { signal: signal }) .then((response) => response.json()) .then((response) => { // handle success });
 return () => { // cancel the request before component unmounts
 controller.abort(); 
    }; 
}, []);

Channel | Group | YouTube