24
ایزدفر جاوید معرفییمورک فر متن باز جغد

Joqd announcement - Farsi

Embed Size (px)

Citation preview

Page 1: Joqd announcement - Farsi

جاوید ایزدفر

متن باز جغدفریم ورک معرفی

Page 2: Joqd announcement - Farsi

قبل از این که همه چیز شروع بشه

ما یه گروه دانشجو هستیم•

ما فریلنسر بودیم•

مثل همه از بوت استرپ استفاده می کردیم•

Page 3: Joqd announcement - Farsi

چرا بوت استرپ رو دوست نداشتیم؟

فارسی رو خوب ساپورت نمی کنه•

•Markupخیلی بهم ریخته ای داره

اضافه بنویسیمCSSمجبوریم کلی •

خودمون باید دست به کار می شدیم

Page 4: Joqd announcement - Farsi

:ماه کارمون شد۱۰نتیجه ی

فریم وورک جغداولین وب فریم وورک ایرانی

Joqd.ikacc.irIKAcc/Joqd

Page 5: Joqd announcement - Farsi

جغد واقعا چیست؟

JSو HTML ،CSSیک فریم وورک •بر گرفته از متریال دیزاین•

•Mobile-firstزبان دوست•

•Markup فوق العاده آسان وsemantic

Page 6: Joqd announcement - Farsi

جغد، یک فریم وورک

ستونه۱۲( grid)یک توری •

Page 7: Joqd announcement - Farsi

جغد، یک فریم وورک

دستگاه از پیش تعریف شده۴با –واکنش گرا •

Desktop Laptop Tablet Mobile

Page 8: Joqd announcement - Farsi

جغد، یک فریم وورک

کامپوننت های مختلف•

دکمه•

کارت•

فُرم•

تصویر•

نوار پیمایش•

کناره پیمایش•

تول تیپ•

تَب•

جداکننده•

تُست•

...و •

Page 9: Joqd announcement - Farsi

جغد، یک فریم وورک

استایل های متفاوت•

تیز•

نرم•

گرد•

دایره ای•

گوشه ها•

پهن•

نازک•

لبه ها•

Page 10: Joqd announcement - Farsi

متریال دیزاین

Page 11: Joqd announcement - Farsi

متریال دیزاین در جغد

رنگ متفاوت۸۸–رنگ ها •

Page 12: Joqd announcement - Farsi

متریال دیزاین در جغد

سطح و سایه ی متفاوت۵–سایه ها•

Page 13: Joqd announcement - Farsi

متریال دیزاین در جغد

در کامپوننت های متفاوت–انیمیشن •

Page 14: Joqd announcement - Farsi

تایپوگرافی در جغد

۳.۰وزیر :تایپ فیس فارسی•

Page 15: Joqd announcement - Farsi

تایپوگرافی در جغد

Roboto: تایپ فیس انگلیسی• 2.2

Page 16: Joqd announcement - Farsi

جغد، ابزاری زبان دوست

«جغد، اولین وب فریم وورک ایرانی» “Joqd, First Iranian web framework” „Joqd, Eerste Iraanse web framework“

جهت نوشته ها•

جهت ستون ها•

قواعد نگارشی•

محتویات کامپوننت ها•

Page 17: Joqd announcement - Farsi

Markupساده

joqdpinkraisedsoft-cornerlargebuttonpink-darken-1-hoverripple-click

Page 18: Joqd announcement - Farsi

Markupساده

joqdflatpurple-textthin-borderpurple-borderround-cornermediumbuttonpurple-hoversink-click

Page 19: Joqd announcement - Farsi

...اما آیکون کم داشتیم

آیکون ست گربهکامل ترین آیکون ست در ایران

Gorbeh.ikacc.irIKAcc/Gorbeh

Page 20: Joqd announcement - Farsi

گربه واقعا چیست؟

CSS Toolkitفونت آیکون به همراه •بر گرفته از متریال دیزاین•

Page 21: Joqd announcement - Farsi

آیکون متفاوت۹۴۶

Page 22: Joqd announcement - Farsi

برنامه برای آینده

افزودن کامپوننت های بیشتر•

ایجاد قابلیت دانلود کاستومایز•

sassو lessایجاد نسخه های ••CDN•npm وbower

Page 23: Joqd announcement - Farsi

حرف آخر

(joqd.ikacc.ir)سایت جغد رو بوک مارک کنید •.قدرت یک پروژه ی اوپن سورس، به کامیونیتی اون پروژه است•.به کارگاه جغد که امروز برگزار می شه برید•.پروژه های خودتون رو با جغد پیاده کنید•.در مورد جغد بنویسید•

Page 24: Joqd announcement - Farsi

:(ممنونم

IKA Computing Club