آموزش کلون اینستاگرام با FastAPI، ReactJS و Android 2023

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

معرفی Introduction

• معرفی Introduction

FastAPI FastAPI

• نمای کلی پروژه Project overview

• پیام مهم در مورد بررسی های Udemy Important message about Udemy reviews

• در شبکه های اجتماعی شرکت کنید Engage on social media

• الزامات FastAPI FastAPI requirements

• راه اندازی پروژه Project setup

• کد ایجاد پایگاه داده Database creation code

• راه اندازی پایگاه داده Database setup

• کاربر ایجاد کنید Create user

• رمزگذاری رمز عبور Password encryption

• ایجاد پست Create post

• دریافت همه پست ها Get all posts

• آپلود تصویر Upload image

• تولید توکن احراز هویت Authentication token generation

• احراز هویت Authentication

• حذف پست Delete post

• نظرات Comments

• CORS CORS

• داده ایجاد کنید Create data

کلاینت اینستاگرام - React JS Instagram client - React JS

• نمای کلی پروژه Project overview

• راه اندازی پروژه Project setup

• بازیابی پست ها از باطن Retrieve posts from backend

• نمایش تصاویر Display images

• کپشن و نظرات Caption and comments

• هدر پست Post header

• مرتب کردن پست ها Sort posts

• سرتیتر Header

• گفتگوی ثبت نام Signup dialog

• احراز هویت Authentication

• هدر را به روز کنید Update header

• احراز هویت را حفظ کنید Maintain authentication

• مودال ثبت نام Signup modal

• قابلیت ثبت نام Signup functionality

• UI آپلود را پست کنید Post upload UI

• آپلود تصویر Upload image

• ایجاد پست Create post

• حذف پست Delete post

• رابط نظر Comment interface

• نظر را بارگذاری کنید Upload comment

• نظرات به روز شده را بازیابی کنید Retrieve updated comments

• مرور Review

کلاینت اینستاگرام - اندروید Instagram client - Android

• نمای کلی پروژه Project overview

• راه اندازی gradle gradle setup

• پروژه ایجاد کنید Create project

• کد چیدمان اصلی Main layout code

• طرح اصلی Main layout

• ارتباطات شبکه Network communication

• برقراری تماس شبکه Perform a network call

• کد طرح بندی پست Post layout code

• طرح بندی پست Post layout

• آداپتور RecyclerView RecyclerView Adapter

• نمایش پست ها Showing the posts

• به روز رسانی طرح Update layout

• کد طرح ورود به سیستم Login layout code

• طرح بندی گفتگوی ورود Login dialog layout

• نمایش گفتگوی ورود Show login dialog

• ورود به سیستم تماس شبکه Login network call

• قابلیت ورود به سیستم Login functionality

• کد گفتگوی ثبت نام Signup dialog code

• طرح بندی گفتگوی ثبت نام Signup dialog layout

• نمایش گفتگوی ثبت نام Show signup dialog

• قابلیت ثبت نام Signup functionality

• رابط کاربری پست را به روز کنید Update post UI

• معکوس ترتیب پست ها Reverse posts order

• تصویر را انتخاب کنید Select image

• آپلود تصویر Upload image

• ارسال پست Upload post

• حذف پست Post deletion

• ایجاد نظر Create comment

• تازه کردن طرح Refresh layout

• مرور Review

نتیجه Conclusion

• نتیجه Conclusion