آرمان بورخانی هستم ، توسعه دهنده سمت کاربر وب (front-end developer) و از تجربیاتم می نویسم %💻 📚 🌍

هنگام توسعه سمت کاربر (front-end) مبتنی بر وب ، کارهایی وجود دارند که همواره حین یا بعد از فرایند توسعه انجام می شوند، برای مثال باید تصاویری که در پروژه استفاده کردید را بهینه سازی کنید یا اگر هنگام توسعه از پیش‌پردازنده SASS استفاده می کنید ، فایل های SASS را به CSS تبدیل کنید و موارد دیگری که همواره در حال تکرار هستند ؛ نظرتان در مورد خودکارسازی این کارها و افزایش سرعت توسعه چیست ؟

چند سالی از زمانی که تصمیم گرفتم وبلاگ نویسی کنم گذشته و کاملا واضحه که نتونستم به چیزی که می خواستم برسم؛ اما تصمیم گرفتم دوباره تلاش کنم .

ساخت اسلایدر برای افرادی که دانشی در مورد جاوا اسکریپ و جی کوئری ندارند می تونه سخت باشه ، توسعه دهنده هایی که دانش کافی دارند هم ممکنه به دلیل کمبود وقت و یا دلایل دیگه قادر نباشن یک اسکریپت کامل و انعطاف پذیر برای اسلایدر بنویسند. در چنین شرایطی راه حل پیش رو استفاده از پلاگین های آماده است. در این نوشتار یکی از این پلاگین ها به نام Owl Carousel معرفی میشه.

تو اکثر پروژه ها از تصاویر استفاده میشه ، زمانی که دارید روی نسخه اولیه یا پیش نمایش یه قالب کار می کنید لازم دارید تصاویر با ابعاد مختلف را روی قالب امتحان کنید. برش دادن تصاویر با نرم افزار های مختلف برای بدست آوردن اندازه مناسب می تونه کار زمان بر و سختی باشه.با استفاده از سرویس های image placeholder می تونید بطور رایگان تصاویری با ابعاد دلخواهتون را در صفحه پروژه بارگذاری کنید. معمولا شما با قرار دادن یک url در خاصیت(Attribute) سورس(src) تگ img می تونید تصویر را در قالب نمایش بدید.

ساخت یک فرم جستجو یا باکس جستجو شاید خیلی ساده به نظر برسه اما نکاتی در خودش داره که میتونه کاربردی باشه. در انتها شما یاد می گیرید چطور باکس بالا را با کمک css بسازید. مرحله به مرحله توضیحاتی که لازم باشه را میدم با این حال سعی می کنم خیلی طولانی نشه؛ اگه به توضیحات اضافه نیاز ندارید می تونید کد های کامل شده را در آخر این نوشتار ببینید.

گاهی وقتا بعد از نصب یک افزونه (Plugin) وردپرسی برخی از صفحات وردپرس دچار بهم ریختگی میشن. دلیل این اتفاق میتونه تداخل (conflict) بین کد های جی کوئری وردپرس و افزونه نصب شده باشه. یکی از راه حل های این مشکل که برای من کارساز بود اینه که افزونه مورد نظر را در صفحه ای که دچار مشکل شده غیرفعال کنید؛ ساده ترین راه برای غیرفعال کردن افزونه در یک صفحه یا برگه ، استفاده از افزونه Plugin Organizer هست.

از روزی که شروع کردم به یادگیری برنامه نویسی تحت وب به مسئله ها و مشکلات ریز و درشت زیادی بر خوردم . جواب و راه حل برخی از مسائل را از وب فارسی بدست آوردم اما همیشه جواب یه مسئله در وب فارسی پیدا نمیشه در چنین مواقعی من با انگلیسی دست و پا شکسته و با کمک گوگل در وبسایت های انگلیسی دنبال راه حل می گشتم ؛ معمولا با کلنجار رفتن روی راه حل و آزمون و خطا ، مسئله یا مشکل مورد نظر را حل می کردم ؛ پیدا کردن راه حل از وب سایت های انگلیسی برای من که مبتدی بودم (البته هنوز هم هستم) کار سخت و زمانبری بود به همین دلیل همیشه می خواستم اطلاعاتی که بدست آورده بودم را در اختیار کسانی که مثل خودم هستند بذارم.