آموزش جاوا اسکریپت - مبتدی

[m.m.m5651]

سلام.
امروز میخوام آموزش چیز های پایه ای جاوا اسکریپت رو براتون بذارم.
خودم بهتون توصیه می کنم که فیلم های آموزشی این سایت رو به انگلیسی ببینید ولی چون بعضیا انگلیسیشون خوب نیست این مطلبو میذارم شما هم اگه خوشتون اومد تشکر رو بزنید و اگر هم سوالی یا درخواستی داشتین همین جا مطرح کنید.
این زبان به نظر من خیلی شبیه زبان php هست.
thenewboston.com
ممنون.


1) روش گذاشتن جاوا اسکریپت در html:
شما برای یاد گرفتن زبان جاوا اسکریپت باید اول به زبان html تسلط داشته باشین.
برای گذاشتن جاوا اسکریپت در قالب html، باید از این تگ استفاده کنید:

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

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
2) میخوایم یه متن ساده روی صفحه مرورگر بنویسه:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید3) میخوایم یه پیام تو یه پنجره جدید بده:

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

4) Variables - تغییر پذیر ها:
شما یه متنی دارین که میخواین چند جا بذارینش و نمی خواین هر دفعه اونو تایپ کنید.
و فقط وقتی مخفف اون رو که قبلا ذکر کردین رو میخواین بیارین:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید5) prompt:

میخواین یه پنجره باز شه که از کاربر مشخصاتی رو بگیره:

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

---------- Post added at 06:58 PM ---------- Previous post was at 06:57 PM ----------

یادم رفت بگم همه ی این کد ها بین تگی که گفتم و بین دو تگ head در فایل html شما قرار می گیره.

[m.m.m5651]

6) اگر - if :
شما میخواین بگین اگه یه var مساوی بود با 1 به کاربر پیام بده درست و اگه مساوی نبود بزنه غلط:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

مفاهیم:
== یعنی مساوی
else یعنی دیگر (اینجا یعنی اگر if قبلی درست در نیومد)

مشخصه که به کاربر پیام میده ghalat! چون 12 == 1 غلط است!

[m.m.m5651]

7) navigator:
میخواین به کاربر بگه که از چه سیستم عاملی، از چه نوع مرورگری و چه ورژنی استفاده می کنه:
سیستم عامل:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنیدیادتون باشه که حتما باید ; آخر هر کد گذاشته بشه به جز if
نوع مرورگر:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنیدورژن برنامه:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید توضیحات بیشتر در:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنیدنکته در مورد Alert: همون طور که از اسمش پیداست alert یه پیامی رو تو یه صفحه جدید میده.
اگه بخواین یه variable یا یه کد جاوا اسکریپت توی alert یا document.write بندازین دیگه نباید ' بذارین.

[m.m.m5651]

8) function:
function کار همون function توی php رو می کنه.
کارش اینه که شما می خواین یه کد رو طرح کنین و وقتی که اسم function اومد اون کار کنه مثلا:
در بین head این کد رو میذاریم:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
در بین دو تگ body هم این کد رو میذاریم:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[m.m.m5651]

9) انداختن کد html در یه alert یا document.write:
برای انداختن یه کد html در document.write یا alert box باید مثل این کد عمل کنید:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
یا جای document.write کلمه ی alert رو بذارین.

[m.m.m5651]

از کاربرد های شماره 9 میشه به مواقعی که میخواین یه کدی رو که بلاگفا گذاشتنش رو ممنوع کرده اشاره کرد.

[eAmin]

انتقال یافت.

[m.m.m5651]

10) setInterval:
با استفاده از این اسکریپت، می توانید یک function رو بار ها و بار ها پس از زمان مشخصی انجام دهید.
نمونه:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنیداین کد، باعث میشه که هر ثانیه یک alert به کاربر برسه که توش نوشته شده: salam.
نکته: اگر از document.write در function خود استفاده می کنید، برای این که هر متن در خط بعد از متن قبل بیفتد، می توانید از شماره ی 8 استفاده کرده و یک کد
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید در آخر آن بیندازید.

[m.m.m5651]

11) میخواین یه Button یا دکمه داشته باشین که یکی از این کار هایی رو که قبلا ذکر کردم رو انجام بده:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[afterpc]

آموزش هات عالی هستن. فقط اگه وقتت رو نگیره (که با اون سرعتی که تو داری عمرا بگیره!) بعد از هر 5 یا 10 آموزش برای همشون یه نمونه نشون بده. ممنون.

[m.m.m5651]

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

[m.m.m5651]

این هم نمونه ها:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[m.m.m5651]

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

[m.m.m5651]

12) loop ها:
loop ها رو احتمالا اسمشون رو زیاد شنیده اید.
loop به کدی گفته میشه که شبیه setInterval یه کد رو یه بند اجراء می کنه با این تفاوت که در loop ها میشه تنظیم کرد که تا 5 بار بیشتر کد رو انجام نده.
هم چنین نمیشه گفت که هر چند ثانیه یک بار اون کد رو انجام بده.
loop ها در زبان های مختلف برنامه نویسی و طراحی وب هستن و اگر یک بار اون ها رو یاد بگیرید برای همیشه راحتین.
- while loop:
while یک نوع loop است که مانند if کار می کند. شما کد رو می نویسید و می گویید که اگر تست درست بود کد اجرا بشود.
مثلا یک نوع تست:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنیددر این کد جای code باید کدی رو که می خواین مرتب اجرا بشه رو بذارین.
هم چنین قسمت قرمز رنگ هم باید همیشه باشد و نشانگر این است که با هر دفعه اجرای کد، یکی به variable ِ X اضافه کند.
اگر این کد نباشه x همیشه مساوی می مونه با 0 و دیگه هیچ وقت هم کد متوقف نمیشه چون ما گفتیم وقتی کد از 24 بالا تر رسید متوقف شود.

---------- Post added at 08:23 PM ---------- Previous post was at 08:20 PM ----------

یک نکته در مورد document.write و موارد نظیر آن مانند Alert:
شما وقتی می خواین یه کد js نه html درون document.write و موارد نظیر آن که از " " استفاده میشه نباید دیگر " " ها رو بذارین.
هم چنین بین نوشته و کد یعنی

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنیدباید علامت + وجود داشته باشه یعنی:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
مثلا میشه:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[m.m.m5651]

13) switch:
ممکنه شما در کدتون بخواین کلی از if استقاده کنین. switch، یه تکه کد رو برای شما فراهم می سازه که مثلا میگه:
اگر اسم طرف x بود این کد رو انجام بده، اگر y بود این کد رو انجام بده، و ... .
روش:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[m.m.m5651]

نکته درباره ی آموزش 13:
آن کد مساوی این کد می باشد:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

---------- Post added at 12:47 PM ---------- Previous post was at 12:44 PM ----------

14) else در switch:
اگر به statement ِ if نگاه کنید، می بینید که یک کد با نام else وجود داره که برای وقت هایی هست که جواب خارج از if ها هست آن کد کار می کند. else در switch ، همان Default هست. نمونه:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

---------- Post added at 12:49 PM ---------- Previous post was at 12:47 PM ----------

نکته ای در مورد 14:
در default در switch ، دیگر نیازی به نوشتن break نیست. چون کل switch با { تمام می شود.