در این مطلب، ویدئو ساخت برنامه های Full Stack با پایتون و ReactJS با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 00:30:17
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:00,080 –> 00:00:02,720
سلام بچه ها
2
00:00:02,720 –> 00:00:05,839
به انجمن docker خوش آمدید همه دست ها در
3
00:00:05,839 –> 00:00:07,839
این آهنگ پایتون به شما یاد می دهم
4
00:00:07,839 –> 00:00:11,440
که چگونه یک برنامه پشته کامل
5
00:00:11,440 –> 00:00:14,799
با استفاده از react.js برای قسمت جلویی و
6
00:00:14,799 –> 00:00:17,920
همچنین api سریع که یک فریمورک پایتون
7
00:00:17,920 –> 00:00:20,720
برای باطن است بسازید. بنابراین ما میتوانیم میکروسرویسهای apis بسازیم
8
00:00:20,720 –> 00:00:23,680
و واقعاً عالی است،
9
00:00:23,680 –> 00:00:25,359
بنابراین ایده این است که ما میخواهیم کد خود را داشته باشیم،
10
00:00:25,359 –> 00:00:26,400
11
00:00:26,400 –> 00:00:28,800
سپس میخواهیم آن را docker کنیم و
12
00:00:28,800 –> 00:00:30,800
یک تصویر داکر را بسازیم،
13
00:00:30,800 –> 00:00:33,840
یک کانتینر برای قسمت جلویی اجرا
14
00:00:33,840 –> 00:00:36,880
کنیم، همان طور برای محفظه تصویر فایل docker باطن
15
00:00:36,880 –> 00:00:39,840
و سپس داشتن این
16
00:00:39,840 –> 00:00:42,559
دو کانتینر از طریق
17
00:00:42,559 –> 00:00:46,559
http و با استفاده از شبکه docker با یکدیگر صحبت می کنند، بنابراین بدون
18
00:00:46,559 –> 00:00:50,000
هیچ مقدمه ای اجازه دهید
19
00:00:53,760 –> 00:00:56,879
همه چیز را شروع کنیم، بیایید با انتهای خود شروع کنیم،
20
00:00:56,879 –> 00:00:59,280
بنابراین همانطور که گفتم ما از api سریع استفاده می کنیم
21
00:00:59,280 –> 00:01:01,280
که یک چارچوب پایتون با
22
00:01:01,280 –> 00:01:04,080
کارایی بالا است که یادگیری آن آسان است. و
23
00:01:04,080 –> 00:01:06,960
کدنویسی بسیار سریع است و چیز جالبی
24
00:01:06,960 –> 00:01:09,439
برای تولید آماده است اکنون این فریم ورک
25
00:01:09,439 –> 00:01:13,439
بسیار آسان است و می توان
26
00:01:13,439 –> 00:01:16,400
میکروسرویس ها را بسیار سریع ساخت،
27
00:01:16,400 –> 00:01:18,560
بنابراین در اینجا می توانید اسناد رسمی آنها را بخوانید.
28
00:01:18,560 –> 00:01:21,520
که
29
00:01:21,520 –> 00:01:24,479
آنها اساساً می گویند که بانک های سوخت سریع است و به
30
00:01:24,479 –> 00:01:27,360
راحتی کوتاه است و
31
00:01:27,360 –> 00:01:30,079
غیره و غیره و سپس آنها همچنین یک سری
32
00:01:30,079 –> 00:01:31,600
اسناد عالی دارند
33
00:01:31,600 –> 00:01:33,600
اکنون نگران این نباشید زیرا
34
00:01:33,600 –> 00:01:35,439
من می خواهم شما را از
35
00:01:35,439 –> 00:01:37,520
بین ببرم حداقلی که به شما امکان می
36
00:01:37,520 –> 00:01:39,680
دهد با api سریع راه بیفتید و اجرا کنید،
37
00:01:39,680 –> 00:01:41,840
اما اگر در اینجا به پایین اسکرول کنم، می بینید
38
00:01:41,840 –> 00:01:43,840
که آنها به شما مثالی می دهند که چگونه
39
00:01:43,840 –> 00:01:46,960
شروع کنید، بنابراین شما اساساً pip را نصب
40
00:01:46,960 –> 00:01:50,159
می کنید، همچنین uv corn را نصب می کنید، بنابراین این
41
00:01:50,159 –> 00:01:52,840
سرویس ناهمزمان برای تولید است. و
42
00:01:52,840 –> 00:01:55,360
سپس اگر به پایین اسکرول کنم، میتوانید
43
00:01:55,360 –> 00:01:57,119
کد منبع را در اینجا ببینید، بنابراین کاری که ما
44
00:01:57,119 –> 00:01:59,200
میخواهیم انجام دهیم این است که فقط این
45
00:01:59,200 –> 00:02:01,680
دستور را در اینجا وارد کنیم و من در
46
00:02:01,680 –> 00:02:04,000
مقابل کد را باز میکنم و از قبل یک پوشه
47
00:02:04,000 –> 00:02:05,920
دارم، بنابراین من فقط می خواهم آن دستور را بچسبانم و
48
00:02:05,920 –> 00:02:07,119
بدیهی است که کار نمی کند زیرا
49
00:02:07,119 –> 00:02:09,840
من pip 3 را در اینجا
50
00:02:09,840 –> 00:02:11,280
دارم دقیقاً به همین ترتیب
51
00:02:11,280 –> 00:02:13,520
اکنون نصب شده است و اجازه دهید evicon را نیز
52
00:02:13,520 –> 00:02:15,920
نصب کنیم بنابراین من فقط می خواهم
53
00:02:15,920 –> 00:02:19,120
این دستور را در اینجا در دستور c
54
00:02:19,120 –> 00:02:20,840
و paste کنم.
55
00:02:20,840 –> 00:02:23,599
آن و دوباره pip3
56
00:02:23,599 –> 00:02:25,440
من نمی دانم چرا به فراموشی ادامه می دهم
57
00:02:25,440 –> 00:02:27,760
pip3 اما ما به اینجا می رویم،
58
00:02:27,760 –> 00:02:28,879
بنابراین اکنون
59
00:02:28,879 –> 00:02:30,959
همه چیز را نصب کرده ایم،
60
00:02:30,959 –> 00:02:34,239
بیایید یک پوشه در اینجا ایجاد کنیم، بنابراین
61
00:02:34,239 –> 00:02:36,080
من می خواهم این پوشه را به عنوان back end نامگذاری کنم
62
00:02:36,080 –> 00:02:37,760
63
00:02:37,760 –> 00:02:40,959
و در داخل این back end در اینجا
64
00:02:40,959 –> 00:02:43,200
ما یک فایل به نام
65
00:02:43,200 –> 00:02:46,000
main خواهیم داشت. py
66
00:02:46,000 –> 00:02:48,400
so main.py اکنون در این فایل، این جایی است که اگر دوباره به مستندات اینجا برگردم، اکنون میخواهیم پایتون بنویسیم،
67
00:02:48,400 –> 00:02:50,640
68
00:02:50,640 –> 00:02:51,920
69
00:02:51,920 –> 00:02:53,920
70
00:02:53,920 –> 00:02:55,120
بنابراین میتوانید ببینید که
71
00:02:55,120 –> 00:02:56,400
قبلاً
72
00:02:56,400 –> 00:02:57,840
کدی به ما میدهد که
73
00:02:57,840 –> 00:03:00,480
میتوانیم از آن استفاده کنیم. من این را می گیرم
74
00:03:00,480 –> 00:03:01,519
75
00:03:01,519 –> 00:03:03,440
و اگر به عقب برگردم
76
00:03:03,440 –> 00:03:05,920
و در اینجا باشم، کاری که باید انجام دهم این است که ابتدا cd را
77
00:03:05,920 –> 00:03:08,480
در بک اند
78
00:03:08,480 –> 00:03:10,080
و سپس آن دستور
79
00:03:10,080 –> 00:03:12,959
را بچسبانم تا برنامه اصلی مخروط uv بنابراین اصلی
80
00:03:12,959 –> 00:03:16,000
نام فایل باشد و سپس برنامه این مرد است و
81
00:03:16,000 –> 00:03:18,879
سپس داش داش بارگذاری مجدد به این معنی است که هر زمان
82
00:03:18,879 –> 00:03:20,720
که تغییری ایجاد کردید، سرور را مجدداً راه اندازی
83
00:03:20,720 –> 00:03:22,000
کنید
84
00:03:22,000 –> 00:03:24,239
، این را اجرا کنید و می توانید ببینید که
85
00:03:24,239 –> 00:03:27,360
اگر من به لوکال هاست
86
00:03:27,360 –> 00:03:28,400
هزاران مراجعه
87
00:03:28,400 –> 00:03:30,720
کنم، فعال است، بنابراین اینجا لوکال هاست
88
00:03:30,720 –> 00:03:33,760
و سپس 8 000
89
00:03:34,799 –> 00:03:36,239
به شما نگاه کنید. می توانید ببینید که ما
90
00:03:36,239 –> 00:03:38,480
سلام جهان را داریم، بنابراین این بسیار
91
00:03:38,480 –> 00:03:41,360
سریع بود fast api واقعا
92
00:03:41,360 –> 00:03:43,920
سریع است حالا اجازه دهید برای یک ثانیه به عقب برگردیم
93
00:03:43,920 –> 00:03:47,519
و به اینجا برویم، بنابراین نگاهی بیندازیم تا
94
00:03:47,519 –> 00:03:50,239
از تایپ واردات اختیاری باشیم، بنابراین این
95
00:03:50,239 –> 00:03:52,879
به ما اجازه می دهد تا با تایپ در
96
00:03:52,879 –> 00:03:55,840
پایتون و سپس api سریع
97
00:03:55,840 –> 00:03:58,239
کار کنیم، بنابراین چارچوب خود این است
98
00:03:58,239 –> 00:03:59,920
که چگونه است. ما آن را مقداردهی اولیه می کنیم، بنابراین اگر شما
99
00:03:59,920 –> 00:04:02,480
هر Express js را انجام داده اید، به عنوان مثال، نسبتاً
100
00:04:02,480 –> 00:04:03,439
مشابه است
101
00:04:03,439 –> 00:04:05,519
و سپس حاشیه نویسی دارید، بنابراین
102
00:04:05,519 –> 00:04:06,879
روش های خود را دارید
103
00:04:06,879 –> 00:04:08,239
و سپس با روش های خود می توانید
104
00:04:08,239 –> 00:04:09,200
105
00:04:09,200 –> 00:04:12,640
این حاشیه نویسی ها را داشته باشید، بنابراین اگر از حذف برای برنامه استفاده می کنید، نقطه برنامه دریافت
106
00:04:12,640 –> 00:04:15,360
می شود. به عنوان
107
00:04:15,360 –> 00:04:18,560
مثال http delete می گویید app.delete
108
00:04:18,560 –> 00:04:22,479
app.post app.put و غیره
109
00:04:22,479 –> 00:04:24,160
و سپس اساساً شما روش خود را دارید
110
00:04:24,160 –> 00:04:26,320
بنابراین def و سپس نام متد
111
00:04:26,320 –> 00:04:27,600
و
112
00:04:27,600 –> 00:04:29,680
در اینجا می توانید ببینید که این یک متغیر مسیر است
113
00:04:29,680 –> 00:04:32,960
و صادقانه بگویم این همان چیزی است که اکنون
114
00:04:32,960 –> 00:04:35,680
می خواهم انجام دهم این است که بیایید با یک پایگاه داده شروع کنیم،
115
00:04:35,680 –> 00:04:38,560
بنابراین در اینجا می خواهم
116
00:04:38,560 –> 00:04:41,040
um داشته باشم، می خواهم بگویم db
117
00:04:41,040 –> 00:04:44,080
و این یک db خواهد بود
118
00:04:44,080 –> 00:04:45,840
و سپس این یک لیست خواهد بود
119
00:04:45,840 –> 00:04:48,240
و ما قرار است لیستی از افراد
120
00:04:48,240 –> 00:04:49,600
در اینجا
121
00:04:49,600 –> 00:04:52,479
داشته باشم، بنابراین در اینجا می خواهم بگویم که برابر است،
122
00:04:52,479 –> 00:04:54,240
اجازه دهید من در واقع کلاس را ایجاد کنید، بنابراین
123
00:04:54,240 –> 00:04:55,680
من میخواهم بگویم کلاس
124
00:04:55,680 –> 00:04:57,600
این شخص خواهد بود
125
00:04:57,600 –> 00:05:00,800
و این پایه را گسترش میدهد
126
00:05:00,800 –> 00:05:03,600
و سپس مدل را به
127
00:05:03,840 –> 00:05:05,840
آنجا میبریم و این از
128
00:05:05,840 –> 00:05:08,080
مدل مبتنی بر pidentic است
129
00:05:08,080 –> 00:05:10,400
و با در نظر گرفتن این
130
00:05:10,400 –> 00:05:12,880
موضوع، میتوانم اساساً اکنون فیلدهای خود را اضافه کنم،
131
00:05:12,880 –> 00:05:15,039
بنابراین بیایید اینجا فقط بگویید id
132
00:05:15,039 –> 00:05:19,919
و نوع یک عدد صحیح خواهد بود بنابراین int
133
00:05:19,919 –> 00:05:22,240
و اجازه دهید نام
134
00:05:22,240 –> 00:05:24,560
و نوع رشته
135
00:05:24,560 –> 00:05:26,560
باشد و h
136
00:05:26,560 –> 00:05:28,720
و i داشته باشیم و سن نیز یک عدد صحیح خواهد بود
137
00:05:28,720 –> 00:05:30,320
138
00:05:30,320 –> 00:05:33,199
بنابراین در این مرحله من می توانم اکنون دو
139
00:05:33,199 –> 00:05:35,600
نفر داشته باشم oh در واقع i باید
140
00:05:35,600 –> 00:05:39,039
از تایپ کردن، لیستی را درست در اینجا وارد کنیم، بنابراین در اینجا
141
00:05:39,039 –> 00:05:41,039
نیازی به اختیاری نداریم، بنابراین بیایید فقط
142
00:05:41,039 –> 00:05:42,080
لیست را وارد
143
00:05:42,080 –> 00:05:43,440
کنیم و
144
00:05:43,440 –> 00:05:46,160
حالا برویم یک نفر در اینجا داشته باشیم، بنابراین من
145
00:05:46,160 –> 00:05:47,759
فقط میخواهم بگویم
146
00:05:47,759 –> 00:05:49,120
شخص
147
00:05:49,120 –> 00:05:54,639
و اینجا میخواهم بگویم id برابر است با 1
148
00:05:54,639 –> 00:05:57,600
و سپس نام برابر است که مثلاً بگوییم
149
00:05:57,600 –> 00:05:59,440
جمیلا
150
00:05:59,440 –> 00:06:02,800
و سپس 22 سال سن داشته باشیم. پس بیایید یک
151
00:06:02,800 –> 00:06:04,880
نفر دوم را نیز در آنجا داشته باشیم
152
00:06:04,880 –> 00:06:08,560
و اگر من کاما بگذارم
153
00:06:08,560 –> 00:06:10,880
یا در واقع حتی کاما هم بگذارم، فقط
154
00:06:10,880 –> 00:06:13,919
باید بگویم h برابر با دو است
155
00:06:13,919 –> 00:06:17,360
و سپس h برابر است با دو، ما خوب می شویم،
156
00:06:17,360 –> 00:06:19,600
بنابراین من نیز باید این را تغییر دهم، بنابراین اجازه دهید
157
00:06:19,600 –> 00:06:22,880
فقط بگویید alex و alex 18 است.
158
00:06:22,880 –> 00:06:23,680
جالب است،
159
00:06:23,680 –> 00:06:26,560
بنابراین در این مرحله می توانم
160
00:06:26,560 –> 00:06:28,479
مسیر را در اینجا تغییر دهم، بنابراین در اینجا فقط می توانم بگویم
161
00:06:28,479 –> 00:06:29,840
به عنوان مثال
162
00:06:29,840 –> 00:06:30,960
api
163
00:06:30,960 –> 00:06:33,039
بنابراین اسلش به جلو
164
00:06:33,039 –> 00:06:35,840
و سپس api
165
00:06:35,840 –> 00:06:38,800
و اینجا به جای برگرداندن این
166
00:06:38,800 –> 00:06:41,840
شی json در اینجا یا دیکشنری i’m فقط همینطور
167
00:06:41,840 –> 00:06:43,759
db را برمی گردونم
168
00:06:43,759 –> 00:06:45,680
169
00:06:45,680 –> 00:06:48,720
و اگر این را ذخیره کنم در واقع شکست می خورد
170
00:06:48,720 –> 00:06:50,479
زیرا از اختیاری بودن شکایت می کند
171
00:06:50,479 –> 00:06:52,000
پس بیایید فعلاً از شر این روش خلاص
172
00:06:52,000 –> 00:06:53,680
173
00:06:53,680 –> 00:06:55,840
شویم و فقط db
174
00:06:55,840 –> 00:06:59,199
save یا good را برگردانیم به مرورگر وب من برگردیم
175
00:06:59,199 –> 00:07:02,080
و اکنون اگر ارسال کنم یک درخواست این یک
176
00:07:02,080 –> 00:07:04,160
404 است یافت نشد زیرا ما
177
00:07:04,160 –> 00:07:06,800
مسیر را به api تغییر دادیم،
178
00:07:06,800 –> 00:07:08,800
بنابراین اکنون میرویم شما میتوانید ببینید که
179
00:07:08,800 –> 00:07:11,840
ما دو نفر داریم، به این ترتیب جمیلا و الکس،
180
00:07:11,840 –> 00:07:13,919
بنابراین میتوانید ببینید که چگونه توسعه با
181
00:07:13,919 –> 00:07:17,520
fast api بسیار سریع است، بنابراین ما api داریم.
182
00:07:17,520 –> 00:07:19,680
در جای خود بیایید یک فرانت اند
183
00:07:19,680 –> 00:07:22,160
بسازیم که اساسا
184
00:07:22,160 –> 00:07:25,039
داده های پشتیبان ما را مصرف می کند،
185
00:07:25,039 –> 00:07:27,599
بنابراین برای این کار از react.js استفاده می کنیم
186
00:07:27,599 –> 00:07:29,840
و react فقط یک کتابخانه برای ساخت
187
00:07:29,840 –> 00:07:31,440
رابط های کاربری
188
00:07:31,440 –> 00:07:33,440
با استفاده از جاوا اسکریپت است و شما همچنین می توانید از تایپ اسکریپت استفاده کنید،
189
00:07:33,440 –> 00:07:34,639
190
00:07:34,639 –> 00:07:35,520
بنابراین
191
00:07:35,520 –> 00:07:38,560
بیایید آن را باز کنیم. در مقابل کد
192
00:07:38,560 –> 00:07:40,479
و در اینجا من قصد دارم یک پوسته جدید باز
193
00:07:40,479 –> 00:07:42,319
194
00:07:42,319 –> 00:07:46,080
کنم و اساساً از
195
00:07:46,080 –> 00:07:50,000
برنامه create react با استفاده از npx استفاده می کنم بنابراین npx ایجاد react
196
00:07:50,000 –> 00:07:52,960
برنامه و سپس front end بنابراین یک پوشه به ما می دهد
197
00:07:52,960 –> 00:07:54,479
198
00:07:54,479 –> 00:07:56,560
بنابراین اگر این را اجرا
199
00:07:56,560 –> 00:07:58,720
کنم باید یک پوشه دریافت کنیم. اینجا فرانت اند نامیده می شود
200
00:07:58,720 –> 00:08:00,000
201
00:08:00,000 –> 00:08:02,240
و فقط
202
00:08:02,240 –> 00:08:03,919
در یک ثانیه چیزهایی را برای ما نصب می کند،
203
00:08:03,919 –> 00:08:06,240
بنابراین اجازه دهید این کار به
204
00:08:06,240 –> 00:08:07,919
پایان برسد، می توانید ببینید که این
205
00:08:07,919 –> 00:08:09,599
کار انجام شد، بنابراین مدتی طول کشید،
206
00:08:09,599 –> 00:08:11,680
اما اکنون کاری که می خواهم انجام دهم این است که می خواهم
207
00:08:11,680 –> 00:08:16,479
سی دی را در قسمت جلویی قرار دهم. سی دی وارد فرانت اند
208
00:08:16,479 –> 00:08:20,160
و قبل از اجرای npm start بیایید acos را نیز
209
00:08:20,160 –> 00:08:23,680
نصب کنیم تا npm i و سپس seo بنابراین
210
00:08:23,680 –> 00:08:25,840
acos به ما اجازه می دهد
211
00:08:25,840 –> 00:08:26,800
212
00:08:26,800 –> 00:08:30,080
درخواست های http را صادر کنیم بنابراین فقط مشتری استراحت است
213
00:08:30,080 –> 00:08:30,960
و
214
00:08:30,960 –> 00:08:33,760
حالا اگر بگویم npm
215
00:08:33,760 –> 00:08:36,880
و سپس شروع کنم
216
00:08:39,440 –> 00:08:42,880
و اگر به لوکال هاست 3000 بروم باید
217
00:08:42,880 –> 00:08:43,679
218
00:08:43,679 –> 00:08:46,880
این خوب است، پس بیایید به عقب برگردیم
219
00:08:46,880 –> 00:08:48,399
و در اینجا
220
00:08:48,399 –> 00:08:51,320
frontend src
221
00:08:51,320 –> 00:08:53,040
app.js را باز کنیم
222
00:08:53,040 –> 00:08:55,519
و کاری که میخواهم انجام دهم این است که فقط میخواهم
223
00:08:55,519 –> 00:08:57,120
برای یک ثانیه از شر همه چیز در اینجا خلاص شوم،
224
00:08:57,120 –> 00:08:58,080
225
00:08:58,080 –> 00:08:59,920
بنابراین همه چیز را برمیگردانیم،
226
00:08:59,920 –> 00:09:02,240
227
00:09:02,240 –> 00:09:03,279
228
00:09:03,279 –> 00:09:04,160
سلام،
229
00:09:04,160 –> 00:09:06,080
بیایید دریافت کنیم. از شر آرم خلاص شوید
230
00:09:06,080 –> 00:09:10,480
و این را نیز ذخیره کنید app.css.
231
00:09:10,480 –> 00:09:13,440
اجازه دهید فقط نقطه را مرکز یا در واقع نمایه کنیم
232
00:09:13,440 –> 00:09:14,880
css
233
00:09:14,880 –> 00:09:17,040
و بیایید فقط um
234
00:09:17,040 –> 00:09:19,279
تورفتگی یا در واقع تراز کردن چیزها به طوری که متن
235
00:09:19,279 –> 00:09:21,200
تراز و سپس وسط
236
00:09:21,200 –> 00:09:22,399
ذخیره این
237
00:09:22,399 –> 00:09:23,600
238
00:09:23,600 –> 00:09:25,519
برگردید نگاهی به سلام و سپس آن را در
239
00:09:25,519 –> 00:09:28,480
مرکز بسیار خوب و آسان
240
00:09:28,480 –> 00:09:30,000
بعدی آنچه که ما می خواهیم انجام دهیم این است که ما می
241
00:09:30,000 –> 00:09:32,080
خواهیم از acos برای
242
00:09:32,080 –> 00:09:35,120
دریافت استفاده کنیم. دادههای پشتیبان ما، بنابراین در اینجا
243
00:09:35,120 –> 00:09:36,640
ما این کار را انجام میدهیم این است که میخواهیم بگوییم
244
00:09:36,640 –> 00:09:38,080
245
00:09:38,080 –> 00:09:39,760
acos را وارد
246
00:09:39,760 –> 00:09:42,720
کنید و سپس acos
247
00:09:42,720 –> 00:09:46,800
و همچنین میخواهیم
248
00:09:46,800 –> 00:09:51,519
از react وارد کنیم، میخواهیم استفاده از oops را دریافت
249
00:09:51,600 –> 00:09:55,440
کنیم و سپس حالت و همچنین استفاده
250
00:09:55,440 –> 00:09:57,839
در یک اثر
251
00:09:57,839 –> 00:10:00,240
از
252
00:10:00,240 –> 00:10:02,320
و این واکنش خواهد بود،
253
00:10:02,320 –> 00:10:06,000
بنابراین این به من اجازه میدهد
254
00:10:06,000 –> 00:10:07,440
اساساً با وضعیت سر
255
00:10:07,440 –> 00:10:09,760
و کار داشته باشم و این به من اجازه میدهد
256
00:10:09,760 –> 00:10:12,320
قبل از نصب کامپوننت، دادهها را اجرا یا عملاً واکشی کنم،
257
00:10:12,320 –> 00:10:14,160
258
00:10:14,160 –> 00:10:16,640
بنابراین برای انجام این کار اساساً
259
00:10:16,640 –> 00:10:19,120
در اینجا میگوییم const
260
00:10:19,120 –> 00:10:21,519
و سپس اینجا i. ‘میخواهم بگویم افراد
261
00:10:21,519 –> 00:10:23,920
و سپس تنظیم و سپس افراد یا شاید
262
00:10:23,920 –> 00:10:25,120
263
00:10:25,120 –> 00:10:27,920
کاربران واقعاً مهم نیست بنابراین افراد
264
00:10:27,920 –> 00:10:31,040
و سپس برابر است و سپس استفاده کنید و سپس
265
00:10:31,040 –> 00:10:34,720
حالت و حالت اولیه
266
00:10:34,720 –> 00:10:35,920
این
267
00:10:35,920 –> 00:10:37,279
آرایه خالی خواهد بود
268
00:10:37,279 –> 00:10:40,320
اکنون که افراد داریم و افراد را تنظیم میکنیم
269
00:10:40,320 –> 00:10:44,079
ما می توانیم از use استفاده کنیم بنابراین در اینجا می توانم بگویم استفاده
270
00:10:44,079 –> 00:10:48,560
و سپس افکت این یک callback می گیرد
271
00:10:48,560 –> 00:10:50,079
و در این callback ما می خواهیم
272
00:10:50,079 –> 00:10:51,440
داده ها را واکشی کنیم
273
00:10:51,440 –> 00:10:54,320
اما آرگومان دوم یک آرایه خالی است
274
00:10:54,320 –> 00:10:55,920
زیرا ما هیچ وابستگی نداریم
275
00:10:55,920 –> 00:10:57,040
276
00:10:57,040 –> 00:11:00,399
اکنون اینجا می توانم فقط بگویم acos dot
277
00:11:00,399 –> 00:11:02,000
و سپس
278
00:11:02,000 –> 00:11:04,640
و داده هایی را که من دارم دریافت کنم. رفتن به یک
279
00:11:04,640 –> 00:11:06,880
اسلش رو به جلو و یک api است که ما
280
00:11:06,880 –> 00:11:08,959
از یک پروکسی برای دور زدن
281
00:11:08,959 –> 00:11:10,000
دوره استفاده می کنیم،
282
00:11:10,000 –> 00:11:11,200
اکنون
283
00:11:11,200 –> 00:11:14,560
اینجا می خواهم بگویم نقطه و سپس این پاسخ را
284
00:11:14,560 –> 00:11:16,800
به من می دهد
285
00:11:16,800 –> 00:11:21,040
و با پاسخ می توانم بگویم set
286
00:11:21,040 –> 00:11:22,079
و سپس
287
00:11:22,079 –> 00:11:23,680
افراد
288
00:11:23,680 –> 00:11:25,920
و دادههای res dot، بنابراین این دادهای است
289
00:11:25,920 –> 00:11:27,519
که من
290
00:11:27,519 –> 00:11:31,040
اکنون بسیار عالی برمیگردم، تنها کاری که باید انجام دهم این است که
291
00:11:31,040 –> 00:11:34,079
از این آرایه استفاده کنم و سپس اساساً
292
00:11:34,079 –> 00:11:36,000
مقداری html داشته باشم که
293
00:11:36,000 –> 00:11:37,360
رندر شده است، بنابراین این یک
294
00:11:37,360 –> 00:11:39,120
مؤلفه کاربردی است، به هر
295
00:11:39,120 –> 00:11:41,200
حال اکنون ما میخواهیم انجام دهیم.
296
00:11:41,200 –> 00:11:43,680
پس در اینجا میخواهم بگویم بازگشت
297
00:11:43,680 –> 00:11:46,880
و سپس افراد نقشه نقطهای را نشان میدهند
298
00:11:46,880 –> 00:11:48,959
و این یک تماس برگشتی میگیرد، من میخواهم
299
00:11:48,959 –> 00:11:50,240
بگویم p
300
00:11:50,240 –> 00:11:52,959
و این شاخص است
301
00:11:52,959 –> 00:11:56,000
و ما یک پاراگراف را برمیگردانیم
302
00:11:56,000 –> 00:11:57,200
تا تگ p
303
00:11:57,200 –> 00:11:58,399
304
00:11:58,399 –> 00:12:00,720
و این به کلید نیاز دارد.
305
00:12:00,720 –> 00:12:03,440
بنابراین کلید ایندکس خواهد بود
306
00:12:03,440 –> 00:12:05,040
و اکنون
307
00:12:05,040 –> 00:12:09,440
در اینجا می خواهم بگویم p dot
308
00:12:09,440 –> 00:12:11,279
id این
309
00:12:11,279 –> 00:12:12,320
فاصله را بگیرید
310
00:12:12,320 –> 00:12:14,240
فاصله یا در واقع چند
311
00:12:14,240 –> 00:12:15,279
بار
312
00:12:15,279 –> 00:12:16,560
نام را بچسبانید
313
00:12:16,560 –> 00:12:19,120
و این نیز h خواهد بود،
314
00:12:19,120 –> 00:12:21,519
بنابراین این است
315
00:12:21,519 –> 00:12:23,440
که در اینجا نگاه کنید،
316
00:12:23,440 –> 00:12:24,720
بنابراین
317
00:12:24,720 –> 00:12:26,959
نام شناسه و سپس سن،
318
00:12:26,959 –> 00:12:28,639
بنابراین
319
00:12:28,639 –> 00:12:30,560
اجازه دهید من فقط این را ذخیره کنم
320
00:12:30,560 –> 00:12:33,120
و این کار نمی کند اساساً
321
00:12:33,120 –> 00:12:35,360
نگاه کنید ما صفحه خالی داریم. و این به این
322
00:12:35,360 –> 00:12:37,399
دلیل است که ما باید package.json را باز کنیم
323
00:12:37,399 –> 00:12:40,399
و در اینجا بیایید یک پراکسی اضافه کنیم
324
00:12:40,399 –> 00:12:42,079
325
00:12:42,079 –> 00:12:43,120
326
00:12:43,120 –> 00:12:46,079
بنابراین این پروکسی عمدتاً برای
327
00:12:46,079 –> 00:12:47,360
اهداف توسعه است
328
00:12:47,360 –> 00:12:49,440
و شما نباید این کار را در تولید انجام دهید
329
00:12:49,440 –> 00:12:52,720
بنابراین در اینجا می خواهم بگویم http ستون
330
00:12:52,720 –> 00:12:56,160
به جلو اسلش محلی
331
00:12:56,240 –> 00:12:57,279
میزبان
332
00:12:57,279 –> 00:13:00,000
و سپس 8 000. بنابراین اینجا جایی است که
333
00:13:00,000 –> 00:13:01,600
باطن ما در حال اجرا است و من تازه
334
00:13:01,600 –> 00:13:04,560
متوجه شدم که این باید یک سطح
335
00:13:04,560 –> 00:13:06,399
پایین تر باشد مانند چنین
336
00:13:06,399 –> 00:13:08,480
و با این ویرگول و همینطور با این ویرگول
337
00:13:08,480 –> 00:13:10,959
و به آنجا می رویم بنابراین اگر این را ذخیره
338
00:13:10,959 –> 00:13:13,040
کنم و فکر می کنم باید سرور را بکشید
339
00:13:13,040 –> 00:13:14,480
و دوباره شروع کنید
340
00:13:14,480 –> 00:13:16,480
تا npm شروع شود
341
00:13:16,480 –> 00:13:19,360
و اگر مرورگرم را بررسی کنم
342
00:13:19,360 –> 00:13:21,600
می توانم ببینم که خالی است پس بیایید
343
00:13:21,600 –> 00:13:24,000
به app.js نگاهی بیندازیم
344
00:13:24,000 –> 00:13:24,880
345
00:13:24,880 –> 00:13:26,800
و البته
346
00:13:26,800 –> 00:13:29,279
اینجا باید آن
347
00:13:29,279 –> 00:13:30,480
348
00:13:30,480 –> 00:13:32,880
را برگردانم و این را بررسی کنم تا حالا
349
00:13:32,880 –> 00:13:36,560
یک Jamila داریم. 22 alex 18.
350
00:13:36,560 –> 00:13:39,120
پس این واقعاً عالی است، بنابراین اگر
351
00:13:39,120 –> 00:13:42,560
کسی را در اینجا اضافه کنم، بنابراین در ba خود هستم
352
00:13:42,560 –> 00:13:45,600
ck end پس بیایید این را کپی کنیم
353
00:13:45,600 –> 00:13:47,680
و بیایم اینجا
354
00:13:47,680 –> 00:13:50,880
اگر فقط بگویم به عنوان مثال ali
355
00:13:50,880 –> 00:13:52,800
و تازه متوجه شدم که شناسه ها
356
00:13:52,800 –> 00:13:54,959
یکسان هستند بنابراین 2
357
00:13:54,959 –> 00:13:56,160
3
358
00:13:56,160 –> 00:13:59,279
و ally 15 است این را ذخیره کنید
359
00:13:59,279 –> 00:14:00,880
و سپس برگردید
360
00:14:00,880 –> 00:14:03,279
دوباره بارگذاری کنید می توانید ببینید که به طور خودکار به روز می
361
00:14:03,279 –> 00:14:05,920
شود بنابراین این چیزهای زیبایی است
362
00:14:05,920 –> 00:14:08,560
و می بینید که رابط کاربری در حال حاضر به نوعی
363
00:14:08,560 –> 00:14:11,440
حداقل است و اگر بخواهید می
364
00:14:11,440 –> 00:14:14,240
توانید از رابط کاربری متریال استفاده کنید و سپس
365
00:14:14,240 –> 00:14:16,880
واکنش نشان دهید و این به شما یکسری
366
00:14:16,880 –> 00:14:18,800
کامپوننت می دهد که می
367
00:14:18,800 –> 00:14:21,040
توانید اکنون برای ساخت برنامه های خود از آنها استفاده کنید
368
00:14:21,040 –> 00:14:23,120
زیرا اینجا من نمی دانم زمان زیادی ندارم، من
369
00:14:23,120 –> 00:14:25,120
فقط می خواهم رابط کاربری را به همین سادگی حفظ
370
00:14:25,120 –> 00:14:27,279
کنم، زیرا ایده واقعا این است که
371
00:14:27,279 –> 00:14:29,680
شما یاد بگیرید چگونه همه چیز را کنار هم قرار دهید
372
00:14:29,680 –> 00:14:32,399
و یک برنامه کامل پشته بسازید،
373
00:14:32,399 –> 00:14:35,440
بنابراین اکنون آنچه ما داریم این است که قسمت جلویی را داریم
374
00:14:35,440 –> 00:14:38,240
که در حال ارسال یک درخواست http
375
00:14:38,240 –> 00:14:40,800
376
00:14:40,800 –> 00:14:43,040
377
00:14:43,040 –> 00:14:45,440
به بکاند ما است و همه چیز خوب کار میکند و بعد کاری که میخواهیم انجام دهیم این است که میخواهیم قسمت جلویی و همچنین انتهای پشتی را داکر کنیم،
378
00:14:45,440 –> 00:14:47,839
بنابراین بیایید یاد بگیریم
379
00:14:47,839 –> 00:14:49,600
که چگونه این کار را انجام دهیم، من قصد دارم در مقابل کد را باز کنم
380
00:14:49,600 –> 00:14:50,639
381
00:14:50,639 –> 00:14:53,920
بنابراین بیایید با پایان خود شروع کنیم
382
00:14:53,920 –> 00:14:56,480
بنابراین در اینجا بنابراین بیایید
383
00:14:56,480 –> 00:14:59,440
فقط یک فایل جدید بسازیم و نام این
384
00:14:59,440 –> 00:15:02,480
داکر را بسازیم و سپس برای این فایل داکر
385
00:15:02,480 –> 00:15:04,639
فایل را ثبت کنیم، ما از تصویر پایه استفاده میکنیم،
386
00:15:04,639 –> 00:15:06,639
بنابراین از تصویر پایه استفاده میکنیم
387
00:15:06,639 –> 00:15:11,040
و این دو نقطه پایتون و پایتون خواهد بود
388
00:15:11,040 –> 00:15:13,040
و میتوانید هر نسخهای را انتخاب کنید.
389
00:15:13,040 –> 00:15