آموزش 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

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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

آموزش 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.