آموزش React: Building Styles با ماژول های CSS

React: Building Styles with CSS Modules

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

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

معرفی Introduction

  • ساخت سایت React با ماژول های CSS Building a React site with CSS Modules

  • پیش نیازهای دوره Course prerequisites

1. راه اندازی 1. Setting Up

  • فایل ایجاد شده خود را پاک کنید Clean up of your created file

  • با ماژول های CSS بدون خارج کردن واکنش نشان دهید React with CSS Modules without ejecting

2. مبانی ماژول های CSS 2. Basics of CSS Modules

  • مقدمه ای بر ماژول های CSS Introduction to CSS Modules

  • از آهنگسازی برای استفاده از سبک های دیگر استفاده کنید Use composes to leverage other styles

  • سینتکس CSS با اجزا CSS syntax with the components

  • ساختار دایرکتوری اولیه Initial directory structure

  • حالت و جزء شبکه خود را تنظیم کنید Set up your state and grid component

  • کامپوننت ها را به برنامه اضافه کنید Add components to the app

  • مورد شبکه خود را کامل کنید Complete your grid item

3. تعاملات و طراحی پاسخگو 3. Interactions and Responsive Design

  • پرسش های رسانه ای و ترکیب سبک ها Media queries and combining styles

  • انیمیشن پایه با فریم های کلیدی CSS Basic animation with CSS keyframes

  • بارگیری SVG با حالت SVG loading with state

  • عناصر نهایی را اضافه کنید Add final elements

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

آموزش React: Building Styles با ماژول های CSS
جزییات دوره
1h 34m
16
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
23,496
- از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Emmanuel Henri Emmanuel Henri

مدیر اجرایی با بیش از 20 سال تجربه در برنامه نویسی و طراحی

امانوئل هنری یک توسعه دهنده فول استک با 20 سال تجربه در برنامه نویسی، فناوری و طراحی است.

> امانوئل مسئول تمام جنبه های پروژه های وب و تلفن همراه مبتنی بر مشتری، از جمله جدول زمانی و محدوده بوده است. این پروژه‌ها از ابزارهای JIRA/Atlassian، متدولوژی‌های چابک، و زبان‌ها و چارچوب‌هایی مانند React، Angular، Node، Meteor، GraphQL، JavaScript، Swift، HTML، CSS (Sass)، MongoDB و MySQL استفاده کرده‌اند. او همچنین در دنیای بازی های سه بعدی با استفاده از ابزارهایی مانند Unreal، ZBrush، Maya و چندین ابزار دیگر کار می کند. او علاقه زیادی به ایجاد برنامه‌ها و بازی‌هایی دارد که از جدیدترین فناوری‌ها در ابزارها، چارچوب‌ها و زبان‌های فوق استفاده می‌کنند.

برای اطلاعات بیشتر، به mannyhenri.com.