آموزش جاوا اسکریپت برای طراحان وب

سرفصل ها و درس ها

معرفی Introduction

• با استفاده از فایل های تمرین Using the exercise files

• یادداشت های سازگاری Compatibility notes

• چالش ها Challenges

• آنچه شما باید بدانید What you should know

• طراحان وب به جاوا اسکریپت نیاز دارند Web designers need JavaScript

1. جاوا اسکریپت در حال استفاده 1. JavaScript in Use

• جایی که از جاوا اسکریپت استفاده نمی کنید Where you don't use JavaScript

• نمونه های زنده Live examples

• جاوا اسکریپت چیست؟ What is JavaScript?

• قدرت جاوا اسکریپت می تواند خطرناک باشد JavaScript's power can be dangerous

2. نوشتن و اشکال زدایی 2. Writing and Debugging

• کمک گرفتن Getting help

• مرورگرها و ابزارها Browsers and tools

• جاوا اسکریپت وانیلی در مقابل فریم ورک ها Vanilla JavaScript versus frameworks

• ابزار در عمل Tools in action

• واژگان Jargon

• اصطلاحات تخصصی: DOM Jargon: The DOM

• دوست شما ویرایشگر متن است Your friend the text editor

3. کار با فرم ها 3. Working with Forms

• فیلدهای متنی و کادرها را انتخاب کنید Text fields and select boxes

• شروع به تأیید اعتبار ورودی Starting to validate input

• دکمه ها و چک باکس های رادیویی Radio buttons and checkboxes

• چالش: فیلدهای بیشتری اضافه و استفاده کنید Challenge: Add and use more fields

• دریافت و تنظیم با innerHTML Get and set with innerHTML

• غیرفعال کردن و فعال کردن فیلدها Disabling and enabling fields

• راه حل: فیلدهای بیشتری اضافه و استفاده کنید Solution: Add and use more fields

• کار با اطلاعات کاربر Working with user info

• اصول اولیه ضدعفونی کردن ورودی کاربر The basics of sanitizing user input

• تغییر ارسال با رویدادها Changing submission with events

4. موضوع زمان 4. A Matter of Time

• برای به روز رسانی صفحه از تایمر استفاده کنید Use timers to update the page

• تکه های زمان را بدست آورید Get pieces of time

• چالش: تاریخ را اضافه کنید Challenge: Add the date

• جاهای خالی را با Moment.js پر کنید Filling in gaps with Moment.js

• ساعت را جلا دهید Polish the clock

• از جاوا اسکریپت برای تشخیص زمان استفاده کنید Use JavaScript to tell time

• راه حل: تاریخ را اضافه کنید Solution: Add the date

5. مصرف API شخص ثالث 5. Consuming a Third-Party API

• یک نشانگر اضافه کنید Add a marker

• یک نقشه ایجاد کنید Create a map

• API چیست؟ What is an API?

• چالش: نقشه را تغییر دهید Challenge: Modify the map

• نوع و سطح زوم را تغییر دهید Change the type and zoom level

• یک پنجره بازشو به نشانگر اضافه کنید Add a popup to the marker

• راه حل: نقشه را اصلاح کنید Solution: Modify the map

• نقطه مرکزی را تغییر دهید Change the center point

6. تجربه کاربری بهتر با یک API 6. Better User Experience with an API

• ایجاد تعامل صفحه را شروع کنید Start building page interactivity

• ایجاد یک درخواست API واقعی با Bing Maps Locations API Making a real API request with Bing Maps Locations API

• تمسخر درخواست API Mocking up an API request

• ژئوکدینگ جزئی با نقشه های بینگ Partial geocoding with Bing Maps

نتیجه Conclusion

• مرحله بعدی: اطلاعات بیشتر در مورد جاوا اسکریپت Next step: More about JavaScript