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

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

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

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

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

از زمان آغاز وب، تکنیک های مختلف برای ساخت وب سایت ها متمرکز شده است. در ابتدا، تمرکز بسیاری بر روی مرورگرها و آنچه شما می توانید با نسخه های مختلف 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
جاوا اسکریپت | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

مبانی جاوا اسکریپت

مبانی جاوا اسکریپت

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

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

جاوا اسکریپت واقعا چیست؟

جاوا اسکریپت (“JS” به صورت کوتاه) یک زبان برنامه نویسی کامل پویا است که وقتی که به یک سند HTML اعمال می شود، می تواند تعامل پویا را در وب سایت ها فراهم کند. این توسط Brendan Eich، یکی از بنیانگذاران پروژه موزیلا، بنیاد موزیلا و شرکت موزیلا اختراع شد.

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

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

  • رابط برنامه نویسی برنامه مرورگر (APIs) – API های ساخته شده در مرورگرهای وب، قابلیت هایی مانند ایجاد پویا HTML و تنظیم سبک CSS، جمع آوری و دستکاری جریان ویدئو از وبکم کاربر یا تولید گرافیک ۳D و نمونه های صوتی فراهم می کند.
  • API های شخص ثالث – به توسعه دهندگان اجازه می دهد که قابلیت های خود را از سایر ارائه دهندگان محتوا مانند توییتر و فیس بوک در سایت های خود قرار دهند.
  • چارچوب های شخص ثالث و کتابخانه ها – شما می توانید این ها را به HTML خود اعمال کنید تا بتوانید سایت ها و برنامه های خود را به سرعت ایجاد کنید.

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

در زیر ما شما را به بعضی از جنبه های زبان اصلی معرفی می کنیم، و همچنین با چند ویژگی API مرورگر نیز بازی خواهید کرد. خوش بگذره!

مثال “سلام جهان”

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

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

برای شروع، ما نشان خواهیم داد که چگونه برخی از اساسی جاوا اسکریپت را به صفحه اضافه کنیم، ایجاد یک “سلام جهان!” مثال (استاندارد در نمونه های برنامه نویسی پایه).

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

جاوا

جاوا

یک زبان برنامه نویسی شی گرا (OOPs) که توسط Sun Microsystems در سال ۱۹۹۰ توسعه یافت، به عنوان جاوا نامیده می شود.

این زبان تعداد زیادی از نحو C و C ++ را توسعه می دهد اما دارای یک مدل شیء آزاد و سطح کمتر امکانات است. معمولا برنامه های جاوا معمولا به کد بایت کامپایل می شوند، که ممکن است در طول زمان اجرا به کد محلی بپردازند. جاوا اسکریپت زبان اسکریپتی است که سینتکس و اسامی مشابه دارد.

جاوا اسکریپت دقیقا با javaا ارتباط ندارد. Sun Microsystems اجرایی GPL یک کامپایلر جاوا و ماشین مجازی java را با توجه به الزامات فرآیند جامعه جاوا به عهده دارد. کتابخانه کلاس لازم است تا برنامه جاوا اجرا شود.

مهمترین و مهمترین اهداف اصلی در شکل گیری برنامه نویسی java داده شده است.

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

این باید پشتیبانی داخلی برای استفاده از شبکه های کامپیوتری داشته باشد.

باید با انتخاب آنچه که خوب است اندازه گیری می شود

بخش های عالی دیگر زبان های شی گرا.

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

این باید مورد بحث و طراحی قرار گیرد تا کد را از منابع دور از نظر ایمن اجرا کند.

برای رسیدن به اهداف اجرای کد کد و پشتیبانی از شبکه، برنامه نویسان جاوا در مواردی ضرورت دارند که از پسوندهای مانند Internet Communications Engine، ORBA و OSGi استفاده کنند.

اغلب نحو java بیشتر از C ++ حاصل می شود. اگر چه C ++ غیر متمایز است و از نظر ترکیب، نحو برنامه نویسی عمومی، ساختار یافته و شی گرا هماهنگ است. جاوا از پایه به عنوان زبان شی گرا توسعه یافته است. در اینجا تمام کدهای در یک کلاس نوشته میشوند و در مورد همه شیء است.

استثنائات انواع داده های ساخته شده است که یک کلاس برای عملکرد عملکرد نیست.

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

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

هر و هر چیز در یک کلاس نوشته شده است که شامل برنامه های مستقل در جاوا است.

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

در java، استاتیک یک کلمه کلیدی است که برای مشخص کردن روش انجام شده است یک روش استاتیک است که به جای نمونه های شیء با کلاس مرتبط است.

در java، عمومی کلمه کلیدی است که نشان دهنده روش است که می تواند از کد در کلاس های دیگر نامیده می شود.

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

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

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

 

 

Tagged