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

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

عنوان اصلی : Javascript for Designers

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

به Javascript for Designers خوش آمدید!
چگونه داده ها را در جاوا اسکریپت نگهداری می کنیم
چه چیزی اجازه و چه چیزی را ثابت می کند
توابع جاوا اسکریپت
استفاده از جاوا اسکریپت در مرورگر
معرفی پروژه Rose Culver
ویرایشگر SuperHi چیست
تنظیم HTML ما
افزودن تایپوگرافی CSS
نحوه اضافه کردن گرادیان پس‌زمینه
اصلاح طرح بخش ما
افزودن پاورقی ما
چگونه جاوا اسکریپت را به صفحه خود اضافه کنیم
کنسول جاوا اسکریپت
افزودن شنوندگان رویداد
نظارت بر شماره صفحه
پاک کردن کد ما با توابع
اگر اظهارات
افزودن عملکرد قبلی به سایت ما
افزودن نظرات جاوا اسکریپت
قرار دادن داده های خود در یک آرایه
داده ها در آرایه ای از اشیاء
افزودن تغییر رنگ پس‌زمینه
تصادفی چیست؟
افزودن یک تابع تصادفی
رویداد keyup
به دنبال پیکان چپ و پیکان راست می گردیم
ترفندهای نهایی در پروژه ما!
مقدمه ای بر زندگی گیاهی
چگونه سایت خود را در HTML ساختار دهیم
در حال افزودن به CSS ما
قرار دادن چیزها در یک تگ اصلی
classList در جاوا اسکریپت چیست
افزودن آماده سازی برای منوی ما
تغییر کلاس ما برای اسلاید کردن
تغییر متن ما از منو به بستن
تغییر شماره 1
تغییر شماره 2
تغییر شماره 3
یک ظاهر طراحی اضافی برای منوی ما
افزودن HTML نمایش اسلاید ما
استایل نمایش اسلاید ما را طراحی می کنیم
چگونه لایه بندی را در HTML و CSS اضافه کنیم
حلقه زدن با جاوا اسکریپت
افزودن انیمیشن CSS با جاوا اسکریپت
تابع forEach و توابع میانبر
درخواست forEach در پروژه ما
افزودن رویداد ماوس
افزودن یک رویداد mouseout
تصادفی بودن خود را به یک شبکه تبدیل می کنیم
اعمال جدا کردن شبکه
افزودن یک کادر سایه روی شناور
مقدمه ای بر Type Checker
راه اندازی پروژه ما
افزودن طرح‌بندی پروژه
تنظیم گزینه های ما
رویدادها
افزودن رویداد keyup
این چیه؟
افزودن متن بازگشتی
تایپ دو طرفه با جاوا اسکریپت
افزودن تگ محدوده
جاوا اسکریپت را با برچسب محدوده ما متصل می کنیم
تغییر ارتفاع خط
نحوه کار با چک باکس ها
افزودن فونت های گوگل به پروژه ما
تغییر تایپ فیس با کادر انتخاب
تغییر وزن فونت
چگونه به تغییر رنگ ها فکر کنیم
افزودن رویدادهای جاوا اسکریپت به چندین چیز
برجسته کردن رنگ انتخاب شده
ورودی‌های سبک
معرفی جنا بوکهلز
در حال افزودن سرصفحه ما
چگونه بخش های خود را ساختار دهیم
افزودن بخش های اضافی
سند در مقابل پنجره
پیگیری پیمایش پیکسل ها
افزودن نوار پیشرفت، قسمت 1
افزودن نوار پیشرفت، قسمت 2
offsetTop چیست
پیمایش در مقابل افست
ویژگی های داده چیست؟
تغییر رنگ متن در آستانه
مقدمه ای بر اختلاف منظر
تنظیم اختلاف منظر
افزودن حرکت به تگ های مربعی ما
افزودن سرعت اختلاف منظر
افزودن ویژگی های داده برای کنترل سرعت
مقدمه ای بر بروکس
تنظیم HTML ما
سبک‌های هدر برای Brux
افزودن در سبک های عمومی CSS
افزودن در سبک های چیدمان CSS
آستانه اسکرول سرصفحه
افزودن سایه کادر روی پیمایش
تنظیم انیمیشن
نگاه به مستطیل های محدود کننده برچسب
استفاده از انیمیشن ها
افزودن انیمیشن در اسکرول رو به بالا
افزودن حرکت با افکت ماوس
نحوه استفاده از مثلثات با جاوا اسکریپت
حرکت چشمان صورتمان
حساب اسکرول برای انیمیشن ما
تایم اوت ها و فواصل زمانی در جاوا اسکریپت
افزودن فواصل برای تصادفی بودن
مقدمه ای بر Words of Womxn
افزودن HTML برای پروژه ما
سبک های کلی صفحه CSS
افزودن طرح‌بندی
افزودن پیمایش سرصفحه
تنظیم اختلاف منظر
اعمال چرخش در اسکرول
نهایی کردن اختلاف منظر
افزودن پس‌زمینه صفحه در اسکرول
تنظیم تمبر
افزودن مهر روی رویدادهای کلیک
افزودن چرخش CSS به مهرهای ما
بر اساس تمبرهای ما از وسط صفحه
افزودن صدا به رویدادهای کلیکی ما
متشکرم!