آموزش صفر تا صد طراحی سایت واکنشگرا با shoelace
اگر شما هم یکی از توسعه دهندگان فرانت باشید، قطعا میدانید زمان چقدر ارزشمند است و کد نویسی چقدر زمان بر! پس گزینه ای که پیش رو هست استفاده از کتابخانه های متعددی که برای زبان های متعدد از جمله زبان css هست.
بند کفش یا (shoelace) یک کتابخانه متن باز و رایگان است. جلوه های بصری بسیار زیبایی دارد، که همه سلیقه پسند است، بر خلاف برخی دیگر کتابخانه ها، که هر چند محبوبیت بسیار زیادی دارند اما برخی افراد از جمله من علاقه ای به استفاده از سبک طراحی آن کتابخانه ندارند، مثلا من بسیار بسیار کم از استایل های آماده بوت استرپ استفاده میکنم و عمده استفاده من از بوت استرپ برای طراحی واکنشگرا هست که کار من رو بسیار آسون تر میکنه.
این کتابخانه برای کسانی که به تازگی شروع کرده اند یا کسانی که نمیخواهد کدهای زیادی بنویسند بسیار مناسب است، با استایل های آماده و حرفه ای که دارد میتواند سرعت کدنویسی را بسیار افزایش دهد.
بسیار سبک است و قابلیت شخصی سازی دارد.اما این کتابخانه یک ضعف دارد، آن هم اینکه توانایی واکنشگرا کردن قالب شما را ندارد، بنابراین ما در این دوره تصمیم گرفتیم، با استفاده از دیگر فریمورک ها، این ضعف را پوشش دهیم.
در این دوره چند پروژه عملی اجرا میشود که شما به راحتی پس از پایان این دوره حتی اگر در css هم بسیار حرفه ای نباشید پس از این دوره یک توسعه دهنده فرانت محسوب شوید.
با توجه به اینکه در این دوره، مباحث جاوا اسکریپت در حد نیاز و در حد فهم کدهای استفاده شده در پروژه آموزش داده میشود، بهتر است که کمی به جاوا اسکریپت اشنایی داشته باشید.
سرفصل های دوره :
معرفی shoelace
نصب و راه اندازی shoelace
آموزش استفاده از shoelace
کامپوننت ها (آواتارها، دکمه ها، ایکون ها، نوار پیشرفت، باکس های جزئیات، منوهای کشویی و...)
توکن ها
ساخت qr کد
اینکلود کردن صفحه در وب
واکنشگرا (ریسپانسیو) کردن با بوت استرپ
فرمت اعداد
انیمیشن
پروژه طراحی سایت
پیش نیاز های دوره :
- آشنایی با html
- آشنای با css
- آشنایی با js
نظرات کاربران در رابطه با این دوره