دوره مجازی فاندیشن (جلسه 14) - کامپوننت ها - منوها - بخش سوم

در جلسه چهار دهم دوره آموزش فریم ورک فاندیشن می پرداریم به بررسی بخش سوم و پایانی مبحث منوها و با کلاس ها و تگ های بیشتری از آن آشنا خواهیم شد...

نکته : دانشجویان عزیز : مباحث این جلسه دارای چندین تکنیک و معرفی چندین اتریبیوت مهم می باشد لذا با دقت این جلسه رو مشاهده نمایید...

در این جلسه می پردازیم به :

• نحوه بکار گیری drill menu ها در منوی رسپانسیو
• نحوه ایجاد منوهای چسبان
• بررسی پلاگین sticky
• بررسی اتریبیوت data-stick-container
• بررسی اتریبیوت data sticky
• بررسی اتریبیوت data-options
• بررسی پرارپرتی anchor
• بررسی پراپرتی marginTop
• بررسی پراپرتی stickyOn
• بررسی پلاگین magellan
• بررسی اتریبیوت data-magellan
• بررسی اتریبیوت data-magellan-target
• نحوه ایجاد pagination (صفحه بندی)
• بررسی کلاس pagintion
• بررسی کلاس pagination-previous
• بررسی کلاس pagination-next
• بررسی کلاس ellipsis
• بررسی کلاس disabled
• مثالی در مورد سفارشی سازی pagination ها
• نحوه ایجاد breadcrumbs
• بررسی کلاس breadcrumbs

توضیحات : امروزه با توجه به پیشرفت سریع تکنولوژی ,مبحث طراحی رسپانسیو و یا به عبارتی واکنشگرا در زمینه وب جز یکی از موارد اجتناب ناپذیر برای طراحان وب می باشد که در کنار چندین فاکتور اساسی و پایه ای دیگر، از مواردی به شمار می رود که نیاز است قبل از هر چیز و شروع پروژه توجه ویژه ای به آن شود و به عنوان یکی از ارکان اصلی پیاده سازی سایت های اینترنتی در بخش UI (رابط کاربری) و همچنین UX (تجربه کاربری) مد نظر قرار گیرد و توجه ویژه ای به آن شود چرا که عدم توجه به آن می تواند منجر به شکست و زیان دهی پروژه گردد. طبق آمار تا پایان سال ۲۰۱۵ بیش از ۹۱ درصد از مردم دنیا دارایی تلفن همراه هستند و و ۶۰ درصد از این جامعه آماری دارای تلفن های هوشمند در مدل های مختلف هستند و از آن برای اتصال به اینترنت و وبگردی استفاده می کنند حال با توجه به طیف وسیعی از کاربرانی که دارای تلفن های هوشمند در ابعاد و اندازه های مختلف هستند طراحان وب ملزم به طراحی UI و رعایت اصول استاندارد UX در طرح های خود می باشند تا کاربران هدف شان که درصد بالایی در جامعه آماری ذکر شده را تشکیل می دهند بتوانند با هر دستگاهی و در هر اندازه ای به راحتی و بدون دردسر و به هم ریختگی در ظاهر و قالب یک سایت آن را مشاهد و مورد کاوش قرار دهند و تجربه لذت بخشی از وبگردی در سایت مورد نظرشان داشته باشند. از این رو و برای راحتی و سرعت بخشیدن به این نوع طراحی (طراحی واکنشگرا) در کنار رعایت استاندارهای لازم، سالانه فریم ورک های مختلفی در این زمینه طراحی و تولید می شوند و به رقابت با سایر رقبای خود در این زمینه می پردازند. به همین دلیل بر آن شدیم تا یکی از فریم ورک های فوق العاده قدرتمند و با سابقه و محبوب در بین طراحان حرفه ای را به صورت اصولی و از پایه تا پیشرفته در قالب مثال های مختلف و متنوع آموزش دهیم. در پایان نیز با کدنویسی 0 تا 100 یک پروژه کاملا حرفه ای و مدرن، به صورت عملی و کاربردی از این فریمورک حرفه ای استفاده خواهیم کرد. لازم به ذکر است که قالب کنونی وب سایت سون لرن هم بر پایه فریم ورک فاندیشن پیاده سازی و طراحی شده است. در این دوره آخرین نسخه فریمورک فاندیشن (نسخه 6) تدریس خواهد شد و شما به روزترین آموزش این فریمورک را در وب فارسی خواهید داشت. امیدواریم این دوره نیز مورد توجه و استقبال علاقمندان قرار گرفته و مفید واقع گردد...