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

امروز پنجشنبه 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 خانمی که تا به حال فرزندی نداشته است همه جا هست لامصب

این رفیق برنامه نویست بدون اینکه چیزی سرچ بزنه همش ازت سوال میپرسه و خستت کرده؟ دنبال یه راه حل میگردی؟ فقط کافیه از این سایت استفاده کنی: https://bezar-barat-pida-konam.netlify.app/ فقط کافیه چیزی که میخوای براش سرچ کنی رو اینجا بنویسی و رو دکمه بزنی و لینکی که بهت میدم رو کپی کنی لینک رو براش میفرستی و بقیه کارو میسپاری به ما سورس کد پروژه‌ : https://github.com/m-mohammad-d/bazaar-pida-konam Channel | Group | YouTube

🟡  دعوت شدید به 📌وبینار آنلاین باموضوع: نقشه راه جامع فول استک مدرسین: ✓استاد الهام رضایی •موسس آکادمی الماوب •مدرس مجتمع فنی تهران • توسعه دهنده ارشد فول استک ✓استاد بهنام سلطان رضایی •مدیرعامل هلدینگ کارن •بنیان‌گذار‌شرکت‌داتیک‌تکنولوژی •کارآفرین صنعت تکنولوژی •تکنولوژیست و دیتاساینتیست 🔹برای مشاهده سرفصل‌های مورد‌بحث در این وبینار اینجا کلیک کنید. 🔸این وبینار برای کسانی که درابتدای راه توسعه هستند و میخواهند دید جامعی از وضعیت فعلی و آینده توسعه وب داشته باشند و همچنین برای توسعه دهندگان باتجربه که میخواهند مهارت‌های خود را ارتقا دهند مناسب میباشد. ✅ لینک ثبت نام مستقیم (رایگان):👇 https://eseminar.tv/wb143080 تلگرام   اینستاگرام   وبسایت

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