لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش ساخت اپلیکیشن قاب عکس با React و Redux
- آخرین آپدیت
دانلود Apply React and Redux to Build a Photo Frame App
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
در پایان این دوره، دانشپذیران قادر خواهند بود محیط توسعه React را راهاندازی کرده، رابطهای کاربری مبتنی بر کامپوننت طراحی کنند، وضعیت (State) اپلیکیشن را به شکلی مؤثر مدیریت کرده، مسیریابی سمت کاربر (Client-side routing) را پیادهسازی نمایند و از Redux برای مدیریت متمرکز و قابل پیشبینی وضعیت استفاده کنند. همچنین، دانشپذیران میتوانند با ادغام ویژگیهای رابط کاربری و مدیریت تعاملات واقعی کاربران، یک اپلیکیشن کامل React را ساخته و توسعه دهند.
این دوره با رویکردی عملی و مبتنی بر مطالعه موردی (Case-study)، یادگیری React و Redux را از طریق هدایت دانشپذیران در فرآیند ساخت یک اپلیکیشن «قاب عکس» از صفر آموزش میدهد. بهجای مثالهای پراکنده، دانشپذیران روی یک پروژه منسجم که منعکسکننده جریانهای کاری واقعی در صنعت است کار میکنند که باعث میشود مفاهیم انتزاعی راحتتر درک و بهکار گرفته شوند. این دوره بر شیوههای مدرن React مانند کامپوننتهای تابعی (Functional Components)، بهروزرسانیهای ساختاریافته وضعیت و معماری مقیاسپذیر اپلیکیشن تأکید دارد.
آنچه این دوره را متمایز میکند، تمرکز کامل و عملی آن بر هر دو مبحث React و Redux در قالب یک پروژه واحد است. دانشپذیران نهتنها دانش مفهومی، بلکه تجربه عملی کسب میکنند که مهارتهای لازم برای ورود به بازار کار در حوزه توسعه فرانتاند را تقویت میکند.
سرفصل ها و درس ها
ایجاد زیرساخت اپلیکیشن قاب عکس در React
Building the React Photo Frame Foundation
مقدمهای بر پروژه React JS و Redux
Introduction to Project on React JS Redux
ایجاد اپلیکیشن React
Create React App
باز کردن ویژوال استودیو
Open Visual Studio
راهاندازی اپلیکیشن بخش ۱
App Setup Part 1
راهاندازی اپلیکیشن بخش ۲
App Setup Part 2
ادامه راهاندازی اپلیکیشن
App Setup Continue
معماری کامپوننتها
Component-Architecture
کامپوننت تابعی
Functional-Component
مدیریت وضعیت (State Management)
State-Management
بهروزرسانی وضعیت
Update-State
افزودن عکسها
Add photos
مسیریابی با Browser Router
Browser-Router
بهبود اپلیکیشن با رابط کاربری و Redux
Enhancing the App with UI and Redux
رابط کاربری افزودن عکس
Add-Photos-Ui
عملکرد افزودن عکس
Add-Photo-Functionality
شروع کار با Redux
Getting-Started-With-Redux
اتصال کامپوننتها
Connect-Components
بهروزرسانی وضعیت با استفاده از Redux
Updatestate-Using-Redux
نمایش نظرات