لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش React: ساخت سبک ها با ماژول های CSS
React: Building Styles with CSS Modules
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
سبک های React و CSS همیشه در استفاده از یک ظاهر طراحی داخلی توافق ندارند. همانطور که توسعه React رشد کرده است ، توسعه دهندگان بیشتر و بیشتر راه های یکپارچه سازی و حفظ سبک با کد خود را کشف کرده اند. این که آیا شما نیاز به ایجاد یک رابط کاربری مبتنی بر React دارید یا می خواهید یک انیمیشن چشمگیر ایجاد کنید ، این دوره کلیدهای لازم برای ساخت یک سبک جذاب و قابل نگهداری را با استفاده از ماژول های React و CSS به شما می دهد.
موضوعات شامل:
راه اندازی React با ماژول های CSS
پیمایش در ساختار فهرست li>
افزودن م componentsلفه ها به برنامه li>
استفاده از نحو CSS به همراه م componentsلفه ها li>
استفاده از سبک های دیگر li>
استفاده از اجزای شبکه li>
ایجاد تعاملات و پاسخگویی li>
پیاده سازی س quالات رسانه li>
ترکیب سبک ها li>
سرفصل ها و درس ها
مقدمه
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
مدیر اجرایی با بیش از 20 سال تجربه در برنامه نویسی و طراحی
امانوئل هنری یک توسعه دهنده فول استک با 20 سال تجربه در برنامه نویسی، فناوری و طراحی است.
> امانوئل مسئول تمام جنبه های پروژه های وب و تلفن همراه مبتنی بر مشتری، از جمله جدول زمانی و محدوده بوده است. این پروژهها از ابزارهای JIRA/Atlassian، متدولوژیهای چابک، و زبانها و چارچوبهایی مانند React، Angular، Node، Meteor، GraphQL، JavaScript، Swift، HTML، CSS (Sass)، MongoDB و MySQL استفاده کردهاند. او همچنین در دنیای بازی های سه بعدی با استفاده از ابزارهایی مانند Unreal، ZBrush، Maya و چندین ابزار دیگر کار می کند. او علاقه زیادی به ایجاد برنامهها و بازیهایی دارد که از جدیدترین فناوریها در ابزارها، چارچوبها و زبانهای فوق استفاده میکنند.
نمایش نظرات