آشنایی با دادههای بزرگ و تکنیکهای برنامهسازی برای پردازش دادههای بزرگ
معماری استایلهای بزرگ اندازه
-
Upload
web-standards-school -
Category
Education
-
view
325 -
download
5
Transcript of معماری استایلهای بزرگ اندازه
یعنی چه؟استایل های بزرگ
مجموعه ای از استایلها•مشترک بین بخش های مختلف یک سیستم•نیاز به بروز رسانی، اصالح و تغییر مداوم•پالگین ها و مشتقات•
هماهنگی طراح و توسعه دهنده
)ساختاری و محتوایی( شناخت المان های وب•
مفهوم طراحی براساس گرید•(Application Driven)و کاربرد محور ( Content Driven)تفاوت طراحی محتوا محور •
(Desktop First)و اول برای دسک تاپ ( Mobile First)تفاوت طراحی اول برای موبایل •
فریم ورک ها مزایا و محدودیت ها•انیمیشن ها•
هماهنگی طراح و توسعه دهنده
سیستم های مدیریت آیکون و تصاویر•)سیستم های رنگی، واحد های اندازه گیری، نوع طراحی برای اندازه های مختلف( قوانین طراحی برای وب•
نرم افزار طراحی یکسان•)مانند عنوان دکمه ها(مفهوم داینامیک بودن اندازه المانها •
(Page Flow)مفهوم جهت در طراحی •
چرا باید طرح را تحلیل کنیم؟
شناخت ساختار نرم افزار•پیش بینی وضعیت های مختلف ماژول ها•وضعیت ریسپانسیو•
اصال نباید از فریم ورک استفاده کرد
سنگینی•ماژول های بالاستفاده•تنبلی توسعه دهنده•ادیت و شخصی سازی فریم ورک•
ولی فریم ورک ها خیلی هم خوب هستند
بستر تست وسیع•جامعه بزرگ پشتیبانی•ساخت سریع پروتو تایپ•آموزش رایگان•
دستورالعمل های نگارشی
روش های نام گذاری•(Declaration)ترتیب نوشتن اعالن ها •
استفاده از ایندنتیشن•قوانین کامنت گذاری•(Specificity)حداکثر میزان مجاز اسپسیفیسیتی •
Architecture
• OCSSO )Separate Structure and Skin, Separate Container and Content, Build HTML from Component Library(
• SMACCSS )Base, Layout, Module, State, Theme(
• BEM )Base, Element, Modifier(
• ITCSS )Settings, Tools, Generic, Elements, Objects, Components, Trumps(
• Suit CSS• Atomic CSS
همه این الگو ها در واقع یکی هستند
کد نویسی الیه ای •(Declaration)تکرار خودداری از تکرار •
CSSاستفاده از دستورالعمل های مجرب •جداسازی اهداف•