loading...

ابزارها قالب

آموزش طرز کد نویسی javascript و چگونگی کار کردن با آن

تبلیغات
تبلیغات ارزان و پربازدهتبلیغات ارزان و پربازده
آخرین ارسال های انجمن
حمیدرضا بازدید : 1742 چهارشنبه 04 مرداد 1396 نظرات (0)

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

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

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

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

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

  • index.html
  • script.js

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

حمیدرضا بازدید : 1535 دوشنبه 15 شهريور 1395 نظرات (0)

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

 

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

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

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

 

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

حمیدرضا بازدید : 1582 پنجشنبه 04 شهريور 1395 نظرات (0)

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

 

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

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

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

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

 

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

 

حمیدرضا بازدید : 1562 جمعه 29 مرداد 1395 نظرات (0)

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

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

 

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

حمیدرضا بازدید : 1519 چهارشنبه 27 مرداد 1395 نظرات (3)

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

 

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

 

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

  • index.html
  • scripts.js

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

حمیدرضا بازدید : 1367 دوشنبه 24 خرداد 1395 نظرات (2)

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

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

حمیدرضا بازدید : 1268 یکشنبه 23 خرداد 1395 نظرات (0)

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

حمیدرضا بازدید : 1376 جمعه 02 بهمن 1394 نظرات (0)

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

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

کلاس چیست؟

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

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

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

حمیدرضا بازدید : 1019 دوشنبه 28 دي 1394 نظرات (0)

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

<<<code>>>

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

<<</code>>>

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

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

 

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

حمیدرضا بازدید : 1180 سه شنبه 26 خرداد 1394 نظرات (0)

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

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

 

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

حمیدرضا بازدید : 1352 دوشنبه 25 خرداد 1394 نظرات (0)

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

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


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

حمیدرضا بازدید : 1586 شنبه 23 خرداد 1394 نظرات (0)

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

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

 

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

حمیدرضا بازدید : 1774 چهارشنبه 20 خرداد 1394 نظرات (0)

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

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


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

حمیدرضا بازدید : 2187 چهارشنبه 20 خرداد 1394 نظرات (0)

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

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

 

 

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

حمیدرضا بازدید : 2219 پنجشنبه 07 خرداد 1394 نظرات (0)

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

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

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

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

 

حمیدرضا بازدید : 1899 شنبه 22 فروردين 1394 نظرات (1)

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

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

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

    آمار سایت
  • کل مطالب : 215
  • کل نظرات : 269
  • افراد آنلاین : 1
  • تعداد اعضا : 3195
  • آی پی امروز : 29
  • آی پی دیروز : 94
  • بازدید امروز : 160
  • باردید دیروز : 191
  • گوگل امروز : 2
  • گوگل دیروز : 9
  • بازدید هفته : 951
  • بازدید ماه : 9,448
  • بازدید سال : 100,818
  • بازدید کلی : 1,787,253
  • کدهای اختصاصی
    یادبود 175 شهید غواص
    یادبود 175 شهید غواص