مینی پروژه تیلویند 2 : Pin Code - Phone Country Code Picker
در این دوره، میتونید tailwind css رو بیشتر تمرین کنید. در این مینی پروژه، ما طراحی منوی دارپ داون انتخاب کشور و همچنین پین کد پیش رونده رو به کمک تیلویند سی اس اس یاد میگیریم...
تکنولوژی های استفاده شده
Tailwind Css
Next js 14
تعداد جلسات دوره
جلسات رایگان دوره
معرفی کامل دوره
در این دوره برای تمرین بیشتر tailwind css، ما دو آیتم تیلویندی رو طراحی میکنیم.
1. برای وارد کردن شماره تلفن در فرم Sign In وب سایت ها، معمولا یه منوی دراپ داون از لیست کشور ها همراه با پیش شماره آن ها وجود دارد. این بخش شامل کد کشور، نام آن و همچنین پرچم آن می شود. در بخش اول این دوره، طراحی این منو را تمرین میکنیم.
2. در بخش دوم این دوره هم، بحث طراحی اینپوت برای ورود پین کد را خواهیم داشت. شاخصه این پین کدها، این است که با تکمیل شماره اول، اشاره گر موس خود به خود به سراغ اینپوت بعدی می رود. همچنین تا زمانی که این پین کد تکمیل نشده است، دکمه Sign In فعال نمی شود...
نکته : لطفا دقت داشته باشید که این پروژه هم مانند مینی پروژه تیلویندی یک، از قبل طراحی شده و در ویدئو، کدهای از پیش طراحی شده توضیح داده می شوند. همچنین سورس کد نهایی پروژه هم در جلسه اول دوره در اختیار شما گذاشته شده است...
پیشنهاد میکنم که لطفا ویدئوی دوره رو ببینید.