آموزش سبک دادن به برنامه های بومی واکنش نشان دهید

Styling React Native Applications

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: سهم محتوای وب بومی مصرف شده در دستگاه های تلفن همراه در حال افزایش است و در بسیاری از دسته ها بیشتر از سهم مصرف شده در دسک تاپ است. در این دوره ، شما می آموزید که برنامه های React Native را سبک کنید تا در همه دستگاه ها خوب به نظر برسند. دستگاه های تلفن همراه همان چیزی است که بسیاری از کاربران برای مرور وب از آنها استفاده می کنند ، اما توسعه برنامه هایی که همزمان در Android ، iOS و در مرورگرهای وب کار می کنند می تواند باشد یک فرآیند گران ، وقت گیر و گیج کننده. در این دوره ، Styling React Native Applications ، شما می آموزید که به سبک برنامه های React Native سبک دهید ، در نتیجه ظاهر حرفه ای و سازگار در چندین سیستم عامل مختلف تلفن همراه ، فقط با یک پایگاه کد وجود دارد. ابتدا می بینید که چگونه می توانید با استفاده از Stylesheet سبک اصلی را در برنامه React Native خود اعمال کنید. ایجاد () روش و اعمال ابعاد ثابت و موقعیت یابی به عناصر صفحه ، ایجاد پوسته های اساسی ساده و سازگار ، البته انعطاف ناپذیر. در مرحله بعدی ، خواهید فهمید که چگونه می توانید با استفاده از یک سبک Flex به جای ابعاد ثابت ، چیدمان های قوی و پویاتر ایجاد کنید ، به شما این امکان را می دهد که طیف گسترده تری از چیدمان ها را از جمله بخش های مرتب شده به صورت عمودی و افقی و همچنین عناصری ایجاد کنید که به طور خودکار متناسب با متن اندازه می گیرند . سرانجام ، شما نحوه متحرک سازی برنامه خود را با استفاده از LayoutAnimation API ، ایجاد ایجاد انتقال سیال بین نماهای برنامه و حالت های داخل هر نمای ، کشف خواهید کرد. مهارت های انیمیشن که یاد خواهید گرفت به شما امکان می دهد برنامه های جذاب و تعاملی را در همه سیستم عامل ها ایجاد کنید. پس از اتمام این دوره ، مهارت و دانش یک ظاهر طراحی برنامه های React Native را خواهید داشت تا با اطمینان و به طور مستقل سبک های قوی را در هر برنامه ای که برای کار اختصاص داده اید یا به راحتی و با حداقل کد ، برنامه های خود را بسازید .

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

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

درک React Native Styling Understanding React Native Application Styling

  • مقدمه Introduction

  • مروری بر یک ظاهر طراحی برنامه بومی Overview of Native Application Styling

  • راه اندازی برنامه آزمایشی Setting up the Demo Application

  • درک ابعاد ثابت Understanding Fixed Dimensions

  • ترکیب صفحه های سبک با Stylesheet.create () Composing Stylesheets with Stylesheet.create()

  • استفاده از سبک های ابعاد ثابت در برنامه: قسمت اول Applying Fixed Dimension Styles to the Application: Part I

  • استفاده از سبک های ابعاد ثابت در برنامه: قسمت دوم Applying Fixed Dimension Styles to the Application: Part II

  • خلاصه Summary

استفاده از Flexbox برای سبک دهی به برنامه های بومی Using Flexbox to Style React Native Applications

  • Flexbox چیست؟ What Is Flexbox?

  • انتقال از ابعاد ثابت به ابعاد فلکس Transitioning from Fixed Dimensions to Flex Dimensions

  • Flex Direction چیست؟ What Is Flex Direction?

  • نسخه ی نمایشی: اعمال ابعاد Flex و جهت چینش در برنامه Demo: Applying Flex Dimensions and Layout Direction to the Application

  • اعمال ابعاد فلکس بر روی تصاویر Applying Flex Dimensions to Images

  • تراز کردن عناصر با محتوا را توجیه کنید و موارد را تراز کنید Aligning Elements with Justify Content and Align Items

  • نسخه ی نمایشی: تراز کردن عناصر Flex Demo: Aligning Flex Elements

  • نمایش مجموعه ها با Flex-wrap Displaying Collections with Flex-wrap

  • نمایش مجموعه ها با Flex-wrap Demo Displaying Collections with Flex-wrap Demo

  • افزایش سازگاری بین دستگاه ها Increasing Compatibility across Devices

  • نسخه ی نمایشی: افزایش سازگاری بین دستگاه ها Demo: Increasing Compatibility across Devices

  • خلاصه Summary

متحرک سازی واکنش م Nلفه های بومی با LayoutAnimation API Animating React Native Components with the LayoutAnimation API

  • LayoutAnimation API چیست؟ What Is the LayoutAnimation API?

  • مقایسه API های انیمیشن و LayoutAnimation Comparing the Animation and LayoutAnimation APIs

  • هنگام انتقال بین نماها ، از انیمیشن ها استفاده کنید Using Animations When Transitioning between Views

  • مقدمه ای بر نسخه ی نمایشی انیمیشن Introduction to Animation Demo

  • نسخه ی نمایشی: استفاده از انیمیشن ها هنگام انتقال بین نماها Demo: Using Animations When Transitioning between Views

  • خلاصه Summary

نمایش نظرات

نظری ارسال نشده است.

آموزش سبک دادن به برنامه های بومی واکنش نشان دهید
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
1h 50m
27
Pluralsight (پلورال سایت) pluralsight-small
19 آبان 1399 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
-
از 5
دارد
دارد
دارد
Daniel Stern

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Daniel Stern Daniel Stern

Daniel Stern یک رمزگذار ، توسعه دهنده وب و علاقه مند به برنامه نویسی از تورنتو ، انتاریو است ، جایی که او به عنوان یک توسعه دهنده و طراح مستقل کار می کند. دانیل از روزهای برقراری ارتباط تلفنی با فناوری های وب کار می کند و به ویژه علاقه زیادی به جاوا اسکریپت ، CSS ، آنگولار ، React و TypeScript دارد. در طول کار خود به عنوان یک توسعه دهنده منبع باز ، وی بسیاری از ابزارهای وب با استانداردهای جامعه از جمله Angular Audio و Range.CSS را ایجاد کرده است. ابزار وی ، Range.CSS ، در مقاله مهمان در CSS-Tricks.com و در CSS Weekly به نمایش در آمد. دانیل همچنین دانش خود را از طریق سخنرانی به اشتراک می گذارد ، مانند لندن ، انگلیس در Full Stack Conf 2014 که در آن سخنرانی در مورد بهترین روش های صوتی وب و Angular را ارائه داد. فیلم های سخنرانی دانیل در نشریاتی مانند JavaScript Weekly به نمایش در آمده است. دانیل در تورنتو ، انتاریو زندگی می کند و از ساخت موسیقی الکترونیکی و خواندن Game of Thrones در موارد نادر که کد نویسی نمی کند ، لذت می برد.

Pluralsight (پلورال سایت)

Pluralsight یکی از پرطرفدارترین پلتفرم‌های آموزش آنلاین است که به میلیون‌ها کاربر در سراسر جهان کمک می‌کند تا مهارت‌های خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دوره‌های آموزشی در زمینه‌های فناوری اطلاعات، توسعه نرم‌افزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه می‌دهد.

یکی از ویژگی‌های برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعه‌دهندگان و کارشناسان معتبر، دوره‌هایی را ارائه می‌دهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژی‌ها نگه می‌دارد. این امر به کاربران این اطمینان را می‌دهد که دوره‌هایی که در Pluralsight می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.