مطالب پیشنهادی از سراسر وب

دوره ی آموزش React

دسته بندی ها: آموزش ری اکت (React) ، آموزش جاوا اسکریپت (Javascript) ، آموزش طراحی وب ، آموزش های Packtpub

آیا می خواهید مراحل ساخت کامپوننت های ماژولار و قابل استفاده ی مجدد را ساده و شهودی کنید؟ React.js با رویکرد یک بار یاد بگیرید هرکجا بنویسید پاسخ این نیاز شماست. این دوره به شما کمک می کند تا قدرت پشت این روش را درک کرده و با جدیدترین نسخه ی React رابط های کاربری زیبا، مدرن و ماژولار بسازید.

این دوره کلیه ی اصول React.js مانند API آن را پوشش می دهد، که به شما در ایجاد عناصر و کامپوننت ها کمک می کند. DOM مجازی و پسوند نحوی JSX، استفاده از state، کار کردن با events مربوط به مرورگر، و متدهای چرخه ی عمر کامپوننت. در طول دوره یک برنامه را از ابتدا خواهید ساخت و از دانشی که کسب کرده اید به صورت عملی استفاده می کنید. همچنین یاد خواهید گرفت که عناصر مختلف یک سایت یا برنامه را بدون تاخیر و بدون ایجاد اختلال در بقیه ی قسمت های نمایشگر و یا نیاز به کاربر برای تازه سازی، بدون وقفه و تاخیر به روز کنید. همینطور با مفهوم جدید Hooks آشنا می شوید. سرانجام، با یک API کار خواهید کرد تا داده ها را با استفاده از ذخیره سازی محلی ادامه دهید. (توجه داشته باشید که ما از Node.js 10.13.0 برای این دوره استفاده می کنیم که با ویژگی های React که پوشش می دهیم با موفقیت اجدا می شود.)

در پایان دوره، کاملاً قادر به استفاده از ابزارهای React.js برای ساخت عناصر رابط کاربری، واکنش دادن آنها به ورودی کاربر و افزایش دانش خود در مورد دستکاری DOM برای سفارشی کردن رابط کاربر خود در آینده خواهید بود.

تمامی فایل ها و کد در این لینک در دسترس است.

سبک و رویکرد

ما از ابتدا شروع می کنیم و می آموزیم React چیست و تفاوت آن با توسعه ی Javascript سنتی از طریق DOM چیست. دوره با کامپوننت های ساده برای نمایش و تمرین استفاده از مفاهیم و ویژگی های React آغاز می شود. سپس به سراغ ترکیب و تودرتو کردن چندین کامپوننت برروی یک صفحه و اشتراک گذاری داده ها بین کامپوننت ها می رویم. وقتی توانستیم مجموعه داده های نمونه را دستکاری کنیم، شروع به جمع آوری داده ها از APIs شخص ثالث می کنیم و سپس برای ایجاد یک برنامه پویا چند صفحه ای، مسیریابی URL را اضافه می کنیم. این سناریوهای واقعی را به ارمغان خواهد آورد. هدف ما این است که به تدریج اعتماد به نفس و دانش خود را در کار با محیط برنامه React افزایش بدهیم.

فایل های تمرین exercise_files.zip
آیا این نوشته را دوست داشتید؟
Packt Learning React Duration:2 hours 33 minutes

Want to make the process of building modular, reusable user interface components simple and intuitive? React.js is the answer, with its Learn Once, Write Anywhere approach. This course will help you understand the power behind this approach and build beautiful, modern, and modularized UIs with React’s latest version.
This course will cover all of the React.js basics such as its API, which will help you create elements and components; the virtual DOM and the JSX syntax extension; using state; working with browser events; and component lifecycle methods. You will build an application from scratch throughout the course and use the knowledge you've gained in a practical way. You will also learn to update various elements of a site or application seamlessly without delay, without disrupting the rest of the display or requiring the user to refresh. Also, get introduced to the new concept of hooks.. Finally, you will work with a server API to persist data using local storage. (Note that we use Node.js 10.13.0 for this course, which will run successfully with the React features we cover.)
By the end of the course, you will be fully capable of using ReactJ.js tools to build several UI elements, making them reactive to user input, and extending your knowledge of DOM manipulation to customize your own UIs in the future.
The Github repo for this course is: https://github.com/PacktPublishing/Learning-React
Style and Approach
We start from scratch, learning about what React is and how it’s different from traditional JavaScript development via the DOM. Lessons start with simple one-off components to demonstrate and practice using the concepts and features of React. We then move on to combining and nesting multiple components on a single page, and sharing data between components. Once we’re able to manipulate sample datasets, we'll start pulling in data from third-party APIs and then add URL routing to create a dynamic multi-page application. These will reflect real-world scenarios. Our goal is to gradually build our confidence and knowledge in working with a React application environment

پیشنهاد آموزش مرتبط در فرادرس