👍3
✅ مقایسه SSR و CSR در وبسایت ها:
مفهوم SSR چیست؟
اول از همه باید گفت که SSR مخفف Server Side Rendering است. این توانایی یک وب اپلیکیشن است که می تواند دیتا ها، المنت ها و صفحات وب را به جای اینکه در مرورگر کاربر رندر بگیرد، روی سرور رندر بگیرد.
زمانی که درخواست از طرف سرور دریافت می شود، اگر محتوای صفحه به دیتا های پایگاه داده (Data base) نیاز داشته باشد، سرور این کار را انجام می دهد، سپس دیتا ها را به صفحه کاملا رندر شده ارائه می ده و آنها را به عنوان پاسخ برای گیرنده یا کلاینت ارسال می کند و در مرورگر صفحات به نمایش در می آید.
مفهوم CSR چیست؟
عبارت CSR مخفف Client Side Rendering است، CSR نقطه مقابل SSR است. اگر در SSR صفحه سمت سرور رندر گرفته می شود، در CSR صفحه را در کلاینت و سمت کاربر رندر می گیرد. هنگامی که درخواست از سرور دریافت می شود، صفحه رندر گرفته نمی شود. در عوض، سرور یک صفحه واحد را که اسکلت صفحه است برای کلاینت ارسال می کند. سرور اسکلت صفحات در قالب html به همراه فایل javascript ارسال می کند، سپس در سمت کلاینت و در مرورگر کاربر صفحه را به یک صفحه کاملا رندر شده تبدیل میکند و کد های جاوااسکریپت لود می شود. پس محتوا چه می شود؟ در این زمان api وارد می شود. کلاینت درخواستش را به api می فرستد تا دیتا ها را از طریق دیتا بیس دریافت و در صفحه نمایش دهد.
تفاوت SSR و CSR چیست؟
تفاوت اصلی بین SSR و CSR محل رندر گیری در صفحه است. یک وب اپلیکیشن SSR صفحه را در سمت سرور و CSR در سمت کاربر و کلاسنت رندر می گیرد. با در نظر گرفتن پارامتر های یک وبسایت می توان گفت که کدام روش برای استفاده در وبسایت ها مناسب تر است، اگر وبسایت ترافیک بسیار بالایی ندارد، بیشتر صفحات در قالب تکست، بلاگ، کانتنت و ... ست و مهم تر از همه، سئو اهمیت بالایی در وبسایت شما دارد، طراحی وبسایت در قالب Server Side Rendering گزینه مناسب تری است. اما اگر وبسایت پر ترافیک، با انیمیشن های پیچیده دارید و تعامل با کاربر بیشتر از سئو برای شما اهمیت دارد، CSR می تواند گزینه خوبی باشد.
نکته قابل توجه این است که می توان وبسایت ها را به شیوه ای طراحی کرد که در سمت کاربر و کلاینت، به صورت CSR و در سمت ربات های گوگل و موتور های جستجو به صورت SSR لود شوند.
در واقع SSR بودن یک وبسایت برای ربات های گوگل از اهمیت بالایی برخوردار است چون که توانایی index کردن صفحات، شناسایی تگ ها و المنت ها، دستیابی به قالب کلی سایت و محتوا را دارند.
در مقابل وب اپلیکیشن هایی مثل پنل مدیریت کاربر و پنل ادمین که نیازمند سئو نیستند را می توان به صورت CSR طراحی کرد تا سرعت بیشتر و پرفورمنس بالاتری داشته باشد.
برخی از فریمورک های SSR معروف عبارتند از:
Next js (SSR Framework for React)
Nuxt js (SSR Framework for Vue)
#فرانت
★彡 @kiau_program 彡★
مفهوم SSR چیست؟
اول از همه باید گفت که SSR مخفف Server Side Rendering است. این توانایی یک وب اپلیکیشن است که می تواند دیتا ها، المنت ها و صفحات وب را به جای اینکه در مرورگر کاربر رندر بگیرد، روی سرور رندر بگیرد.
زمانی که درخواست از طرف سرور دریافت می شود، اگر محتوای صفحه به دیتا های پایگاه داده (Data base) نیاز داشته باشد، سرور این کار را انجام می دهد، سپس دیتا ها را به صفحه کاملا رندر شده ارائه می ده و آنها را به عنوان پاسخ برای گیرنده یا کلاینت ارسال می کند و در مرورگر صفحات به نمایش در می آید.
مفهوم CSR چیست؟
عبارت CSR مخفف Client Side Rendering است، CSR نقطه مقابل SSR است. اگر در SSR صفحه سمت سرور رندر گرفته می شود، در CSR صفحه را در کلاینت و سمت کاربر رندر می گیرد. هنگامی که درخواست از سرور دریافت می شود، صفحه رندر گرفته نمی شود. در عوض، سرور یک صفحه واحد را که اسکلت صفحه است برای کلاینت ارسال می کند. سرور اسکلت صفحات در قالب html به همراه فایل javascript ارسال می کند، سپس در سمت کلاینت و در مرورگر کاربر صفحه را به یک صفحه کاملا رندر شده تبدیل میکند و کد های جاوااسکریپت لود می شود. پس محتوا چه می شود؟ در این زمان api وارد می شود. کلاینت درخواستش را به api می فرستد تا دیتا ها را از طریق دیتا بیس دریافت و در صفحه نمایش دهد.
تفاوت SSR و CSR چیست؟
تفاوت اصلی بین SSR و CSR محل رندر گیری در صفحه است. یک وب اپلیکیشن SSR صفحه را در سمت سرور و CSR در سمت کاربر و کلاسنت رندر می گیرد. با در نظر گرفتن پارامتر های یک وبسایت می توان گفت که کدام روش برای استفاده در وبسایت ها مناسب تر است، اگر وبسایت ترافیک بسیار بالایی ندارد، بیشتر صفحات در قالب تکست، بلاگ، کانتنت و ... ست و مهم تر از همه، سئو اهمیت بالایی در وبسایت شما دارد، طراحی وبسایت در قالب Server Side Rendering گزینه مناسب تری است. اما اگر وبسایت پر ترافیک، با انیمیشن های پیچیده دارید و تعامل با کاربر بیشتر از سئو برای شما اهمیت دارد، CSR می تواند گزینه خوبی باشد.
نکته قابل توجه این است که می توان وبسایت ها را به شیوه ای طراحی کرد که در سمت کاربر و کلاینت، به صورت CSR و در سمت ربات های گوگل و موتور های جستجو به صورت SSR لود شوند.
در واقع SSR بودن یک وبسایت برای ربات های گوگل از اهمیت بالایی برخوردار است چون که توانایی index کردن صفحات، شناسایی تگ ها و المنت ها، دستیابی به قالب کلی سایت و محتوا را دارند.
در مقابل وب اپلیکیشن هایی مثل پنل مدیریت کاربر و پنل ادمین که نیازمند سئو نیستند را می توان به صورت CSR طراحی کرد تا سرعت بیشتر و پرفورمنس بالاتری داشته باشد.
برخی از فریمورک های SSR معروف عبارتند از:
Next js (SSR Framework for React)
Nuxt js (SSR Framework for Vue)
#فرانت
★彡 @kiau_program 彡★
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
⁉️ سیستم باینری و اعداد مبنای 2⃣ به چه صورت عمل میکنن؟
از اونجایی که انسان‌ها 🔟 تا انگشت دارند، سیستم عددی که برای شمارش از آن استفاده می‌کنند، در مبنای 🔟 هست.
★彡 @kiau_program 彡★
از اونجایی که انسان‌ها 🔟 تا انگشت دارند، سیستم عددی که برای شمارش از آن استفاده می‌کنند، در مبنای 🔟 هست.
★彡 @kiau_program 彡★
github-cheat-sheet.pdf
97.8 KB
فایل بسیار کاربردی برای مرور و کار با دستورات گیت و گیت هاب
#گیت #گیت_هاب #هوش_مصنوعی
★彡 @kiau_program 彡★
#گیت #گیت_هاب #هوش_مصنوعی
★彡 @kiau_program 彡★
❤1
متود splice چیکار میکنه؟
دلیل این خروجی چیه؟
دلیل این خروجی چیه؟
Anonymous Quiz
31%
[15,20,25,4]
16%
[ ]
31%
[15]
22%
[20,25,30,35]
معرفی ۵ سایت کاربردی در حوزه برنامه‌نویسی:
💢 سایت www.w3schools.com: آموزش قدم‌به‌قدم انواع زبان‌های برنامه‌نویسی با مثال‌های جالب و کاربری به همراه ویژگی تست و مشاهده خروجی در لحظه.
💢 سایت stackoverflow.com: دارای بینهایت ترفند و راهنما جهت پیشرفت و برطرف‌سازی مشکلات در زمینه IT، فضایی پیشرفته و تعاملی بین کاربران مختلف.
💢 سایت 10015.io: تمامی ابزار‌های کاربردی برای برنامه‌نویسی، گرافیک، طراحی و ... در یک‌جا.
💢 سایت typeo.top: اموزش استاندارد و قدم‌به‌قدم تایپ ده‌انگشتی.
💢 سایت smalldev.tools: ابزار‌های کاربردی برای برنامه‌نویسان حوزه وب.
#five_things
@kiau_program
💢 سایت www.w3schools.com: آموزش قدم‌به‌قدم انواع زبان‌های برنامه‌نویسی با مثال‌های جالب و کاربری به همراه ویژگی تست و مشاهده خروجی در لحظه.
💢 سایت stackoverflow.com: دارای بینهایت ترفند و راهنما جهت پیشرفت و برطرف‌سازی مشکلات در زمینه IT، فضایی پیشرفته و تعاملی بین کاربران مختلف.
💢 سایت 10015.io: تمامی ابزار‌های کاربردی برای برنامه‌نویسی، گرافیک، طراحی و ... در یک‌جا.
💢 سایت typeo.top: اموزش استاندارد و قدم‌به‌قدم تایپ ده‌انگشتی.
💢 سایت smalldev.tools: ابزار‌های کاربردی برای برنامه‌نویسان حوزه وب.
#five_things
@kiau_program
👍8
https://www.linkedin.com/feed/update/urn:li:activity:7191094197850947585?updateEntityUrn=urn%3Ali%3Afs_feedUpdate%3A%28V2%2Curn%3Ali%3Aactivity%3A7191094197850947585%29 @kiau_program
Linkedin
Quera on LinkedIn: #رایگان
📣 مسابقه ورودی «بله‌کمپ ۷»
🔰 این مسابقه توی چهار مسیر DevOps ،Front-End ،Back-End و Android برگزار میشه.
🗓 زمان مسابقه: جمعه ۲۱ اردیبهشت
▪️ مسابقه شامل…
🔰 این مسابقه توی چهار مسیر DevOps ،Front-End ،Back-End و Android برگزار میشه.
🗓 زمان مسابقه: جمعه ۲۱ اردیبهشت
▪️ مسابقه شامل…
5 افزونه کاربردی Vscode
🔷 افزونه Black Box : یک هوش مصنوعی که به سرعتتون کمک میکنه و باگ هاتونو رفع میکنه
🔶 افزونه Thunder Client : این افزونه کار Postman رو میکنه ولی چون برای من بالا نمیاد از این افزونه استفاده میکنم
🔷 افزونه Error Lens : ارور های کدتون رو به صورت خطی نمایش میده
🔶 افزونه Code Time : تایم کد زدنتون رو حساب میکنه 😄
🔷 افزونه Vscode-icons : آیکن های پیشفرض Vscode رو تغییر میده
@kiau_program
🔷 افزونه Black Box : یک هوش مصنوعی که به سرعتتون کمک میکنه و باگ هاتونو رفع میکنه
🔶 افزونه Thunder Client : این افزونه کار Postman رو میکنه ولی چون برای من بالا نمیاد از این افزونه استفاده میکنم
🔷 افزونه Error Lens : ارور های کدتون رو به صورت خطی نمایش میده
🔶 افزونه Code Time : تایم کد زدنتون رو حساب میکنه 😄
🔷 افزونه Vscode-icons : آیکن های پیشفرض Vscode رو تغییر میده
@kiau_program
❤2👍2
🥇عملیات همگام (Synchronous)
در عملیات همگام، کد به ترتیب و خط به خط اجرا می‌شود. هر خط کد باید کامل اجرا شود تا خط بعدی اجرا شود. به عبارت دیگر، عملیات بعدی منتظر می‌ماند تا عملیات قبلی به پایان برسد.
🥈عملیات ناهمگام (Asynchronous)
در عملیات ناهمگام، کد به ترتیب نوشته شده اجرا نمی‌شود. برخی عملیات می‌توانند زمان‌بر باشند (مثل درخواست‌های شبکه، اتصال به یک api یا عملیات فایل)، بنابراین این عملیات‌ها به صورت ناهمگام اجرا می‌شوند تا برنامه بتواند به اجرای کدهای دیگر ادامه دهد بدون اینکه منتظر اتمام عملیات زمان‌بر بماند.
★彡 @kiau_program 彡★
در عملیات همگام، کد به ترتیب و خط به خط اجرا می‌شود. هر خط کد باید کامل اجرا شود تا خط بعدی اجرا شود. به عبارت دیگر، عملیات بعدی منتظر می‌ماند تا عملیات قبلی به پایان برسد.
🥈عملیات ناهمگام (Asynchronous)
در عملیات ناهمگام، کد به ترتیب نوشته شده اجرا نمی‌شود. برخی عملیات می‌توانند زمان‌بر باشند (مثل درخواست‌های شبکه، اتصال به یک api یا عملیات فایل)، بنابراین این عملیات‌ها به صورت ناهمگام اجرا می‌شوند تا برنامه بتواند به اجرای کدهای دیگر ادامه دهد بدون اینکه منتظر اتمام عملیات زمان‌بر بماند.
★彡 @kiau_program 彡★
این سایت مجموعه کاملی از ابزار های مختلف به صورت رایگان در اختیارتون قرار میده
🌀 این وبسایت متشکل از ابزار های گوناگونی مثل هوش مصنوعی ، دانلودر ها و... هستش که کارهای شمارو میتونه آسون کنه.
🌀 مهم ترین کاربرد این سایت در ابتدا تبدیل فرمت یک فایل به یک فایل دیگه بود (مثلا تبدیل pdf به ورد ) اما الان مجموعه وسیعی از سرویس های مختلف رو تو خودش جا داده.
Link: tinywow.com
★彡 @kiau_program 彡★
🌀 این وبسایت متشکل از ابزار های گوناگونی مثل هوش مصنوعی ، دانلودر ها و... هستش که کارهای شمارو میتونه آسون کنه.
🌀 مهم ترین کاربرد این سایت در ابتدا تبدیل فرمت یک فایل به یک فایل دیگه بود (مثلا تبدیل pdf به ورد ) اما الان مجموعه وسیعی از سرویس های مختلف رو تو خودش جا داده.
Link: tinywow.com
★彡 @kiau_program 彡★
❤2👍2🔥1
♨️ آسیب‌پذیری جدید ویندوز شبکه Wi-Fi رو به ابزار ورودی هکرها تبدیل میکند
🌀مایکروسافت به تازگی یک آپدیت امنیتی برای ویندوز منتشر کرده که تازه‌ترین حفره امنیتی این پلتفرمه و به هکرها اجازه میده تا کدهای مخرب رو ، روی سیستم‌های آسیب‌پذیر از طریق وای‌فای اجرا کنند.
➕به گفته محققان حوزه امنیت سایبری، آسیب‌پذیری مورد بحث تمام نسخه‌های جدید سیستم‌عامل ویندوز و ویندوز سرور رو تحت تأثیر قرار میده و مهاجم با سوءاستفاده از اون دیگه نیازی به دسترسی قبلی به کامپیوتر قربانی نخواهد داشت.
#هک
★彡 @kiau_program 彡★
🌀مایکروسافت به تازگی یک آپدیت امنیتی برای ویندوز منتشر کرده که تازه‌ترین حفره امنیتی این پلتفرمه و به هکرها اجازه میده تا کدهای مخرب رو ، روی سیستم‌های آسیب‌پذیر از طریق وای‌فای اجرا کنند.
➕به گفته محققان حوزه امنیت سایبری، آسیب‌پذیری مورد بحث تمام نسخه‌های جدید سیستم‌عامل ویندوز و ویندوز سرور رو تحت تأثیر قرار میده و مهاجم با سوءاستفاده از اون دیگه نیازی به دسترسی قبلی به کامپیوتر قربانی نخواهد داشت.
#هک
★彡 @kiau_program 彡★