مرجع آموزش طراحی سایت

برای مثال، برگه‌‌ای از وب‌سایتی را تصور کنید که در آن کاربرهای آن وب‌وبسایت می توانند کامنت بگذارند. فکر کنید تا به‌اینک ۲۰۰ کامنت گذاشته شده‌. طبیعتاً، قابلیت نمایش‌دادن تمامی‌ی آن کامنت‌ها در صفحه وجود ندارد. در صورتی‌که کسی طراحی سایت در مشهد بخواهد کامنت‌های گذشته را ببیند، چه اتفاقی می‌افتد؟ کامنت‌های قبلی باید لود (Load) خواهد شد. یعنی استفاده کننده بنشیند پای مانیتور و چشم بدوزد به صفحه تا کامنت‌های گذشته لود شوند. ولی در شرایطی که در طراحی آن وب‌تارنما و برای قسمت کامنت‌ها از ایجکس مصرف شده باشد، دیگر نیازی به لوشدنِ کامنت‌های قبلی نیست. همین‌که روی گزینه‌ی «کامنت‌های بیشتر» کلیک خواهد شد، کامنت‌های بیشتر نمایش داده می‌شوند. وب اپلیکیشن‌های معروفی مانند Gmail، Google Maps, Youtube & Facebook که ما هرروز به آن ها سَر می‌زنیم، از تکنیک ایجکس استفاده می‌کنند. در Gmail، نیازی نیست برای دیدن ایمیل‌های نو صفحه را رفرش کنید. در Google Maps، وقتی نقشه را به جهت‌های مختلف می‌کشید؛ خبری از رفرش‌شدن آحاد صفحه نیست. انگار تک تک نقشه حاضر‌وآماده هست. نمونه‌ی بسیار مشهور دیگری از به‌کارگیری ایجکس، Auto-complete در Google Suggest هست. همان چیزی که هروقت بخواهید کلمه و واژه‌ای را در گوگل سرچ کنید می‌بینید. علاوه‌بر نمونه‌هایی که از آنها نام بردیم، به‌طورکلی، از تکنیک AJAX معمولاً برای ورقه‌های Login forms و Rating and Voting به کار گیری می شود. Tweeter نیز از این تکنیک برای آپ تو دیت‌کردن فید‌های کاربران براساس توئیت‌هایشان فایده می‌گیرد. درکل، برای هر درخواست مخاطب که بشود بدون بارگذاری دوباره‌ی محتوای تک تک یک صفحه،‌ فقط پاسخ را به او نماد داد؛ قابلیت به‌کارگیری ایجکس وجود داراست. مزایا و معایب AJAX باتوجه به نمونه‌هایی که از کاربردهای AJAX آوردیم، مزایای عمده‌ی به کارگیری از آن (کاستن از تعداد درخواست‌‌ها از سرور و درنتیجه افزایش سرعت و بهبودبخشیدن به تجربیات کاربری) روشن می باشد. البته آیا استعمال از تکنیک AJAX معایبی هم دارد؟ بله، درست مانند هر چیز دیگری ایجکس نیز معایب و کاستی‌های خودش را دارد. یکی آن ها این هست که ایجکس Browser -based می‌باشد. یعنی مرورگر شما می بایست با آن سازگار باشد. همه‌ی مرورگرها این‌ قابلیت و امکان را ندارد. بعضی از مرورگرهایی که با ایجکس سازگار‌اند عبارت‌اند از: Mozilla Firefox 1.0 و بالاتر، Netscape version 7.1 و بالاتر، Apple Safari 1.2 و بالاتر، Microsoft Internet Explorer 5 و بالاتر. عیب دیگر، که عیب اولیه نیز ریشه در همین دومین دارد، این می باشد که ایجکس تا حد بسیار زیادی بر لهجه نرم افزار‌نویسی JavaScript استوار می باشد. و مرورگرهای گوشی خیلی با این زبان سازگار نیستند. اشکال سوم که امنیتی هست و بازهم به JavaScript مربوط می‌گردد این هست که کدهای جاوااسکریپت در حالتی‌که به‌درستی نوشته نشوند، مشکلات امنیتی ساخت و ساز می‌کنند و هکرها به‌راحتی میتوانند به آن کدها دسترسی پیدا کنند.

برای مثال، برگه‌‌ای از وب‌سایتی را تصور کنید که در آن کاربرهای آن وب‌وبسایت می توانند کامنت بگذارند. فکر کنید تا به‌اینک ۲۰۰ کامنت گذاشته شده‌. طبیعتاً، قابلیت نمایش‌دادن تمامی‌ی آن کامنت‌ها در صفحه وجود ندارد. در صورتی‌که کسی طراحی سایت در مشهد بخواهد کامنت‌های گذشته را ببیند، چه اتفاقی می‌افتد؟ کامنت‌های قبلی باید لود (Load) خواهد شد. یعنی استفاده کننده بنشیند پای مانیتور و چشم بدوزد به صفحه تا کامنت‌های گذشته لود شوند. ولی در شرایطی که در طراحی آن وب‌تارنما و برای قسمت کامنت‌ها از ایجکس مصرف شده باشد، دیگر نیازی به لوشدنِ کامنت‌های قبلی نیست. همین‌که روی گزینه‌ی «کامنت‌های بیشتر» کلیک خواهد شد، کامنت‌های بیشتر نمایش داده می‌شوند. وب اپلیکیشن‌های معروفی مانند Gmail، Google Maps, Youtube & Facebook که ما هرروز به آن ها سَر می‌زنیم، از تکنیک ایجکس استفاده می‌کنند. در Gmail، نیازی نیست برای دیدن ایمیل‌های نو صفحه را رفرش کنید. در Google Maps، وقتی نقشه را به جهت‌های مختلف می‌کشید؛ خبری از رفرش‌شدن آحاد صفحه نیست. انگار تک تک نقشه حاضر‌وآماده هست. نمونه‌ی بسیار مشهور دیگری از به‌کارگیری ایجکس، Auto-complete در Google Suggest هست. همان چیزی که هروقت بخواهید کلمه و واژه‌ای را در گوگل سرچ کنید می‌بینید. علاوه‌بر نمونه‌هایی که از آنها نام بردیم، به‌طورکلی، از تکنیک AJAX معمولاً برای ورقه‌های Login forms و Rating and Voting به کار گیری می شود. Tweeter نیز از این تکنیک برای آپ تو دیت‌کردن فید‌های کاربران براساس توئیت‌هایشان فایده می‌گیرد. درکل، برای هر درخواست مخاطب که بشود بدون بارگذاری دوباره‌ی محتوای تک تک یک صفحه،‌ فقط پاسخ را به او نماد داد؛ قابلیت به‌کارگیری ایجکس وجود داراست. مزایا و معایب AJAX باتوجه به نمونه‌هایی که از کاربردهای AJAX آوردیم، مزایای عمده‌ی به کارگیری از آن (کاستن از تعداد درخواست‌‌ها از سرور و درنتیجه افزایش سرعت و بهبودبخشیدن به تجربیات کاربری) روشن می باشد. البته آیا استعمال از تکنیک AJAX معایبی هم دارد؟ بله، درست مانند هر چیز دیگری ایجکس نیز معایب و کاستی‌های خودش را دارد. یکی آن ها این هست که ایجکس Browser -based می‌باشد. یعنی مرورگر شما می بایست با آن سازگار باشد. همه‌ی مرورگرها این‌ قابلیت و امکان را ندارد. بعضی از مرورگرهایی که با ایجکس سازگار‌اند عبارت‌اند از: Mozilla Firefox 1.0 و بالاتر، Netscape version 7.1 و بالاتر، Apple Safari 1.2 و بالاتر، Microsoft Internet Explorer 5 و بالاتر. عیب دیگر، که عیب اولیه نیز ریشه در همین دومین دارد، این می باشد که ایجکس تا حد بسیار زیادی بر لهجه نرم افزار‌نویسی JavaScript استوار می باشد. و مرورگرهای گوشی خیلی با این زبان سازگار نیستند. اشکال سوم که امنیتی هست و بازهم به JavaScript مربوط می‌گردد این هست که کدهای جاوااسکریپت در حالتی‌که به‌درستی نوشته نشوند، مشکلات امنیتی ساخت و ساز می‌کنند و هکرها به‌راحتی میتوانند به آن کدها دسترسی پیدا کنند.