آموزش جامع فریم ورک UIKit از صفر

سلام و درود فراوااااااان خدمت شما وی لرنی های عزیز داریم . خییییییییییلی خوشحالیییم که با دوره اموزش فریم ورک UIkit پیشتون اومدیم .

اگر تا حالا مسیر رابط کاربری اکادمی وی لرن رو دیده باشین و دوره آموزش html و css رو گذرونده باشین یا این که تو این زمینه ها کار کرده باشین ، متوجه شدین که برای طراحی راحت تر و سریع تر رابط کاربری ( UI ) یک سایت فریم ورک های مختلفی طراحی شدن . محبوب ترین فریم ورکی که اغلب طراحان ازش استفاده میکنن ، فریم ورک بوت استرپ هست ، که اموزشش رو هم داخل سایت وی لرن میتونین ببینین .

حالا ما میخیوایم یک فریم ورک محبوب دیگه رو هم براتون معرفی کنیم . بعد از فریم ورک bootstrap ، محبوب ترین فریم ورک بین طراحان رابط کاربری ، uikit framework هست .

معرفی فریم ورک uikit :

اگر تا حالا با بوت استرپ کار کرده باشین ، به راحتی میتونین با uikit هم ارتباط برقرار کنین . اگر هم تا حالا کار نکردین کمی براتون توضیح میدیم تا یک دید کلی نسبت به فریمورک UIkit بدست بیارین .

در uikit کلاس هایی طراحی شده که صفحه رو به ده قسمت مساوی تقسیم میکنه تا شما بتونین به راحتی ساختار مورد نیازتون رو بسازین .

همچنین component های زیادی مثل Accordion ، Animation ، Breadcrumb و … داره که کار رو برای طراحی بسیار راحت میکنه . ویژگی مثبتش اینه که این component ها هیچ کدومشون داخل فایل فریم ورک uikit نیستن و به دلخواه طراح میشه هر کدوم از اونا رو به پروژه اضافه کرد . که این کار باعث بهینگی و سرعت بالاتر uikit framework میشه .

و بحث مهم دیگه ای که میتونیم خدمتتون بگیم استفاده از تکنولوژی جدید flexbox در UIkit هست . اگر اطلاعی در مورد خاصیت فلکس باکس ندارین ، حتما حتما دوره جذاااااااب آموزش flexbox در آکادمی وی لرن رو ببینین .

چیزی که باعث شده محبوبیت فریم ورک bootstrap نسبت به UIkit بیشتر باشه تم ها و پلاگین هایی هست که برای بوت استرپ طراحی شده و همچنین کد نویسی راحتی که داره . این به عهده خودتون هست که کدوم فریم ورک رو یاد بگیرین . ولی توصیه میشه در صورتی که میخواین در زمینه طراحی رابط کاربری حرفه ای بشین ، حداقل به دو تا فریم ورک مسلط بشین . و به نظر ما بهترین فریم ورکهایی که میتونین یاد بگیرین bootstrap و uikit هستن . امیدواریم که بهترین بهره رو از این دوره کاربردی و جذاب ببرین . اگر از دوره استفاده کردین حتما ما رو هم دعا کنین 🙂 .

1- معرفی دوره آموزشی uikit
6 دقیقه

سلام و درود خدمت شما وی لرنی های عزیز

خیلی خوشحالیم که با این دوره آموزشی در خدمتتون هستیم . امیدواریم که بهره کافی رو از این دوره آموزشی ببرین و بتونین تو پروژه هاتون از فریم ورک UIkit استفاده کنین .

تو قسمت معرفی دوره یه سری توضیح در مورد uikit دادیم . الان یکم بحث رو باز تر میکنیم تا بیشتر در موردش بدونین .

فریمورک uikit دارای امکانات زیادی هست که حتی میشه گفت از بوت استرپ هم بیشتر هست . که چند تا از اونا رو خدمتتون میگیم :

Grid Layout , Elemnts , Modal , Switcher , Toggle , ScrollSpy , slider , Smooth scroll , Animation , Flexbox , flat , gradient , …

دانلود ویدیو درس

2- نصب پلاگین UIKit Autocomplete در Sublime Text
3 دقیقه

خب حالا میخوایم اولین قدم برای استفاده از uikit رو برداریم . پلاگینی به نام UIkit Autocomplete توسط تیم طراح uikit طراحی شده که باید اون رو نصب کنیم تا بتونیم از امکاناتش استفاده کنیم .

برای این که بتونیم پلاگین رو نصب کنیم اول باید package control رو واسه sublime text نصب کنیم بعدش هم uikit رو نصب میکنیم . حالا میتونیم به راحتی از فریم ورک Uikit بهره کافی رو ببریم .

دانلود ویدیو درس

3- بررسی ساختار فریم ورک uikit
6 دقیقه

میخوایم اولین کد رو با استفاده از uikit بنویسیم . برای این کار ، اول باید لینک های مربوط به فایل هایی که قرار هست استفاده بشن رو داخل کد هامون بنویسیم . هر کدوم از component های uikit رو که خواستیم استفاده کنیم باید فایلش رو داخل فایل پروژمون قرار بدیم و بعد لینکش رو هم داخل کدهامون بذاریم .