آموزش وب سایت شخصی خود را ارتقا دهید: چگونه یک دکمه لایک را متحرک کنیم
Upgrade your Personal Website: How to Animate a Like Button
در این کلاس، می‌آموزیم که چگونه محیط توسعه خود را با استفاده از کد ویژوال استودیو (ویرایشگر کد) راه‌اندازی کنیم تا یک انیمیشن ساده و در عین حال مؤثر مانند دکمه‌ای ایجاد کنیم که به رویداد کلیک کاربر گوش می‌دهد. این اساس همه انیمیشن های پیشرفته خواهد بود.
با هم یک دکمه لایک ساده (مشابه اینستاگرام) ایجاد می کنیم. دانش‌آموزان یاد خواهند گرفت که چگونه فایل‌های خارجی مانند جاوا اسکریپت و CSS را اضافه کنند و از جاوا اسکریپت وانیلی برای ایجاد یک انیمیشن ساده و در عین حال موثر مانند انیمیشن استفاده کنند.
درس ها Lessons
-
استفاده از CSS برای "نبض دادن" قلب Using CSS to "pulse" a heart
-
مانند مطالعه موردی پروژه دکمه Like Button Project Case Study
-
افزودن جاوا اسکریپت خارجی Adding an External Javascript
-
نتیجه Conclusion
-
چگونه DOM را دستکاری کنیم How to Manipulate the DOM
-
مقدمه ها Introductions
-
استفاده از فونت برای آیکون ها Using Fonts for icons
-
دانلود VS-Code Editor Downloading VS-Code Editor
-
راه اندازی Live Server Setting up Live Server
-
متحرک سازی قلب با استفاده از جاوا اسکریپت Animating the Heart using JavaScript
-
چگونه یک سرور زنده راه اندازی کنیم How to start a Live Server
-
اضافه کردن یک دکمه پایه Adding a Basic Button
-
تغییر یک قلب اساسی Toggling a Basic Heart
-
افزودن یک صفحه سبک خارجی Adding an External Stylesheet
https://donyad.com/d/3054
Joon-sub Chung
من وب سایت ها را زیبا می کنم
من یک توسعه دهنده فرانت اند با بیش از 5 سال تجربه توسعه برنامه وب با محوریت کاربر هستم.
من با مدرک علوم کامپیوتر در دانشگاه ایالتی کالیفرنیا نورتریج فارغ التحصیل شدم. و به تعقیب M.S. در دانشگاه کالیفرنیا لس آنجلس در علوم کامپیوتر.
پس از چند سال زندگی در خلیج و زیبا کردن Zazzle.com به عنوان یک توسعه دهنده رابط کاربری، من به لس آنجلس بازگشته‌ام و به عنوان یک توسعه‌دهنده فرانت‌اند در MediaTemple کار می‌کنم.
نمایش نظرات