♨️ قابلیت CSR (Client Side Rendering) چیست؟
ما در React داده ها را از سرور گرفته و در سمت کلاینت (مرورگر کاربر) از آن داده ها برای ساخت و نمایش صفحه (Render) استفاده میکنیم.
شما میتوانید برای درک این موضوع به وبسایتی بروید که با React نوشته شده است. اگر سورس کد این وب سایت را از مرورگر خود باز کنید (view page source) میبینید که صفحه هیچ خاصی ندارد. چرا؟ به دلیل اینکه در این گونه وبسایت ها ما صفحات واقعی نداریم بلکه آنها با جاوااسکریپت و به صورت پویا ایجاد میشوند.
قابلیت CSR مزایا و معایبی دارد که باید بسته به نیاز استفاده از آن انتخاب شود.
💠 مزایا:
- عدم ریفرش شدن صفحه و سریع بودن در جابهجایی بین صفحات
💠 معایب:
- لودینگ نسبتا طولاتی در هنگام اولین مراجعه کاربر به صفحه
- مشکلات سئو و بهینه نبودن برای موتورهای جستجو
🔆 در صورتی که سوالات یا تجربهای در این زمینه دارید لطفا در گروه با ما به اشتراک بگذارید...
#reactjs #nextjs
Channel | Group | YouTube
ما در React داده ها را از سرور گرفته و در سمت کلاینت (مرورگر کاربر) از آن داده ها برای ساخت و نمایش صفحه (Render) استفاده میکنیم.
شما میتوانید برای درک این موضوع به وبسایتی بروید که با React نوشته شده است. اگر سورس کد این وب سایت را از مرورگر خود باز کنید (view page source) میبینید که صفحه هیچ خاصی ندارد. چرا؟ به دلیل اینکه در این گونه وبسایت ها ما صفحات واقعی نداریم بلکه آنها با جاوااسکریپت و به صورت پویا ایجاد میشوند.
قابلیت CSR مزایا و معایبی دارد که باید بسته به نیاز استفاده از آن انتخاب شود.
💠 مزایا:
- عدم ریفرش شدن صفحه و سریع بودن در جابهجایی بین صفحات
💠 معایب:
- لودینگ نسبتا طولاتی در هنگام اولین مراجعه کاربر به صفحه
- مشکلات سئو و بهینه نبودن برای موتورهای جستجو
🔆 در صورتی که سوالات یا تجربهای در این زمینه دارید لطفا در گروه با ما به اشتراک بگذارید...
#reactjs #nextjs
Channel | Group | YouTube
👍9
#javanoscript
✅ اینها متدهایی هستند که بر روی یک شیء از کلاس URL فراخوانی میشن. کلاس URL یک کلاس استاندارد تو جاوااسکریپتن که مربوط به مدیریت و کار با URL ها (آدرسهای اینترنتی) هستن. متدهایی که تو این کد نوشتم ,از جمله پروتکل، میزبان، پورت، مسیر، پارامترهای جستجو، هش و مبدأ رو نشون میدن و پوشش میدن.
Channel | Group | YouTube
✅ اینها متدهایی هستند که بر روی یک شیء از کلاس URL فراخوانی میشن. کلاس URL یک کلاس استاندارد تو جاوااسکریپتن که مربوط به مدیریت و کار با URL ها (آدرسهای اینترنتی) هستن. متدهایی که تو این کد نوشتم ,از جمله پروتکل، میزبان، پورت، مسیر، پارامترهای جستجو، هش و مبدأ رو نشون میدن و پوشش میدن.
Channel | Group | YouTube
👍12❤🔥2🔥2❤1
#database
دیتابیسهای رابطهای (Relational Databases) و غیررابطهای (Non-Relational Databases) دو نوع مختلف از سیستمهای مدیریت پایگاه داده (DBMS) هستند که هر کدام ویژگیها و استفادههای متفاوتی دارند.
✅دیتابیس رابطهای (Relational Database):
در DBهای رابطهای، اطلاعات به صورت جداول (Tables) سازماندهی میشوند که هر سطر آن جدول را معادل یک رکورد (Record) و هر ستون آن را معادل یک فیلد (Field) میبینیم.
این نوع DB بر اساس مدل دادهای رابطهای (Relational Data Model) که توسط ادگارد کاد ساخته شد، طراحی شدهاند.
✅درDB غیررابطهای (Non-Relational Database):
در DBهای غیررابطهای، اطلاعات بدون هیچ گونه رابطهای یا ساختار مشخصی ذخیره میشوند. این نوع دیتابیسها معمولاً به عنوان دیتابیسهای NoSQL شناخته میشوند
برخلاف DBهای رابطهای که از مدل دادهای جدولی استفاده میکنند، DBهای غیررابطهای از مدل دادهای متنوعی مانند مستندات (Documents)، سند (Key-Value)، ستونی (Columnar) و گرافی (Graph) استفاده میکنند.
درDBهای غیررابطهای برای مواردی که نیاز به مقیاسپذیری بالا، سرعت بالا و/یا ساختار دادههای متنوع دارند، مناسب هستند
دیتابیسهای رابطهای (Relational Databases) و غیررابطهای (Non-Relational Databases) دو نوع مختلف از سیستمهای مدیریت پایگاه داده (DBMS) هستند که هر کدام ویژگیها و استفادههای متفاوتی دارند.
✅دیتابیس رابطهای (Relational Database):
در DBهای رابطهای، اطلاعات به صورت جداول (Tables) سازماندهی میشوند که هر سطر آن جدول را معادل یک رکورد (Record) و هر ستون آن را معادل یک فیلد (Field) میبینیم.
این نوع DB بر اساس مدل دادهای رابطهای (Relational Data Model) که توسط ادگارد کاد ساخته شد، طراحی شدهاند.
✅درDB غیررابطهای (Non-Relational Database):
در DBهای غیررابطهای، اطلاعات بدون هیچ گونه رابطهای یا ساختار مشخصی ذخیره میشوند. این نوع دیتابیسها معمولاً به عنوان دیتابیسهای NoSQL شناخته میشوند
برخلاف DBهای رابطهای که از مدل دادهای جدولی استفاده میکنند، DBهای غیررابطهای از مدل دادهای متنوعی مانند مستندات (Documents)، سند (Key-Value)، ستونی (Columnar) و گرافی (Graph) استفاده میکنند.
درDBهای غیررابطهای برای مواردی که نیاز به مقیاسپذیری بالا، سرعت بالا و/یا ساختار دادههای متنوع دارند، مناسب هستند
👍7🔥3❤1
از کجا بدونیم هر سایتی از چه تکنولوژی هایی استفاده میکنه؟
افزونه wappalyzer ابزاری است که به شما کمک میکنه اطلاعات بسیار زیادی در رابطه با وبسایت ها به دست بیارید. با این ابزار میتونید سیستم محتوای وبسایت (وردپرس، جوملا و...) نوع زبان برنامه نویسی (جاوا، پیاچپی و...) و موارد دیگه رو به دست بیارید.
این افزونه برای کروم و فایرفاکس در دسترس است.
🌐 https://www.wappalyzer.com
#Tools #extension
Channel | Group | YouTube
افزونه wappalyzer ابزاری است که به شما کمک میکنه اطلاعات بسیار زیادی در رابطه با وبسایت ها به دست بیارید. با این ابزار میتونید سیستم محتوای وبسایت (وردپرس، جوملا و...) نوع زبان برنامه نویسی (جاوا، پیاچپی و...) و موارد دیگه رو به دست بیارید.
این افزونه برای کروم و فایرفاکس در دسترس است.
🌐 https://www.wappalyzer.com
#Tools #extension
Channel | Group | YouTube
👍18🔥2
🔥8🤯2👀2
#Typenoscript
✅ تایپ اسکریپت:
بر روی زبان جاوا اسکریپت بنا شده است و سیستم تایپ را به آن اضافه می کند.
کامپایل می شود و قبل از اجرا به جاوا اسکریپت تبدیل می شود.
✅ مزایا:
سیستم تایپ: به شما کمک می کند تا از خطاهای زمان اجرا جلوگیری کنید.
خوانایی بهتر: کدهای تایپ اسکریپت به دلیل سیستم تایپ، خوانایی بهتری دارند.
قابلیت نگهداری: به دلیل سیستم تایپ، نگهداری و توسعه کدهای تایپ اسکریپت آسان تر است.
✅ معایب:
یادگیری دشوارتر: به دلیل وجود سیستم تایپ، یادگیری آن کمی دشوارتر از جاوا اسکریپت است.
سرعت: به دلیل کامپایل شدن، سرعت اجرای آن کمی کندتر از جاوا اسکریپت است.
جامعه کوچکتر: به دلیل جدیدتر بودن، جامعه آن به اندازه جاوا اسکریپت بزرگ نیست.
💥 انتخاب بین جاوا اسکریپت و تایپ اسکریپت: 💥
✅ انتخاب بین این دو زبان به نیازهای شما بستگی دارد. اگر به دنبال یک زبان برنامه نویسی آسان برای یادگیری هستید و سرعت برای شما مهم است، جاوا اسکریپت گزینه مناسبی است. اما اگر به دنبال یک زبان برنامه نویسی با سیستم تایپ قوی و خوانایی بالا هستید، تایپ اسکریپت گزینه بهتری است.
Channel | Group | YouTube
✅ تایپ اسکریپت:
بر روی زبان جاوا اسکریپت بنا شده است و سیستم تایپ را به آن اضافه می کند.
کامپایل می شود و قبل از اجرا به جاوا اسکریپت تبدیل می شود.
✅ مزایا:
سیستم تایپ: به شما کمک می کند تا از خطاهای زمان اجرا جلوگیری کنید.
خوانایی بهتر: کدهای تایپ اسکریپت به دلیل سیستم تایپ، خوانایی بهتری دارند.
قابلیت نگهداری: به دلیل سیستم تایپ، نگهداری و توسعه کدهای تایپ اسکریپت آسان تر است.
✅ معایب:
یادگیری دشوارتر: به دلیل وجود سیستم تایپ، یادگیری آن کمی دشوارتر از جاوا اسکریپت است.
سرعت: به دلیل کامپایل شدن، سرعت اجرای آن کمی کندتر از جاوا اسکریپت است.
جامعه کوچکتر: به دلیل جدیدتر بودن، جامعه آن به اندازه جاوا اسکریپت بزرگ نیست.
💥 انتخاب بین جاوا اسکریپت و تایپ اسکریپت: 💥
✅ انتخاب بین این دو زبان به نیازهای شما بستگی دارد. اگر به دنبال یک زبان برنامه نویسی آسان برای یادگیری هستید و سرعت برای شما مهم است، جاوا اسکریپت گزینه مناسبی است. اما اگر به دنبال یک زبان برنامه نویسی با سیستم تایپ قوی و خوانایی بالا هستید، تایپ اسکریپت گزینه بهتری است.
Channel | Group | YouTube
❤🔥11👍3😁2🤣2
♨️ سوال مصاحبهای: چرا نباید در ریاکت state رو مستقیما آپدیت کنیم؟
اگه بخواین یه state رو مستقیما آپدیت کنید متوجه میشین کامپوننت شما مجددا رندر (Rerender) نمیشه.
به جای اینکه مستقیما state رو آپدیت کنیم باید از متد setter اون در هوک useState استفاده کنیم. این متدها یک آپدیت در شی state رو برنامهریزی و مدیریت میکنن و وقتی تغییر انجام شد کامپوننت شما re-render خواهد شد.
#reactjs #سوال_مصاحبهای
Channel | Group | YouTube
اگه بخواین یه state رو مستقیما آپدیت کنید متوجه میشین کامپوننت شما مجددا رندر (Rerender) نمیشه.
به جای اینکه مستقیما state رو آپدیت کنیم باید از متد setter اون در هوک useState استفاده کنیم. این متدها یک آپدیت در شی state رو برنامهریزی و مدیریت میکنن و وقتی تغییر انجام شد کامپوننت شما re-render خواهد شد.
#reactjs #سوال_مصاحبهای
Channel | Group | YouTube
👍28
#Tips_N_Tricks
#javanoscript
⚖️ برای اینکه مقایسه های دقیقتر و مطمعن تری داشته باشید سعی کنید از
این 🟰🟰🟰 استفاده کنید . اینطوری از شرر خطاهای آخر کار خلاص میشین ⚖️
Channel | Group | YouTube
#javanoscript
⚖️ برای اینکه مقایسه های دقیقتر و مطمعن تری داشته باشید سعی کنید از
این 🟰🟰🟰 استفاده کنید . اینطوری از شرر خطاهای آخر کار خلاص میشین ⚖️
Channel | Group | YouTube
👍12🔥3❤1
درود بر شما 🧑💻
آقا کشش نمیدم این دفعه تو یوتوبمون یه اپ کاربردی دیگه رو کار کردم که مطمئنم خیلیاتون یا تابحال پیاده سازیش کردین و یا میخواین که پیاده سازیش کنین 😎
اونم اپی نیست به اسم....Weather App یا اپ آب و هوا 🔥
- ساده کوتاه مختصر و صد البته مفید -
تمرینی عالی واسه جاوا اسکریپتتون و همینطور یه انتخاب خوب واسه رزومهتون.
خلاصه که از دست ندین.
لایک و سابسکرایبم که دست شماست...یوتوب وسیله هست🗿😁
https://youtu.be/ch1YYeQRBZ4
Channel | Group | YouTube
آقا کشش نمیدم این دفعه تو یوتوبمون یه اپ کاربردی دیگه رو کار کردم که مطمئنم خیلیاتون یا تابحال پیاده سازیش کردین و یا میخواین که پیاده سازیش کنین 😎
اونم اپی نیست به اسم....Weather App یا اپ آب و هوا 🔥
- ساده کوتاه مختصر و صد البته مفید -
تمرینی عالی واسه جاوا اسکریپتتون و همینطور یه انتخاب خوب واسه رزومهتون.
خلاصه که از دست ندین.
لایک و سابسکرایبم که دست شماست...یوتوب وسیله هست🗿😁
https://youtu.be/ch1YYeQRBZ4
Channel | Group | YouTube
👍18🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
#Fun
ماجراهای WTF جاوااسکریپ😂🤣
اصلا صفر تو جاوا اسکریپت رفتار کوانتومی داره😂🤣🤦♂️
Channel | Group | YouTube
ماجراهای WTF جاوااسکریپ😂🤣
اصلا صفر تو جاوا اسکریپت رفتار کوانتومی داره😂🤣🤦♂️
Channel | Group | YouTube
🤣17😁4
#Tips_N_Tricks
#javanoscript
✅بررسی و هندل کردن مقادیر null و undefined همیشه یکی از واجبات هست که بعضا رعایت نمیشه و باعث ایجاد مشکلات میشه❌
Channel | Group | YouTube
#javanoscript
✅بررسی و هندل کردن مقادیر null و undefined همیشه یکی از واجبات هست که بعضا رعایت نمیشه و باعث ایجاد مشکلات میشه❌
Channel | Group | YouTube
🔥20👍9
✅مارکداون یک زبان نشانهگذاری ساده و قابل خوندن هست که برای نوشتن وبسایتها، مقالات، یادداشتها و اسناد مختلف استفاده میشه. این فرمت به کاربران اجازه میده تا به راحتی متن خودشون رو سازماندهی بکنن و قالب بندی بکنن. همچنین، فرمت مارکداون باعث افزایش سرعت نوشتن و ویرایش متون میشه و باعث میشه متنها قالبندی شده و خواناتر بشن.
✅اکثرا توی فایل های README.md گیتهاب چیزی نمینویسن چون یا مارکداون بلد نیستن یا حوصلشو ندارن 😄
⚠️ولی با این ربات میتونید متن خودتون رو بصورت txt بهش بدین و سینتکس مارکداون رو انتخاب کنید و بهتون بصورت فرمت مارکداون برمیگردونه, و شما میتونید اون متن رو کپی کنید و ببرید برای خودتون انواع فایلهای Markdown ای بسازین.⚠️
https://news.1rj.ru/str/MarkdownHelper_bot
Channel | Group | YouTube
✅اکثرا توی فایل های README.md گیتهاب چیزی نمینویسن چون یا مارکداون بلد نیستن یا حوصلشو ندارن 😄
⚠️ولی با این ربات میتونید متن خودتون رو بصورت txt بهش بدین و سینتکس مارکداون رو انتخاب کنید و بهتون بصورت فرمت مارکداون برمیگردونه, و شما میتونید اون متن رو کپی کنید و ببرید برای خودتون انواع فایلهای Markdown ای بسازین.⚠️
https://news.1rj.ru/str/MarkdownHelper_bot
Channel | Group | YouTube
Telegram
Markdown
یه ربات کاربردی متعلق به @DeepDevs برای نوشتن Markdown 👌
❤7🔥4👍2👌1
This media is not supported in your browser
VIEW IN TELEGRAM
خب آقا رسما فصل 12 ام از دوبله دوره ریکت جوناس هم به اتمام رسید 🔥
این فصل بسیار مهم هست و در رابطه با یکی از مهم ترین هوک های ریکت یعنی useEffect هستش 👌
این قسمت رو گذاشتم که فقط کیفیت دوبله رو ببینید و لذت ببرید..
پ.ن: اونایی که قبلا ریکت کار کردن و تجربه بیشتری دارن، ارزش و اهمیت ویدیو رو خیلی بیشتر درک میکنن 😄
نه فصل اول رو میتونید از اینجا پیدا کنید:
@DubDev
Channel | Group | YouTube
این فصل بسیار مهم هست و در رابطه با یکی از مهم ترین هوک های ریکت یعنی useEffect هستش 👌
این قسمت رو گذاشتم که فقط کیفیت دوبله رو ببینید و لذت ببرید..
پ.ن: اونایی که قبلا ریکت کار کردن و تجربه بیشتری دارن، ارزش و اهمیت ویدیو رو خیلی بیشتر درک میکنن 😄
نه فصل اول رو میتونید از اینجا پیدا کنید:
@DubDev
Channel | Group | YouTube
🔥14❤🔥3❤2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
#Out_Of_IDE
ببینید مدیر عامل انویدیا چی میگه😎
هرچی زودتر خودتونو بندازین توی جریان هوش مصنوعی🫠🫠
Channel | Group | YouTube
ببینید مدیر عامل انویدیا چی میگه😎
هرچی زودتر خودتونو بندازین توی جریان هوش مصنوعی🫠🫠
Channel | Group | YouTube
🔥8👍4
#Tips_N_Tricks
#nodejs
💥انواع الگوهای طراحی نرم افزار💥
✅ شما تجربه استفاده از کدوم رو دارید؟؟ تجربیاتتون رو توی کامنتها بنویسید تا همه استفاده کنیم ❤️
💫فقط لطفا انتشارش بدید که هر روز بزرگتر بشیم 💫
Channel | Group | YouTube
#nodejs
💥انواع الگوهای طراحی نرم افزار💥
✅ شما تجربه استفاده از کدوم رو دارید؟؟ تجربیاتتون رو توی کامنتها بنویسید تا همه استفاده کنیم ❤️
💫فقط لطفا انتشارش بدید که هر روز بزرگتر بشیم 💫
Channel | Group | YouTube
👍6👌2