۲۳ تیر ۸:۳۶ ق.ظ

آموزش جاوا اسکریپت… "قسمت اول"

درود هموطنان عزیز.

با توجه به گسترش روز افزون سون لرن بعنوان یک سایت کاملا رایگان آموزشی در هر زمینه ای ، بر آن شدیم که مقالاتی از برنامه نویسان حرفه ای دیگر سایتهای مربوطه در اختیار هموطنان قرار دهیم ، آقای بهزاد علی بیگی ” www.alibeigi.com ” که سابقه ای زیاد در امر برنامه نویسی دارند سعی دارند (به درخواست خودشان) در این امر به ما و شما هموطنان عزیز یاری برسانند. به همین منظور هر چند وقت یکبار مقالاتی از ایشان در سون لرن انتشار خواهد یافت. حال بدون کم و کاستی مقاله ایشان به رشته تحریر در خواهد آمد امیدوارم بهره کافی را از این دست نوشته ها ببرید.

با تشکر از ایشان

از امروز  بخش جدیدی  را برای شما عزیزان در نظر گرفته ایم. این بخش شامل آموزش  مرحله به مرحله  جاوا اسکریپت  می باشد که سعی می شود هر هفته مقاله ای در این زمینه به شما عزیزان ارائه کنیم این دوره آموزشی بر اساس کتاب DOM SCRIPTING: WEB DESIGN WITH JAVASCRIPT AND THE DOCUMENT OBJECT MODEL  نوشته Jeremy Keith می باشد این کتاب برای دوستانی مناسب است که اطلاعاتی از جاوا اسکریپت ندارند و ذکر این نکته لازم است که ترجمه خط به خط کتاب ارائه نمی شود و چیزی که به عنوان برداشت من (بهزاد علی بیگی) از کتاب می باشد در قالب مقالات آموزشی برای شما بیان خواهد شد و مسلما با بازخوردی که از خوانندگان خواهم گرفت وسعت کار را افزایش خواهم داد.

فصل۱ :  A BRIEF HISTORY OF JAVASCRIPT
خلاصه ای درباره  تاریخ جاوااسکریپت

این فصل شامل :
•    منبع جاوا اسکریپت
•    جنگ مرورگرها
•    تکامل تدریجی DOM

۲۴ شهریور ۸:۱۱ ق.ظ

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

:: خوب همونطور که بهتون قول داده بودم تو این پست کد جاوااسکریپت نمایش جمله و متن تصادفی رو با ظواهری مختلف برای وبسایت ها و وبلاگ های مختلف تهیه کردم که نمایش این کدها رو در زیر می بینید :


کدهای نمایش جمله ی اتفاقی و تصادفی موجود در این پست عبارتند از :

:: کد نمایش جمله تصادفی برای وبلاگهایی با موضوعات عاطفی ، عاشقانه و احساسی (در ۲ ظاهر)

:: کد نمایش اس ام اس تصادفی برای وب سایت های سرگرمی و sms و …

::  کد نمایش تصادفی جملات حکیمانه و سخنان بزرگان برای وبلاگ های عمومی

برای دیدن نمایش کدها و دریافت این کدها در ادامه ی مطلب با ما باشید !

۲۱ شهریور ۷:۳۰ ق.ظ

کد جاوا اسکریپت نمایش متن و جمله ی اتفاقی و تصادفی

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


نمایش کد جمله ی تصادفی

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

:: برای دریافت کد و آموزش شیوه ی افزودن جملات جدید به این کد در ادامه ی مطلب با ما همراه باشید …

۱۵ تیر ۳:۰۱ ق.ظ

آموزش جاوا اسکریپت (۳) : متغیرها و ذخیره سازی داده ها

:: اگر تا حالا برنامه نویسی کرده باشید خوب می دونید که متغیر چیه و به چه منظوری استفاده میشه . از متغیر ها برای ذخیره سازی داده های موجود در برنامه استفاده می شه . توی برنامه وقتی می خواید مثلا یه اسم یا یه عدد از کاربر بگیرید باید اونو به یک متغیر انتساب بدید تا بتونید برای عملیات بعدی از اون استفاده کنید .

:: انواع متغیر ها :  

متغیرها انواع مختلف دارند و توی اکثر زبون های برنامه نویسی باید هر مقدار رو در متغیری که از نوع اون مقدار هست قرار بدید . انواع رایج متغیرها  که در زبانهای مختلف وجود داره عبارتند از :

Boolean :  این نوع فقط می تونه مقادیر true یا false رو در خودش نگه داره . و در عملیات شرطی و منطقی استفاده می شه  (در درسهای آینده بحث خواهد شد) .
Character :  این نوع فقط یک کاراکتر رو در خودش ذخیره می کنه مثلا  ‘C’ , ‘M’ , ‘&’ , ’3′ , …
Integer
:
 برای ذخیره کردن مقادیر عددی صحیح مثل ۱۲۳ , ۴۵ -  و … استفاده میشه .
Float :  این نوع برای نگهداری اعداد اعشاری مثل ۲۳٫۴  , ۰٫۲۵ و .. استفاده میشه .
String :  برای نگهداری یک رشته (مجموعه ای از کاراکتر ها) استفده میشه مثلا : “this is a String”
انواع دیگه ای (از جمله Object و نوع هایی که خودمون تعریف میکنیم) هم وجود داره که سعی می کنیم بعدا در موردشون صحبت کنیم .به طور مثال توی زبونی مثل #C و java  (توجه کنید که java  و جاوا اسکریپت یکی نیستند و دو زبون مختلفند) برای تعریف یک متغیر از نوع Integer یا همون عدد صحیح از کلمه ی کلیدی int استفاده می کنیم . مثلا توی این دو زبون برای تعریف دو متغیر از نوع Integer با نام های a و number به شکل زیر عمل می کنیم :

int a ;
int number ;

برای تعریف متغیر از انواع دیگه هم ، کلمات کلیدی دیگه ای باید استفاده بشه . مثلا توی زیونی مثل #C (سی شارپ) برای تعریف متغیر از نوع کاراکنر از کلمه ی کلیدی char ، عدد اعشاری از float یا double و Boolean از کلمه ی کلیدی bool و … استفاده میشه . که این کلمات کلیدی بسته به زبان برنامه نویسی ای که باهاش کار میکنید متفاوتند .

:: تعریف متغیر در javaScript :
در جاوا اسکریپ کار  تعریف متغیر خیلی راحت تر از زبون های دیگه هستش . برای تعریف هر نوع متغیری شما فقط از کلمه ی کلیدی var (که مخفف Variable به معنی متغیر هست ) استفاده می کنید  و کار تشخیص نوع متغیر به عهده ی مفسر جاوااسکریپت هست که کد رو اجرا میکنه . (زبون های دیگه ای هم وجود داره که نیاز به مشخص کردن نوع متغیر در هنگام تعریف ندارن مثل پایتون ، php و Matlab) .
البته استفاده از کلمه ی کلیدی var برای تعریف متغیرها ضرورتی نداره . ولی بهتره که همه ی متغیر هاتون رو با استفاده از کلمه ی کلیدی var  تعریف کنید تا اسکریپت های شما خواناتر باشند و از بعضی خطاهای ناخواسته جلوگیری بشه .
:: نکات قابل توجه :
- برای جداسازی دستورات javaScript در انتهای هر دستور یا سطر می تونید از علامت ; (سمی کولن) استفاده کنید .
- برای تعریف یک متغیر اسم اون رو جلوی کلمه ی کلیدی var میارید .
- کاراکتر ها را باید درون ‘  ‘  و رشته ها را درون  “  “  قرار  داد .  مثلا  Z  و  ۷Learn.com
- برای مقدار دهی یک متغیر از نوع Boolean فقط می توانید مقادیر true یا false را به آن نسبت دهید .
- شما می تونید در هنگام تعریف یک متغیر به اون یک مقدار اولیه هم نسبت بدید . مثلا در تعریف های زیر مقدار متغیر num رو برابر با ۷ و مقدار متغیر url رو برابر با “www.7Learn.com” قرار داریم :

var num = 7  ;
var url = “www.7Learn.com”  ;

var char1 = ‘M’  ;
var num2 = 12.4  ;
var booleanVariable = true  ;

:: قوانین نامگذاری متغیرها :
در نامگذاری متغیر باید نکات زیر را رعایت کنید :
- نام متغیر نمیتوانید با یک رقم شروع شود .
- نام متغیر نمیتواند شامل space و یا کاراکترهای نقطه گذاری باشد .
- جاوااسکریپت به کوچک یا بزرگ بودن حروف حساس است ، مثلا  url ، Url و URL یکی نیستند و می توانند نام سه متغیر  جدا از هم باشند .
> مثال هایی از نامهای غیر مجاز برای متغیرها :  ۲x  , first name
> مثال هایی از نامهای مجاز برای متغیرها : x2  , firstName , phoneNumber , _3a , eMail
 

مثال : برنامه ای به زبان جاوا اسکریپت بنویسید که دو عدد a و b را (که به صورت دلخواه مقداردهی شدند) به عنوان متغیر دارد . و سپس مقدار عبارت ۲a+3b را در متغیر جدیدی به نام y قرار داده و آنرا چاپ کند .

<script language=”javascript”>
   var a=12.6  ;
   var b=23  ;
   var y ;
   y = 2 * a  + ۳ * b ;
   document.write(y) ;

</script>

پیشتر در مورد تابع document.write که برای چاپ در خروجی استفاده میشه توضیح دادیم . البته این یک مثال خیلی ساده است .

جلسه ی بعد در مورد I/O  ( ورودی و خروجی در جاوااسکریپت) و چند تا از توابع مورد نیاز برای شروع کار بحث می کنیم و مثالهای جالبتر و کاربردی تری خواهیم زد .

۲۵ اسفند ۸:۳۶ ق.ظ

کد جاوا اسکریپت پخش موزیک اتفاقی

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

۲ - ۳ نفر از دوستان درخواست  کرده بودن که کد جاوا اسکریپت پخش موزیک اتفاقی رو توی سایت قرار بدم .  به همین دلیل امروز این کد رو براتون میزارم . کدی که پس از قرار دادن اون در وبلاگ یا وبسایتتون ، در هر بار لود شدن صفحه یه آهنگ به صورت random پخش بشه .
:: می تونید کد رو از زیر بگیرید :

:: برای دریافت کد ، راست کلیک کنید و Save Target As بزنید .

> توجه کنید که به جای URL Of Music n باید باید آدرس موزیک n و به جای Name Of Music n باید نام موزیک n رو وارد کنید . (منظور از n عددیه که توی کروشه اومده ، یا همون ایندکس آرایه های music و Name )

:: شیوه ی افزودن موزیک های دلخواه به این کد ::

توی این کد دوتا آرایه وجود داره . یکی مربوط به آدرس موزیک ها (به اسم music) و دیگری اسم موزیک ها (Name) . برای اینکه یه موزیک جدید به کد اضافه کنید باید یه عضو به این آرایه ها اضافه کنید .

مثلا کد زیر شامل دو تا آهنگه که من توش گذاشتم :

<SCRIPT LANGUAGE="JavaScript" src="http://www.7learn.com/other/javascript/random_music/rmt.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
music[0] = 'http://www.7learn.com/other/sounds/cotd.mp3';
Name[0] = 'Children Of The Dawn';
music[1] = 'http://www.7learn.com/other/sounds/ParandeyeMohajer.mp3';
Name[1] = 'Parandeye Mohajer';
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" src="http://www.7learn.com/other/javascript/random_music/rmd.js"></SCRIPT>

:: توجه کنید ، عددی که به عنوان ایندکس (عدد درون [ ] ) میزارید باید یکی بیشتر از ایندکس آخرین عضو آرایه باشد . (که در کد بالا ۱ است ) ، برای اضافه کردن آهنگ جدید باید دو سطر اضافه کنید . یکی برای آدرس موزیک و دومی برای اسم آهنگ . مثلا اگر بخواهیم دو آهنگ دیگه توی این کد بزاریم ، باید چهار سطر زیر رو به کد اضافه کنیم :

music[2] = ‘Url Of Music 2′;
Name[
2] = ‘Name of Music 2‘;
music[3] = ‘Url Of Music 3′;
Name[
3] = ‘Name of Music 3‘;

که کد به شکل زیر در میاد :

<SCRIPT LANGUAGE="JavaScript" src="http://www.7learn.com/other/javascript/random_music/rmt.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
music[0] = 'http://www.7learn.com/other/sounds/cotd.mp3';
Name[0] = 'Children Of The Dawn';
music[1] = 'http://www.7learn.com/other/sounds/ParandeyeMohajer.mp3';
Name[1] = 'Parandeye Mohajer';
music[2] = 'Url Of Music 2';
Name[2] = 'Name of Music 2';
music[3] = 'Url Of Music 3';
Name[3] = 'Name of Music 3';

</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" src="http://www.7learn.com/other/javascript/random_music/rmd.js"></SCRIPT>

برای افزودن آهنگ های بیشتر همین روند رو ادامه بدید .

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

موفق باشید .

۳۰ مهر ۱۰:۴۸ ق.ظ

استفاده از کدهای جاوااسکریپت بین کدهای HTML

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

کدهای جاوا اسکریپت رو در مکانهای مختلفی ( بین تگهای <Body> یا <Head>) می تونید قرار بدید . ولی خود بدنه ی جاوااسکریپت توی یک تگ HTML ( تگ <script> ) قرار میگیره . (چند مثال میزنیم که بهتر متوجه بشید) :

<SCRIPT LANGUAGE=”JavaScript”>
JavaScript Codes
</SCRIPT>


:: اولین کد جاوا اسکریپت   ! Hello World

ما می خوایم یک کد جاوا اسکریپت بنویسیم که یک متن (! Hello World) رو برامون چاپ کنه .

این کد رو به شکل زیر می نویسیم .

<SCRIPT  LANGUAGE=”JavaScript”>
document.write(“Hello World !”)
</SCRIPT>

برای اجرای این کد و دیدن خروجی ، برنامه ی NotePad ویندوز رو باز کنید . کد رو توی اون بنویسید و فایل رو با پسوند html. ذخیره کنید . فایل ذخیره شده رو باز کنید تا نتیجه رو ببینید . ( اگر درست نوشته باشید رشته ی ! Hello World در مرورگر نمایش داده میشه . )

فعلا فقط بدونید که تایع ()document.write برای چاپ کردن یک رشته ، متغیر و … به کار میره . در مورد شیوه ی استفاده از توابع جاوا اسکریپت تو پست های بعدی توضیح دادده میشه . فعلا هدف فقط یاد گرفتن چگونگی استفاده از کدهای جاوا اسکریپت در لابلای کدهای html هست .

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

<html>
<head>
<title>7Learn.com</title>
</head>
<body>
<SCRIPT  LANGUAGE=”JavaScript”>
document.write(“Hello World !”)
</SCRIPT>
</body>
</html>

به همین حالت هر کد جاوااسکریپتی ( از این کد که ساده ترین کد جاوااسکریپته تا پیچیده ترین کدها) رو می تونید بین کدهای html قرار بدید .

تو پست بعدی در مورد اصول کلی برنامه نویسی و معرفی یه سری چیزای مورد نیاز بحث می کنیم.

۳۰ شهریور ۱:۴۶ ب.ظ

آموزش جاوا اسکریپت (۱) : معرفی و تاریخچه ی جاوا اسکریپت

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

:: پس اگر طراحی ، Html و جاوااسکریپت رو دوست دارید حتما آموزشهای مارو دنبال کنید !!!

:: جاوااسکریپت چیست ؟

جاوااسکریپت دقیقا یک زبان برنامه نویسی سمت مشتری (Client) برای پویا شدن و ایجاد انعطاف بیشتر کدهای Html هست . Client یا سمت مشتری بودن جاوااسکریپت به این معنیه که کدهای جاوااسکریپت توسط کامپوتر کاربر تفسیر و اجرا میشن و نه به وسیله ی سرورهای دیگه . کدهای جاوا اسکریپت می تونن بین کدهای Html قرار بگیرند و قابلیت های زیادی رو به یک صفحه ی اینترنتی اضافه کنن . بهتر بگم شما با کدهای Html فقط می تونید صفحاتی ایستا داشته باشید . یعنی در Html کاملا تعیین شده که فلان تگ فلان چیز رو در مرورگر نمایش میده . مثلا تگ <table> یک جدول ایجاد میکنه ، تگ <p> یک پاراگراف و …
ولی با کدنویسی جاوا اسکریپت شما خیلی کارای جالب تر و جذاب تر می تونید انجام بدید . مثلا با رفتن روی یه لینک یه سری اتفاقات جالب بیفته ، تاریخ و ساعت در صفحه داشته باشید ، با استفاده از یه فرم محاسبات ریاضی انجام بدید !  و خیلی کارای دیگه . خلاصه بگم . زبان جاوا اسکریپت براحتی می تونه به خشک و بی روح بودن Html تازگی و جذابیت ببخشه .

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

 

:: تاریخچه جاوااسکریپت :

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

:: در درسهای آینده بیشتر به سمت خود جاوا اسکریپت و شیوه ی نوشتن کدهای اون خواهیم رفت .

  بقيه ي صفحات سايت :

Pages: 1 2 Next