آموزش مبانی «جاوااسکریپت» - فهرست مطالب در پست اول - نسخهی قابل چاپ +- مرجع پارسی MyBB (https://community.mybbiran.com) +-- انجمن: متفرقه (https://community.mybbiran.com/forum-52.html) +--- انجمن: ابزار وب مستر (https://community.mybbiran.com/forum-32.html) +--- موضوع: آموزش مبانی «جاوااسکریپت» - فهرست مطالب در پست اول (/thread-2617.html) |
آموزش مبانی «جاوااسکریپت» - فهرست مطالب در پست اول - youcomco - ۱۳۸۹/۶/۱۵ سلام به همه دوستای خوبم من بعد از مشورت با مدیر سایت تصمیم گرفتم مبانی زبان جاوااسکریپت رو به زبان فارسی توی mybbIran قرار بدم، فقط به نکات زیر توجه کنید: 1. این آموزش از چند سایت خارجی جمع آوری و ترجمه شده و در اون از تجربیات خودم هم استفاده کردم تا یه آموزش نسبتا کامل بشه. 2. دوستان عزیز لطف کنید بین ارسالها به هیچ وجه ارسالی انجام ندید تا نظم تاپیک بهم نخوره. 3. در بعضی از درسها فایلهای تمرینی هم در نظر گرفتم که برای دانلود اونا باید به سایت منبع برید. 4. ترتیب ارائه دروس رو بر حسب ترتیبی که در سایت w3schools اتخاذ شده در نظر گرفتم. 5. همه منابع آموزشی حتما دارای عیب و نقص هستند، چنانچه در خلال دروس متوجه اشکال مهمی شدید لطفا فقط از طریق پیغام خصوصی به بنده اطلاع بدید تا به اون رسیدگی بشه. 6. در صورتی که این تاپیک با استقبال شما روبرو بشه آموزشهای بعدی گروهمون رو که شامل «آموزش html، آموزش php، آموزش jquery» و چند زبان دیگه هستند رو هم براتون قرار میدم. 7. چنانچه در ارسال دروس ناخیری بوجود اومد علتش مشغله کاری بنده است، ولی سعی میکنم درسها رو پشت سر هم قرار بدم براتون. فهرست مطالب:
درس اول - مقدمه ای بر جاوا اسکریپت جاوا اسکریپت بیشترین استفاده را دربین زبانهای اسکریپتی دارد و با اکثر مرورگرهای متداول نیز سازگاری داشته و اجرا میشود. پیش نیاز: قبل از اینکه شروع به خواندن این تاپیک کنید باید درک ابتدایی از زبان html یا xhtml داشته باشید. برای این کار به این لینک بروید. جاوا اسکریپت چیست؟
آبا جاوااسکریپت همان جاوا است؟ خیر، اینها دو زبان کاملا متفاوت هستند چه از لحاظ مفاهیم و چه از لحاظ نوشتار. جاوا یک زبان قدرتمند و پیچیده است که در گروه زبانهایی مانند C و ++C قرار میگیرد. جاوااسکریپت چه میکند؟
نام اصلی جاوااسکریپت! نام اصلی جاوااسکریپت ECMAScript است و جاوااسکریپت نام رسمی ECMAScript میباشد. ECMAScript توسط ECMA organization بوجود آمده و گسترش یافته است. پایان درس اول فایل تمرین: ندارد ---------------------- منابع: درس دوم: روش استفاده از کدهای جاوااسکریپت - youcomco - ۱۳۸۹/۶/۱۵ درس دوم: روش استفاده از کدهای جاوااسکریپت از تگ <script> برای قراردادن کدهای جاوا اسکریپت در داخل صفحات html استفاده میشود. قراردادن کدهای جاوا اسکریپت در داخل صفحات html مثال زیر روش استفاده از جاوا اسکریپت برای نمایش متن در صفحه را نشان میدهد: کد: <html> و مثال زیر چگونگی اضافه کردن کدهای html در داخل کدهای جاوا اسکریپت را نشان میدهد: کد: <html> توضیح مثالها: همانطور که گفتیم از تگ <script> برای قراردادن کدهای جاوا اسکریپت در داخل صفحات html استفاده میشود. در داخل این تگ از یک ویژگی (attribute) برای تعیین نوع زبان استفاده میکنیم. بنایراین تگهای <"script type="text/javascript> و <script/> نشاندهنده آغاز و پایان جاوا اسکریپت میباشد. کد: <html> عبارت document.write یک دستور استاندارد جاوا اسکریپت برای نمایش داددن در صفحه html میباشد. با قرار دادن دستور document.write بین دو تگ <script> و <script/> مرورگر میفهمد که این این عبارت یک دستور جاوا اسکریپت بوده و باید اجرا شود. در این مثال مرورگر جمله Hello World را در خورجی نمایش میدهد: کد: <html> نکته: در صورتی که این دستور و دستورات مشابه را در داخل تگهای <script> و <script/> قرار ندهید، مرورگر عین دستور را در خروجی نمایش میدهد. یعنی: document.write("Hello World!") در مورد مرورگرهایی که از جاوا اسکریپت پشتیبانی نمیکنند: در حال حاضر 95% مرورگرها از زبان جاوا اسکریپت پشتیبانی کرده و دستورات آن را اجرا میکنند، اما به عنوان قسمتی از جاوا اسکریپت استاندارد ما باید اقدام لازم برای آن دسته از مرورگرهایی که از این زبان پشتیبانی نمیکنند را انجام دهیم. این مرورگرها دستورات جاوا اسکریپت را به صورت محتوای عادی صفحات وب نماش میدهند که برای یک طراح وب مورد خوبی نیست. برای جلوگیری از این واقعا میتوان از تگ کامنت زبان html استفاده کرد بدین صورت که ---!> را در ایتدای دستور و <---// را در انتهای آن قرار میدهیم. به مثال زیر توجه کنید: کد: <html> نکته: دو ممیز (//) بکار رفته در <---// جزو نشانه های جاوا اسکریپت بوده و برای جلوگیری از ترجمه <-- بکار میرود. پایان درس دوم فایل تمرین: ندارد ------------------------------ منابع این درس: درس سوم: محل قرار دادن کدهای جاوااسکریپت - youcomco - ۱۳۸۹/۶/۱۸ درس سوم: محل قرار دادن کدهای جاوااسکریپت کدهای جاوااسکریپت را میتوان در مکان های زیر قرار داد: 1. در داخل head 2. در داخل body 3. در داخل هر دو تگ <head> و <body> بطور توامان 4. در خارج از صفحه (external) و اما توضیح هر کدام از موارد فوق: 1. در داخل تگ <head>: در صورتی که کدها را در داخل تگ head قرار دهیم، با توجه به نحوه کاربرد آنها ممکن است در هنگام لود شدن صفحه، فراخوانی نام function مورد نظر و یا انجام عملی خاص مانند کلیک روی یک دکمه اجرا شوند. در مثال زیر من اسکریپت رو در داخل تگ head قرار دادم، در این حالت تمام اسکریپت در یک محل نوشته میشه و چیزی به محتوای صفحه که در داخل تگ body هستند اضافه نمیشه. کد: <html> مثال فوق رو خودتون تکرار کنید و نتیجه رو ببینید. در این مثال اسکریپت در هنگام لود شدن صفحه اجرا میشود. نکته: در مورد محتوای این مثال در درسهای بعد مفصل توضیح میدم. 2. قرار دادن اسکریپت در داخل تگ body: در این روش کل اسکریپت در داخل تگهای body نوشته میشه و از لحاظ نحوه اجرا تفاوت چندانی با حالت قبل ندارد. در این حالت اسکریپتها در لابلای محتوای صفحه پخش میشوند و در صفحه های شلوغ گاها پیدا کردن آنها سخت میشود. به مثال زیر توجه کنید: کد: <html> 3. قراردادن اسکریپت در هر دو قسمت head و body: در بیشتر مواقع مجبوریم اسکریپتها رو در هر دو قسمت head و body بنویسیم. کد: <html> 4. قراردادن اسکریپت در خارج از صفحه: در صورتی که بخواهیم از یک اسکریپت در صفحات زیادی استفاده کنیم به جای آنکه کدها را در هر صفحه بنویسیم میتوانیم آنها را در یک صفحه مجزا با پسوند js. نوشته وذخیره کنیم و با یک تکه کد کوچک هر جا که نیاز بود آن را صدا بزنیم. در این فایل جاوااسکریپت نیازی به استفاده از تگهای <script> و <script/> نیست. برای فراخوانی این صفحه همانند قبل تگ <script> را مینویسیم و نام فایل js را به عنوان مقداری برای ویژگی src به این تگ اضافه میکنیم. این عملیات معمولا در داخل تگ head نوشته میشود. کد: <html> ----------------------------------- منابع این درس: novintarh mft educations w3schools tizag orginal link فایل تمرین: ندارد پیشاپیش عید سعید فطر رو به همتون تبریک میگم، امیدوارم نماز و روزه هاتون هم مقبول درگاه حق قرار گرفته باشه درس چهارم: چند نکته مهم - youcomco - ۱۳۸۹/۶/۲۷ درس چهارم: چند نکته مهم 1. دستورات جاوااسکریپت نسبت به بزرگی و کوچکی حروف حساس هستند. یعنی alert همان aLert نیست. 2. توسط دستور زیر به مرورگر میگوییم تا در صفحه وب عبارت «سلام» را بنویسد: کد: document.write("سلام"); 3. قرار دادن ; در پایان هر خط از دستور اختیاری است ولی استفاده از آن باعث ریبایی کار میشود. همچنین با استفاده از ; میتوان چنرین دستور را در یک خط نوشت. 4. به اعمال اختیاری که باعث زیبایی و خوانایی و تفکیک منظم دستورات هر زبان میشود good programming میگویند. 5. میتوان در بین دو تگ <script> و <script/> از چندین دستور استفاده کرد: کد: <script type="text/javascript"> بطور کلی به فضای بین براکت باز "}" و براکت بسته "{" یک بلاک میگویند و هدف هر بلاگ اجرای توام دستورات داخل آن است. 6. همانطور که در مثال بالا میبینید، تمامی دستورات html را مانند نوشته های معمولی داخل " " میدهیم. منابع این درس: novintarh orginal link فایل تمرین: ندارد |