آموزش با کامپوننت های Styled واکنش نشان دهید

React with Styled Components

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

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

معرفی Introduction

  • آنچه شما باید بدانید What you should know

  • استفاده از GitHub Codespaces Using GitHub Codespaces

  • با مولفه های استایل شده واکنش نشان دهید React with styled components

1. React، Components و JSX 1. React, Components, and JSX

  • مقدمه ای بر اجزا Introduction to components

  • راه حل: دستور JSX به HTML Solution: JSX syntax to HTML

  • چالش: نحو JSX به HTML Challenge: JSX syntax to HTML

  • مقدمه ای بر نحو JSX Introduction to JSX syntax

  • ارائه داده های پویا Rendering dynamic data

  • مقدمه ای بر React Introduction to React

2. React Modules 2. React Modules

  • راه حل: یک برنامه React ایجاد کنید Solution: Create a React app

  • واردات و صادرات Importing and exporting

  • چالش: یک برنامه React ایجاد کنید Challenge: Create a React app

  • راه اندازی یک اپلیکیشن Setting up an app

3. React Props 3. React Props

  • چالش: رندر با نقشه Challenge: Render with map

  • نقشه برای رندر پویا Map for dynamic rendering

  • مدیریت تجهیزات و وضعیت Managing props and state

  • راه حل: رندر با نقشه Solution: Render with map

  • کار با داده های پویا Working with dynamic data

  • مقدمه ای بر لوازم جانبی Introduction to props

4. اجزای سبک 4. Styled Components

  • سبک های جهانی Global styles

  • چالش: به یک برنامه React استایل بدهید Challenge: Style a React app

  • راه حل: به یک برنامه React استایل دهید Solution: Style a React app

  • کامپوننت‌های مدل‌دار: برچسب‌گذاری‌شده الگوی واقعی Styled components: Tagged template literals

نتیجه Conclusion

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

نمایش نظرات

آموزش با کامپوننت های Styled واکنش نشان دهید
جزییات دوره
2h 10m
24
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
80
- از 5
ندارد
دارد
دارد
Julia Dyck
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Julia Dyck Julia Dyck

برنامه نویس، تهیه کننده، هنرمند وب Full-Stack

جولیا دایک یک توسعه دهنده، تهیه کننده و هنرمند وب تمام پشته است.

به عنوان یک توسعه دهنده وب تمام پشته، دانش جولیا از توسعه وب مدرن شامل HTML5، CSS، JavaScript ES6، React.js، MongoDB، Express، Node.js و PHP است. او همچنین یک تهیه کننده رسانه با تجربه با سابقه کار در تمام جنبه های ارتباطات و هنر دیجیتال است.

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