طراحی وب سایت در کرج
026-34204893
09101013858

بایگانی برچسب‌ها : Java Script

جاوا اسکریپت | طراحی سایت کرج | طراحیوب سایت در کرج | هلدینگ کیا تجارت فاوا

نرم افزار جاوا اسکریپت – IDEs

نرم افزار جاوا اسکریپت – IDEs

 

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

 

IDE ها

توسعه دهندگان سمت سرور مدتهاست که از مجموعه وسیعی از ابزارها استفاده میکنند که هر ساله بهتر میشوند.

انتظار میرود که برنامهنویسان جاوا اسکریپت به طور سنتی به صورت دستی کدگذاری کنند یا شاید (اگر آنها خوش شانس بودند) دارای نحو برجسته (که اغلب به درستی کار نکند).

این در چند سال گذشته با تعدادی از محیط های تکاملی توسعه (IDEs) با کیفیت بالا یا حداقل پشتیبانی از جاوا اسکریپت تغییر کرده است.

 

Aptana

شاید نخستین IDE بزرگ که به طور خاص برای توسعه دهندگان جاوا اسکریپت طراحی شده باشد، Aptana تبدیل به یک عنصر با بسیاری از توسعه دهندگان تمام نوارها شده است. پشتیبانی جاوا اسکریپت Aptana فراتر از رنگ آمیزی نحو است و شامل پشتیبانی چندین یا چند چارچوب جاوا اسکریپت (از جمله Dojo، jQuery، YUI، MochiKit و بسیاری دیگر) است.

Aptana یکی از IDE های قبلی بود که برای «تکمیل کد» برای کتابخانه های جاوا اسکریپت پشتیبانی می شد.

با تایپ کردن فقط بخشی از عملیات جاوا اسکریپت و ضربه زدن به کلید، IDE به شما گزینه های مختلفی را در مورد چگونگی تکمیل کد نشان می دهد (صرفه جویی در تایپ کردن و به طور بالقوه ساعت های اشکال زدایی به دلیل یک اشتباه کلید اشتباه!)

 

گرفتگی

 

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

Aptana خود یک نسخه بسیار متداول و متمرکز از Eclipse است، اما Eclipse هم همین طور است. برای کسانی که از Eclipse برای توسعه وب استفاده می کنند، اضافه کردن یک پلاگین جاوا اسکریپت، برخی از مزایای Aptana را با هیچ یک از منحنی یادگیری خالی نمی کند.

 

NetBeans NetBeans در سالهای اخیر با بازسازی در پلتفرم اصلی و حمایت فراوان از زبانهایی مانند PHP، Ruby و دیگران علاوه بر جاوا نیز از گذشته گذشته بوده است.

(توجه داشته باشید Aptana و Eclipse همچنین پشتیبانی از زبانهای چندگانه سرور را پشتیبانی می کنند، اگر چه تنها Aptana و NetBeans تجربه هایی را برای خارج از جاوا تجربه می کنند.

NetBeans مبتنی بر Eclipse نیست، بلکه برنامه خاص خودش است. برای کسانی که سبک های بصری Eclipse را دوست ندارند، ممکن است NetBeans یک تغییر خوشایند باشد.

 

مایکروسافت ویژوال استودیو

 

پیش از این مایکروسافت اعلام کرده است که در خطوط ویژوال استودیو آن را بسته و جی کوئری را پشتیبانی می کند.

در حالی که پشتیبانی گسترده ای برای زبان های دیگر مانند PHP هنوز ارائه نمی دهد، توسعه دهندگان که در حال حاضر در محیط MS کار می کنند، به دنبال آن هستند تا امکان پشتیبانی جی کوئری در ویژوال استودیو را برای تکمیل کد و در حین توسعه مستندات درون خطی کمک کنند.

 

 

Tagged
جاوا اسکریپنت | طراحی سایت کرج | طراحی وب سایت کرج | هلدینگ کیان تجارت فاوا

الگوهای طراحی جاوا اسکریپت

الگوهای طراحی جاوا اسکریپت

جاوا اسکریپت به معنای مدیریت وب سایت بسیار زیاد است، از اعتباربخشی فرم تا عملیات پیچیده تر مانند قابلیت کشیدن و رها کردن و یا برقراری ارتباط ناهمزمان به سرور وب (Ajax). کتابخانه های جاوا اسکریپت در این روز بسیار محبوب هستند.

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

روش های مختلفی در جهان جاوا اسکریپت وجود دارد. الگوهای مهم مورد استفاده در JavaScript در زیر توضیح داده شده است.

Singleton

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

این به طور معمول با ارائه یک سازنده پیش فرض ارائه نمی شود در عوض یک روش بتنی در کلاس برای بازگشت به شیء کلاس مربوطه ارائه می شود.

الگوی کارخانه

اگر مطمئن نیستید که چه شیء کلاس قبل از اجرا باید تولید شود، مانند اشیاء XMLHttp برای نیاز AJAX. این اشیاء بر اساس مرورگر ایجاد می شوند یعنی یعنی Internet Explorer یا موزیلا.

الگوی کارخانه در این وضعیت استفاده می شود. الگوی کارخانه از یک شی (تابع) استفاده می کند که شی مورد نظر را طبق الزامات باز می گرداند، توسعه دهنده نباید در مورد مشکلات اساسی نگران باشد.

   الگو آداپتور

این الگو به کاربر اجازه می دهد تا رابط های موجود را به کلاس هایی که ناسازگار هستند، تطبیق دهند. اشیاء که از این الگوی استفاده می کنند به عنوان wrappers شناخته می شوند. این کار معمولا با ارائه یک کلاس دیگر انجام می شود که کلاس هایی را که با استفاده از رابط دیگر ناسازگار هستند تبدیل می کند.

الگو طراحی نما

این الگوی ترویج قابلیت خواندن برنامه ها با گروه بندی وظایف (روش) معمولی است و باعث می شود یک API ساده با ارائه یک نقطه دسترسی تک.

در جاوا اسکریپت این کار به کاهش اندازه و پیچیدگی کد کمک می کند. اگر شما می توانید یک وظیفه مشترک را در میان رویدادهای مختلف پیدا کنید، بهتر است از آن استفاده کنید.

در جاوا اسکریپت، تعدادی از حوادث و اجزای وجود دارد که طراحی نمایه یک نقطه واحد را ایجاد می کند و جزئیات توزیع مسئولیت رسیدگی به رویداد را پنهان می کند.

الگو طراحی ناظر

الگوی طراحی Observer یک وابستگی به افراد را در میان اشیاء مختلف به وجود می آورد. یک شی موضوع وجود خواهد داشت و تعدادی از اشیاء مشاهده کننده وجود خواهد داشت. هنگامی که شیء موضوع حالت خود را تغییر می دهد، این رویداد را به همه ناظران اطلاع می دهد تا بتوانند به همان رویداد پاسخ دهند.

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

Tagged
جاوا اسکریپت | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

چرا شما باید جاوا اسکریپت را یاد بگیرید؟

چرا شما باید جاوا اسکریپت را یاد بگیرید؟

از زمان آغاز وب، تکنیک های مختلف برای ساخت وب سایت ها متمرکز شده است. در ابتدا، تمرکز بسیاری بر روی مرورگرها و آنچه شما می توانید با نسخه های مختلف HTML پشتیبانی شده در آن مرورگرها دست یابد.

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

ما در اواخر دهه ۹۰ و ابتدای هزاره تعداد زیادی از صفحات وب را با بسیاری از java script مشاهده کردیم اما استانداردها وجود نداشت و البته وب سایت هایی که دارای جاوا اسکریپت زیادی بودند را داشتیم.

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

برای تقریبا ۳ سال تمرکز بر جداسازی محتوا از طراحی و جلویی از انتهای پایان بود، اما به زودی، در حدود سال ۲۰۰۵، افراد احساس کردند که تعامل در وب کاهش یافته است و با مرورگر پشتیبانی از استانداردها، شاید ما بتوانیم به جستجوی جاوا اسکریپت دوباره با عینک های مختلف ما شاهد تولد کتابخانه AJAX و جاوا اسکریپت مانند Prototype، jQuery، MooTools، Dojo و موارد مشابه بودیم.

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

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

گوگل، یاهو و دیگر شرکت های بزرگ، کتابخانه های جاوا اسکریپت خود را باز می کنند و توسعه دهندگان را قادر می سازند تا راه حل های پیچیدهتر وب را ایجاد کنند.

در چند سال آینده جاوا اسکریپت نیز در کنار سرور با راه حل هایی مانند Aptana Jaxer، Rhino و SpiderMonkey تقویت خواهد شد. توسعه دهندگان با استفاده از وب سایت ها و راه حل هایی که به عنوان راه حل های وب ساخته شده اند، شروع به یادگیری جاوا اسکریپت می کنند.

 

 

Tagged
عنصر | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

جعبه های انتخاب شده را با جی کوئری انتخاب و تنظیم کنید

جعبه های انتخاب شده را با جی کوئری انتخاب و تنظیم کنید

در موارد متعددی، من برای استفاده از گزینه چک باکس مبتنی بر شبکه استفاده کردم. من مطمئن هستم که همه آنها را دیده اید، کادر انتخاب را در بالای شبکه انتخاب می کنید، و کادرهای همه بچه ها یا بسته به وضعیت والد خود را چک کرده یا علامت گذاری شده اند.

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

بگذارید بگوییم فرم HTML زیر را داریم.

بعضی از نام ها

اردک دونالد

المر فود

این کاملا یک فرم ساده است. فقط یک سلول از سلول ها در یک فرم پیچیده شده است.

ما همچنین در آنجا قرار می دهیم که ما برای نشان دادن کاربر چندین مورد انتخاب می کنیم (فقط در صورتی که نمیتوان آنها را حساب کرد).

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

بیایید ببینید که جاوا اسکریپت چگونه خواهد بود.

اولا، ما باید رویداد کلیک را در جعبه چک کنید. در آن زمان، ما بررسی خواهیم کرد که کادر انتخاب شده در حال حاضر بررسی شود یا نه، و برخی از موارد را براساس وضعیت آن انجام دهید.

$(“input[name=ItemKey]”).click( function() {

if ( $(this).is(“:checked”) ){

// update all table cells in the current row with a class to indicate selection

// these could probably be chained.. let me know if you can do this better $(this).parent().addClass(“selected”);

$(this).parent().siblings().addClass(“selected”);

} else {

// remove the class to stop showing the row is selected

$(this).parent().removeClass(“selected”).addClass(“plain”);

$(this).parent().siblings().removeClass(“selected”).addClass(“plain”);

}

// update the label indicator of total selected items

ChangeSelectedLabel();

});

// check if all or no checkboxes were set as checked by server-side script

SetToggleCheckBoxFromChildren();

بنابراین آنچه در اینجا اتفاق می افتد این است که رویداد کلیک کلاس ها را به سلول ها اعمال می کند تا کاربر را نشان دهد که ردیف انتخاب شده است.

برای انجام این کار، عنصر اصلی کادر انتخاب انتخاب می کنیم. سپس همه بچه های این عنصر را دریافت می کنیم (که باید کل ردیف باشد) و کلاس را به آن سلول ها اختصاص می دهیم. شما می توانید این کلاس را در یک شیوه قرار دهید و آن را فرمت کنید هر چند دوست دارید.

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

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

function ChangeSelectedLabel() {

var count = $(“input[name=ItemKey]:checked”).length;

$(“#selectedCountLabel”).text(count + ” items selected”);

SetToggleCheckBoxFromChildren();

}

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

سپس فاصله “selectedCountLabel” با متن دلخواه به روز می شود. سپس ما یک تابع فراخوانی برای تابع SetToggleCheckBoxFromChildren می کنیم. بیایید به آن نگاه کنیم.

function SetToggleCheckBoxFromChildren() {

var TotalDeselectedItems = $(“input[name=ItemKey]:not(:checked)”).length;

if (TotalDeselectedItems == 0) {

$(“#selectallcheckboxes”).prop(“checked”, true);

} else {

$(“#selectallcheckboxes”).prop(“checked”, false);

}

}

 

 

خوب، بنابراین این تابع تنظیم وضعیت جعبه والدین را تنظیم می کند. می دانید، یکی در بالای جدول. ممکن است زمانی که اسکریپت سمت سرور صفحه را پر می کند که همه کادرهای جعبه را چک می کند.

در این وضعیت، ما می خواهیم اسکریپت سمت سرویس گیرنده گزینه چک کردن پدر و مادر را به حالت “چک” تنظیم کنیم. اگر ما این کار را نکنیم، گزینه انتخاب را انتخاب می کنیم. ممکن است متوجه شوید که این تابع در اولین بلوک اسکریپت نیز نامیده شده است.

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

 

 

Tagged
Cross-site | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

اسکریپت Cross Site چیست؟

اسکریپت Cross Site چیست؟

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

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

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

XSS به دلیل روش های مختلف موجود برای ارائه حمله مخرب به کاربران، به چشم غیر مسلح مشکوک نیست. انواع تحویل معمول XSS عبارتند از:

JavaScript

VBScript

ActiveX

Flash

Even HTML!

هر کدام از این نوع کدهای نرم افزاری برای ساخت وب سایت ها ضروری است و توابع متعددی را برای اطمینان از عملکرد مناسب فراهم می کنند. مهاجمان برای وب سایت ها و برنامه های آسیب پذیر جستجو می کنند تا کاربران را فریب دهند تا اطلاعات محرمانه ای را از آنها جمع آوری کنند.

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

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

بعضی از راه های محافظت از خود از Cross-Site Scripting حملات تنها دنبال لینک از وب سایت اصلی که مایل به بازدید است. اجتناب از کلیک کردن روی پیوندهای غیر ضروری و لینک ها حتی اگر آنها بی گناه باشند.

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

XSS می تواند به صورت خودکار هنگام باز کردن یک ایمیل یا پیوست ایمیل، یا هنگامی که شما یک دفترچه مهمان یا پست الکترونیکی هیئت مدیره را بخوانید، اجرا می شود.

اگر برنامه ای برای باز کردن یک ایمیل یا خواندن پست در یک هیئت عمومی از کسی که نمی دانید، مراقب باشید. یکی از بهترین راه های محافظت از خود این است که جاوا اسکریپت را در تنظیمات مرورگر خود خاموش کنید. در اینترنت اکسپلورر، تنظیمات امنیتی خود را به بالا بالا ببرید.

سخت است برای جلوگیری از سوراخ XSS؛ آنها حتی وب سایت های معتبر را نیز تحمل کرده اند. برخی از وب سایت هایی که آلوده شده اند عبارتند از:

FBI.gov

CNN.com

Time.com

eBay.com

Yahoo

Apple

Microsoft

MySpace

Wired.com

 

 

 

Tagged