Forwarded from Developix Support
📌 اگر دنبال تبدیل شدن به یک برنامهنویس مطرح در دنیای فریلنسری و کسب درآمد بیشتر هستی، شرکت در این کارگاه رو از دست نده!
💻 کارگاه تجارت بینالمللی برای برنامهنویسها؛
(فریلنسرینگ حرفهای در مقیاس جهانی)
🗓 زمان: 30 شهریور تا 6 مهر 1402
حضوری و آنلاین (2 جلسه حضوری و 5 جلسۀ آنلاین)
📝 اطلاعات بیشتر و ثبتنام
🔻و یا برای کسب اطلاعات بیشتر کافیه به آیدی ما پیام بدی!
🆔 @MaktabSharif_Admin
🌐 وبسایت |📱کانال تلگرام | 📲 اینستاگرام
💻 کارگاه تجارت بینالمللی برای برنامهنویسها؛
(فریلنسرینگ حرفهای در مقیاس جهانی)
🗓 زمان: 30 شهریور تا 6 مهر 1402
حضوری و آنلاین (2 جلسه حضوری و 5 جلسۀ آنلاین)
📝 اطلاعات بیشتر و ثبتنام
🔻و یا برای کسب اطلاعات بیشتر کافیه به آیدی ما پیام بدی!
🆔 @MaktabSharif_Admin
🌐 وبسایت |📱کانال تلگرام | 📲 اینستاگرام
👍1
Forwarded from کار و کسب، عادل طالبی 📌
This media is not supported in your browser
VIEW IN TELEGRAM
📌 دوره آنلاین سئو برای مدیران، آخرین روز ثبتنام با تخفیف ویژه
🔘 استراتژی سئو
🔘 مدیریت فرآیندهای سئو
🔘 گزارشات سئو
🔘 ارزیابی و نظارت بر فرآیندهای سئو
🔘 اشتباهات سئو
🔘 قراردادهای سئو
این دوره پس از سه سال مجدداً برگزار میشود. در این دوره یاد میگیرید چگونه فرآیندهای سئو را مدیریت کنید. این دوره برای مدیران و صاحبان کسب و کارها مفید است که بدانند از تیم سئو چه بخواهند و چگونه از اجرای صحیح فرایندهای سئو اطمینان یابند. همچنین متخصصین سئو یاد میگیرند چگونه با کارفرمایان به شکل درست تعامل و همکاری کرده، به نیازهای آنها پاسخ صحیح بدهند.
پنج جلسه آموزش انلاین فشرده و تخصصی همراه با یک جلسه پرسش و پاسخ.
اطلاعات بیشتر و ثبتنام در ایسمینار:
🌐 eseminar.tv/wb116105
کد تخفیف: talebi
فقط امروز و فردا، به جای 5 میلیون تومان فقط با 2 میلیون تومان در این دوره آنلاین شرکت کنید.
هدایای شرکت در دوره:
🔘 حداقل 2 میلیون تومان رپورتاژ در تریبون
🔘 اکانت 6 ماهه جتسئو به ارزش 1.200.000 تومان
🔘 اکانت یک سالۀ سازمانی میزیتو به ارزش 2.900.000 تومان
🔘 یک جلد کتاب سئو 2022+2023 امضاء شده.
❌❌ فقط امروز ❌❌
☑️ @kar_kasb
🔘 استراتژی سئو
🔘 مدیریت فرآیندهای سئو
🔘 گزارشات سئو
🔘 ارزیابی و نظارت بر فرآیندهای سئو
🔘 اشتباهات سئو
🔘 قراردادهای سئو
این دوره پس از سه سال مجدداً برگزار میشود. در این دوره یاد میگیرید چگونه فرآیندهای سئو را مدیریت کنید. این دوره برای مدیران و صاحبان کسب و کارها مفید است که بدانند از تیم سئو چه بخواهند و چگونه از اجرای صحیح فرایندهای سئو اطمینان یابند. همچنین متخصصین سئو یاد میگیرند چگونه با کارفرمایان به شکل درست تعامل و همکاری کرده، به نیازهای آنها پاسخ صحیح بدهند.
پنج جلسه آموزش انلاین فشرده و تخصصی همراه با یک جلسه پرسش و پاسخ.
اطلاعات بیشتر و ثبتنام در ایسمینار:
🌐 eseminar.tv/wb116105
کد تخفیف: talebi
فقط امروز و فردا، به جای 5 میلیون تومان فقط با 2 میلیون تومان در این دوره آنلاین شرکت کنید.
هدایای شرکت در دوره:
🔘 حداقل 2 میلیون تومان رپورتاژ در تریبون
🔘 اکانت 6 ماهه جتسئو به ارزش 1.200.000 تومان
🔘 اکانت یک سالۀ سازمانی میزیتو به ارزش 2.900.000 تومان
🔘 یک جلد کتاب سئو 2022+2023 امضاء شده.
❌❌ فقط امروز ❌❌
☑️ @kar_kasb
👍1
Forwarded from Developix Support
This media is not supported in your browser
VIEW IN TELEGRAM
دایناسورها در حال خرید در تهران 🤯
⚡️هیچوقت فکرشو میکردی که همچین تصویری رو ببینی؟
⚡️از آینده به تو سلام 😁
💠این تصویر با استفاده از یک ابزار جدید در تلگرام ساخته شده که هر متنی بهش بدی رو تبدیل به عکس میکنه!
همینالان بهش پبام بده تا عکسش رو برات بفرسته😇
فقط کافیه بزنی رو آیدی زیر و شروع کنی 😉👇🏻
@aiolearn_artbot
🌀هوشمصنوعی با پیشرفت فوقالعادش داره همه دنیار رو فرا میگیره 😉🤯
⚡️هیچوقت فکرشو میکردی که همچین تصویری رو ببینی؟
⚡️از آینده به تو سلام 😁
💠این تصویر با استفاده از یک ابزار جدید در تلگرام ساخته شده که هر متنی بهش بدی رو تبدیل به عکس میکنه!
همینالان بهش پبام بده تا عکسش رو برات بفرسته😇
فقط کافیه بزنی رو آیدی زیر و شروع کنی 😉👇🏻
@aiolearn_artbot
🌀هوشمصنوعی با پیشرفت فوقالعادش داره همه دنیار رو فرا میگیره 😉🤯
👍3👎3
🌀 معرفی وبسایت FrontEnd Mentor 🌀
🔸 اگر از جمله افرادی هستید که تازه برنامهنویسی وب رو شروع کردید و دنبال یک سری تمرین برای افزایش مهارت خودتون هستید، توی این پست قراره یه سایت رو بهتون معرفی کنم که این مشکل رو براتون رفع کرده. لینک سایت رو در انتهای پست قرار دادم.
🔹یکی از امکانات جذاب وبسایت این هستش که میتونه با بقیه رقابت کنید و خودتون رو به چالش بکشید، همچنین با جمع کردن مقدار مشخصی امتیاز میتونید برای خودتون یک پروفایل ایجاد کنید که میتونه در پیدا کردن شغل بهتون کمک کنه.
🔸 این سایت تمرینهای متفاوتی داره که میتونید با توجه به سطح خودتون هر کدوم از تمرینها رو انتخاب کنید و اون رو انجام بدید و پس از انجام دادن، کدهاتون رو داخل سایت آپلود کنید تا دیگر برنامهنویسان هم کدهای شما رو ببینند و اگر در حل چالش مشکل داشتند از کدهای شما ایده بگیرند و یا اگر کد شما مشکلی داشته باشه اون رو به شما گوشزد کنند.
🔗 لینک وبسایت
👤 MHReza
💎 Channel: @DevelopixWeb
🔸 اگر از جمله افرادی هستید که تازه برنامهنویسی وب رو شروع کردید و دنبال یک سری تمرین برای افزایش مهارت خودتون هستید، توی این پست قراره یه سایت رو بهتون معرفی کنم که این مشکل رو براتون رفع کرده. لینک سایت رو در انتهای پست قرار دادم.
🔹یکی از امکانات جذاب وبسایت این هستش که میتونه با بقیه رقابت کنید و خودتون رو به چالش بکشید، همچنین با جمع کردن مقدار مشخصی امتیاز میتونید برای خودتون یک پروفایل ایجاد کنید که میتونه در پیدا کردن شغل بهتون کمک کنه.
🔸 این سایت تمرینهای متفاوتی داره که میتونید با توجه به سطح خودتون هر کدوم از تمرینها رو انتخاب کنید و اون رو انجام بدید و پس از انجام دادن، کدهاتون رو داخل سایت آپلود کنید تا دیگر برنامهنویسان هم کدهای شما رو ببینند و اگر در حل چالش مشکل داشتند از کدهای شما ایده بگیرند و یا اگر کد شما مشکلی داشته باشه اون رو به شما گوشزد کنند.
🔗 لینک وبسایت
👤 MHReza
💎 Channel: @DevelopixWeb
👍8❤1
🔸 توضیحش به این صورت هست که لیستی از سلکتورها رو به عنوان آرگومان ازتون میگیره و هر المنتی که بتونه توسط اون سلکتورها سلکت بشه رو انتخاب میکنه.
🔹این متد در واقع اسمش matches بوده که به is نامش تغییر پیدا کرده.
#Tips
👤 MHReza
💎 Channel: @DevelopixWeb
🔹این متد در واقع اسمش matches بوده که به is نامش تغییر پیدا کرده.
#Tips
👤 MHReza
💎 Channel: @DevelopixWeb
👍22🔥2❤1
🌀 پراپرتی writing-mode 🌀
پراپرتی writing-mode رو خیلیها باهاش آشنا نیستند. این پراپرتی حالت اینکه خطوط متن به صورت افقی یا عمودی چیده بشن رو تعیین میکنه.
برای مثال با نوشتن این پراپرتی، متنتون رو میتونید به صورت عکس بالا در بیارید:
برای اطلاعات بیشتر میتونید از این لینک بیشتر در موردش مطالعه کنید.
👤 MHReza
💎 Channel: @DevelopixWeb
پراپرتی writing-mode رو خیلیها باهاش آشنا نیستند. این پراپرتی حالت اینکه خطوط متن به صورت افقی یا عمودی چیده بشن رو تعیین میکنه.
برای مثال با نوشتن این پراپرتی، متنتون رو میتونید به صورت عکس بالا در بیارید:
writing-mode: vertical-rl;
برای اطلاعات بیشتر میتونید از این لینک بیشتر در موردش مطالعه کنید.
👤 MHReza
💎 Channel: @DevelopixWeb
👍13
✅ یه سایت خیلی خفن برای ساخت اسکرول بار های شخصی سازی شده برای خودتون
🔥 در اخر بهتون کد css میده که میتونید توی سایتتون ازش استفاده کنید
🌐 https://scrollbar.app
👤 Matin Soleymani
💎 Channel: @DevelopixWeb
🔥 در اخر بهتون کد css میده که میتونید توی سایتتون ازش استفاده کنید
🌐 https://scrollbar.app
👤 Matin Soleymani
💎 Channel: @DevelopixWeb
👍8
⭕️ آشنایی با خطاهای رایج در برنامهنویسی!
✳️ خطاهای نحوی : Syntax Error
🔸 این خطا مربوط به زمان نوشتن کد های برنامه قبل از اجرا شدن است ؛ این نوع خطارو با عنوان خطاهای گرامری ، دستوری یا خطاهای نوشتاری کد نیز میشناسیم!
✳️ خطای کامپایل کردن : Compile Error
🔸 اگر هنگام کامپایل کردن کد یک یا چند مورد از فایل ها یا کتابخانه های لازم فراهم نباشد با ارور کامپایل کردن مواجه میشویم.
✳️ خطاهای زمان اجرا : Run-time Error
🔸 ارور های زمان اجرا رو میشه رو اعصاب ترین خطا دونست ؛ همه چیز درست عمل میکنه تا اینکه با این ارور مواجه میشیم ← این خطا هنگام اجرای کد رخ میده و باعث میشه برنامه نتونه به کار خودش ادامه بده.
✳️ خطاهای منطقی : Logical Error
🔸 فرایند کامپایل و اجرای کد به درستی انجام شده اما یه قسمتی از کد شما دچار مشکله ؛ به عنوان مثال شما به ماشین حساب طراحی کردید اما در وارد کردن کد های صحیح دقت لازم رو نداشتید و در سورس کد مثلا به جای عمل ضرب از جمع استفاده کردید.
👤 Matin Soleymani
💎 Channel: @DevelopixWeb
✳️ خطاهای نحوی : Syntax Error
🔸 این خطا مربوط به زمان نوشتن کد های برنامه قبل از اجرا شدن است ؛ این نوع خطارو با عنوان خطاهای گرامری ، دستوری یا خطاهای نوشتاری کد نیز میشناسیم!
✳️ خطای کامپایل کردن : Compile Error
🔸 اگر هنگام کامپایل کردن کد یک یا چند مورد از فایل ها یا کتابخانه های لازم فراهم نباشد با ارور کامپایل کردن مواجه میشویم.
✳️ خطاهای زمان اجرا : Run-time Error
🔸 ارور های زمان اجرا رو میشه رو اعصاب ترین خطا دونست ؛ همه چیز درست عمل میکنه تا اینکه با این ارور مواجه میشیم ← این خطا هنگام اجرای کد رخ میده و باعث میشه برنامه نتونه به کار خودش ادامه بده.
✳️ خطاهای منطقی : Logical Error
🔸 فرایند کامپایل و اجرای کد به درستی انجام شده اما یه قسمتی از کد شما دچار مشکله ؛ به عنوان مثال شما به ماشین حساب طراحی کردید اما در وارد کردن کد های صحیح دقت لازم رو نداشتید و در سورس کد مثلا به جای عمل ضرب از جمع استفاده کردید.
👤 Matin Soleymani
💎 Channel: @DevelopixWeb
👍7❤2
Forwarded from | Codilo |
🍉 یلدای امسال رو کُدیلویی بگذرونید!
🍓 تا پایان روز جمعه با دعوت دو کاربر جدید به کدیلو، فایل های کدیلو رو رایگان دریافت کنید
🥝 یلدای خوبی داشته باشید (:
💎 @Codilo
🍓 تا پایان روز جمعه با دعوت دو کاربر جدید به کدیلو، فایل های کدیلو رو رایگان دریافت کنید
🥝 یلدای خوبی داشته باشید (:
💎 @Codilo
❤3
Forwarded from Developix Support
🔴 دوره آموزشی-استخدامی جاوا اسکریپت/ریاکت
⚛ از هر رشتهای که هستی، صفر تا صد ریاکت رو یاد بگیر، پروژه واقعی بزن و استخدام شو.
▫️۲۰۰ ساعت آموزش و پروژه
▫️دارای منتورینگ و پشتیبانی
▫️مدرک معتبر از دانشگاه علم و صنعت
▫️کمک به استخدام در صورت اتمام دوره
🌟 ۲۰ درصد تخفیف ثبتنام نقدی!
🔗 برای ثبتنام روی این لینک کلیک کنید.
⚛ از هر رشتهای که هستی، صفر تا صد ریاکت رو یاد بگیر، پروژه واقعی بزن و استخدام شو.
▫️۲۰۰ ساعت آموزش و پروژه
▫️دارای منتورینگ و پشتیبانی
▫️مدرک معتبر از دانشگاه علم و صنعت
▫️کمک به استخدام در صورت اتمام دوره
🌟 ۲۰ درصد تخفیف ثبتنام نقدی!
🔗 برای ثبتنام روی این لینک کلیک کنید.
👍4
ما یه همچین ساختار ساده html داریم و اینو توی css استایل دهی کردیم
ولی به روش جدید 😍
اگه عکسها رو ببینید متوجه میشید
بازم اگه سوالی داشتید بپرسید
⭕️ (تقریبا توی همه مرورگرهای مدرن پشتیبانی میشه)
👤 Matin Soleymani
💎 Channel: @DevelopixWeb
ولی به روش جدید 😍
اگه عکسها رو ببینید متوجه میشید
بازم اگه سوالی داشتید بپرسید
⭕️ (تقریبا توی همه مرورگرهای مدرن پشتیبانی میشه)
👤 Matin Soleymani
💎 Channel: @DevelopixWeb
👍7
Forwarded from Developix Support
🔴 شتابان هاست 🔴
🔰 تخفیف ویژه 12 درصدی برای
خرید انواع🔹هاست🔹سرور
در شتابان هاست به مناسبت فرا رسیدن عید نوروز 🥳:
✅ https://shetabanhost.com/
🌟 کد تخفیف اختصاصی:
🔗 https://shetabanhost.com/
🌐 پشتیبانی ۲۴ ساعته شتابان هاست👇👇
☎️ 024-91311031
💎 Channel: @shetabanhostcom
🔰 تخفیف ویژه 12 درصدی برای
خرید انواع🔹هاست🔹سرور
در شتابان هاست به مناسبت فرا رسیدن عید نوروز 🥳:
✅ https://shetabanhost.com/
🌟 کد تخفیف اختصاصی:
shetabanhost
🔗 https://shetabanhost.com/
🌐 پشتیبانی ۲۴ ساعته شتابان هاست👇👇
☎️ 024-91311031
💎 Channel: @shetabanhostcom
❤30👍26🔥14
💢 سایتمپ (Sitemap) چیست؟
سایتمپ یک فایل XML است که تمامی صفحات و منابع یک وبسایت را به موتورهای جستجو معرفی میکند. این فایل شامل لیستی از لینکهایی است که برای راحتی موتورهای جستجوی موتورهای مانند گوگل و بینگ ایجاد میشود.
🔺 اهمیت سایتمپ:
1. ارائه ساختار بهتر برای موتورهای جستجو: سایتمپ به موتورهای جستجو کمک میکند تا ساختار و محتوای وبسایت را بهتر درک کنند.
2. ارسال اطلاعات به موتورهای جستجو: با ارسال سایتمپ به موتورهای جستجو، زمان شناسایی و فهرستبندی صفحات وبسایت توسط موتورها بهبود مییابد.
3. تشویق به شناسایی صفحات جدید: موتورهای جستجو به وسیله سایتمپ راهنمایی میشوند تا صفحات جدید را سریعاً شناسایی کنند و به فهرست خود اضافه کنند.
🔺 تاثیر سایتمپ بر سئو:
۱. ارتقاء فهرستبندی: با ارسال سایتمپ به موتورهای جستجو، زمان فهرستبندی صفحات وبسایت توسط موتورها بهبود مییابد.
۲. افزایش شناسایی صفحات جدید: موتورهای جستجو به وسیله سایتمپ راهنمایی میشوند تا صفحات جدید را سریعاً شناسایی کنند و به فهرست خود اضافه کنند.
۳. بهبود رتبهبندی: سایتمپ میتواند بهبود رتبهبندی صفحات وبسایت در نتایج جستجو کمک کند.
۴. کاهش زمان انتظار: با ارسال سایتمپ، موتورهای جستجو سریعتر صفحات وبسایت را شناسایی و فهرستبندی میکنند که باعث کاهش زمان انتظار برای دیده شدن صفحات جدید میشود.
😀 نکات کلیدی:
- همیشه از سایتمپ به روز استفاده کنید و در صورت اضافه یا حذف صفحات، آن را بهروز کنید.
- سایتمپ باید به صورت مستمر به موتورهای جستجو ارسال شود.
- اطمینان حاصل کنید که سایتمپ شما دارای لینکهای صحیح و قابل دسترس است.
🔔 در پستهای بعدی به نحوه ایجاد سایتمپ میپردازیم.
👤 Maryam
💎 Channel: @DevelopixWeb
سایتمپ یک فایل XML است که تمامی صفحات و منابع یک وبسایت را به موتورهای جستجو معرفی میکند. این فایل شامل لیستی از لینکهایی است که برای راحتی موتورهای جستجوی موتورهای مانند گوگل و بینگ ایجاد میشود.
1. ارائه ساختار بهتر برای موتورهای جستجو: سایتمپ به موتورهای جستجو کمک میکند تا ساختار و محتوای وبسایت را بهتر درک کنند.
2. ارسال اطلاعات به موتورهای جستجو: با ارسال سایتمپ به موتورهای جستجو، زمان شناسایی و فهرستبندی صفحات وبسایت توسط موتورها بهبود مییابد.
3. تشویق به شناسایی صفحات جدید: موتورهای جستجو به وسیله سایتمپ راهنمایی میشوند تا صفحات جدید را سریعاً شناسایی کنند و به فهرست خود اضافه کنند.
۱. ارتقاء فهرستبندی: با ارسال سایتمپ به موتورهای جستجو، زمان فهرستبندی صفحات وبسایت توسط موتورها بهبود مییابد.
۲. افزایش شناسایی صفحات جدید: موتورهای جستجو به وسیله سایتمپ راهنمایی میشوند تا صفحات جدید را سریعاً شناسایی کنند و به فهرست خود اضافه کنند.
۳. بهبود رتبهبندی: سایتمپ میتواند بهبود رتبهبندی صفحات وبسایت در نتایج جستجو کمک کند.
۴. کاهش زمان انتظار: با ارسال سایتمپ، موتورهای جستجو سریعتر صفحات وبسایت را شناسایی و فهرستبندی میکنند که باعث کاهش زمان انتظار برای دیده شدن صفحات جدید میشود.
- همیشه از سایتمپ به روز استفاده کنید و در صورت اضافه یا حذف صفحات، آن را بهروز کنید.
- سایتمپ باید به صورت مستمر به موتورهای جستجو ارسال شود.
- اطمینان حاصل کنید که سایتمپ شما دارای لینکهای صحیح و قابل دسترس است.
👤 Maryam
💎 Channel: @DevelopixWeb
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
اگر وبسایت شما تعداد کمی صفحه دارد، میتوانید از روش دستی برای ایجاد سایتمپ استفاده کنید. در این روش، شما میتوانید یک فایل متنی با پسوند XML ایجاد کنید و به صورت دستی لیستی از لینکهای وبسایت خود را در آن فایل قرار دهید.
۱. ایجاد فایل XML:
- ابتدا یک فایل متنی با پسوند XML بنام مثلاً sitemap.xml بسازید.
۲. تعریف لینکها:
- در این فایل XML، هر لینک به صورت زیر تعریف میشود:
<loc>آدرس صفحه</loc>
<lastmod>تاریخ آخرین ویرایش</lastmod>
<changefreq>فرکانس تغییر</changefreq>
<priority>اولویت</priority>
<image:image>
<image:loc>آدرس تصویر شاخص</image:loc>
<image:noscript>عنوان تصویر</image:noscript>
<image:caption>توضیحات تصویر</image:caption>
</image:image>
</url>
۳. افزودن لینکها:
- برای هر صفحه از وبسایت خود، یک تگ <url> در فایل XML ایجاد کنید و لینک صفحه، تاریخ آخرین ویرایش، فرکانس تغییر و اولویت را درون آن قرار دهید. همچنین، اطلاعات مربوط به تصویر شاخص پست را نیز به تگ <image:image> درون هر <url> اضافه کنید.
۴. ذخیره و ارسال فایل:
- فایل XML را ذخیره کنید و آن را به روت وبسایت خود اضافه کنید.
- برای اطمینان از اینکه موتورهای جستجو به فایل سایتمپ شما دسترسی دارند، آن را به گوگل وبمستر یا بینگ وبمستر ارسال کنید.
با این روش، شما میتوانید لینکهای مورد نیاز خود را به سایتمپ خود اضافه کنید. همچنین، با اضافه کردن اطلاعات مربوط به تصاویر، به بهبود نمایش تصاویر در نتایج جستجو کمک خواهید کرد.
👤 Maryam
💎 Channel: @DevelopixWeb
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11
1. LCP : Largest Contentful Paint
⚜️ مقدار زمانی که بزرگترین کانتنت صفحه لود میشه ( درواقع این کانتنت بزرگ میتونه یک عکس یک فیلم هر چیزی باشه که بر اساس ثانیه هست )
🟢 بهینه ترین کمتر از 2.5 ثانیه هست
🟠 متوسط کمتر از 4 ثانیه
🔴 بیشتر از 4 ثانیه هم که بدترین حالته
2. CLS : Cumulative Layout Shift
⚜️مقدار پرش صفحه ( یعنی برای مثال موقع لود شدن سایت یک دکمه لود شده ولی هنوز لود صفحه تکمیل نشده کاربر که میاد روی این دکمه کلیک کنه یهو یک محتوایی بالای دکمه یا پایین دکمه ظاهر میشه و باعث پرش دکمه به بالا یا پایین میشه )
🟢 بهینه ترین کمتر از 0.1 هست
🟠 متوسط کمتر از 0.25 ثانیه
🔴 بیشتر از 0.25 ثانیه هم که بدترین حالته
3. INP : Intraction to Next Point
⚜️ این مورد بسیار جدید افزوده شده و گوگل ازش استفاده میکنه و جایگزین FID شده که بررسی میکنه چقدر طراحی سایت شما روان کار شده کاربر روی دکمه میزنه اون اکشن پشت دکمه کار میکنه یا نمیکنه اگر یک faq هست ایا به درستی اکوردین کار میکند یا خیر ( که این مورد در طول زمانی که کاربر در سایت شما هست بررسی و پس از خارج شدن از صفحه محاسبه میشود )
🟢 بهینه ترین کمتر از 200 میلی ثانیه هست
🟠 متوسط کمتر از 500 میلی ثانیه
🔴 بیشتر از 500 میلی ثانیه هم که بدترین حالته
👤 Matin Soleymani
💎 Channel: @DevelopixWeb
⚜️ مقدار زمانی که بزرگترین کانتنت صفحه لود میشه ( درواقع این کانتنت بزرگ میتونه یک عکس یک فیلم هر چیزی باشه که بر اساس ثانیه هست )
🟢 بهینه ترین کمتر از 2.5 ثانیه هست
🟠 متوسط کمتر از 4 ثانیه
🔴 بیشتر از 4 ثانیه هم که بدترین حالته
2. CLS : Cumulative Layout Shift
⚜️مقدار پرش صفحه ( یعنی برای مثال موقع لود شدن سایت یک دکمه لود شده ولی هنوز لود صفحه تکمیل نشده کاربر که میاد روی این دکمه کلیک کنه یهو یک محتوایی بالای دکمه یا پایین دکمه ظاهر میشه و باعث پرش دکمه به بالا یا پایین میشه )
🟢 بهینه ترین کمتر از 0.1 هست
🟠 متوسط کمتر از 0.25 ثانیه
🔴 بیشتر از 0.25 ثانیه هم که بدترین حالته
3. INP : Intraction to Next Point
⚜️ این مورد بسیار جدید افزوده شده و گوگل ازش استفاده میکنه و جایگزین FID شده که بررسی میکنه چقدر طراحی سایت شما روان کار شده کاربر روی دکمه میزنه اون اکشن پشت دکمه کار میکنه یا نمیکنه اگر یک faq هست ایا به درستی اکوردین کار میکند یا خیر ( که این مورد در طول زمانی که کاربر در سایت شما هست بررسی و پس از خارج شدن از صفحه محاسبه میشود )
🟢 بهینه ترین کمتر از 200 میلی ثانیه هست
🟠 متوسط کمتر از 500 میلی ثانیه
🔴 بیشتر از 500 میلی ثانیه هم که بدترین حالته
👤 Matin Soleymani
💎 Channel: @DevelopixWeb
❤7👍3
Forwarded from | کانال توسعهدهندگان جاوااسکریپت |
Bun 1.1 :)
و بلاخره ورژن 1.1 بان از ریلیز شد و الان میتونید در ویندوز هم از بان استفاده کنید :)
⭕️ اگر نمیدونید بان چیه:
❇️ بان یک پکیج منیجر ، تست رانر ، باندلر و ران تایم هست ( درواقع انگار node js و npm و ابزار های دیگه در یک جا )
و اپشنی که ارائه میده سرعت و بهینه بودن بیشتره این ابزاره :)
در ورژن 1 روی لینوکس و مک قابل اجرا بود و که در ورژن 1.1 در ویندوز هم قابل استفاده هست
✅ برای نصب بان روی ویندوز :
کافیه دستور زیر رو توی cmd بزنید و نصب میشه خودش :)
و برای نصب در لینوکس و مک :
پس درواقع بان یک ابزار جامع هست که سرعت بسیار بیشتری داره :) کلی اپشن دیگه داره که ما اینجا بهش نمیپردازیم و شما رو ارجاع میدم به داکیومنت خود بان که ازش استفاده کنید مطالعه کنید و یاد بگیرید
https://bun.sh/
امار رو ببینید متوجه میشید که باید نصب کنید و تستش کنید مخصوصا اگر node کار کرده باشید
👤 Matin Soleymani
💎 Channel: @DevelopixJavanoscript
و بلاخره ورژن 1.1 بان از ریلیز شد و الان میتونید در ویندوز هم از بان استفاده کنید :)
⭕️ اگر نمیدونید بان چیه:
❇️ بان یک پکیج منیجر ، تست رانر ، باندلر و ران تایم هست ( درواقع انگار node js و npm و ابزار های دیگه در یک جا )
و اپشنی که ارائه میده سرعت و بهینه بودن بیشتره این ابزاره :)
در ورژن 1 روی لینوکس و مک قابل اجرا بود و که در ورژن 1.1 در ویندوز هم قابل استفاده هست
✅ برای نصب بان روی ویندوز :
کافیه دستور زیر رو توی cmd بزنید و نصب میشه خودش :)
powershell -c "irm bun.sh/install.ps1 | iex"
و برای نصب در لینوکس و مک :
curl -fsSL https://bun.sh/install | bash
پس درواقع بان یک ابزار جامع هست که سرعت بسیار بیشتری داره :) کلی اپشن دیگه داره که ما اینجا بهش نمیپردازیم و شما رو ارجاع میدم به داکیومنت خود بان که ازش استفاده کنید مطالعه کنید و یاد بگیرید
https://bun.sh/
امار رو ببینید متوجه میشید که باید نصب کنید و تستش کنید مخصوصا اگر node کار کرده باشید
👤 Matin Soleymani
💎 Channel: @DevelopixJavanoscript
🔥8❤1
صد درصد پیش اومده توی سایتتون از قیمت استفاده کردید و دوست داشتید که سه تا سه تا با یک , یا چیزی مثل این جدا کنید و خب روش های مختلفی هست برای این کار ولی من امروز ساده ترین روشش رو میخوام بهتون بگم :)
✳️ ساده ترین روش برای انجام این کار یک خط کد جی اس هست به این صورت :
و بله به این سادگی میبینید که این قیمت سه رقم سه رقم جدا میشه و خوانایی بالایی بهش میده :)
👤 Matin Soleymani
💎 Channel: @DevelopixWeb
✳️ ساده ترین روش برای انجام این کار یک خط کد جی اس هست به این صورت :
let price = 500000;
console.log(price.toLocaleString());
و بله به این سادگی میبینید که این قیمت سه رقم سه رقم جدا میشه و خوانایی بالایی بهش میده :)
👤 Matin Soleymani
💎 Channel: @DevelopixWeb
👍15