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

دوبله دوره ریکت رایگان شد و از 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

امروز پنجشنبه 22 شهریور روز برنامه نویسه روز برنامه نویسو به همتون تبریک میگم🎉

رفقا ریکت و نکست (شاید به عنوان آخرین دوبله ها) به یه سری دلایل به زودی رایگان خواهد شد.. منتظر باشید

⭐️ انواع مختلف رندرینگ (Rendering) برای تولید صفحات وب در Next.js ⭐️ 1️⃣ رندرینگ سمت سرور (Server-Side Rendering یا SSR) 🔹 در این نوع رندرینگ، صفحه در هر بار درخواست کاربر به صورت پویا در سمت سرور رندر می‌شود. نتیجه به عنوان HTML به کاربر ارسال می‌شود. SSR به بهبود SEO و زمان بارگذاری اولیه کمک می‌کند، زیرا محتوا قبل از رسیدن به مرورگر آماده است. 🔄 کاربرد: زمانی که نیاز به دریافت داده‌ های پویا در لحظه و بهینه‌سازی SEO دارید. 2️⃣ رندرینگ استاتیک (Static Site Generation یا SSG) 🔹در این نوع رندرینگ، صفحات در زمان build تولید می‌شوند و به صورت استاتیک به سرور ارائه می‌شوند. این روش منجر به بارگذاری سریع‌ تر صفحات می‌شود، زیرا صفحات از قبل آماده هستند و نیازی به رندر سمت سرور در هر درخواست ندارند. 🔄 کاربرد: برای صفحات با محتوای ثابت یا به ندرت تغییر یافته که نیاز به زمان بارگذاری سریع دارند. 3️⃣ رندر استاتیک با ایجاد تدریجی (Incremental Static Regeneration یا ISR) 🔹 این قابلیت ترکیبی از SSG و SSR است. صفحات در زمان build به صورت استاتیک تولید می‌شوند، اما می‌توان آنها را به صورت پویا با فاصله‌ های زمانی مشخصی به‌روزرسانی کرد. با این روش، صفحه‌ ای که توسط کاربر دیده می‌شود همچنان استاتیک است، اما در پس‌زمینه داده‌ ها بروز رسانی می‌شوند. 🔄 کاربرد: برای صفحاتی که بیشتر استاتیک هستند اما گهگاه نیاز به بروز رسانی دارند. 4️⃣ رندرینگ سمت کلاینت (Client-Side Rendering یا CSR) 🔹در این نوع رندرینگ، صفحه ابتدا به صورت پایه‌ ای (HTML خالی) به کاربر ارسال می‌شود و سپس محتوای پویا در سمت کلاینت (مرورگر) با استفاده از جاوااسکریپت بارگذاری می‌شود. این رویکرد شبیه به شیوه‌ های رایج در React و SPA است. 🔄 کاربرد: برای صفحاتی که نیاز به تعامل زیاد با کاربر دارند و محتوای آن‌ها می‌تواند در سمت کلاینت بارگذاری شود. Channel | Group | YouTube

وب یو اس بی (web usb ) یک API که به مرورگرها اجازه میده با دستگاه‌های USB مستقیماً از طریق وب‌سایت‌ها ارتباط برقرار کنند. به زبان ساده، این یعنی وب‌سایت‌ها می‌توانند به دستگاه‌های USB مثل پرینتر، دوربین یا دستگاه‌های خاص مثل میکروکنترلرها دسترسی پیدا کنن و با آنها کار کنن، بدون اینکه نیاز باشه نرم افزار جدایی نصب بشه. این ارتباط از طریق کدهای جاوااسکریپت انجام می‌شود و باید حتماً کاربر اجازه دسترسی را به وب‌سایت بدهد تا امنیت حفظ شود.

navigator.usb.getDevices().then((devices) => {
  devices.forEach((device) => {
    console.log(device.productName); // "Arduino Micro"
    console.log(device.manufacturerName); // "Arduino LLC"
  });
});

Channel | Group | YouTube

#quick_challenge خروجی کد بالا چیست؟ Channel | Group | YouTube

#quick_challenge خروجی کد بالا چیست؟ Channel | Group | YouTube

نیازمند فرانت کار مسلط به ری اکت و نکست از تهران و فول تایم مسایل مالی توافقی ☆☆🆔 @Samiapro Channel | Group | YouTube

🔵 شرکت نماوا در پوزیشن 'تست نرم‌افزار' کارآموز می‌پذیرد 🔵 شرایط: 🔷 رشته تحصیلی زیر مجموعه کامپیوتر در دانشگاههای معتبر 🔷 حداقل سال سوم یا آخر کارشناسی‌ 🔷 ساکن تهران داشتن شرایط زیر مزیت محسوب میشود: 🔷 آشنا به فرایند تولید و تست نرم افزار و سناریو نویسی تست 🔷 توانایی مستند کردن فرایند تست نرم افزار 🔷 صبور، دقیق و توانمند در بررسی جزییات محصول 🔷 توانایی انجام کار گروهی مزایا: 🔷 دوره کارآموزی به صورت هیبرید (دورکاری و حضوری) برگزار می‌گردد 🔷 امکان بهره‌مندی از سهمیه دانش‌بنیان شرکت (امریه) 🔷 پرداخت کمک هزینه در طول دوره به کارآموز 🔷 قرار گرفتن کارآموز در لیست بیمه شرکت 🔷 امکان استخدام پس از گذراندن دوره کارآموزی 🔷 محیط کاری دوستانه و صمیمی 🔷 امکان یادگیری و رشد در کنار افراد با تجربه دوستانی که علاقه‌مند هستن، لطفا رزومه‌شون رو به آیدی زیر ارسال کنند. @KeyvanRezaeiF

اینو گوش کنید مهمه #English

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

-para تولد بچه nullapara خانمی که تا به حال فرزندی نداشته است همه جا هست لامصب