آموزش ساخت کلون اینستاگرام با Jetpack Compose & Firebase
Build Instagram Clone with Jetpack Compose & Firebase
آیا می‌خواهید با استفاده از فناوری مدرن، برنامه‌نویس Android شوید؟
اگر بله، در این کلاس به شما یاد می‌دهم که چگونه با استفاده از فناوری مدرن، یک برنامه تلفن همراه تمام پشته ایجاد کنید
مانند Jetpack Compose Kotlin با استفاده از Firebase به عنوان Back End برای ذخیره همه داده‌ها در پایگاه داده ابر.
ما از Firebase برای احراز هویت استفاده خواهیم کرد.
در این کلاس، نحوه ساخت کلون اینستاگرام را با ساخت اجزای کوچک به جای استفاده مجدد از آن بر اساس نیاز پروژه، یاد خواهید گرفت.
می‌آموزید که چگونه از زبان Kotlin برای ساختن برنامه تلفن همراه بومی استفاده کنید.
این کلاس اولین قسمت از سری 4 قسمتی است، بنابراین ابتدا قسمت جلویی را با استفاده از برخی داده های جعلی برای توسعه صفحه نمایش هایی مانند صفحه اصلی، صفحه پست، صفحه نمایه و بسیاری دیگر می سازیم.
در این کلاس با اصول اولیه Jetpack Compose مانند نحوه ساختن متن، تصویر، ویرایش فیلدهای متن، دکمه‌ها آشنا می‌شوید. چگونه می‌توانیم یک تصویر را دستکاری کنیم تا انواع افکت‌ها را روی تصویر داشته باشیم. همچنین نحوه ایجاد لیست افقی عمودی با استفاده از Lazy Columns و Row را یاد خواهید گرفت.
همچنین یاد خواهید گرفت که چگونه طرح‌بندی‌ها را بر اساس نیاز صفحه‌نمایش تنظیم کنید.
شرح پروژه
در این پروژه کلاسی، وظیفه توسعه صفحه نمایه برای برنامه Instagram Clone به شما داده خواهد شد.
می‌توانید عکس صفحه نمایه را در پیوست‌ها پیدا کنید.
بنابراین برای این پروژه باید تمام تکنیک هایی را که در این کلاس یاد گرفتید به کار ببرید، و همچنین باید به فکر چیزی از خودتان باشید تا این صفحه را به طور کامل بسازید، زیرا صفحه نمایه کاملاً متفاوت از صفحه نمایش هایی است که ما داریم. تا کنون توسعه یافته اند، اما اصل اساسی یکسان است و برای شبکه عکس ها، می توانید از Lazy Grid برای ساخت Grid استفاده کنید.
بنابراین این تمام راهنمایی حداکثری است، من می‌توانم همین الان ارائه دهم، زیرا اگر تمام کمک‌ها را برای این صفحه ارائه کنم، این پروژه هیچ فایده‌ای ندارد.
هدف این پروژه این است که دانش‌آموزان بتوانند از تکنیک‌هایی استفاده کنند که قبلاً آموخته‌اند و در عین حال تکنیک خود را توسعه دهند تا بتوانند در مهارت‌های حل مسئله مهارت پیدا کنند.
بعد از همه، توسعه نرم افزار تماماً در مورد حل مشکلات بزرگ یا کوچک است.
اگر با برخی از مشکلات مواجه شدید، می توانید مشکلات خود را از طریق پیوند فرم زیر گوگل ارسال کنید.
فرم Google برای Q A
https://forms.gle/aYrUc6zN48P11rbU8
درس ها Lessons
-
ایجاد کامپوننت پست جدید Creating new post component
-
ساختن نوار برنامه صفحه نمایش پست جدید Building New Post Screen App Bar
-
نتیجه Conclusion
-
راه اندازی پروژه Setting up the project
-
ایجاد هدر Creating the header
-
اصلاحات در کامپوننت های پست Corrections in Post Components
-
ایجاد طرح بندی برای یک مورد پست Creating Layout for Single Post Item
-
مقدمه Introduction
-
مولفه داستان های ساختمانی Building Stories Component
-
واکشی پست ها با استفاده از ستون تنبل Fetching posts using Lazy Column
-
ایجاد سرگرمی اعتبارسنجی برای پست جدید Creating validation fun for new post
https://donyad.com/d/8578
Jitendra Pratap
برنامه نویس اندروید
نمایش نظرات