ابزارها قالب

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

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

در کل بیشترین استفاده از جاوا اسکریپت در html و در صفحات وب است. برای همین باید کم کم با اشیای موجود در html آشنا شوید تا بتوانید از حداکثر قدرت جاوا اسکریپت استفاده کنید.

در این بخش قرار است از یک فرم html ورودی دریافت کنیم. در مثال ها انواع رویداد ها (event) را نیز بررسی می کنیم.

ما برای مثال های خود دو فایل ایجاد می کنیم:

• index.html
• script.js

ادامه ی مطلب را ببینید.

بعد از یه وقفه ی چند روزه بالاخره اومدم با یه مطلب خیلی عالی.

اگر مطلب قبلی را نخوانده اید ، بخوانید!

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

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

به ادامه ی مطلب بروید.

سلام. بالاخره قرار کد نویسی رو شروع کنیم! من که خیلی ذوق دارم. شما چطور؟

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

در مورد چگونگی اجرای کد قبلا در این مطلب توضیح داده ام.

نمایش یک پیغام ساده

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

برای خواندن مطلب به طور کامل به ادامه ی مطلب بروید.

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

این مطلب ادامه ی دو مطلب قبلی است:

• مقدمه
• اجرای کد ها
  

برای مطالعه ی مطلب به ادامه ی مطلب بروید.

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

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

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

• index.html
• scripts.js

برای مطالعه ی مطلب به ادامه ی مطلب بروید.

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

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

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

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

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

اگر با برنامه نویسی ای مثل C# کار کرده باشید باید بدانید که این برنامه نویسی به دلیل داشتن امکان Namespace که برای هر فایل ایجاد می شود ، چنین مشکلی ندارد و متغیر های هر قسمت را به طور خودکار از دیگر قسمت ها جدا می کند. اما ما در جاوا اسکریپت باید خودمان این کار را انجام بدهیم. البته باید بگویم که این کار بسیار جالب است. (من که از کار کردن با کلاس های Javscript کلی لذت می برم)

کلاس چیست؟

خیلی ساده شروع می کنم. کلاس چیست؟

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

مطلب را در ادامه ی مطلب دنبال کنید.

در جاوا اسکریپت متدی در کلاس window وجود دارد به نام open که چهار مقدار می گیرد:

<<<code>>>

window.open( URL,[name],[specs],[replace] )

<<</code>>>

مقادیری که [] دارند اختیاری هستند.

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

برای دیدن مطلب به طور کامل به ادامه ی مطلب بروید.

رویداد های رسانه (media) و متفرقه (misc) در جاوا اسکریپت

برای آشنایی با رویداد ها (events) در جاوا اسکریپت این مطلب را بخوانید.

برای مشاهده ی جدول مربوط به این رویداد ها به ادامه ی مطلب بروید.

رویداد های فرم صفحه کلید (keyboard) ، کلیپ بورد (clipboard) و موس (mouse) در جاوا اسکریپت

برای آشنایی با رویداد ها (events) در جاوا اسکریپت این مطلب را بخوانید.

برای مشاهده ی جدول های مربوط به این رویداد ها به ادامه ی مطلب بروید.

رویداد های فرم (form) در جاوا اسکریپت

برای آشنایی با رویداد ها (events) در جاوا اسکریپت این مطلب را بخوانید.

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

رویداد های پنجره (window) در جاوا اسکریپت

برای آشنایی با رویداد ها (events) در جاوا اسکریپت این مطلب را بخوانید.

برای دیدن جدول و توضیحات به ادامه ی مطلب بروید.

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

اگر ما کد های جاوا اسکریپت را در بدنه ی فایل جاوا اسکریپت بنویسیم ، کد ها هنگامی که توسط مرورگر بارگذاری شوند ، اجرا خواهند شد. اما ما این را نمی خواهیم. اگر قرار باشد اینطور باشد که انیمیشن ها و تغییرات صفحه بی معنی خواهند بود. مثلا وقتی وارد یک صفحه می شویم ، قبل از این که ما روی دکمه ی "نمایش" کلیک کنیم ، قسمت مربوط به ما نمایش داده می شود. مطمئنا این چیزی نیست که ما نیاز داریم. برای این که این مشکل را حل کنیم ما از رویداد ها (events) جاوا اسکریپت استفاده می کنیم.

برای مشاهده ی آموزش به طور کامل به ادامه ی مطلب بروید.

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

بعضی توضیحات در این مطلب ، مربوط به کاربران سطح متوسط است. ولی در کل افراد مبتدی هم می توانند از این کدَک استفاده کنند.

نکته: این کد ها را می توانید در بخش کد های کاربردی ، کد های اختصاصی ، اسکریپت های اضافی و ... در پنل کاربری وبلاگ خود وارد کنید. همچنین می توانید این کد ها را در بین <head>  و </head> قالب خود قرار دهید. هر راهی بری شما ساده تر است را استفاده کنید.

برای دیدن کدَک و توضیحات مربوط به آن به ادامه ی مطلب بروید.

اگر تا به حال با php کار کرده باشید با foreach روبرو شده اید. این دستور کاری را بر روی تمام اعضای یک آرایه انجام می دهد. این موضوع می تواند در برنامه نویسی جاوا اسکریپت هم کاربرد زیادی داشته باشد. به همین دلیل ما در این مطلب foreach برای جاوا اسکریپت را به شما نشان می دهیم. این مسئله شاید به نظر ساده بیاید اما برای خیلی ها سوالی بزرگ است.

اگر چه ما در جاوا اسکریپت دستور foreach را نداریم ، اما می توانیم از تابع for برای جایگزینی آن استفاده کنیم.