هدف از این فرادرس، چگونگی استفاده طراحان وب به صورت کاربردی از این سه تکنولوژی وب برای طراحی صفحات و تعاملی نمودن آن ها می باشد. اهمیت این فرادرس از این بابت است که باعث آموزش کاربردی افراد می شود و نحوه کارکرد مقدمات را می توانند در عمل مشاهده کنند و در پروژه های خود به کار گیرند.
این فرادرس برای طراحان وب ضروری است، زیرا به وسیله آن یاد می گیرند که چگونه اجزای یک وب سایت را اعم از اسلایدر، تب، رویدادهای اسکرول و … ایجاد کنند. در واقع این فرادرس ساخت اجزایی را مورد هدف قرار می دهد که دانشجویان در اکثر سایت های مدرن آن ها را می بینند و از نحوه ایجاد آن ها اطلاعی ندارند.
در
آموزش کاربردی HTML5, CSS3, jQuery در طراحی وب – بخش دوم، مثال های متنوع تری بررسی می شود.
فهرست سرفصلها و رئوس مطالب مطرح شده در اين مجموعه آموزشی، در ادامه آمده است:
- درس یکم: مقدمات آموزش توابع مورد استفاده jQuery
- توضیحاتی مختصر درباره دوره
- توضیح توابع، سلکتورهای با اهمیت jQuery
- درس دوم: حل مثال های کاربردی
- ایجاد Slider
- ایجاد Tab
- ایجاد Modal
- ایجاد منوی همبرگری با آیکون منوی ثابت
- ایجاد منوی همبرگری با آیکون منوی متغیر
- فیکس کردن Navigation در بالای صفحه در هنگام اسکرول
- انتقال به بالای صفحه با استفاده از دکمه اسکرول به بالای سریع
- تغییر اندازه لوگوی سایت بعد از اسکرول به پایین
- ایجاد Pagination های زیبا
- ایجاد Button هایی با انیمیشن های زیبا
- ایجاد Alert های محو شونده
- ایجاد Waiting برای زمان انتظار بارگذاری
- قرار دادن Google maps همراه با آدرس مورد نظر در صفحه
- ایجاد ورودی جستجو با تغییر حالت زیبا
- ایجاد Hoverable Sidenav Buttons
- ایجاد نوار درصد
- ایجاد Toggle Like and Dislike
مفید برای
- مهندسی کامپیوتر
- مهندسی فناوری اطلاعات