مینی پروژه تیلویند 2 : Pin Code - Phone Country Code Picker

در این دوره برای تمرین بیشتر tailwind css، ما دو آیتم تیلویندی رو طراحی میکنیم.

1. برای وارد کردن شماره تلفن در فرم Sign In وب سایت ها، معمولا یه منوی دراپ داون از لیست کشور ها همراه با پیش شماره آن ها وجود دارد. این بخش شامل کد کشور، نام آن و همچنین پرچم آن می شود. در بخش اول این دوره، طراحی این منو را تمرین میکنیم.

2. در بخش دوم این دوره هم، بحث طراحی اینپوت برای ورود پین کد را خواهیم داشت. شاخصه این پین کدها، این است که با تکمیل شماره اول، اشاره گر موس خود به خود به سراغ اینپوت بعدی می رود. همچنین تا زمانی که این پین کد تکمیل نشده است، دکمه Sign In فعال نمی شود...

نکته : لطفا دقت داشته باشید که این پروژه هم مانند مینی پروژه تیلویندی یک، از قبل طراحی شده و در ویدئو، کدهای از پیش طراحی شده توضیح داده می شوند. همچنین سورس کد نهایی پروژه هم در جلسه اول دوره در اختیار شما گذاشته شده است...

پیشنهاد میکنم که لطفا ویدئوی دوره رو ببینید.