آموزش زبان جاوا اسکریپت JavaScript جلسه سوم
آموزش زبان جاوا اسکریپت JavaScript جلسه سوم
در آموزش زبان جاوااسکریپت JaveScript جلسه سوم قصد داریم در مورد دستورات جاوا اسکریپت صحبت نماییم. کدها و دستورات جاوا اسکریپت قدم به قدم در این آموزش ها گنجانده شده است و اگر کمی حوصله به خرج بدهید تمامی کدها و دستورات جاوا اسکریپت را در آموزش زبان جاوا اسکریپت می آموزید.در جلسات نخسات نیز که با آموزش زبان جاوا اسکریپت در خدمت دوستان با دانش وب یار بودیم .
همان طور که در جلسات پیش نیز بیان شد، جاوا اسکریپت یک زبان سمت کلاینت بوده که در مرورگر کاربر اجرا می گردد. این دستورات جاوا اسکریپت به همان ترتیبی که نوشته شده اند فرمان هایی را به مرورگر ارسال می کنند که مرورگر موظف به اجرای آن ها می باشد. در این جلسه قصد داریم انواعی از این دستورات javaScript را نام ببریم.
پیش نیاز این جلسه ، محل قرارگیری کدهای جاوا اسکریپت در html است. پیشنهاد می کنیم حتما آن را نیز مطالعه فرمایید.
دستورات جاوا اسکریپت:
یک دستور جاوا اسکریپت شامل مقادیر، عملگرها،کلمات کلیدی و توضیحات است.
مقادیر می توانند عبارات ثابت یا متغیر باشند. مثلا X=5 یک مقدار ثابت است. عملگرها در جاوا اسکریپت عملیاتی مانند انتساب = یا محاسبات ریاضی + – * / را انجام می دهند و کلمات کلیدی برای تعریف عملی خاص در مرورگر به کار می روند. مثلا کلمه کلیدی var یک متغیر جدید تعریف می کند. توضیحات نیز تنها برای درج توضیح و خوانایی بهتر در کدنویسی استفاده می شوند که در مرورگر اجرا نمی گردند. این توضیحات بعد از نماد // یا بین /* */ برای توضیحات چند خطی قرار می گیرند.
زبان جاوا اسکریپت – لیست دستورات
دستورات جاوا اسکریپت زیر همان کلمات کلیدی رزرو شده ای هستند که نمی توانند به عنوان نام متغیر به کار روند. مهم ترین دستورات javaScript عبارت اند از:
function
این دستور برای ایجاد تابع در جاوا اسکریپت به کار می رود. مثلا:
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // Call the function
توضیحات با استفاده از // بیان شده اند.
نماد آکولاد {} باعث می شود که دستورات جاوا اسکریپت در یک بلوک مشخص قرار بگیرند.
return
این دستور جاوا اسکریپت باعث می شود که برنامه از تابع خارج شده و در صورت لزوم مقداری را بازگرداند مثلا:
function myFunction() {
return 2+2;
}
درباره توابع جاوا اسکریپت را در جلسه ی مربوط به خود بیشتر صحبت می کنیم.
var
همان طور که قبلا هم گفته شد این عبارت برای تعریف یک متغیر در javaScript به کار می رود.
مثلا var X;
if … else … else if
دستورات if و else از دستورات شرطی جاوا اسکریپت می باشند که در صورت برقرار بودن شرایط ، کد مربوط به آن ها اجرا می گردد.
if (test < 10) {
result = "bad";
} else if (test > 15) {
result = "Good ";
} else {
result = "normal";
}
for
این دستور برای ایجاد حلقه های تکرار در جاوا اسکریپت به کار می رود.
var text = "";
var i;
for (i = 0; i < 5; i++) {
text += "shomareh " + i + "<br>";
}
در کد بالا توسط عملگر + یک رشته را با عدد جمع نموده و سپس با تگ <br> به خط بعدی منتقل شده ایم. یعنی در خروجی داریم:
shomareh 0
shomareh 1
shomareh 2
shomareh 3
shomareh 4
for … in
این دستور جاوا اسکریپت نیز همانند دستور for شرطی بوده و بیشتر برای آرایه ها ، رشته ها و خصوصیات اشیاء به کار می رود.
var obj = {a: 1, b: 2, c: 3};
for (var i = 0 in obj) {
console.log(obj[i]);
}
تابع console.log برای چاپ خروجی در کنسول جستجوگر به کار می رود. این کنسول را می توانید با فشردن دکمه F12 صفحه کلید فعال نمایید.
while
تابع while در جاوا اسکریپت تا هنگامی که شرایط بر قرار باشند، حلقه ی تکرار خود را ادامه می دهد.
var text = "";
var i = 0;
while (i < 5) {
text += "<br> shomareh " + i;
i++;
}
do … while
این دستور نیز همانند دستور while به کار می رود اما با این تفاوت که ابتدا برای بار اول دستور حلقه را بدون بررسی شرط اجرا کرده و از مرحله ی دوم به بعد شرط حلقه برای ادامه ی کار بررسی می کند. به عنوان مثال:
var text = "";
var i = 0;
do {
text += " shomareh " + i;
i++;
}
while (i < 5);
break
این دستور جاوا اسکریپت برای خروج از حلقه و switch به کار می رود.
var text = ""
var i;
for (i = 0; i < 5; i++) {
if (i == 2) {
break;
}
text += " shomareh " + i + "<br>";
}
در مثال بالا مشاهده می کنیم که هر وقت مقدار i برابر با 2 شود از حلقه ی for خارج می شویم. خروجی:
shomareh 0
shomareh 1
نکته: دستور break هیچ وقت به تنهایی برای دستور شرطی if به کار نمی رود. موقعی از دستور break در if استفاده می کنیم که دستور if درون یک حلقه ی for یا while قرار گرفته باشد.
continue
این دستور در حلقه باعث می شود که یک شرط نادیده گرفته شده و مستقیما وارد گام بعدی حلقه گردد.
var text = ""
var i;
for (i = 0; i < 5; i++) {
if (i == 2) {
continue;
}
text += " shomareh " + i + "<br>";
}
هنگامی که i برابر با 2 می شود، ادامه ی دستورات اجرا نشده و گام بعدی حلقه اجرا می شود. یعنی در خروجی داریم:
shomareh 0
shomareh 1
shomareh 3
shomareh 4
debugger
این دستور جاوا اسکریپت باعث توقف اجرا شده و تابع debugging را در صورت وجود فراخوانی می نماید. اگر این تابع موجود نبود ، دستور debugger در روند اجرای برنامه تاثیری نمی گذارد. به عنوان مثال:
var x = 2*2;
debugger;
document.getElementbyId("demo").innerHTML = x;
switch
دستور شرطی switch نیز همانند دستور if بوده و برای اجرای یک دستور در بین چندین دستور به کار می رود.
var X;
switch (X) {
case 0:
day = "zero";
break;
case 1:
day = "one";
break;
case 2:
day = "two";
break;
case 3:
day = "three";
break;
}
try … catch … finally
این دستور برای خطاهای استثنایی که در روند اجرای برنامه ممکن است رخ دهند استفاده می گردد.
try {
adddlert("Welcome guest!");
}
catch(err) {
document.getElementById("demo").innerHTML = err.message;
}
تابع alert در جاوا اسکریپت برای نمایش پیغام به کار می رود. در دستور بالا سعی نمودیم که تابع alert را اجرا کنیم. اما چون این تابع به اشتباه adddlert نوشته شده است، پیغام Welcome guest! نمایش داده نشده و بلافاصله دستور catch خطا را در خروجی چاپ می کند.
throw
این دستور نیز برای مدیریت خطا و استثنا در جاوا اسکریپت به کار می رود که خطاها را به سمت catch پرتاپ می کند.
<html>
<body>
<script type="text/javascript">
var x=prompt("Enter a number between 0 and 10:","")
try
{
if(x>10)
throw "Err1"
else if(x<0)
throw "Err2"
}
catch(er)
{
if(er=="Err1")
alert("Error! The value is too high")
if(er == "Err2")
alert("Error! The value is too low")
}
</script>
</body>
</html>
در دستور بالا ابتدا توسط تایع prompt یک مقدار از کاربر دریافت نموده ایم و سپس کد مشکوک خود را درون تابع try قرار نهاده ایم. اینک شرط if مقدار دریافت شده را چک و با throw به سمت catch می فرستد، دستور catch نیز با توجه به اطلاعات دریافت شده هشدار مناسبی را در خروجی چاپ می کند.
خوب این بود از جلسه ی سوم آموزش جاوا اسکریپت. امیدوارم این بخش نیز برای شما مفید واقع شده باشد. با عضویت در کانال تلگرام وب یار webyar_net@ می توانید از آخرین آموزش های ما با خبر شوید. همچنین پیشنهاد می کنیم به صفحه اینستاگرام وب یار هم سری بزنید!
اگر به فکر فروش محصولات از طریق فروشگاه اینترنتی یا اینستاگرام هستید، نیاز به عکس‌های با کیفیت دارید. در فضای مجازی مشتری شما با دیدن عکس محصولات تصمیم به خرید می‌گیرد. اما یک عکس با کیفیت از محصولات چه ویژگی‌هایی دارد؟ آیا می‌توان با صرف هزینه کم عکس‌های حرفه‌ای گرفت؟ پاسخ به این سوال مثبت است. شما با رعایت چند ترفند ساده میتوانید عکس‌های خوبی از محصولاتتان بگیرید و آن را در سایت یا اینستاگرام به اشتراک بگذارید. در این مقاله از وب یار به آموزش عکاسی از محصولات برای اینستاگرام می‌پردازیم. آموزش عکاسی از محصولات برای اینستاگرام با 5 ترفند برای شروع آموزش عکاسی از محصولات برای اینستاگرام میتوانید از دوربین گوشی همراه استفاده کنید. گوشی‌های هوشمند قدیمی که کیفیت دوربین آنها کمتر از 4 مگا پیکسل است برای اینکار مناسب نیستند. اگر دوربین گوشی هوشمند شما کیفیت مناسبی دارد، با استفاده از آن و رعایت نکات زیر میتوانید عکس‌های با کیفیتی خلق کنید. 1. نورپردازی مناسب را فراموش نکنید بهترین نوع نورپردازی استفاده از نور طبیعی خورشید است. با نور خورشید رنگ ها پرطروات تر و مرزها مشخص تر هستند. منظور ما عکاسی در نور شدید خورشید نیست. برای عکاسی از محصول نقطه‌ای از اتاق که نور خورشید ملایم است انتخاب کنید. در نظر داشته باشید؛ بهترین زمان برای عکاسی نیم ساعت بعد از طلوع آفتاب […]
انجام تبلیغات کاندیدای شورای شهر استان اصفهان انجام تبلیغات کاندیدای شورای شهر و کشور توسط یکی از حرفه‌ای‌ترین تیم‌های تبلیغات و دیجیتال مارکتینگ استان اصفهان امکان‌پذیر می‌باشد. کاندیداهای محترم شورای شهر می توانند جهت دریافت مشاوره تخصصی و همچنین انجام تبلیغات تخصصی با تیم تبلیغات کاندیداهای شورای شهر و کشور تماس حاصل فرمایند. خدمات و تبلیغات گسترده ی تیم دیجیتال مارکتینگ وب یار در این زمینه شامل موارد زیر است: ارسال انبوه پیامک های تخصصی، مهندسی اجتماعی و تبلیغاتی به مشاغل و فعالان کسب کار با هدف جذب و ایجاد قشر حمایت کننده بر اساس منطقه خاص ارسال تبلیغات انبوه تخصصی بدون محاسبه هزینه هر ارسال در واتساپ و ایجاد گروه های حمایتی ومدیریت آنها ارسال تبلیغات کاندیدای شورا به شماره ها و آی دی های گروه های تلگرام و کاربران بر اساس منطقه و شهر و افزون افراد بر اساس منطقه مسکونی و شهر به گروه های حمایتی شما کاندیدای محترم شورای شهر و کشور. طراحی وبسایت سریع و سبک برای کاندیداها با هدف پاسخگویی و پرسنال برندینگ چند جانبه با قابلیت استفاده در عرصه های محتلف شرکتی یا شخصی با قیمت مناسب. بررسی روش های تبلیغاتی و سخنرانی و مشاوره برای مردم و همچنین یادگیری روش های بازخورد گیری از تبلیغات اینترنتی برای انتخابات شوراها وب یار یک تیم متشکل از متخصصین دیجیتال مارکتینگ و بازاریابی که […]
وب سایت یا وب اپلیکیشن کدام یک انتظارات شما را برآورده می کند؟ تفاوت اصلی چیست و کدام یک بهترین راه حل برای تجارت شما خواهد بود؟ در این مقاله وب یار به بررسی تفاوت وب سایت و وب اپلیکیشن می پردازیم. وب سایت چیست؟ وب سایت گروهی از صفحات وب قابل دسترسی جهانی است که به هم پیوسته اند و دارای یک نام دامنه واحد هستند. توسط فردی ، تجاری یا سازمانی قابل توسعه و نگهداری است. یک وب سایت در یک وب سرور منفرد یا چندگانه میزبانی می شود.هدف اصلی آن ارائه اطلاعات به کاربران است. در وب سایت ، ما می توانیم متن و پرونده های مختلف چندرسانه ای ، مانند تصاویر یا فیلم ها را پیدا کنیم. چه زمانی به وب سایت نیاز دارید؟ وب سایت یک روش موثر برای ارائه محصولات و خدمات شما است. این می تواند به شما کمک کند: مشتری جدید پیدا کنید بهبود شناخت برند افزایش فروش و درآمد ارائه اطلاعات مهمی مانند: اطلاعات شرکت ، اطلاعات تماس ، لیست قیمت ، پیشنهادات ویژه و .. وب اپلیکیشن چیست؟ وب اپلیکیشن ، نرم افزار یا برنامه ای است که در مرورگر اجرا می شود و از طریق رابط کاربری سرویس خاصی را به کاربر ارائه می دهد. معمولاً به سرور مرکزی متصل می شود تا محتوا را به کاربر […]
در زمینه طراحی رابط کاربری نرم افزار های مختلفی وجود دارند که قبلا با آن ها آشنا شده اید در ادامه یه چند مورد خواهیم پرداخت. فیگما یکی از نرم افزار های رابط کاربری است که از آن برای طراحی رابط کاربری وب سایت ها و اپلیکیشن ها استفاده می شود.در این مقاله به بررسی همه چیز درباره فیگما می پردازیم. فیگما چیست؟ همان طور که گفته شد فیگما یک نرم افزار برای طراحی رابط کاربری می باشد. این نرم افزار به صورت یک وب اپ می باشد که در بروزر خود اجرا می کنید. بر خلاف تصور عموم یک وب اپ نمی تواند گرافیک یک وب سایت یا اپلیکیشن را به خوبی و با کیفیت عالی ارائه دهد. اما با رفتن به سایت figma و دیدن امکانات این سایت به این باور می رسید که فیگما ، یکی از قدرتمند ترین نرم افزار های طراحی رابط کار بری می باشد. طریقه دسترسی به نرم افزار فیگما: این نرم افزار را هم می توانید به صورت تحت وب باز و مرورگر خود باز کنید. فقز در هر دو صورت باید سیستم شما به اینترنت متصل باشد. ویژگی ها: فیگما یک نرم افزار تحت وب گسترده می باشد که ویژگی های بسیار جذابی دارد.اکنون به چند ویژگی این اپلیکیشن بی نظیر اشاره می کنیم. قابلیت استفاده در همه سیستم […]
اگر قصد راه اندازی فروشگاه آنلاین خود را دارید ، ممکن است به یک دو راهی برخورد کرده باشید: ووکامرس یا پرستاشاپ ؟ هر دو سیستم عامل عالی هستند و هیچ برنده مشخصی وجود ندارد. این انتخاب به ماهیت تجارت آنلاین و قدرت فنی شما بستگی دارد. در این مقاله به مقایسه ووکامرس و پرستاشاپ می پردازیم. ووکامرس چیست؟ ووکامرس یک افزونه تجارت الکترونیکی است که به شما امکان می دهد فروشگاه تجارت الکترونیک را در وب سایت تحت وردپرس راه اندازی کنید. ووکامرس در سال 2011 توسط توسعه دهنده تم WooThemes منتشر شد. بعداً ، در سال 2015 ، توسط Automattic ، شرکت صاحب وردپرس خریداری شد. ووکامرس محبوب ترین پلتفرم تجارت الکترونیکی در جهان است که میلیون ها فروشگاه آنلاین را قدرت می دهد. وردپرس بزرگترین CMS جهان است که بستر مناسبی برای ساخت هر نوع وب سایت است و با چند کلیک می توانید آن را به یک فروشگاه آنلاین زیبا و کاربردی تبدیل کنید. به همین دلیل WooCommerce به عنوان بهترین راه حل تجارت الکترونیکی برای وردپرس در نظر گرفته شده است. هنگام نصب آن ، کلیه ابزارهای لازم برای راه اندازی فروشگاه آنلاین خود را دریافت خواهید کرد. از جمله: گزینه های مختلف حمل و نقل ، محصولات ، سیستم مدیریت سفارش ، گزارش های تجاری و … از آنجا که ووکامرس یک […]
یکی دیگر از مهم ترین کارها برای افزایش سئو و بهبود جایگاه سایت بروزرسانی سایت و محتواهای آن است. برای آنکه بتوانید در میان رقبای خود جایگاه خوبی داشته باشید و کسب و کار اینترنتی موفقی داشته باشید نیاز است که از اهمیت بروزرسانی سایت غافل نشوید. در ادامه چند استراتژی مهم و کاربردی را به شما عزیزان ارائه می کنیم. بروزرسانی سایت به چه معناست؟ منظور از بروزرسانی در واقع تغییر در محتواها، کلمات کلیدی، لینک ها، بروزرسانی سرور و … است. این کار به معنای از نو طراحی کردن نیست در حقیقت شما با توجه به بازخوردی که از سایت و مخاطبین خود دیده اید یک سری تغییرات در راستای بهبود و رشد سایت تان انجام می دهید. استراتژی بروزرسانی سایت وقت آن رسیده که سایت خود را به روز و همگام با رقبای خود جلو ببرید. برای این کار انجام کارهای زیر الزامی و تا حد زیادی کمک کننده است. 1-بررسی گوگل آنالیتیکس با بررسی گوگل آنالیتیکس شما می توانید رفتار کاربران را به راحتی در سایت خود مشاهده کنید. این که چه صفحه ای محبوبیت بیشتری دارد یا این که کدام صفحه نرخ کلیک بالایی دارد و … با بررسی و آنالیز رفتار کاربران می توانید صفحاتی که نیاز به بروزرسانی دارند را نیز به راحتی کشف کنید. 2-حذف محتواهای قدیمی به مرور […]