اگر در حوزه توسعه وب کار کرده باشید حتما با package bundlerها آشنا هستید و حتما نام معروف‌ترین آن‌ها webpack را شنیده‌اید، اما معایبی مانند سنگین بودن بیش از حد webpack وجود دارد که بسیاری از افراد را از استفاده از آن ناراضی کرده است. یک bundler مشهور دیگر بنام parcel وجود دارد که از نظر سرعت عملکرد بسیار بهتری نسبت به webpack دارد.

پارسل یک کامپایلر برای تمام کدهای شما محسوب می‌شود و اصلا اهمیتی ندارد که کدهایتان را به چه زبانی نوشته باشید. کار اصلی پارسل اینست که کد شما و تمام وابستگی‌های آن را بگیرد و سپس آن‌ها را به یک یا چند فایل نهایی تبدیل کند. فرآیند کامپایل شدن کدها در پارسل به صورت موازی و چند هسته‌ای انجام می‌شود، بنابراین سرعت آن بسیار عالی است.


📃 نگاهی مختصر به قابلیت‌های Parcel:

👉 https://www.roxo.ir/a-brief-look-at-parcel-capabilities


💻 #برنامه_نویسی

🆔 @roxo_ir

عناصر حیاتی وب یا Web Vitals یک حرکت است که از سمت گوگل آغاز و معرفی شده است. Core Web Vitals چند معیار کیفیت در صفحات وب را تعریف می‌کند که می‌توان با در نظر گرفتن آن‌ها، کیفیت تجربه کاربری در سایت را اندازه‌گیری کرد. یکی از اهداف اصلی Web Vitals این بوده است که به وبمستران کمک کند بدون دانش فوق تخصصی و تجربه بالا بتوانند سرعت و کیفیت سایت خود را محک بزنند.

در حال حاضر پنج معیار برای Web Vitals وجود دارد که قابل اندازه‌گیری هستند:

🔰Cumulative Layout Shift
(جابجایی فزاینده ساختار) که به طور مخفف CLS نام دارد.

🔰Largest Contentful Paint
(بزرگترین نمای بامحتوا) که به طور مخفف LCP نام دارد.

🔰First Input Delay
(تاخیر اولین ورودی) که به طور مخفف FID نام دارد.

🔰First Contentful Paint
(اولین نمای بامحتوا) که به طور مخفف FCP نام دارد.

🔰Time to First Byte
(زمان دریافت اولین بایت) که به طور مخفف TTFB نام دارد.


📃 در مقاله زیر به صورت مفصل تک‌تک این موارد را بررسی کرده‌ایم:

👉 https://www.roxo.ir/what-are-core-web-vitals


🔎 #سئو

🆔 @roxo_ir

ما در زندگی روزمره خود به عنوان توسعه دهنده کدهای زیادی می نویسیم. به طور مثال تابع تعریف می کنیم، آرایه مرتب می کنیم، جست و جو می کنیم، مقادیر یکتا را پیدا می کنیم و الی آخر. از آنجایی این کارها را زیاد انجام می دهیم بهتر است چند ترفند را یاد بگیریم تا بتوانیم:

✅ تعداد خطوط کدهای نوشته شده را کم کنیم.
✅ در مسابقات کدنویسی پیشرفت کنیم.
✅ سرعت پیشرفت پروژه هایمان را بیشتر کنیم.


📃 ۱۰ ترفند جاوا اسکریپتی برای افزایش سرعت کدنویسی را در لینک زیر بخوانید:

👉 https://www.roxo.ir/top-20-javascript-tips-and-tricks-to-increase-your-speed-and-efficiency



💻 #برنامه_نویسی #جاوااسکریپت


🆔 @roxo_ir

روش‌های بهینه‌سازی تصاویر سایت برای موتورهای جستجو عبارتند از:

🔹قراردادن بهترین و مرتبط‌ترین تصویر برای متن
🔹استفاده از تصاویر اورجینال و غیرکپی
🔹انتخاب نام صحیح برای تصاویر
🔹انتخاب فرمت مناسب
🔹توجه به اندازه‌ی تصاویر
🔹استفاده از تصاویر رسپانسیو
🔹 کاهش حجم تصاویر
🔹 قرار دادن تصاویر در محل مناسب در مطلب
🔹 قراردادن alt و title مناسب برای تصاویر
🔹 ایجاد سایت‌مپ با فرمت XML برای تصاویر


📃 در این باره مفصل بخوانید:

👉 https://www.roxo.ir/optimizing-images-for-search-engines


🔎 #سئو

🆔 @roxo_ir

لاراول یکی از محبوب ترین فریم ورک های موجود در ایران است و افراد بسیار زیادی روزانه از آن استفاده می کنند اما از آنجایی که این فریم ورک یک فریم ورک full stack می باشد، یادگیری آن به زمان نیاز دارد و باید قبل از استفاده از آن با برخی از مباحث پایه آشنا باشید.

یکی از مباحثی که در لاراول تازه کاران را گمراه می کند مسئله relationship ها یا روابط بین مدل ها در لاراول است.

همانطور که می دانید لاراول از یک ORM به نام Eloquent استفاده می کند، بنابراین روابط بین مدل ها در لاراول با استفاده از این ORM تعریف می شود.


📃 راهنمای جامع روابط مدل‌ها (relationship) در لاراول را در لینک زیر بخوانید:

👉 https://www.roxo.ir/laravel-eloquent-model-relationship


💻 #برنامه_نویسی #لاراول

🆔 @roxo_ir

همانطور که می‌دانید در دنیای امروز توسعه‌ وب git و GitHub بخشی جدا نشدنی هستند و هر برنامه‌ای از هر نوع که باشد حداقل با گیت مدیریت خواهد شد. مسئله‌ اصلی اینجاست که گیت هیچ سیستم احراز هویتی ندارد بلکه بر اساس ایمیل کار می‌کند، بنابراین می‌توانید از ایمیل دیگران برای commit کردن کدهای خود استفاده کنید.

اگر تیتر اخبار تکنولوژی را دنبال کرده باشید در سال گذشته چندین حمله جعل هویت در گیت انجام شده است و به همین خاطر امضا کردن commitها ارزش زیادی دارد.


📃 در این مقاله درباره امضا کردن commitها و نحوه انجام آن صحبت کرده‌ایم:

👉 https://www.roxo.ir/how-to-add-digital-signatures-to-commits-in-github


🆔 @roxo_ir

۱۰ عادت بدی که دیگر توسعه‌دهندگان را فراری می‌دهد:

۱. نامگذاری‌های آشفته
۲. کدنویسی پیچیده
۳. تقسیم بیش از حد پروژه
۴. نوشتن کدهایی با ظاهر یکسان و عملکرد متفاوت
۵. کپی کردن چندباره کدها در برنامه
۶. عدم قالب‌بندی کدها
۷. نادیده گرفتن باگ و موکول کردن تصحیح آن به زمان دیگری
۸. عدم تعامل با دیگر اعضای تیم
۹. تصور اینکه همیشه و همه‌جا کدها باید ۱۰۰ درصد بهینه نوشته شوند
۱۰. تملک عاطفی کدها


📃 در این باره بیشتر بخوانید:

👉 https://www.roxo.ir/bad-coding-practices


💻 #برنامه_نویسی

🆔 @roxo_ir

⛓ مرورگرها چطور کار می‌کنند؟

نمایش یک وب‌سایت در یک مرورگر ۵ مرحله اصلی دارد که هر مرحله، زیرمرحله‌های خودش را نیز دارد:

یک - Navigation (ناوبری)
دو - Fetching (بارگیری)
سه - Parsing (تجزیه کدها)
چهار - Rendering (نمایش)
پنج - Finalising (تکمیلی)


📃 بصورت کامل و عمیق با نحوه‌ی کارکرد مرورگرها در پشت پرده آشنا شوید:

👉 https://www.roxo.ir/how-browsers-work


🆔 @roxo_ir

بدون شرح 😁


🆔 @roxo_ir

کدوماتون با این خاطره دارید؟ 😃


🆔 @roxo_ir

ساده‌ترین روش تغییر رنگ در فتوشاپ

شاید برایتان پیش آمده باشد که بخواهید یک رنگ خاص در یک عکس را تغییر دهید و با رنگ دیگری جایگزین کنید.

همانطور که می‌دانید، فتوشاپ، مشهورترین و کاملترین نرم افزار ویرایش تصاویر در جهان است، پس توقع داریم که بتوانیم رنگ‌های یک عکس را در فتوشاپ تغییر دهیم.

در مقاله زیر ترفندی را فرامی‌گیرید که بتوانید فوراً رنگ‌ها را در تصاویر بسیار پیچیده تغییر دهید و با رنگ دلخواه خود جایگزین کنید.

👉 https://www.roxo.ir/how-to-change-the-color-in-complex-objects-in-photoshop


🎨 #طراحی_گرافیک #فتوشاپ

🆔 @roxo_ir