جاوا اسکریپت برای طراحان وب

مدرس Joe Chellman

انتشار 2020/02/06

به‌روز‌رسانی 2023/04/03

مدت زمان 3h 1m

سطح مبتدی

فایل تمرینی دارد

آموزش JavaScript for Web Designers

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

Front-end Development JavaScript Web Design

Introduction

Web designers need JavaScript ()

What you should know ()

Using the exercise files ()

Challenges ()

Compatibility notes ()

1. JavaScript in Use

What is JavaScript? ()

Live examples ()

Where you don't use JavaScript ()

JavaScript's power can be dangerous ()

2. Writing and Debugging

Your friend the text editor ()

Browsers and tools ()

Tools in action ()

Getting help ()

Jargon ()

Jargon: The DOM ()

Vanilla JavaScript versus frameworks ()

3. Working with Forms

Working with user info ()

Text fields and select boxes ()

Radio buttons and checkboxes ()

Changing submission with events ()

Starting to validate input ()

Disabling and enabling fields ()

The basics of sanitizing user input ()

Get and set with innerHTML ()

Challenge: Add and use more fields ()

Solution: Add and use more fields ()

4. A Matter of Time

Use JavaScript to tell time ()

Get pieces of time ()

Use timers to update the page ()

Polish the clock ()

Challenge: Add the date ()

Solution: Add the date ()

Filling in gaps with Moment.js ()

5. Consuming a Third-Party API

What is an API? ()

Create a map ()

Change the center point ()

Change the type and zoom level ()

Add a marker ()

Add a popup to the marker ()

Challenge: Modify the map ()

Solution: Modify the map ()

6. Better User Experience with an API

Partial geocoding with Bing Maps ()

Start building page interactivity ()

Mocking up an API request ()

Making a real API request with Bing Maps Locations API ()

Conclusion

Next step: More about JavaScript ()

Ex_Files_Javascript_Web_Designers_2023.zip (14.6 MB)

دانلود فایل فشرده

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

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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