طراحی وب سایت با جی کوئری

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

طراحی وب سایت با جی کوئری


در یک کلام، جی کوئری یک کتابخانه جاوا اسکریپت است طراحی سایت که انجام یک سری کارها را برای شما بسیار آسان می‌کند و همچنین یک سری امکانات از پیش آماده شده را به شما اراده می‌دهد. جی کوئری چکار مي کند؟ زبان برنامه نویسی جاوا اسکریپت ، یک زبان برنامه نویسی خیلی پیچیده و گسترده است و یادگیری کامل آن به زمان و حوصله خیلی زیادی نیاز دارد. جی کوئری فریم‌ورکی که بر اساس زبان برنامه نویسی جاوا اسکریپت ایجاد شده است. به زبان ساده می‌توان گفت، برنامه نویس با استفاده از زبان برنامه نویسی جاوا اسکریپت، یک سری قائده و قانون تعریف کرده است و یک دستور زبان جدید ساخته که شما با آن قواعد یه کد به مراتب بسیار ساده‌تر می‌نویسید، سپس آن فایل فریم‌ورک دستورات شما را به دستورات استاندارد جاوا اسکریپت ترجمه می کند و سپس آن ها را اجرا می‌کند. همراه با یک مثال ساده، توضیح بیشتر ارائه می‌شود:

مثلا زبان فارسی طراحی سایت را در نظر بگیرید که بسیار گسترده است. حال ما درنظر داریم یه کتاب کوچک بنویسم و برای 2000 لغت پرکاربرد زبان فارسی علامت های اختصاری در نظر بگیریم، به عنوان مثال برای لغت «در» یک معادل در نظر می‌گیریم: در = ^-^ با این علامت های اختصاری ما می توانیم کلمات و جملات خاصی را به صورت خیلی مختصر و مفید بنویسیم. حال اگر یک متن را با این علامت های اختصاری بنویسیم و آن کتاب مرجع را نیز در اختیار شخص ثالثی قرار دهیم، آن شخص می تواند علامت ها را دیده و با مراجعه به کتاب مرجع، متن اصلی را مشاهده کنید. کار جی کوئری هم در واقع به همین صورت است. جی کوئری یک فایل جاوا اسکریپت چند هزار خطی هست که در آن یک سری کارهایی که طراحان وب با جاوا اسکریپت انجام میدادند را، خلاصه کرده است. به عنوان مثال برای مخفی کردن یک دایو کافی است که به اندازه یک نیم خط کد بنویسم (در حالی که قبلا باید ده‌ها خط کد جاوا اسکریپت برای این کار نوشته می‌شد)
خود فایل جی کوئری در واقع حکم همان کتاب مرجع را دارد. به همین خاطر است که اگر شما فایل اصلی جی کوئری را به صفحه لینک نکنید و دستورات خودتان را بر اساس قوانین جی کوئری بنویسید، اتفاقی نمی‌افتد و در واقع دستوران برای شما کار نخواهند کرد. (چون در این حالت دستورات هست ولی کتاب مرجع نیست که مرورگر وب بفهمد هر دستور چه معنایی می‌دهد) البته باید در نظر داشت که خود فریم ورک‌ها هم محدودیت دارند، چون کل یک زبان برنامه نویسی را پوشش نمی‌دهند و یا گاها سنگین هستند (چون مثلا ما به همه توابع داخل یه فریم‌ورک احتیاجی نداریم (در مورد مثال کتاب مرجع هم ممکن است کسی به همه 2000 لغت احتیاجی نداشته باشد)
در استفاده از جی کوئری ما دو تا فایل خواهیم داشت:
یک فایل، خود فایل جی کوئری می‌باشد که باید در ابتدا به صفحه مورد نظر ما لینک شود. فایل دوم فایل جی اس ای هست که دستورات ما بر اساس قوانین جی کوئری داخلش نوشته شده است. (البته می‌تواند این دستورات را در داخل کدهای صفحه نیز قرار داد و یک فایل جداگانه نداشت)
جی کوئری نوعي عملکرد چند منظوره و مشترک براي انجام عمليات جاوا اسکريپت در اختیار کاربر مي گذارد. ماهيت بالنده و دايما در حال رشد جی کوئری (به دليل افزوده شدن دائمي پلاگین‌های مختلف به آن) چنان است که تشريح فوايد استفاده از آن، در يک مقاله ممکن نباشد. اما ميتوان مختصري درباره ويژگي‌هاي کليدي جی کوئری در زير اشاره کرد:
ايجاد امکان دسترسي به بخشهايي از يک صفحه بدون نياز به ابزارهاي جاوا اسکريپت و عدم نياز به طراحی سایت هاي زياد.
جی کوئری مکانيسم سريع و موثري براي جستجو ، يافتن و انتخاب بخشهاي مورد نظر از يک صفحه را بدون نياز به ابزار جاوا طراحی سایت، در اختيار ما قرار ميدهد.
امکان تغيير ظاهر يک صفحه؛ البته سی اس اس ابزار قدرتمندي در تغيير صفحات بما ميدهد اما قادر به انجام اينکار در مرورگرهاي مختلف که استانداردهاي متفاوتي دارند، نيست. اما جی کوئری براحتي ميتواند هر نوع مرورگري را ساپورت کند و حتي قادر است که مختصات ويژه صفحات وب را، حتي بعد از دستکاري و تغيير ساختاري و ظاهر، دوباره تغيير دهد.
جی کوئری نه تنها تغييرات ظاهري و ناچيز را، بلکه صرفا با چند کليک ساده، می‌تواند محتواي صفحات مورد نظر کاربر طراحی سایت را هم تغيير کلي بدهد و مثلا متن يا عکسي را تغيير داده و يا تصوير يا ليستي را درون متنهاي آن صفحه اضافه و يا از آن حذف کند. حتي ميتواند تمام ساختار اچ تی ام ال صفحات را کاملا تغيير دهد.
يکي از امکانات کتابخانه جی کوئری کنترل و جلوگيري از اتفاقات غيرمنتظره ايست که بهنگام کليک کردن يک کاربر بر يک لينک رخ ميدهند و مثلا باعث کند شدن يا درهمريختگي مرورگرها ميشوند. ابزار event-handler در جی کوئری اين وظيفه را بسادگي و بدون نياز به استفاده از جاوا اسکريپت انجام ميدهد.
افزودن انيميشن به يک صفحه؛ کسب فيدبک از (يا به) کاربران، امري بسيار مهم است و طراحی سایت جی کوئری اين ويژگي را بسادگي با استفاده از امکاناتي همچون Fade و غيره بما ميدهد.
کسب اطلاعات از يک سرور بدون نياز به ريفرش کردن آن صفحه (که اصطلاحا به آن اجکس مي‌گويند) جی کوئری اينکار را بدون نياز به دانستن مختصات ويژه هر سرور و صرفا با مراجعه مستقيم به نتايج آن صفحه (محتويات سرور) انجام ميدهد.
ساده سازي عملکردهاي مشترک / تکراري جاوا اسکريپت : جی کوئری علاوه بر انجام بسيار ساده تغييرات کلي در متن و ظاهر صفحات وب، حتي قادر به ساده تر کردن عمليات ساختار سازي همچون Iteration And Array Manipulation هم هست.
آیا جی کوئری نوآوری‌های خاصی هم داشته است؟
بله، در زیر به چند مورد اشاره می‌شود؛
- کد نویسی بر اساس دستور زبانی که جی کوئری ایجاد کرده، خیلی ساده است و در کمترین تعداد خط می‌توان بیشترین تغییرات را در صفحه ایجاد کرد.
- جی کوئری کاملا Unobtrusive می‌باشد یعنی شما هیچ کد جاوا اسکریپتی را داخل کدهای XHTML وارد نمی کنید. از این نظر کدهای شما کاملا مجزا از هم و مرتب خواهد بود و از طرفی وقتی JS روی مرورگر فعال باشد، کدهای شما اجرا میشود ولی اگر جی اس فعال نباشد، هیچ مشکلی برای سایت شما پیش نمی‌آید و سایت همچنان برای کاربر قابل استفاده خواهد بود.
- در جی کوئری تگها را میتوان بر اساس همان قواعد سی اس اس انتخاب نمود.
- هر مرورگر به یک شکل کدهای جی اس را تفسیر میکند. جی کوئری محیطی را فراهم کرده است که شما اصلا ذهنتان مشغول این قضیه نشود و مطمئن باشید که کدی که می‌نویسید در همه مرورگرها و آی ئی نسخه 6 به بعد به درستی کار خواهد کرد.
چرا جی کوئری بهتر از ساير ابزارها است؟
در سالهاي اخير افزايش گرايش به اچ تی ام ال باعث افزايش کارايي پکيج هاي فریم ورک هاي جاوا اسکريپتي شده، بعضي پکيج ها عمليات خاص و محدود و بعضي ديگر کارهاي انيميشن و غيره را تسهيل مي کنند. اما جی کوئری سعي مي کند تا تمام اين حوزه ها را پوشش دهد؛
- ارايه و شناسايي و تغيير مختصات صفحات وب، متضمن آشنايي طراحان وب با کدها و خطاهاي مربوط به سی اس اس و ... است ولی جی کوئری اين کار را براي طراحان آسانتر نموده است.
- ساپورت هاي اکتنژن در جی کوئری طوري تنظيم شده اند که پلاگینها را ميتوان بسادگي اضافه يا حذف نمود و ساختار دروني Basic jQuery طوري نوشته شده که بهنگام دانلود براحتي براي ساير آيتم هاي صفحه وب قابل شناسايي اند و براحتي با ايجاد ماژول‌هاي ساده ميتوان تغييرشان داد.
- يکي از مشکلات طراحي و طراحان وب همانا متفاوت بودن پيش شرط ها و مختصات مرورگرها و عدم هماهنگي آنها با يکديگر و يا با نرم افزار هاي جديد است. جی کوئری قادر است که با هر مرورگري کار کرده و با کاهش کدها و ساده سازي کار را آسانتر کند.
- با استفاده از تکنيک Implicit Iteration قادر خواهيد بود که بسياري از لوپ ها را بصورت دسته جمعي (و نه تک به تک) بررسي و در وقت صرفه جويي کرده و بدين ترتيب نياز به کدنويسي طولاني نداشته باشيد.
- جی کوئری از متد برنامه نويسي خاصي بنام Chaining براي تک خطي کردن فرمان‌ها استفاده ميکند، بهمين دليل ما ديگر نيازي به تکرار فرمانها و ماژولها نداريم.
- اين استراتژيها باعث کاهش کدها و کمپرس شدن کل پکيج جی کوئری به تقريبا 20کیلو بایت شده اما در عين حال تمامي نيازهاي کاربر را هم برطرف ميسازد.

مشاوره و سفارش


بهترین راه برای طراحی وب سایت، مشاوره قبل از هر تصمیمی در رابطه با آن وب سایت است، در زفره مدیا این کار با تماس شما با یکی از مشاورین ما صورت می گیرد، برای این امر شما دو راه ساده و سریع در پیش روی خود دارید. راه اول تماس تلفنی ست و راه دوم استفاده از فرم آنلاین سفارش پروژه است، که با تکمیل آن مشاورین ما با شما تماس خواهند گرفت و اطلاعات لازم در ارتباط با طراحی وب سایت شما را در اختیارتان خواهند گذاشت.