آموزش SMACSS: معماری مدولار مقیاس پذیر برای CSS

SMACSS: Scalable Modular Architecture for CSS

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: با استفاده از متدولوژی مقیاس پذیر Jonathan Snook برای CSS (SMACSS) CSS خود را بیشتر حفظ و مدولار کنید. همه را بزرگ کنید دسته بندی 1 ساعت و 9 دقیقه و 42 ثانیه کنوانسیون نامگذاری 1 ساعت و 30 متر 20 ساله جدا کردن CSS از HTML 1 ساعت و 28 دقیقه طراحی مبتنی بر دولت 1 ساعت و 42 دقیقه و 46 ثانیه علائم تجاری و نام تجاری اشخاص ثالث ذکر شده در این دوره متعلق به صاحبان مربوطه می باشند و Pluralsight وابسته یا تأیید شده توسط این احزاب نیست.

سرفصل ها و درس ها

دسته بندی Categorization

  • مقدمه Introduction

  • چرا SMACSS؟ Why SMACSS?

  • Base و Layout Base and Layout

  • مدول Module

  • حالت و مضامین State and Themes

  • تمرین 1: سبک های چیدمان Exercise 1: Layout Styles

  • تمرین 1: راه حل Exercise 1: Solution

کنوانسیون نامگذاری Naming Convention

  • نام های پایه و طرح بندی Base and Layout Names

  • نامهای تغییر ماژول و ماژول Module and Module Variation Names

  • اسامی دولت State Names

  • نام های تم Theme Names

  • استفاده از کتابخانه های شخص ثالث Using Third Party Libraries

  • پیشوند برای نسخه سازی Prefixing for Versioning

  • افکار در مورد گردش کار CSS Thoughts on CSS Workflow

  • جمع بندی کنوانسیون نامگذاری Naming Convention Recap

  • تمرین 2: نام کلاس های ماژول Exercise 2: Module Class Names

جدا کردن CSS از HTML Decoupling CSS from HTML

  • چه زمانی پایه است؟ When Is It Base?

  • عمق کاربرد Depth of Applicability

  • جدا کردن CSS از HTML Decoupling CSS from HTML

  • انتخاب جغد The Owl Selector

  • تمرین 3: ایجاد یک پیمایش SMACSS Exercise 3: Creating a SMACSS Navigation

  • تمرین 3: راه حل Exercise 3: Solution

طراحی مبتنی بر دولت State-based Design

  • نمایندگی ایالتی State Representation

  • حالت جستجوی رسانه Media Query State

  • وحشت CSS CSS Panic

  • پیش پردازنده ها Preprocessors

  • کلاسها را تمدید کنید Extending Classes

  • نمونه های اولیه و راهنماهای سبک Prototyping and Style Guides

  • موتور پروتو Proto Engine

  • تولیدکنندگان اسناد Documentation Generators

  • تمرین 4: الگو برداری Exercise 4: Templating

  • تمرین 4: راه حل Exercise 4: Solution

  • خلاصه دوره Course Summary

نمایش نظرات

Pluralsight (پلورال سایت)

Pluralsight یکی از پرطرفدارترین پلتفرم‌های آموزش آنلاین است که به میلیون‌ها کاربر در سراسر جهان کمک می‌کند تا مهارت‌های خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دوره‌های آموزشی در زمینه‌های فناوری اطلاعات، توسعه نرم‌افزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه می‌دهد.

یکی از ویژگی‌های برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعه‌دهندگان و کارشناسان معتبر، دوره‌هایی را ارائه می‌دهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژی‌ها نگه می‌دارد. این امر به کاربران این اطمینان را می‌دهد که دوره‌هایی که در Pluralsight می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.

آموزش SMACSS: معماری مدولار مقیاس پذیر برای CSS
جزییات دوره
5h 51m
33
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
55
4.3 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jonathan Snook Jonathan Snook

جاناتان در مورد نکات ، ترفندها و نشانک ها در وبلاگ خود می نویسد. وی همچنین در مجلات A List Apart ، 24ways و .net نیز نویسندگی کرده است و در تألیف دو کتاب Art and Science of CSS و Accelerated DOM Scripting همکاری داشته است. وی همچنین با به اشتراک گذاشتن تجربیات و بهترین شیوه های خود در زمینه معماری CSS ، در کتاب خود منتشر شده با عنوان "مقیاس پذیر و معماری مدولار" برای CSS نویسنده و تحسین جهانی شده است. هنگام نوشتن کتاب و سخنرانی در کنفرانس ها ، اسنوک در Shopify کار می کند.