X
تبلیغات
پیکوفایل
رایتل
آموزش جاوا اسکریپت به زبان ساده

 این آموزش مکمل درس ویژوال اینتردیو سوم کاردانش می باشد

 جلسه اول :

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

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

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

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

گام سوم، مطالعه و تحقیق شما


 جلسه دوم :

   آشنایی با برنامه نویسی

اساسا کاربران، برای منتقل کردن دستورات خود به رایانه، از زبانهای برنامه نویسی ( C، ویژوال بیسیک، دلفی، جاوا اسکریپت)، استفاده می‌کنند. مثلا برای نوشتن و یک تایپ ساده، باید برنامه‌ای مانند Word، توسط یک برنامه نویس، نوشته و در اختیارتان قرار گیرد که بتواند حرکات انگشت شما را بر روی صفحه کلید، ترجمه و پردازش کرده، تبدیل به حروف کند، و به شما نمایش دهد. به همین صورت است دیدن و طراحی عکس، شنیدن صوت، دیدن فیلم و هزاران کار دیگر، که در رایانه به راحتی برای شما میسّر شده است.

 • پس زبانهای برنامه نویسی، وسیله‌ای هستند برای ساختن برنامه و نرم‌افزار مورد نیاز ما. البته این زبانها با هم تفاوت‌هایی دارند:
1- در سبک نوشتن دستورات
2- در قدرت و محدوده فعالیتشان
3- در محیط اجراء برنامه‌هایی که ساخته‌اند.

اما تفاوت سوم: اکثر برنامه‌ها، به راحتی، در محیط رایانه خانگی شما و در سیستم عامل ویندوز، قابل اجراء هستند؛ ولی ممکن است در سیستم عاملهای دیگر، مانند لینوکس، به این صورت و به این راحتی نباشد. یا در همین ویندوز خودمان، هر متنی قابل دیدن است؛ مانند doc, txt, pdf, htm؛ ولی در محیط اینترنت، پرونده‌هایی از نوع doc و pdf قابل اجراء نیستند، و باید اول آنها را دانلود کنیم و بعد در رایانه ببینیم. تنها برنامه و پرونده‌ای قابل اجراء و استفاده است که با زبان html  همخوانی و سازگاری داشته باشد.

داخل پرانتز: تا همین چند وقت پیش، در محیط وب، حتی عکس هم قابل دیدن نبود؛ ولی الانه با قدرتمند شدن بُرازرها و جستجوگرهای اینترنت، حتی می‌توانیم بعضی از انواع فیلم را در اینترنت ببینیم.

 • پس به طور کلی می‌توانیم برنامه‌های خود را به دو گروه، تقسیم کنیم:
1- برنامه‌هایی که در محیط رایانه، استفاده می‌شوند.
2- برنامه‌هایی که در محیط وب و اینترنت قابل استفاده هستند.

 • با جاوا اسکریپت، می‌توانیم برنامه‌ای بنویسیم که هم در رایانه و هم در محیط اینترنت، قابل اجراء باشد. البته زادگاه اصلی آن، اینترنت است.

پاورقی: در اینترنت، زبانهای مختلفی به وجود آمده‌اند که همین تفاوت (محیط اجراء) را با هم دارند:
1- بعضی از آنها در طرف کاربر و کلاینت (
Client) - یعنی شما که از اینترنت استفاده می‌کنید - اجراء می‌شود. JavaScript, JScript, VBScript.
2- بعضی از آنها در طرف سرور (
Sserver) - یعنی سایتی که شما از آن استفاده می‌کنید - اجراء می‌شود. asp, php.

 • جاوا اسکریپت، از آن دسته از زبانهاست که در طرف کاربر، عمل می‌کند. با دو مثال، موضوع را برای شما روشنتر می‌کنم.
1- یک ساعت را تصور کنید. اگر با جاوا اسکریپت، نوشته شود، زمان را طبق ساعت رایانه شما نشان خواهد داد؛ ولی اگر با برنامه‌ای مانند
asp - که زبان سروری است - نوشته شود، زمان رایانه سرور را نشان خواهد داد که ممکن است با زمان شما، تفاوت داشته باشد.

2- یک فرم نظرخواهی را تصور کنید. در رابطه با این فرم، دو کار انجام می‌شود.
- اطلاعات از شما گرفته، و برای سایت مورد نظر فرستاده شود. این بخش از کار را، جاوا انجام می‌دهد.
- اطلاعات فرستاده شده، در یک بانک، ذخیره شود. این بخش از کار، به عهده زبان سروری می‌باشد.

 • بنابرین جاوا اسکریپت، یک زبان برنامه نویسی می‌باشد که به وسیله آن می‌توان بین کاربر و سایت ارتباط برقرار نمود.

توجه: استفاده از جاوا اسکریپت در صفحات وب، نیازی به نوشتن اسکریپتها نداشته، و می‌توانید اسکریپتهای موجود در شبکه اینترنت را کپی و در مکان مورد نظر، با ایجاد تغییرات مورد نیاز، استفاده کنید؛ اما در صورتیکه یک برنامه نویس باشید، خواهید توانست اسکریپتهای مورد نظرتان را بنویسید.       

منتظر نظرات و پیشنهادات شما عزیزان هستیم . delshad


جلسه سوم :

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

 • html یک زبان برنامه نویسی نیست؛ بلکه زبان طراحی است. شالوده هر صفحه‌ای که در اینترنت می‌بینید، با این زبان نوشته شده است. مثلا این وبلاگ، و همین کلماتی که من می‌نویسم و شما می‌بینید. اگر بخواهم کلمه‌ای را بنویسم، بزرگ شود، رنگی باشد، لینک داشته باشد، یا یک عکس وارد کنم، یا یک جدول طراحی کنم؛ همه و همه با این زبان است. متن،  کیفیت متن (نوع، رنگ، اندازه)، عکس، جدول، فرم، دکمه؛ به وسیله زبان html نوشته می‌شوند.

کار با html

 • نوشتن این زبان، احتیاج به محیط خاصی ندارد. مثلا زبان ویژوال بیسیک را باید برنامه ویژوال بیسیک را نصب، و در محیط آن بنویسیم؛ ولی زبانهای وب، چنین محدودیتی ندارند. مثلا شما در یک متن ساده (Text)،‌ می‌توانید به راحتی، هم HTML بنویسید و هم Java و هم PHP.

 • در رابطه با طراحی وب، برنامه‌هایی ساخته شده‌اند که ما را در هرچه راحتر، سریعتر، و دقیقتر نوشتن، کمک می‌کنند. مانند "فرانت پیج" (FrontPage) از مایکروسافت، و "دریم ویور" (Dreamweaver) از ماکرومدیا، و برنامه‌های دیگر. در این نوع نرم‌افزارها، امکاناتی تدارک دیده شده که کار با html را آسان و مطمئن کرده‌اند.

1- ویرایشگر قوی: امکان برگشت (Undo)، تا چندین مرحله. رنگی کردن قسمتهای مختلف کـُد، برای بهتر مشخص شدن دستورات.
2- ویژوالی شدن: ویژوال یعنی بصری، دیدنی، قابل دیدن. یعنی به جای کدنویسی در یک محیط ساده، برای ساخت یک دکمه، از دکمه‌های آماده در این برنامه استفاده می‌کنید. این نرم‌افزار، عناصر مختلف را به صورت آماده، در اختیار ما قرار داده است. کافی است شما آنها را انتخاب کنید.
3- کدهای آماده: بعضی از دستورات متدوال را به صورت آماده، ارائه می‌کنند.
4- غلط یاب: در صورت اشتباه نوشتن کد، اخطار می‌دهد.

مثال: برای ضخیم کردن یک کلمه در html ، باید این دستور را نوشت:

مثال

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

داخل پرانتز: در اینجا نه قصد دارم فرانت پیج یا هر نرم افزار دیگری را آموزش دهم، و نه استفاده از آنها را به دوستان تازه کار، توصیه می‌کنم؛ چون ما را از هدفمان که یادگیری برنامه نویسی است دور کرده و باعث تنبلی می‌شود. تنها یک نرم‌افزار را پیشنهاد می‌کنم که از مدتها قبل، همراه و یار من در یادگیری و برنامه نویسی بوده. "First page2006 ". این برنامه رایگان را می‌توانید از این آدرس دریافت کنید.

ساختار HTML

یک صفحه وب، از دو قسمت سر (Head) و بدنه (Body) تشکیل شده، که به این صورت نوشته و مشخص می‌شود.

شروع صفحه
شروع سر

پایان سر
شروع بدنه

محتویات صفحه: متن،عکس

پایان بدنه
پایان صفحه

اسکلت اصلی یک صفحه وب، به این صورت است.

واژه نامه:

کـُد (Code): دستور و فرمانی که به زبان برنامه نویسی، نوشته شده.
تَـگ (
Tag): کوچکترین جزء یک کد. مثلا تگ سر = <head>؛ تگ بدنه = <Body>؛ تگ اسکریپت = <Scirpt>. هر تگ باید در داخل این دو علامت < >، قرار گیرد.