Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب – Telegram
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
9.19K subscribers
657 photos
354 videos
90 files
813 links
اگر با جاوااسکریپت مشکل داری، این چنل مخصوص خودته 🤝

دوبله بهترین دوره های جاوااسکریپت و ریکت دنیا رایگان:
https://news.1rj.ru/str/DeepDevs/2166

تبلیغات و تبادل نداریم

گروه اصلی برای پرسش و پاسخ:
@DeepDevsGpOriginal

گروه چت:
@InstaDevsGp
Download Telegram
امروز پنجشنبه 22 شهریور روز برنامه نویسه


روز برنامه نویسو به همتون تبریک میگم🎉
78👍6😁5😎3
## تابع کلین‌آپ 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 subnoscription
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
❤‍🔥17👍9🤝1
شرکت نرم افزاری زاداک با بیش از ۱۰ سال سابقه دنبال نیرو vue و nuxt هست  خوشحال میشم اگر کسی مایل به همکاری باشه  از طریق لینک جابینجا که قرار میدم رزومه خودش ارسال کنه


لینک ارسال رزومه


Channel | Group | YouTube
👍8🔥5😁31💯1
فرمت بهینه data در Ajax?
Anonymous Quiz
19%
Xml
66%
Json
6%
Jsonp
4%
Html
5%
Script
👍6
دوبله دوره ریکت رایگان شد و از dubdev.ir میتونید دسترسی داشته باشید...

نه ریسپانسیوه نه هیچی صرفا لینک فصل ها هستش، با سیستم برید راحت تر میتونید استفاده کنید
60😡8👍4😎3
سلام به همه دوستان عزیز

خلاصه این ویس اینه:
دوستان قراره یه مدت نباشم 💔

دوبله ها رایگان شدن کاملا (جاوااسکریپت که رایگان بود، ریکت هم رایگان شد) و از سایتمون dubdev.ir میتونید فصل های مختلف رو دانلود کنید 👌

موقع انتشار این پیام احتمال خیلی زیاد من از اکانتم لاگ اوت کردم برای همین دیگه کلا پیام هاتون رو نمیبینم ولی اگر هر چیزی بود پیوی بگید هر زمان برگردم همشونو میخونم ❤️

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

و در نهایت، مهرشادم، تا دیدار بعد بدرود..
❤‍🔥62💔227👍6
سلام‌ دوستان صبحتون بخیر👋
امیدوارم حالتون خوب و کدتون بی باگ‌ باشه.😎
تیم‌ DeepDevs نیاز به چند ادمین برای چنل و گروه‌های زیر داره:

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



👈 برای چنل اصلی نیاز به افرادی هست که حتما سطح دانش خوبی از فرانت یا بک اند اند داشته باشن، اول یه دوره آزمایشی رو میگذرونین و بعد دسترسی ها رفته رفته بهتون داده خواهد شد. فعالیت بالا بعد از سطح دانش خوب برامون‌ اولویته، اگه تایم ندارین لطفا پیام ندین🙏

👈 برای گروه ها اما صرفا کار شما اینه که روی اعضا و بحث گروه نظارت کنین.

💰 در مورد درآمد، با توجه به وضعیت دوبله ها فعلا درآمدی پرداخت نمیشه.

اگه فک میکنین شرایط بالا رو دارین، زیر این پست اعلام کنین.👏

Channel | Group | YouTube
🤝9❤‍🔥1👍1😎1
گاربج کالکشن (Garbage Collection) به فرآیندی گفته می‌شود که به‌صورت خودکار حافظه‌ای که توسط داده‌های بلااستفاده اشغال شده است را آزاد می‌کند. زمانی که برنامه در حال اجراست، ممکن است برخی از داده‌ها دیگر مورد نیاز نباشند، اما همچنان بخشی از حافظه را اشغال کنند. این مسئله می‌تواند باعث پر شدن حافظه و در نتیجه کاهش کارایی یا حتی اختلال در اجرای برنامه شود.

گاربج کالکشن مانند یک "جمع‌کننده زباله" عمل می‌کند و به‌طور خودکار داده‌هایی که دیگر مورد نیاز نیستند را از حافظه حذف می‌کند تا فضا برای داده‌های جدید باز شود. این مکانیزم به بهینه‌سازی استفاده از حافظه و حفظ عملکرد روان برنامه کمک می‌کند.


Channel | Group | YouTube
👍11🆒2
## کانسپت 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
🔥10👍7
اصطلاح «باگ» (Bug) در برنامه‌نویسی و کامپیوتر به مشکلات یا خطاهای نرم‌افزاری اشاره دارد که باعث می‌شود برنامه‌ها به درستی عمل نکنند. اما منشأ این کلمه به یک حادثه خاص در تاریخ فناوری برمی‌گردد.

در سال 1947، گروهی از دانشمندان و مهندسان کامپیوتر که روی کامپیوتر مارک در دانشگاه هاروارد کار می‌کردند، متوجه شدند که یک حشره (به معنای واقعی کلمه) در داخل سخت‌افزار کامپیوتر گیر کرده است و باعث اختلال در عملکرد آن شده است. این حشره یک پروانه بود که بین رله‌های مکانیکی گیر کرده بود و عملکرد سیستم را مختل کرده بود. پس از کشف این موضوع، آن‌ها این حشره را از سیستم خارج کردند و در دفتر ثبت مشکلات خود نوشتند: «اولین باگ پیدا شد» و این پروانه را در دفترچه ثبت مشکلات چسباندند.

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

Channel | Group | YouTube
26👍9😎3❤‍🔥1
چرا باید از پکیج‌های مدیریت فرم در ری‌اکت جی‌اس استفاده کنیم ؟

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

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


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

Formik
🔗 link


React Hook Form
🔗 link


Final Form
🔗 link


Channel | Group | YouTube
👍15🔥1
الگوریتم Mark and Sweep یکی از روش‌های مهم برای مدیریت حافظه در برنامه‌هاست، به ویژه برای بازیافت حافظه یا Garbage Collection. این الگوریتم به زبان ساده، کارش اینه که حافظه‌ای که دیگه بهش نیازی نیست رو پیدا کرده و آزاد کنه.

توضیح فرآیند:
مرحله Mark (علامت‌گذاری): در این مرحله، الگوریتم تمام اشیایی که هنوز مورد استفاده هستند رو شناسایی می‌کند. این کار معمولاً با شروع از نقاط مشخصی در برنامه انجام می‌شود و به صورت عمیق‌تر به اشیاء مرتبط با آن‌ها می‌رسد. هر شیء که به آن‌ها دسترسی داره، برچسب‌گذاری می‌شه تا مشخص بشه که هنوز به کار میاد.

مرحله Sweep (پاک‌سازی): بعد از مرحله علامت‌گذاری، الگوریتم به حافظه برمی‌گرده و تمام اشیایی که برچسب نخورده‌اند (یعنی به عنوان "غیر قابل دسترس" شناخته می‌شوند) رو شناسایی می‌کند. این اشیاء در واقع دیگه به کار نمی‌آیند و می‌توانند از حافظه پاک شوند تا فضا آزاد بشه

Channel | Group | YouTube
👍7😁1
Blackbear - "Idfc" (Acoustic) OFFICIAL VERSION
StrictlyHits
🔥7👍41😁1
## اپراتور void چیست؟

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

function getYear() {
return 2020;
};

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

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

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


Channel | Group | YouTube
🤝10👍2😁2
پسوند .md چیست و چه کاربردی دارد ؟

فایل‌های .md مخصوص نوشتن متن‌های ساده با قالب‌بندی ساختاریافته هستن. این فایل‌ها با استفاده از زبان Markdown نوشته می‌شن که به شما اجازه می‌ده متن‌های خودتونو به راحتی و بدون پیچیدگی HTML قالب‌بندی کنید.

چه کاربرد هایی داره ؟ 🚀

📝 مستندسازی پروژه‌ها: در پلتفرم‌هایی مثل GitHub برای نوشتن راهنماها و توضیحات پروژه استفاده می‌شه.

📰 نوشتن وبلاگ‌ها: فایل‌های Markdown به سادگی به HTML تبدیل می‌شن و برای تولید محتوای وبلاگ مناسب هستند.

✍️ یادداشت‌برداری: ابزارهای یادداشت‌برداری مانند Obsidian و Notion از Markdown برای ساختاردهی متن‌ها استفاده می‌کنند.

فرمت Markdown به دلیل سادگی و قابلیت تبدیل آسان به فرمت‌های دیگر، در مستندسازی و تولید محتوا کاربرد زیادی داره، توی سایت زیر میتونید بیشتر راجبش بخونید 🔻
🌐 https://www.markdownguide.org


#md #markdown

Channel | Group | YouTube
👍13🔥2🤝1
Forwarded from Peyman Jeddi
سلام به همه!

ما داریم تیم توسعه‌مون رو بزرگتر می‌کنیم و دنبال یه آدم خفن می‌گردیم که 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
👍5😁3🔥2
Sunsetz
Cigarettes After Sex
...In my Rare View...

Channel | Group | YouTube
10😁1
سلام به همه دوستان✋🏻

یک مشکلی که همه برنامه نویس های تازه کار باهاش سرکار دارند ، فراموش کردن مطالبی هست که یاد گرفتند😢.

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

فقط نباید ناامید بشید و مسیر رو ادامه بدید💪🏻

در ادامه یک چیت شیت بامزه از جاوااسکریپت براتون میزارم تا بتونم اکثر موارد مهم جاوااسکریپت رو یکجا داشته باشید تا اگر مطلبی رو یادتون رفت بتونید سریع مرور کنید
#javanoscript

Channel | Group | YouTube
38👍7🔥2😎2❤‍🔥1
#استخدامی
سلام، امیدوارم که خوب باشید.
من میخواستم از شما بپرسم آیا در بین دوستان فردی سینیور فرانت اند دولوپر با تخصص ری اکت جی اس میشناسید جویای کار ، برای استخدام تمام وقت به من معرفی بفرمایید؟ مکان دفتر برای یک روز حضور در دفتر ظفر (تهران) هست و مابقی روزها به صورت ریموت.

نکته: تجربه ۳ سال به بالا

در صورت داشتن شرایط به این آیدی پیام بدین:
@venus_smd

Channel | Group | YouTube
👍14💔2😡2🕊1😎1
This media is not supported in your browser
VIEW IN TELEGRAM
Async / Await in ONE Minute

پ.ن: ایشون سینا جزایری هستن.⚡️
ویدیوهاشون رو میتونین از چنل یوتوبشونم دنبال کنین.

Channel | Group | YouTube
❤‍🔥28👍6