دوره آموزشی سیستمها و معماریهای طراحی در 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 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی هوش مصنوعی عملی: ساخت و انتشار یک وبسایت با v0 و Vercel
- دوره آموزشی مجموعه فریلنسری: پروژه واقعی با Next.js و Strapi
- دوره آموزشی CSS: فریمورکها و شبکه ها
- دوره آموزشی متغیرها و چیدمان های سیال در CSS
- دوره آموزشی یادگیری المنتور برای طراحی وردپرس
- دوره آموزشی وردپرس: سفارشی سازی تم های ووکامرس
- دوره آموزشی گردش کار طراحی و توسعه با Framer X
- دوره آموزشی یادگیری Materialize CSS
مسیرهای مرتبط
- مسیر آموزشی یادگیری جامع CSS
- مسیر آموزشی تبدیل شدن به یک تستر نرم افزار
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده Full-Stack وب
- مسیر آموزشی توسعه وب را با Node.js کاوش کنید
- مسیر آموزشی بهبود مهارت های برنامه نویسی طراحی وب خود
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده Back-End وب
- مسیر آموزشی کاوش شغلی در توسعه وب فرانت اند
- مسیر آموزشی برترین مهارت های حال حاضر مهندسی