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

React: Building Styles with CSS Modules

در حال بارگزاری نمونه ویدیو، لطفا صبر کنید...
Video Player is loading.
Current Time 0:00
Duration 0:00
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
    • Chapters
    • descriptions off, selected
    • subtitles off, selected
      نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
      نمونه ویدیوها:
      • در حال بارگزاری، لطفا صبر کنید...
      توضیحات دوره: سبک های 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.