دوره آموزشی سیستمها و معماریهای طراحی در CSS
59 دقیقهمبتدی2018-06-18
مدرسین

Christina Truong
Educator, Front-End Developer
جزئیات دوره
شما هرگز خانه ای بدون نقشه نمی سازید، پس چرا بدون برنامه CSS بنویسید؟ یک پایه قوی CSS را مقیاس پذیرتر، قابل استفاده مجدد و قابل نگهداری تر می کند. در این دوره آموزشی با کریستینا ترونگ بیاموزید که چگونه یک سیستم طراحی منسجم و معماری قوی برای پروژه های CSS خود تعریف کنید. کریستینا استراتژی هایی را به اشتراک می گذارد تا به توسعه دهندگان کمک کند تا جریان کار خود را از پایین به بالا تصور کنند. تکنیکهایی را برای سازماندهی و فهرستبندی استایلها، استفاده از چارچوبهای منبع باز مانند Bootstrap و ذخیره الگوها و اجزای رابط کاربری بیاموزید. کریستینا همچنین نحوه معماری CSS را برای قابلیت استفاده مجدد، با استفاده از قالببندی استاندارد، کلاسها، قراردادهای نامگذاری و قالبها نشان میدهد. این تکنیک ها به کاهش پراکندگی که در توسعه وب به نظر می رسد کمک می کند و به شما کمک می کند تا به یک طراح کارآمدتر و سازنده تبدیل شوید.
اهداف یادگیری
مزایا و معایب سیستم های طراحی
چارچوب های منبع باز
برنامه ریزی یک سیستم طراحی
الگوهای UI و کتابخانه های مؤلفه
راهنمای سبک
ساخت معماری CSS
قوانین قالب بندی
استفاده از کلاس های استاندارد شده، قراردادهای نامگذاری و قالب ها
اهداف یادگیری
مزایا و معایب سیستم های طراحی
چارچوب های منبع باز
برنامه ریزی یک سیستم طراحی
الگوهای UI و کتابخانه های مؤلفه
راهنمای سبک
ساخت معماری CSS
قوانین قالب بندی
استفاده از کلاس های استاندارد شده، قراردادهای نامگذاری و قالب ها
مهارت ها
CSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - آنچه باید بدانید
1. شروع به کار
- 03 - تکامل طراحی وب
- 04 - مزایا و چالش ها
- 05 - اصطلاحات
- 06 - چارچوبهای منبع باز - مزایا و معایب
- 07 - معماری CSS چیست
2. ایجاد یک سیستم طراحی
- 08 - برنامه ریزی فرآیند
- 09 - تعریف اصول طراحی و توسعه
- 10 - استراتژی محتوا
- 11 - گرفتن موجودی
- 12 - الگوهای UI و کتابخانههای مؤلفه
- 13 - تهیه چارچوب
- 14 - راهنمای سبک
3. ساخت معماری CSS
- 15 - بررسی اجمالی
- 16 - تعریف مراحل و دسته بندی ها
- 17 - تنظیمات ویرایشگر، ابزارها و تنظیمات
- 18 - قوانین قالب بندی
- 19 - CSS مبتنی بر کلاس
- 20 - قراردادهای نامگذاری با SMACSS
- 21 - سبکهای پایه
- 22 - CSS ماژولار
- 23 - پاسخگو
- 24 - الگوها
نتیجه
- 25 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی جعبه ابزار CSS: نکات و روشهای طراحی و چینش صفحه
- دوره آموزشی CSS: طرحبندیهای پیشرفته با Grid
- دوره آموزشی CSS برای توسعهدهندگان
- دوره آموزشی HTML، CSS و جاوااسکریپت: ساخت وب
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی فرم های HTML: قابلیت دسترسی
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی آن را تمرین کن: طرح بندی CSS