موضوع مقاله: توسعه سمت کاربر وب | مخاطب: عمومی | لحن: دانشنامه‌ای | ساختار: عنوان، مقدمه، 3 بخش، جمع‌بندی | مقاله: | # توسعه سمت کاربر وب | مقدمه: به موجب چالشی که در توسعه سمت کاربر وجود دارد توسعه دهنده همیشه نیاز دارد تا از تغییرات ابزارها و تکنیک‌هایی که در ساخت سمت کاربر یک سایت استفاده می‌شود آگاه باشد. | ## بخش 1: توسعه سمت کاربر وب | هدف از طراحی سمتِ کاربر آن است که تضمینی وجود داشته باشد تا زمانی که کاربران سایت را باز می‌کنند بتوانند اطلاعات را در یک قالب ساده، خوانا و مرتبط مشاهده کنند. پیچیدگی این موضوع به این حقیقت بازمی‌گردد که در دنیای مدرن و تکنولوژی، کاربران از دستگاه‌های مختلف با نمایشگر مختلف استفاده می‌کنند که توسعه دهنده را مجاب می‌کند معقول‌ترین تجربه کاربری را برای کاربر به وجود آورد که به همین جهت توسعه دهنده باید از اجرا شدن سایت در مرورگرهای مختلف(Cross-browser) و سکوهای مختلف(Cross-platform) اطمینان حاصل کند و همچنین این موضوع اهمیت توسعه در سمت کاربر را متذکر می‌شود. ابزارهای مورد استفاده در توسعه سمت کاربر ابزارهای مختلفی وجود دارد که به توسعه سمت کاربر یک سایت کمک می‌کنند و فهمیدن آنکه که کدام ابزار برای چه قسمتی مناسب تر است تفاوت یک سایت بد طراحی شده و خوب طراحی شده را مشخص می‌کند. کدهای اچ‌تی‌ام‌ال هستند که موجب می‌شوند یک چارچوب کلی برای نمایش وجود داشته باشد. آخرین نسخه اچ‌تی‌ام‌ال را اچ‌تی‌ام‌ال۵ (HTML5) می‌نامند که در تاریخ ۲۸ اکتبر، ۲۰۱۴ توسط کنسرسیوم وب یا به اختصار انگلیسی W3 ارائه و انتشار یافت. این نسخه دارای راه‌های تازه و کارآمدی بود که می‌توان به کنترل کردن فایل‌های چند رسانه‌ای (صوت و ویدیو) اشاره کرد. | ## بخش 2: توسعه سمت کاربر وب | در حال حاضر اچ‌تی‌ام‌ال۵ در میان توسعه دهندگان سمت کاربر از محبوبیت خاصی برخوردار است. خصایص سی‌اس‌اس به گونه‌ای اعمال می‌شوند که بالاتر از قوانین ظاهری برای برچسب‌های اچ‌تی‌ام‌ال قرار می‌گیرند. سند اچ‌تی‌ام‌ال براساس یک مدل شیءگرا که به آن DOM گویند نمایش داده می‌شوند که کدهای جاوااسکریپت از این مدل استفاده می‌کنند و به موجب آن می‌توانند سند را دستکاری و رویدادهای که توسط کاربر اجرا می‌شوند را زیر نظر بگیرند. این اصطلاح بیشتر برای کسانی ساخته شده‌است که گمان می‌کنند برای استفاده از جاوااسکریپت، حتماً باید از کتابخانه‌های موجود یا سکوی خاصی استفاده بکنند. چارچوب‌های جاوااسکریپت در سال‌های اخیر حجم عمده کدنویسی جاوااسکریپت در چارچوب‌های جاوااسکریپت انجام می‌شود. از مزایای این چارچوب‌ها می‌توان به سرعت کد نویسی، قابلیت‌های تسهیل شده، امنیت و مجهز بودن به ابزارهای ایراد یابی نام برد. | ## بخش 3: توسعه سمت کاربر وب | برخی از محبوبترین کتابخانه‌ها عبارتند از ریکو (آژاکس) جی‌کوئری دوجو امبر جی‌اس کتابخانه جی‌کوئری(jquery) جی‌کوئری یک کتابخوانه قدرتمند جاوااسکریپت می‌باشد که عملیات بر روی اسناد صفحه و اجکس را بسیار راحت‌تر می‌کند امروزه استفاده بسیار وسیعی از این کتابخوانه متن باز بعمل می‌آید همچنین جی‌کوئری با دارا بودن تعداد بسیار زیادی پلاگین که توسط توسعه دهندگان زیادی در سرتاسر جهان نوشته شده‌اند کار توسعه وب را بسیار سریع تر می‌کند. جاوااسکریپت این امکان را می‌دهد که به کمک تکنیکی به نام اِی‌جَکس اطلاعاتی را از دیگر سایت‌ها دریافت کند و حتی با رویدادهای سمت سرور تعامل داشته، آن‌ها را زیر نظر بگیرد و در حقیقت یک محیط پویا برای وب ایجاد کند. اهداف توسعه یک توسعه دهنده سمت کاربر علاوه بر ابزارها و تکنیک‌هایی که استفاده می‌کند سعی دارد نکات زیر را در فرایند توسعه اعمال کند. دسترس پذیری با توسعه صفحات وب بر روی دستگاه‌های تلفن همراه از قبیل تلفن هوشمند و تبلت طراحان باید از صحت صحیح اجرا شدن صفحات وب در تمام دستگاه‌ها اطمینان حاصل کنند که این موضوع با ساخت صفحات واکنش‌گرا امکان‌پذیر است. | ## جمع‌بندی | کارایی یکی از اهداف توسعه دهندگان به گونه‌ای است که باید از نظر سرعت زمان بارگذاری، حجیم نبودن فایل‌ها، استاندارد بودن کدها برای بارگذاری سریع صفحات اطمینان حاصل کنند.