قیمت این دوره: 2,690,000 1,345,000 تومان
  • مدرس دوره : حسن خسروجردی
  • تعداد ویدیوها : 152 ویدیو
  • مدت زمان دوره : 33:9:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1404/05/11
ثبتـــ نام در این دوره ثبت نام در دوره
پیاده سازی سایت مشابه دیوار با Laravel & React & Next js 14

پیاده سازی سایت مشابه دیوار با Laravel & React & Next js 14

بعد از یادگیری فریمورک لاراول به عنوان یک فریمورک بک اند و همچنین یادگیری کتابخانه ری اکت به عنوان یک تکنولوژی فرانت اند ، نوبت به پیاده سازی یک پروژه واقعی بصورت فول استک از صفر فرامیرسد. در این دوره در ابتدا طراحی پروژه به کمک html , css , tailwind ,  انجام میگیرد سپس به ساخت بخش بک اند پروژه به کمک لاراول خواهیم پرداخت . پس از پیاده سازی کامل api  پروژه ، به سراغ اتصال طراحی  به کتابخانه ری اکت رفته و با next js یک پروژه کامل فول استک را خواهیم ساخت.

 

سرفصل ها : 

طراحی فرانت اند پروژه مشابه سایت دیوار
پیاده سازی API  پروژه به کمک لاراول
اتصال طراحی به ری اکت
اتصال API به ری اکت


پیش نیاز های دوره :

  1. تسلط کامل به Next js ورژن ۱۳ به بالا
  2. تسلط کامل به لاراول
  3. تسلط کامل به طراحی سایت html css tailwind bootstrap javascript
  4. تسلط کامل به ری اکت

فهرستـــ ویدیوها

مدت زمان دوره 33:9:00
00:00
00:00

  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1

  • معرفی دوره

00:07:33

معرفی دوره

2

  • پیشنیاز های دوره

00:04:05

پیشنیاز های دوره

3

  • امکانات پروژه

00:08:34

امکانات پروژه

4

  • نصب ابزار های مورد نیاز - نصب پروژه Tailwind

00:05:48

نصب ابزار های مورد نیاز - نصب پروژه Tailwind

5

  • طراحی header صفحه اول

00:14:53

طراحی header صفحه اول

6

  • طراحی بخش نام شهر ها و جستجو

00:19:41

طراحی بخش نام شهر ها و جستجو

7

  • تکمیل صفحه اول

00:07:12

تکمیل صفحه اول

8

  • طراحی صفحه اول - بخش هدر

00:10:58

طراحی صفحه اول - بخش هدر

9

  • بهینه سازی پروژه - cdn

00:08:08

بهینه سازی پروژه - cdn

10

  • طراحی header در سایز بزرگ

00:14:53

طراحی header در سایز بزرگ

11

  • طراحی footer

00:12:50

طراحی footer

12

  • طراحی sidebar

00:10:52

طراحی sidebar

13

  • اضافه کردن tailwind element

00:09:12

اضافه کردن tailwind element

14

  • طراحی sidebar - بخش دوم

00:10:58

طراحی sidebar - بخش دوم

15

  • تکمیل سایدبار

00:08:07

تکمیل سایدبار

16

  • بخش دسته بندی ها

00:10:58

بخش دسته بندی ها

17

  • بخش آگهی ها - اتمام صفحه اول

00:12:40

بخش آگهی ها - اتمام صفحه اول

18

  • header footer داخلی آگهی ها

00:13:35

header footer داخلی آگهی ها

19

  • main داخلی آگهی ها

00:12:46

main داخلی آگهی ها

20

  • main داخلی آگهی ها - بخش دوم

00:17:22

main داخلی آگهی ها - بخش دوم

21

  • main داخلی آگهی ها - بخش سوم

00:12:08

main داخلی آگهی ها - بخش سوم

22

  • main داخلی آگهی ها - بخش چهارم

00:07:33

main داخلی آگهی ها - بخش چهارم

23

  • main داخلی آگهی ها - بخش پنجم

00:09:11

main داخلی آگهی ها - بخش پنجم طراحی منو و فوتر سایز بزرگ

24

  • main داخلی آگهی ها - بخش ششم

00:21:14

main داخلی آگهی ها - بخش ششم

25

  • شروع بک اند پروژه - نصب لاراول

00:07:57

شروع بک اند پروژه - نصب لاراول

26

  • جادوی لاراول !!! - احراز هویت در Next.js

00:13:56

جادوی لاراول !!! - احراز هویت لاراول و نکست next js laravel authentication

27

  • عمل جراحی سیستم احراز هویت - register

00:18:31

عمل جراحی سیستم احراز هویت - register

28

  • عمل جراحی سیستم احراز هویت - register - بخش دوم

00:13:56

عمل جراحی سیستم احراز هویت - register - بخش دوم

29

  • عمل جراحی سیستم احراز هویت - login

00:08:09

عمل جراحی سیستم احراز هویت - login

30

  • عمل جراحی سیستم احراز هویت - forgot password

00:05:53

عمل جراحی سیستم احراز هویت - forgot-password

31

  • عمل جراحی سیستم احراز هویت - reset password

00:07:09

عمل جراحی سیستم احراز هویت - reset password

32

  • عمل جراحی سیستم احراز هویت - logout

00:10:20

عمل جراحی سیستم احراز هویت - logout

33

  • عمل جراحی سیستم احراز هویت - ایمیل فعال سازی

00:06:17

عمل جراحی سیستم احراز هویت - ایمیل فعال سازی

34

  • backend - دسته بندی ها

00:27:04

بک اند - دسته بندی ها

35

  • backend - دسته بندی ها - بخش دوم

00:16:01

backend - دسته بندی ها - بخش دوم

36

  • backend - دسته بندی ها - بخش سوم

00:11:22

backend - دسته بندی ها - بخش سوم update delete show

37

  • backend - منو ها

00:12:27

backend - منو ها

38

  • backend - منو ها - بخش دوم

00:11:19

backend - منو ها - بخش دوم

39

  • backend - حل تمرین

00:18:07

backend - حل تمرین

40

  • backend - ساخت مستندات API

00:13:16

backend - ساخت مستندات API api doc generator laravel Scramble – Laravel OpenAPI (Swagger) Documentation Generator

41

  • backend - بخش صفحه ساز

00:13:17

backend - بخش صفحه ساز

42

  • ابزار های پرکاربرد - slug - slug فارسی

00:08:14

ابزار های پرکاربرد - slug - slug فارسی در لاراول

43

  • backend - بخش صفحه ساز - بخش دوم

00:07:38

backend - بخش صفحه ساز - بخش دوم

44

  • ابزار های پرکاربرد - cascade soft delete

00:08:34

ابزار های پرکاربرد - cascade soft delete laravel

45

  • ابزار های پرکاربرد - سرویس آپلود عکس

00:13:19

ابزار های پرکاربرد - سرویس آپلود عکس image intervention v3

46

  • ابزار های پرکاربرد - سرویس آپلود عکس - بخش دوم

00:15:08

ابزار های پرکاربرد - سرویس آپلود عکس - بخش دوم

47

  • ابزار های پرکاربرد - سرویس آپلود عکس - بخش سوم

00:09:18

ابزار های پرکاربرد - سرویس آپلود عکس - بخش سوم

48

  • ابزار های پرکاربرد - سرویس آپلود عکس - بخش چهارم

00:10:29

ابزار های پرکاربرد - سرویس آپلود عکس - بخش چهارم image intervention laravel

49

  • ابزار های پرکاربرد - سرویس آپلود عکس - بخش پنجم

00:17:08

ابزار های پرکاربرد - سرویس آپلود عکس - بخش پنجم

50

  • ابزار های پرکاربرد - سرویس آپلود عکس - بخش ششم

00:07:45

ابزار های پرکاربرد - سرویس آپلود عکس - بخش ششم

51

  • ابزار های پرکاربرد - سرویس آپلود عکس - بخش هفتم

00:15:42

ابزار های پرکاربرد - سرویس آپلود عکس - بخش هفتم

52

  • ابزار های پرکاربرد - سرویس آپلود عکس - بخش هشتم

00:09:36

ابزار های پرکاربرد - سرویس آپلود عکس - بخش هشتم

53

  • ابزار های پرکاربرد - سرویس آپلود عکس - بخش نهم

00:06:27

ابزار های پرکاربرد - سرویس آپلود عکس - بخش نهم

54

  • backend - ویژگی دسته بندی ها

00:15:41

backend - ویژگی دسته بندی ها

55

  • backend - ویژگی دسته بندی ها - بخش دوم

00:08:13

backend - ویژگی دسته بندی ها - بخش دوم

56

  • backend - مقادیر ویژگی دسته بندی ها

00:14:16

backend - مقادیر ویژگی دسته بندی ها

57

  • backend - مقادیر ویژگی دسته بندی ها - بخش دوم

00:08:38

backend - مقادیر ویژگی دسته بندی ها - بخش دوم

58

  • backend - آگهی ها

00:21:50

backend - آگهی ها

59

  • backend - آگهی ها - بخش دوم

00:11:00

backend - آگهی ها - بخش دوم

60

  • backend - آگهی ها - بخش سوم

00:13:35

backend - آگهی ها - بخش سوم

61

  • backend - آگهی ها - بخش چهارم

00:09:42

backend - آگهی ها - بخش چهارم

62

  • backend - آگهی ها - بخش پنجم

00:15:30

backend - آگهی ها - بخش پنجم

63

  • backend - مدیریت کاربران

00:11:42

backend - مدیریت کاربران

64

  • backend - ثبت نام کاربران

00:14:30

backend - ثبت نام کاربران

65

  • backend - رمز یکبار مصرف - otp

00:08:20

backend - رمز یکبار مصرف - otp

66

  • backend - سرویس ارسال پیامک

00:09:53

backend - سرویس ارسال پیامک

67

  • backend - سرویس ارسال پیامک - بخش دوم

00:06:00

backend - سرویس ارسال پیامک - بخش دوم

68

  • backend - ارسال کد OTP

00:14:15

backend - ارسال کد OTP

69

  • backend - تایید OTP

00:08:08

backend - تایید OTP

70

  • backend - تایید OTP - بخش دوم

00:12:34

backend - تایید OTP - بخش دوم

71

  • backend - نمایش آگهی های کاربر

00:13:21

backend - نمایش آگهی های کاربر

72

  • backend - احراز کاربر تایید شده

00:07:47

backend - احراز کاربر تایید شده

73

  • backend - ساخت آگهی جدید

00:09:09

backend - ساخت آگهی جدید

74

  • backend - ویرایش و حذف آگهی

00:11:31

backend - ویرایش و حذف آگهی

75

  • backend - اجازه دسترسی به آگهی

00:08:01

backend - اجازه دسترسی به آگهی

76

  • backend - آگهی های نشان شده

00:09:58

backend - آگهی های نشان شده

77

  • backend - آگهی های نشان شده - بخش دوم

00:11:02

backend - آگهی های نشان شده - بخش دوم

78

  • backend - یادداشت آگهی ها

00:12:19

backend - یادداشت آگهی ها

79

  • backend - یادداشت آگهی ها - بخش دوم

00:10:36

backend - یادداشت آگهی ها - بخش دوم

80

  • backend - یادداشت آگهی ها - بخش سوم

00:07:11

backend - یادداشت آگهی ها - بخش سوم

81

  • backend - تاریخچه بازدید آگهی ها

00:09:57

backend - تاریخچه بازدید آگهی ها

82

  • backend - تاریخچه بازدید آگهی ها - بخش دوم

00:09:16

backend - تاریخچه بازدید آگهی ها - بخش دوم

83

  • backend - صفحه اصلی - دسته بندی ها

00:08:42

backend - صفحه اصلی - دسته بندی ها

84

  • backend - صفحه اصلی - منو ها - صفحات

00:08:33

backend - صفحه اصلی - منو ها - صفحات

85

  • backend - صفحه اصلی - آگهی ها

00:07:08

backend - صفحه اصلی - آگهی ها

86

  • backend - مدیریت تنظیمات سایت

00:11:03

backend - مدیریت تنظیمات سایت

87

  • backend - مدیریت محل ها

00:09:17

backend - مدیریت محل ها

88

  • backend - مدیریت محل ها - بخش دوم

00:11:03

backend - مدیریت محل ها - بخش دوم

89

  • backend - صفحه داخلی آگهی ها

00:14:58

backend - صفحه داخلی آگهی ها

90

  • backend - صفحه داخلی آگهی - دسته بندی سلسله مراتبی

00:07:36

backend - صفحه داخلی آگهی - دسته بندی سلسله مراتبی

91

  • backend - گالری آگهی ها - ادمین

00:09:11

backend - گالری آگهی ها - ادمین

92

  • backend - گالری آگهی ها - ادمین - بخش دوم

00:12:49

backend - گالری آگهی ها - ادمین - بخش دوم

93

  • backend - گالری آگهی ها - پنل کاربر

00:06:44

backend - گالری آگهی ها - پنل کاربر

94

  • backend - گالری آگهی ها - صفحه داخلی آگهی

00:07:10

backend - گالری آگهی ها - صفحه داخلی آگهی

95

  • backend - مقادیر دسته بندی -‌ داخلی آگهی

00:09:13

backend - مقادیر دسته بندی -‌ داخلی آگهی

96

  • backend - مقادیر دسته بندی -‌ داخلی آگهی - بخش دوم

00:09:15

backend - مقادیر دسته بندی -‌ داخلی آگهی - بخش دوم

97

  • backend - مقادیر دسته بندی -‌ داخلی آگهی - بخش سوم

00:10:05

backend - مقادیر دسته بندی -‌ داخلی آگهی - بخش سوم

98

  • backend - شهر ها - اتمام بک اند

00:09:13

backend - شهر ها - اتمام بک اند

99

  • front - ساخت پروژه nextjs

00:10:11

front - ساخت پروژه nextjs

100

  • front - چیدمان صفحه اول

00:13:41

front - چیدمان صفحه اول

101

  • front - چیدمان صفحه اول - بخش دوم

00:09:22

front - چیدمان صفحه اول - بخش دوم ایکون ها local font nextjs

102

  • front - صفحه ورود و ثبت نام - OTP

00:08:48

front - صفحه ورود و ثبت نام - OTP

103

  • front - صفحه اصلی

00:13:14

front - صفحه اصلی

104

  • front - صفحه داخلش آگهی

00:07:38

front - صفحه داخلش آگهی

105

  • front - داشبورد پنل ادمین

00:11:19

front - داشبورد پنل ادمین

106

  • جلو گیری از دعوای front و back

00:12:44

جلو گیری از دعوای front و back مستندات سازی اتومات scramble laravel

107

  • front - ادمین - دسته بندی ها

00:19:51

front - ادمین - دسته بندی ها

108

  • توضیحات مهم - تنظیمات لاراول برای API

00:08:53

توضیحات مهم - تنظیمات لاراول برای API

109

  • front - جداسازی layout ها

00:09:08

front - جداسازی layout ها

110

  • front - دریافت csrf token از لاراول

00:14:24

front - دریافت csrf token از لاراول

111

  • front - ساخت دسته بندی ( دریافت اطلاعات)

00:13:13

front - ساخت دسته بندی ( دریافت اطلاعات)

112

  • front - ساخت دسته بندی - بخش دوم

00:16:37

front - ساخت دسته بندی - بخش دوم

113

  • front - ساخت دسته بندی - بخش سوم

00:11:08

front - ساخت دسته بندی - بخش سوم

114

  • front - حذف دسته بندی

00:13:00

front - حذف دسته بندی

115

  • front - ویرایش دسته بندی

00:17:47

front - ویرایش دسته بندی

116

  • backend - بررسی ادمین

00:11:10

backend - بررسی ادمین

117

  • front - بررسی ادمین

00:12:02

front - بررسی ادمین

118

  • front - مدیریت مناطق

00:13:00

front - مدیریت مناطق

119

  • front - مدیریت مناطق - بخش دوم

00:09:34

front - مدیریت مناطق - بخش دوم

120

  • front - مدیریت منو ها

00:11:43

front - مدیریت منو ها

121

  • front - مدیریت منو ها - ویرایش و حذف

00:10:00

front - مدیریت منو ها - ویرایش و حذف

122

  • front - مدیریت صفحه ها - ساخت و نمایش

00:10:40

front - مدیریت صفحه ها - ساخت و نمایش

123

  • front - مدیریت صفحه ها - ویرایش و حذف

00:07:15

front - مدیریت صفحه ها - ویرایش و حذف

124

  • front - مدیریت تنظیمات

00:11:28

front - مدیریت تنظیمات

125

  • front - مدیریت تنظیمات - بخش دوم

00:07:17

front - مدیریت تنظیمات - بخش دوم

126

  • front - مدیریت تنظیمات - بخش سوم

00:09:29

front - مدیریت تنظیمات - بخش سوم

127

  • front - مدیریت تنظیمات - بخش چهارم

00:11:40

front - مدیریت تنظیمات - بخش چهارم

128

  • front - مدیریت تنظیمات - بخش پنجم

00:09:34

front - مدیریت تنظیمات - بخش پنجم

129

  • front - مدیریت تنظیمات - بخش ششم

00:07:00

front - مدیریت تنظیمات - بخش ششم

130

  • front - مدیریت کاربران

00:10:29

front - مدیریت کاربران

131

  • back - مدیریت کاربران - ساخت

00:08:24

back - مدیریت کاربران - ساخت

132

  • front - مدیریت کاربران - ساخت

00:16:25

front - مدیریت کاربران - ساخت

133

  • front - مدیریت کاربران - ویرایش

00:13:18

front - مدیریت کاربران - ویرایش

134

  • front - مدیریت ویژگی دسته بندی ها

00:09:31

front - مدیریت ویژگی دسته بندی ها

135

  • front - مدیریت ویژگی دسته بندی ها - بخش دوم

00:09:58

front - مدیریت ویژگی دسته بندی ها - بخش دوم

136

  • front - مدیریت ویژگی دسته بندی ها - بخش سوم

00:08:54

front - مدیریت ویژگی دسته بندی ها - بخش سوم

137

  • front - مدیریت مقادیر ویژگی

00:11:19

front - مدیریت مقادیر ویژگی

138

  • front - مدیریت مقادیر ویژگی - بخش دوم

00:11:54

front - مدیریت مقادیر ویژگی - بخش دوم

139

  • front - مدیریت آگهی ها

00:57:33

front - مدیریت آگهی ها

140

  • front - مدیریت گالری ها

00:22:21

front - مدیریت گالری ها

141

  • front - تکمیل پنل ادمین

00:09:56

front - تکمیل پنل ادمین

142

  • front - صفحه اول پروژه

00:13:48

front - صفحه اول پروژه

143

  • front - صفحه اول پروژه - بخش دوم

00:33:16

front - صفحه اول پروژه - بخش دوم

144

  • front - صفحه آگهی

00:28:39

front - صفحه آگهی

145

  • front - مقادیر دسته بندی

00:36:57

front - مقادیر دسته بندی

146

  • front - ورود و ثبت نام

00:41:46

front - ورود و ثبت نام

147

  • front - ثبت آگهی

00:32:00

front - ثبت آگهی

148

  • front - ثبت آگهی - بخش دوم

00:31:01

front - ثبت آگهی - بخش دوم

149

  • front - ثبت آگهی - بخش سوم

00:26:00

front - ثبت آگهی - بخش سوم

150

  • front - سرچ - نمایش لیست آگهی ها

01:03:37

front - سرچ - نمایش لیست آگهی ها

151

  • back - درگاه پرداخت

00:25:07

back - درگاه پرداخت

152

  • front - درگاه پرداخت

00:22:38

front - درگاه پرداخت

دوره های دیگر مدرس

مشاهده همه دوره ها
اینستاگرام
تلگرام

نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .
عرفان فروزی

عرفان فروزی

ارسال شده در 1404/05/05

دوره بعد از این همه time شروع به تکمیل شدن شد که باز دارن میگن در اینده بهش اضافه میشه - مگه هزینه دوره رو شما در اینده میگیرین ؟ 

عرفان فروزی

حسن خسروجردی (مدرس)

ارسال شده در 1404/05/06

اقای فروزی  لطفا جلسه معرفی امکانات پروژه رو بینید 

 

موارد اصلی دوره پیاده سازی شده و بیش از ۱۵۰ جلسه قرار گرفته

 

فقط بخش درگاه پرداخت و سیستم چت باقی مونده که  در هفته های اینده به دوره اضافه میشه

 

لطفا از  جهت طلبکار گونه خارج بشید ( در اکثر دوره ها این حالت تهاجمی رو دارید ) و کلا هر دوره ایی که خریداری میکنید انگار از بنده طلب دارید

 

 

بله هزینه دوره در اینده دریافت میشه

بخاطر اینکه شما دوره رو با تخفیف ویژه در پیش خرید خریداری کردید و از امروز که دوره تکمیل میشه با قیمت اصلی باید بقیه خریداری کنن و این مزیت شما بوده 

پس لطفا حاشیه نرید

 

hamedsahari

ارسال شده در 1404/03/31

استاد سلام وقتتون بخیر پیشنیازهایی که مطرح نمودین دوره لاراول در چه سطح و تا کدام قسمت ببینیم کفایت میکنه؟

حسن خسروجردی (مدرس)

ارسال شده در 1404/05/06

سلام وقت شما بخیر

 

باید بصورت کامل به لاراول مسلط باشید

سید ابوالفضل موسوی امجد

سید ابوالفضل موسوی امجد

ارسال شده در 1404/02/15

درود جناب خسروجردی. 

آیا این دوره برای کسی که فقط فرانت اند کار میکنه قابل استفاده است؟ آشنایی با html, css, tailwind, js, react, next برای این دوره کافیه؟ 

میشه از بخش بک اند صرف نظر کرد و فقط قسمت های مربوط به فرانت رو تماشا کرد درسته؟

سید ابوالفضل موسوی امجد

حسن خسروجردی (مدرس)

ارسال شده در 1404/05/06

سلام وقت بخیر

 

شدن میشه ولی من پیشنهاد نمیکنم

 

بهتره برای این دوره تمام موارد رو بلد باشید

anix.overwatch

ارسال شده در 1404/02/13

سلام استاد حدودا چه بخش هایی از دوره مونده چند درصد حدودا پیش رفته و چند درصد حدودا مونده و تقریبا کی تموم میشه؟

حسن خسروجردی (مدرس)

ارسال شده در 1404/05/06

سلام وقت بخیر

 

دوره به اتمام رسید