آموزش React: ساخت سبک ها با ماژول های CSS

React: Building Styles with CSS Modules

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

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

مقدمه Introduction

  • خوش آمدی Welcome

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

  • با استفاده از پرونده های تمرینی Using the exercise files

1. تنظیم 1. Setting Up

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

  • پرونده ایجاد شده ما را پاک کنید Clean up our created file

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

  • آشنایی با ماژول های CSS Introduction to CSS modules

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

  • قطعات را به برنامه اضافه کنید Add components to the app

  • نحو CSS با مؤلفه ها CSS syntax with the components

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

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

  • GridItem ما را کامل کنید Complete our GridItem

3. تعامل و پاسخگو 3. Interactions and Responsive

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

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

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

  • نمایش داده شد رسانه ها و ترکیب سبک ها Media queries and combine styles

نتیجه Conclusion

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

نمایش نظرات

آموزش React: ساخت سبک ها با ماژول های CSS
جزییات دوره
1h 29m
17
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
14,182
- از 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.