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

JavaScript for Web Designers

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: طراحان وب می توانند مجموعه مهارت ها و آینده شغلی خود را با راحت شدن با جاوا اسکریپت بهبود بخشند. این تنها زبان اسکریپت نویسی برای برنامه نویسی سمت سرویس گیرنده است – برای انجام کارهایی که به تنهایی با HTML و CSS غیرممکن است – و برای برنامه نویسی سمت سرور نیز به طور فزاینده ای محبوب است. در این دوره آموزشی با جو چلمن چند کاربرد اساسی و واقعی جاوا اسکریپت را بیاموزید. نحوه نوشتن جاوا اسکریپت در مرورگر و ویرایشگر کد را بیاموزید و سپس آن را مستقیماً برای استفاده در صفحه پرداخت فروشگاه قرار دهید: دستکاری فرم ها و فیلدهای فرم، خواندن داده ها، بررسی ورودی برای خطاها، و نمایش نتایج محاسبات حمل و نقل. به علاوه، یاد بگیرید که چگونه از توابع زمان و تاریخ جاوا اسکریپت برای ایجاد ویژگی‌هایی مانند ساعت و افزودن محتوای تعاملی از طریق APIهایی مانند Bing Maps استفاده کنید.

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

معرفی 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

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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

آموزش جاوا اسکریپت برای طراحان وب
جزییات دوره
3h 1m
46
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
33,270
- از 5
دارد
دارد
دارد
Joe Chellman
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Joe Chellman Joe Chellman

طراح وب، نویسنده، مربی جو Chellman یک طراح وب، نویسنده و مربی در موضوعاتی مانند وردپرس، جاوا اسکریپت و جی کوئری است.

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