ساخت کلون اپلیکیشن دوستیابی Tinder با تسلط به Laravel Livewire
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- تسلط به فناوریهای وب مدرن - پرداختن به دنیای لاراول، Livewire و Alpinejs و Tailwind CSS - یکپارچهسازی پویای این موارد برای ایجاد وب اپلیکیشنهای تکصفحهای (SPA)
- سوایپ کردن آسان - پیادهسازی قابلیت سوایپ کردن به چپ و راست به سبک Tinder با استفاده از Alpine js
- تخصص در Tailwind CSS - یادگیری زیروبم Tailwind CSS تا اپلیکیشن خود را با ظرافت و کارایی استایلدهی کنید.
- چت بلادرنگ - طراحی سیستم چت کامل برای ارتباطات فوری با همتایان بدون بارگذاری دوباره صفحه
- Livewire پیشرفته - تسلط به Livewire برای ایجاد کامپوننتهای تعاملی که تجربه کاربری را بهبود میبخشد.
- نوتیفیکیشنهای شخصیسازی شده - میآموزید که چگونه برای همتایان جدید، هشدارها را ارسال و پیاده کنید.
- وبسوکتها برای پیامرسانی آنی - میآموزید که چگونه از وبسوکتها و Laravel Echo برای پیامرسانی بینقص و بلادرنگ استفاده کنید.
- معرفی ویژگی Rewind - بررسی backtrack کردن آسان روی سوایپها و مشاهده مجدد کاربران قبلاً منتقل شده با ناوبری یکپارچه
- میآموزید که چگونه فاویکونها را برای اپلیکیشن لاراول خود ایجاد و نصب کنید.
پیشنیازهای دوره
- برای بهرهمندی کامل از دوره، توصیه میشود که دانشجویان درک اولیه از فریمورک لاراول، Tailwind CSS و PHP و HTML و CSS داشته باشند. اگرچه الزامی نیست، دانش ابتدایی از این فناوریها به شما کمک میکند تا مفاهیم را بهطور موثرتری درک کنید و تجربه یادگیری خود را تقویت کنید.
- اگر شما مبتدی هستید، نگران نباشید. ما توضیحات واضح و مثالهای عملی برای کمک به پر کردن هرگونه شکاف دانش شما ارائه خواهیم داد.
- این دوره به گونهای طراحی شده که برای سطوح مختلف مهارتی مناسب باشد، بنابراین چه با این فناوریها آشنا باشید یا تازه کار خود را شروع کرده باشید، نکات ارزشمند و راهنماییهای عملی برای پیشرفت در مهارتهای توسعه وب پیدا خواهید کرد.
- یک لپتاپ یا رایانه دسکتاپ با اینترنت خوب نیاز است.
- کامپوزر، PHP و نودجیاس باید بر روی لپتاپ شما نصب شده باشد.
توضیحات دوره
به سفر کامل توسعه وب با عنوان «ساخت کلون اپلیکیشن دوستیابی Tinder با تسلط به Laravel Livewire» خوش آمدید!
آیا آمادهاید تا به دنیای جذاب فناوریهای وب مدرن وارد شده و خلاقیت خود را کشف کنید؟ در این دوره جامع، ما شما را در هر گام از ساخت اپلیکیشن دوستیابی خیرهکننده مشابه Tinder با استفاده از لاراول و Livewire راهنمایی خواهیم کرد.
شما یک سفر عملی را آغاز خواهید کرد که در آن با طراحی یک صفحه لندینگ که ظاهر شیک Tinder را تقلید میکند آشنا خواهید شد. سپس به نصب فاویکونها و ایجاد تجربیات کاربری پویا با Tailwind CSS خواهیم پرداخت. شما به ویژگیهای ارتباطات بلادرنگ و اصول طراحی مینیمالیستی تسلط یافته و اپلیکیشنی خواهید ساخت که در بازار شلوغ دوستیابی متمایز باشد.
ما با تکنیکهای پیشرفته مانند یکپارچهسازی وبسوکتها، مرزها را برای تجربه یکپارچه از اپلیکیشن تکصفحهای جابجا میکنیم. شما نوتیفیکیشنهای ایمیل شخصیسازی شده و ویژگیهای نوآورانه مانند قابلیتهای Rewind و Swipe Right و Swipe Left و Swipe Up را بررسی میکنید.
با دستورالعملهای کارشناسانه ما، شما نه تنها یک اپلیکیشن دوستیابی کاملاً تابعی خواهید ساخت، بلکه مهارتهای Alpine js خود را با طراحی کامپوننتهای جذاب سوایپ تقویت خواهید کرد. شما عمیقاً به ایجاد یک رابط چت زیبا پرداخته و به زوایای مختلف پیامرسانی، مکالمه و مدلهای انطباق تسلط خواهید یافت.
چه شما یک توسعهدهنده باتجربه باشید و چه یک تازهکار که مشتاق است نشان خود را ثبت کند، این دوره به گونهای طراحی شده که شما را توانمند سازد. به ما بپیوندید و رازهای ساخت وب اپلیکیشنهای فراگیر را که کاربران را مجذوب میکند و تاثیر ماندگاری بر جا میگذارد، کشف کنید. هماکنون در دوره شرکت کرده و بیایید این سفر هیجانانگیز را با هم شروع کنیم!
این دوره برای چه کسانی مناسب است؟
- این دوره برای طیف متنوعی از توسعهدهندگان مبتدی و سطح متوسط وب طراحی شده که به دنبال ارتقای مهارتهای خود در توسعه وب مدرن هستند. روش عملی، همراه با مثالهای کاربردی در ساخت اپلیکیشن کلون Tinder، اطمینان حاصل میکند که یادگیرندگان نه تنها مفاهیم را درک میکنند بلکه اعتمادبهنفس لازم برای پیادهسازی آنها در پروژههای واقعی را نیز به دست میآورند.
- چه شما فرد علاقهمند به کدنویسی باشید که به دنبال گسترش دانش خود هستید و چه یک حرفهای که به دنبال توسعه مجموعه مهارتهای خود میگردید، این دوره برای شما طراحی شده است.
- اگر دانش اولیه از فریمورک لاراول، Tailwind CSS و PHP و HTML و CSS دارید، محتوای دوره به طور ویژه برای شما ارزشمند خواهد بود.
- کارآفرینان یا افرادی که به دنبال ایجاد وب اپلیکیشنهای پویا و غنی از ویژگی هستند، مخصوصاً افرادی که به ایجاد پلتفرمهای اجتماعی یا وبسایتهای تعاملی مشابه علاقهمند هستند، به طور قابل توجهی از این دوره بهرهمند خواهند شد.
ساخت کلون اپلیکیشن دوستیابی Tinder با تسلط به Laravel Livewire
-
مقدمه 02:41
-
نصب لاراول 02:43
-
نصب Breeze Auth با Livewire (Volt Class API) با Alpine 03:27
-
طراحی Blade ناوبری 08:52
-
طراحی صفحه خوشآمدگویی 11:01
-
ایجاد فاویکون 03:21
-
طراحی طرحبندی اپلیکیشن 15:03
-
طراحی تب همتایان 05:18
-
طراحی تب پیامها 07:27
-
ایجاد کامپوننت صفحه اصلی 06:21
-
نصب Hammer js برای حرکات لمسی تعاملی 02:40
-
ایجاد کامپوننت Swiper 11:11
-
افزودن اطلاعات پروفایل و اکشنها به کامپوننت Swiper 13:41
-
افزودن رویداد ''pan'' به hammer.js 13:14
-
افزودن رویداد ''panend'' به hammer.js 17:23
-
افزودن قابلیتهای swipeRight و swipeLeft و Swipe up 09:00
-
افزودن کاروسل تصویر به کارت سوایپ 15:09
-
ایجاد کارت پروفایل 16:17
-
افزودن اکشنهای سوایپ به کارت پروفایل 03:23
-
بروزرسانی مدل کاربر و مهاجرت 11:53
-
ایجاد مدل اولیه 07:39
-
ایجاد مدل BasicUser و Seed کردن (pivot) 06:05
-
ایجاد مدل زبانها 02:41
-
ایجاد مدل LanguageUser و Seed کردن (pivot) 06:00
-
حلقه زدن کاربران از پایگاه داده 10:22
-
ایجاد مدل سوایپ 08:03
-
ذخیره سوایپها 12:22
-
ایجاد مدل همتا 06:00
-
ذخیره همتای جدید بین کاربران 05:41
-
نمایش هشدار پیدا شدن همتا 10:04
-
ایجاد کامپوننت تبها و بارگذاری همتایان 06:40
-
ایجاد مدل مکالمه و پیام 07:25
-
ایجاد مکالمه جدید هنگام پیدا شدن همتا 05:35
-
ایجاد مکالمه جدید هنگام کلیک روی همتا 06:05
-
ایجاد ایندکس چت 03:48
-
بارگذاری مکالمات کاربر 03:44
-
ایجاد کامپوننت چت 05:59
-
طراحی هدر چت 04:04
-
طراحی بادی چت 06:30
-
طراحی فوتر چت 04:32
-
طراحی بخش پروفایل کاربر 03:16
-
واکشی کاربر و بارگذاری مکالمه انتخاب شده 05:32
-
ایجاد کاربر تست و فکتوری سوایپ 07:11
-
ارسال پیام جدید 03:43
-
بارگذاری تمام پیامها 08:30
-
فیکس کردن مشکل هایلایت کردن چت انتخاب شده زمانی که رویداد پیام جدید فعال میشود 02:45
-
اسکرول چت به پایین هنگام پیام جدید و هنگام بارگذاری 05:44
-
بارگذاری پیامهای بیشتر 07:02
-
علامتگذاری پیام به عنوان خوانده شده 10:58
-
نمایش تعداد پیامهای خوانده نشده در تبها و وضعیت خوانده شده در چت 03:42
-
برودکستینگ چیست؟ 04:31
-
نصب Laravel Echo 04:16
-
ایجاد حساب Pusher 04:03
-
ایجاد MessageSentNotification و برودکستینگ پیام 04:49
-
Listen کردن به MessageSentNotification 10:26
-
رفرش لیست چت (تبها) با برودکست MessageSentNotification 02:50
-
ایجاد دکمه تریگر Unmtach 05:28
مشخصات آموزش
ساخت کلون اپلیکیشن دوستیابی Tinder با تسلط به Laravel Livewire
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:57
- مدت زمان :06:44:10
- حجم :3.42GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy