لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش دوره فلاتر و نودجس | برنامه کار با چت
Flutter and Nodejs Course | Job App With Chatting
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
A Job Landing App Flutter | Nodejs Build Flutter app از ابتدا برنامه Flutter با Nodejs ساخت یک برنامه کاریابی با استفاده از Flutter به عنوان فرانت اند Nodejs به عنوان باطن ساخت یک سیستم چت با استفاده از سوکت با Nodejs پیش نیازها: کمی تجربه فلاتر با راه اندازی و راه اندازی و راه اندازی flutter sdk کامپیوتری.
این یک برنامه کامل Nodejs و Flutter برای سطح مبتدی تا پیشرفته با فناوری سوکت برای چت و کاریابی است. در اینجا در آموزش ما Mongodb برای پایگاه داده خود و JWT برای احراز هویت.
پیشنمایش برنامه
صفحه ورود
صفحه ورود به سیستم
صفحه ثبت نام
صفحه رزومه
صفحه نمایش تصویر را آپلود کنید
صفحه ویرایش
صفحه اصلی کار
صفحه جستجوی کار
صفحه نمایش کار
صفحه چت
صفحه فهرست چت
Flutter and Nodejs از سطح مبتدی تا پیشرفته پوشش داده می شود. ما همچنین نحوه استقرار سرور Nodejs خود را در سرور دنیای واقعی نشان دادیم. می توانید از آن سرور به صورت رایگان استفاده کنید.
ما از Nodejs برای استراحت با استفاده از چارچوب Express استفاده کردیم. از آنجایی که محبوب ترین فریم ورک Nodejs است، برای همه به راحتی می توان آن را دنبال کرد.
ما همچنین چت بلادرنگ با سوکت ایجاد کردهایم، به طوری که نحوه چت کردن با flutter، nodejs، mongodb و سوکت را یاد میگیرید.
Frontend Flutter ما از صفحه ورود به سیستم برای ورود به برنامه چت شروع کردیم. ما از بسته ارائه دهنده برای مدیریت وضعیت استفاده کرده ایم.
ارائهدهنده یکی از محبوبترین بستهها برای مدیریت وضعیتها است و به راحتی قابل پیگیری است. تا جایی که فریم ورک flutter پیش می رود، ما از آخرین نسخه برای ایجاد این آموزش استفاده کرده ایم.
این آموزش بیش از 12 ساعت را پوشش می دهد که برای تکمیل تمام این موارد کافی است. شما با یک فایل شروع شروع میکنید و با یک برنامه کامل عالی به پایان میرسانید.
سرفصل ها و درس ها
معرفی
Introduction
معرفی
Introduction
نمای کلی ساختار برنامه
Overview of the app structure frontend
قسمت جلویی
Front end
صفحه OnBoarding با PageView و Stack Widget
OnBoarding Screen with PageView and Stack Widget
دکمه های قابل استفاده مجدد سفارشی در فلوتر
Custom Reusable Buttons in Flutter
دستکاری فیزیک پیمایش PageView با استفاده از pageControllers و Provider
Manipulating PageView scroll physics using pageControllers and Provider
ورود نشانگر صفحه صفحه با استفاده از بسته نشانگر صفحه صاف
Onboarding Screen Page Indicator using Smooth Page Indicator Package
پیمایش در ابزارک های PageView با استفاده از دکمه های متن سفارشی و صفحه کنترلر
Navigating through PageView Widgets using Custom TextButtons and pageController
ایجاد AppBar سفارشی قابل استفاده مجدد در Flutter
Creating Reusable Custom AppBar in Flutter
ListView و ایجاد TextFormField سفارشی قابل استفاده مجدد در Flutter
ListView and Creating Reusable Custom TextFormField in Flutter
پیاده سازی و اعتبارسنجی TextFormFields و دکمه سفارشی سفارشی
Implementing and Validating Custom TextFormFields and Custom Button
دستکاری TextFormField ObscureText با استفاده از ارائه دهنده
Manipulating TextFormField ObscureText using provider
Frontend و ZoomDrawer
Frontend and ZoomDrawer
راه اندازی zoom provider.mp4
Setting up zoom provider.mp4
ZoomDrawer با ارائه دهندگان
ZoomDrawer with Providers
ZoomDrawer DrawerScreen ValueSetter و ارائه دهندگان
ZoomDrawer DrawerScreen ValueSetter and Providers
Frontend Tiles و ListView
Frontend Tiles and ListView
ویجت SafeArea و ایجاد ابزارک های قابل استفاده مجدد برای صفحه اصلی
SafeArea Widget and Creating Reusable Widgets for Home Page
ایجاد سازنده ListView که یک ویجت سفارشی را برمی گرداند
Creating ListView builder returning a Custom Widget
کاشی عمودی قابل استفاده مجدد سفارشی
Custom reusable Vertical Tile
تصاویر JobTile را تغییر می دهد
Changes JobTile Images
صفحه کار
Job Page
کاشی نام و پی دی اف کاشی
Name Tile and Pdf tile
مشخصات ایمیل تلفن کاشی و مهارت
Profile Email Phone Tile and Skills
مدیریت دستگاه ها و عملکردهای خروج
Devices Management and Logout functionalities
راه اندازی صفحه جستجو
Setting up the Search page
Backend
Backend
Node در مک
Node on Mac
معرفی کد شروع 2
Starter code introduction 2
Dotenv در nodejs
Dotenv in nodejs
MongoDB ایجاد کنید و به Node Server متصل شوید
Create MongoDB and Connect to Node Server
ایجاد مدل ها
Creating Models
کاربر ایجاد کنید
Create User
اصلاحات خطا
Error Corrections
در حال نصب پستچی و ارسال اولین درخواست پست ما
Installing Postman and making our first post request
نصب و استفاده از MongoDB برای VsCode
Installing and using MongoDB for VsCode
رمزگذاری رمز عبور با استفاده از Crypto-JS
Password Encryption using Crypto-JS
ذخیره رمزهای عبور رمزگذاری شده در db
Storing encrypted passwords in the db
یک کاربر و اپراتور گسترش را در Node JS12، اپراتور spread وارد کنید
Login a user and spread operator in Node JS12, spread operator
پیاده سازی JWT در میان افزار ما
JWT implementation in our Middleware
به روز رسانی کاربر
Update User
دریافت User and Setup محیط PostMan
Get User and Setup PostMan environment
یک شغل ارسال کنید
Post a job
به روز رسانی، دریافت، دریافت همه مشاغل
Update, Get , Get All Jobs
راه اندازی جستجو در Mongo Atlas
Setting up Search in Mongo Atlas
نشانک ها
Bookmarks
میزبانی سرور در راه آهن
Hosting Server on Railway
ایجاد یک مدل چت
Creating a Chat Model
درخواست پست ورود با NodeJS Backend
Login post request with NodeJS Backend
از بهروزرسانیهای شناسه شغلی نشانکگذاری کنید
Bookmark from a job id updates
ذخیره وضعیت در اولویت اشتراکگذاری و راهاندازی نقطه ورودی برنامه پویا
Storing State in Shared preference and setting up dynamic app entrypoint
استفاده از ارائه دهندگان برای تنظیم منطق صفحه ورود به سیستم پیشرفته
Using providers to setting advanced login page logic
درخواست Http در ارائه دهندگان و عملکرد خروج در ارائه دهنده
Http request in providers and logout function in provider
ورود به سیستم و به روز رسانی عملکرد خروج
Logining in and updating logout function
به روز رسانی نمایه با CustomTextField
Update profile with CustomTextField
راه اندازی firebase با firebase cli
Setting up firebase with firebase cli
راه اندازی انتخابگر تصویر و برش تصویر برای اندروید و iOS
Setting up image picker and image cropper for both android and ios
انتخاب تصاویر و برش تصاویر با استفاده از ارائه دهنده
Picking Images and cropping images using provider
آپلود فایل برش خورده در فضای ذخیره سازی firebase و بازیابی آدرس اینترنتی
Uploading the cropped file to firebase storage and retrieving the url
درخواست http نمایه را به روز کنید
Update profile http request
کاربر را با استفاده از توکن jwt به روز کنید
Update user using jwt token
درخواست http به روز رسانی نمایه 2
Update profile http request 2
ثبت نام و ورود به روز رسانی
Register & Login Update
Future Builder و گرفتن داده های Backend
Future Builder and getting backend data
نمایه را در داخل برنامه به روز کنید
Update profile inside the app
Future Builder ListView Builder مدل ها و درخواست http
Future Builder ListView Builder Models and http request
گرفتن کار با شناسه
Getting a job by id
مدیریت لیست از باطن و نمایش لیست در یک ویجت سفارشی
Handling list from the backend and display the list in a custom widget
جستجوی داده های باطن گره با استفاده از flutter
Search node backend data using flutter
بهروزرسانی مدل نشانکها و باطن و درخواست http
Bookmarks model & backend update and http request
اضافه کردن نشانک ها و حذف نشانک ها
Adding Bookmarks and deleting bookmarks
گرفتن تمام نشانه های کتاب باطن و رابط کاربری
Getting all book marks backend and ui
api پیام رسانی
Messaging api
پیام رسانی و چت
Messaging and chat
پیامرسانی چت و تست پستچی
Messaging Chat api and postman test
اتصال سرور نود به سوکت ها
Connecting node server to sockets
ایجاد مدل های چت و پیام
Creating Chat and Messaging Models
خدمات چت و پیام رسانی
Chat and Messaging Services
نمایش چت ها در سازنده ListView با استفاده از سازنده و مدل های آینده
Showing chats in ListView builder using Future builder and models
کاشی چت سفارشی
Custom Chat tile
نوار برنامه صفحه چت
Chat Page appbar
نمایش پیام ها
Showing messages
قسمت ورودی متن چت
Chat Text input field
اتصال به کلاینت سوکت
Connecting to socket client
ارسال پیام به باطن و سوکت
Sending messages to backend and to sockets
مدیریت لیست صفحه بندی شده با استفاده از کنترلر اسکرول
Handling paginated list using scroll controller
پیام رسانی در زمان واقعی
Real-time messaging
منابع دوره
Resources of the course
راهنمای نصب
Installation guide
راهنمای نصب اپلیکیشن و ایجاد کاربران
Installation guide for app and create users
نمایش نظرات