در این مطلب، ویدئو آموزش فلاسک شماره 3 – اضافه کردن بوت استرپ و وراثت قالب با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 00:12:11
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:00,530 –> 00:00:02,730
سلام به همه و به آموزش flats خوش آمدید،
2
00:00:02,730 –> 00:00:04,710
بنابراین در این ویدیو کاری که من
3
00:00:04,710 –> 00:00:06,210
انجام می دهیم به شما نشان می دهد چیزی به نام
4
00:00:06,210 –> 00:00:07,830
وراثت الگو که
5
00:00:07,830 –> 00:00:09,719
ابزار بسیار مفیدی است، بنابراین
6
00:00:09,719 –> 00:00:12,030
کد HTML یا جاوا اسکریپت یا
7
00:00:12,030 –> 00:00:13,290
هر چیز دیگری را که قرار است در کل شما تکرار شود، تکرار نکنید.
8
00:00:13,290 –> 00:00:15,480
وبسایت اساساً به شما
9
00:00:15,480 –> 00:00:17,730
امکان میدهد یک قالب پایه ایجاد کنید که
10
00:00:17,730 –> 00:00:19,470
هر یک از قالبهای دیگر
11
00:00:19,470 –> 00:00:21,060
از آن استفاده کند و ما در مورد آن صحبت
12
00:00:21,060 –> 00:00:22,500
خواهیم کرد، همچنین به شما نشان خواهم داد که چگونه
13
00:00:22,500 –> 00:00:24,359
میتوانیم بوت استرپ را به وبسایت خود اضافه کنیم و فقط
14
00:00:24,359 –> 00:00:26,250
یک قالب ایجاد کنیم. نوار ناوبری کوچک اولیه من فقط می خواهم
15
00:00:26,250 –> 00:00:28,380
به شما بچه ها نشان دهم که واقعاً می دانید
16
00:00:28,380 –> 00:00:29,670
چگونه می توانید وب سایت
17
00:00:29,670 –> 00:00:31,590
خود را خوب جلوه دهید و سپس به این ترتیب شما بچه ها می توانید به
18
00:00:31,590 –> 00:00:33,300
نوعی دنبال این ویدیو برخی
19
00:00:33,300 –> 00:00:34,620
چیزها را تغییر دهید و بفهمید که چگونه واقعاً
20
00:00:34,620 –> 00:00:36,329
به وب سایت خود سبک دهید زیرا در سراسر
21
00:00:36,329 –> 00:00:37,829
بیشتر این ویدیوها من واقعاً
22
00:00:37,829 –> 00:00:39,059
در
23
00:00:39,059 –> 00:00:40,350
مورد توسعه فرانتاند صحبت نمیکنم، بیشتر آنها
24
00:00:40,350 –> 00:00:42,450
عملکردی هستند که در مورد احراز هویت کاربر صحبت میکنند
25
00:00:42,450 –> 00:00:44,879
، از همه آن
26
00:00:44,879 –> 00:00:46,260
چیزها و من فقط میخواهم به شما ایده بدهم که
27
00:00:46,260 –> 00:00:47,910
چگونه میتوانید
28
00:00:47,910 –> 00:00:49,890
بدون نیاز به استفاده از
29
00:00:49,890 –> 00:00:51,780
فریمورکهایی مانند react یا
30
00:00:51,780 –> 00:00:54,719
چیزهای زاویهای مانند آن خوب بسازید، بنابراین بیایید
31
00:00:54,719 –> 00:00:56,850
ادامه دهیم و اکنون شروع کنیم.
32
00:00:56,850 –> 00:00:58,140
مثالی از
33
00:00:58,140 –> 00:01:00,750
منظور من از وراثت الگو اکنون اگر
34
00:01:00,750 –> 00:01:02,160
به وبسایت بوت استرپ
35
00:01:02,160 –> 00:01:03,750
که بعداً در ویدیو از آن استفاده
36
00:01:03,750 –> 00:01:06,150
خواهیم کرد نگاه کنیم، میتوانیم اینجا ببینیم که این وبسایت
37
00:01:06,150 –> 00:01:08,430
نوعی موضوع دارد و ما میتوانیم
38
00:01:08,430 –> 00:01:10,619
آن موضوع را با استفاده از آن شناسایی کنیم. این نوار ناوبری در اینجا
39
00:01:10,619 –> 00:01:12,119
که شما رنگ خاصی را می شناسید
40
00:01:12,119 –> 00:01:14,040
مواردی روی آن است و ما می دانیم که
41
00:01:14,040 –> 00:01:16,229
وقتی روی موارد روی نوار ناوبری
42
00:01:16,229 –> 00:01:17,909
کلیک می کنیم، بسته به اینکه روی چه چیزی کلیک می کنیم، احتمالاً
43
00:01:17,909 –> 00:01:19,680
به صفحه ای هدایت می شویم که به نظر می رسد
44
00:01:19,680 –> 00:01:21,600
مشابه با محتوای کمی متفاوت
45
00:01:21,600 –> 00:01:23,369
است. اکنون واقعاً منطقی نیست که
46
00:01:23,369 –> 00:01:25,290
بوت استرپ یا هر یک از این
47
00:01:25,290 –> 00:01:27,720
وب سایت ها به نوشتن کد برای
48
00:01:27,720 –> 00:01:29,939
تولید این نوار ناوبری در هر
49
00:01:29,939 –> 00:01:31,860
صفحه وب که دارند ادامه دهند زیرا این
50
00:01:31,860 –> 00:01:33,180
چیزی است که تنظیم شده است و
51
00:01:33,180 –> 00:01:34,979
به همان صورت باقی می ماند. برای اکثر صفحات و در
52
00:01:34,979 –> 00:01:36,240
واقع احتمالاً موارد مشابه دیگری نیز
53
00:01:36,240 –> 00:01:37,860
وجود دارد، مثلاً شاید شما
54
00:01:37,860 –> 00:01:39,329
فوتر پایین وب سایت
55
00:01:39,329 –> 00:01:40,740
را بدانید، حدس میزنم این صفحه وجود نداشته باشد، بنابراین نمیتوانم به
56
00:01:40,740 –> 00:01:42,420
شما نشان دهم که آنها یکسان خواهند ماند.
57
00:01:42,420 –> 00:01:45,240
بنابراین چه کاری باید انجام دهیم که میدانید
58
00:01:45,240 –> 00:01:46,829
انجام نمیشود که لازم نیست این
59
00:01:46,829 –> 00:01:47,310
کد را به
60
00:01:47,310 –> 00:01:49,350
خوبی تکرار
61
00:01:49,350 –> 00:01:51,450
62
00:01:51,450 –> 00:01:53,430
63
00:01:53,430 –> 00:01:54,990
64
00:01:54,990 –> 00:01:56,909
کنید. یک
65
00:01:56,909 –> 00:01:59,070
فایل جدید ایجاد میکنم، این را بهعنوان HTML نقطه پایه ذخیره میکنم
66
00:01:59,070 –> 00:02:01,350
و این نشاندهنده
67
00:02:01,350 –> 00:02:03,600
الگوی پایه یا نوعی تم
68
00:02:03,600 –> 00:02:06,210
اصلی وبسایت من است، تمام
69
00:02:06,210 –> 00:02:08,160
کدهای HTML را که در
70
00:02:08,160 –> 00:02:11,068
اکثر یا کل وبسایت در حال حاضر وجود دارد، ذخیره میکند. در اینجا
71
00:02:11,068 –> 00:02:12,629
من در واقع تمام
72
00:02:12,629 –> 00:02:13,690
HTML را
73
00:02:13,690 –> 00:02:15,610
از index.html کپی می کنم و آن را مستقیماً
74
00:02:15,610 –> 00:02:17,950
در اینجا قرار می دهم، اکنون می خواهم این را از index.html حذف کنم،
75
00:02:17,950 –> 00:02:20,200
ما شروع به کار
76
00:02:20,200 –> 00:02:22,480
با چند چیز در اینجا می کنیم، بنابراین از آنجایی که این
77
00:02:22,480 –> 00:02:25,120
الگوی پایه ما است. این بدان معناست که ما در واقع نمی خواهیم این کار را انجام
78
00:02:25,120 –> 00:02:27,250
دهیم پس از ارائه این الگو،
79
00:02:27,250 –> 00:02:28,720
ما همیشه از آن به عنوان چیزی استفاده می
80
00:02:28,720 –> 00:02:29,950
کنیم که می دانید
81
00:02:29,950 –> 00:02:31,710
الگوهای فرزند که به عنوان مثال
82
00:02:31,710 –> 00:02:34,540
index.html از آن به ارث می برند و
83
00:02:34,540 –> 00:02:36,010
اگر با وراثت آشنا نیستید،
84
00:02:36,010 –> 00:02:37,240
اساساً به این معنی است که می دانید از
85
00:02:37,240 –> 00:02:39,370
همه چیز استفاده کنید و سپس یک را تغییر دهید. چند
86
00:02:39,370 –> 00:02:41,800
چیز کوچک رونویسی می شوند برخی از
87
00:02:41,800 –> 00:02:43,240
عملکردهای شما را می شناسید که در این
88
00:02:43,240 –> 00:02:45,970
مورد HTML نقطه پایه خواهد بود،
89
00:02:45,970 –> 00:02:48,160
بنابراین روشی که می توانیم به الگوهای فرزندمان اجازه دهیم
90
00:02:48,160 –> 00:02:49,990
91
00:02:49,990 –> 00:02:52,600
عملکرد خاصی از الگوی پایه را تغییر دهند،
92
00:02:52,600 –> 00:02:54,520
اضافه کردن چیزی به نام بلوک است.
93
00:02:54,520 –> 00:02:55,870
این را بیشتر درک خواهند کرد،
94
00:02:55,870 –> 00:02:57,220
آنها فقط فعلاً دنبال میکنند
95
00:02:57,220 –> 00:02:59,140
کاری که من میخواهم انجام دهم این است که
96
00:02:59,140 –> 00:03:00,670
چیزی به نام بلوک ایجاد کنم و
97
00:03:00,670 –> 00:03:02,260
آن را در همان برچسبهایی قرار میدهم که قبلاً استفاده میکردیم
98
00:03:02,260 –> 00:03:03,820
تا بنویسیم you know for loops و
99
00:03:03,820 –> 00:03:06,850
اگر عباراتی در داخل کد HTML ما وجود دارد، من میخواهم
100
00:03:06,850 –> 00:03:08,590
این بلوک را با
101
00:03:08,590 –> 00:03:10,090
تایپ نام آنها مستقیماً بعد از بلوک یک نام
102
00:03:10,090 –> 00:03:12,730
بگذارم و سپس کاری که میخواهم انجام دهم این است که به
103
00:03:12,730 –> 00:03:15,460
سادگی بلوک را با تایپ کردن و مسدود کردن نحو بسیار
104
00:03:15,460 –> 00:03:18,280
مشابه پایان دهم. قبلاً دیده می شود
105
00:03:18,280 –> 00:03:20,530
که این کار اساساً چه کاری انجام می دهد این است که بگوییم بسیار خوب،
106
00:03:20,530 –> 00:03:22,510
ما یک بلوک را تعریف می کنیم،
107
00:03:22,510 –> 00:03:25,780
آن را محتوا می نامیم و این بلوک
108
00:03:25,780 –> 00:03:27,850
به الگوی فرزند اجازه می دهیم محتوایی را به ما ارائه دهد
109
00:03:27,850 –> 00:03:29,709
که ما
110
00:03:29,709 –> 00:03:31,600
اساساً آنچه را که من می توانم پر کنیم. اکنون انجام دهید این است که می
111
00:03:31,600 –> 00:03:33,610
توانم به این الگوی فرزند بروم که می توانم
112
00:03:33,610 –> 00:03:36,459
بر اساس HTML به ارث ببرم، می توانم این بلوک را ایجاد کنم
113
00:03:36,459 –> 00:03:38,920
و سپس می توانم به شما بگویم این بلوک
114
00:03:38,920 –> 00:03:40,900
در کجا محتوایی را می خواهم و سپس
115
00:03:40,900 –> 00:03:42,940
در واقع آن را در اینجا برای عنوان جایگزین می کند
116
00:03:42,940 –> 00:03:45,250
و آن را انجام می دهد.
117
00:03:45,250 –> 00:03:47,320
هنگامی که الگو را رندر می کنیم از آن عنوان استفاده کنیم، بنابراین به
118
00:03:47,320 –> 00:03:48,760
جای صحبت در مورد آن، بیایید این کار را انجام
119
00:03:48,760 –> 00:03:51,250
دهیم تا یک الگو را گسترش دهیم، کاری که
120
00:03:51,250 –> 00:03:53,410
باید در بالای قالب خود انجام دهیم این است که
121
00:03:53,410 –> 00:03:55,989
تایپ کنید نه با حروف بزرگ مانند
122
00:03:55,989 –> 00:03:59,140
این و سپس در گیومه
123
00:03:59,140 –> 00:04:00,370
نام آن الگو، بنابراین در
124
00:04:00,370 –> 00:04:02,470
این مورد باید بر اساس HTML باشد،
125
00:04:02,470 –> 00:04:03,730
مهم است که این الگوها
126
00:04:03,730 –> 00:04:05,380
در یک دایرکتوری باشند تا بتوانند
127
00:04:05,380 –> 00:04:07,000
همدیگر را ببینند، اگر اینطور نیستند،
128
00:04:07,000 –> 00:04:09,550
باید مانند اسلش پوشه
129
00:04:09,550 –> 00:04:11,650
بر اساس آن را انجام دهید. HTML اگر داخل باشد یک
130
00:04:11,650 –> 00:04:13,570
پوشه داخلی را کنار بگذارید، بنابراین ما
131
00:04:13,570 –> 00:04:15,730
بر اساس HTML گسترش می دهیم و اکنون کاری که می
132
00:04:15,730 –> 00:04:17,440
خواهم انجام دهم این است که در واقع مقداری محتوا
133
00:04:17,440 –> 00:04:19,600
برای محتوای بلوک ارائه کنم، بنابراین این
134
00:04:19,600 –> 00:04:21,820
دقیقاً همان چیزی است که ما در قالب پایه خود داشتیم، به
135
00:04:21,820 –> 00:04:23,770
جز این بار من. در واقع
136
00:04:23,770 –> 00:04:25,520
می خواهم چیزهایی را در
137
00:04:25,520 –> 00:04:27,410
بین بلوک ها قرار دهم، بنابراین می خواهم بگویم و آن را
138
00:04:27,410 –> 00:04:29,330
مسدود کنم، بنابراین محتوا را مسدود کنید و
139
00:04:29,330 –> 00:04:31,129
مسدود کنید و سپس در اینجا در واقع
140
00:04:31,129 –> 00:04:34,129
فقط صفحه اصلی را قرار می دهم اکنون کاری که این
141
00:04:34,129 –> 00:04:35,569
کار انجام می دهد بسیار شبیه است.
142
00:04:35,569 –> 00:04:38,629
مانند یک تگ HTML که در آن این صفحه اصلی اکنون
143
00:04:38,629 –> 00:04:40,069
با هر
144
00:04:40,069 –> 00:04:41,750
محتوای بلوک جایگزین می شود و در
145
00:04:41,750 –> 00:04:44,509
واقع اکنون برای ما در عنوان بسیار
146
00:04:44,509 –> 00:04:46,370
مفید نشان داده می شود و می دانید که قطعاً می تواند
147
00:04:46,370 –> 00:04:47,900
در زمان زیادی برای ما صرفه جویی کند، کاری که من می خواهم انجام دهم این
148
00:04:47,900 –> 00:04:50,240
است که به دست بیاورم. از شر این محتوا خلاص شوید و من
149
00:04:50,240 –> 00:04:51,319
در واقع چیزی را قرار می دهم که
150
00:04:51,319 –> 00:04:54,470
فقط می گوید شما وب سایت تیم را می شناسید و
151
00:04:54,470 –> 00:04:56,629
این تگ h1 که من فرض می
152
00:04:56,629 –> 00:04:58,729
کنم در هر صفحه نمایش داده می شود، مهم نیست
153
00:04:58,729 –> 00:05:01,789
که چه اتفاقی می افتد، بنابراین ما می گذاریم که برچسب h1 وجود دارد.
154
00:05:01,789 –> 00:05:02,960
اما کاری که من می خواهم انجام دهم این است که یک بلوک دیگر ایجاد کنم
155
00:05:02,960 –> 00:05:05,509
و من این را نام می برم اوه و به
156
00:05:05,509 –> 00:05:07,099
من می گویند این بلوک محتویات بسیار خوب است،
157
00:05:07,099 –> 00:05:08,930
من این عنوان بلوک را می
158
00:05:08,930 –> 00:05:10,819
گویم با عرض پوزش بچه ها، زیرا من در واقع
159
00:05:10,819 –> 00:05:13,159
می خواهم محتوای بلوک بعدی خود را فراخوانی کنم،
160
00:05:13,159 –> 00:05:15,139
بنابراین نام آن را تغییر می دهیم و
161
00:05:15,139 –> 00:05:16,669
سپس چه من می خواهم این کار را انجام دهم این است که بلوک دیگری را تعریف
162
00:05:16,669 –> 00:05:19,400
کنم، من آن را مسدود کردن محتوا می نامم
163
00:05:19,400 –> 00:05:21,050
که در مورد ما
164
00:05:21,050 –> 00:05:23,150
محتوای وب سایت یا محتوای
165
00:05:23,150 –> 00:05:25,460
صفحه وب را نشان می دهد، بنابراین در واقع نمی
166
00:05:25,460 –> 00:05:27,409
دانم چرا آن را کپی می کنم. و سپس بلوک انتهایی را تایپ می کنیم
167
00:05:27,409 –> 00:05:30,199
و اکنون کاری که من انجام دادم
168
00:05:30,199 –> 00:05:31,759
یافتن بلوک دیگری است که
169
00:05:31,759 –> 00:05:33,440
می توانیم اطلاعاتی
170
00:05:33,440 –> 00:05:35,780
را در آن بازنویسی کنیم، بنابراین اکنون از الگوی فرزند خود
171
00:05:35,780 –> 00:05:37,789
دوباره این بلوک را می نویسیم تا محتوای بلوک داشته باشیم.
172
00:05:37,789 –> 00:05:40,430
و سپس ما به سادگی
173
00:05:40,430 –> 00:05:44,270
و بلوک را انجام می دهیم و اکنون در بین این
174
00:05:44,270 –> 00:05:46,669
دو تگ می توانم هر کد HTML را که می خواهم
175
00:05:46,669 –> 00:05:49,430
قرار دهم و در واقع
176
00:05:49,430 –> 00:05:51,710
هر زمان که بدانید
177
00:05:51,710 –> 00:05:53,840
ما آن را ظاهر می کنیم به الگوی HTML پایه من رندر می شود، پس بیایید
178
00:05:53,840 –> 00:05:55,340
یک تگ h1 دیگر انجام دهیم و ما فقط می گوییم که شما چنین
179
00:05:55,340 –> 00:05:58,940
تست هایی را می شناسید و فعلاً آن را رها
180
00:05:58,940 –> 00:06:00,979
می کنیم خوب پس بیایید
181
00:06:00,979 –> 00:06:03,139
به کد واقعی پایتون خود برگردیم اکنون این
182
00:06:03,139 –> 00:06:04,789
دقیقاً همان چیزی است که من در آخرین ویدیو داشتم،
183
00:06:04,789 –> 00:06:06,169
بنابراین اگر
184
00:06:06,169 –> 00:06:08,000
آن را ندیدهاید، میتوانید آن را بررسی کنید و در کنار آن، من
185
00:06:08,000 –> 00:06:09,259
بیشتر این کد را روی من قرار میدهم.
186
00:06:09,259 –> 00:06:10,580
در توضیحات وب سایت پیوندهایی وجود خواهد
187
00:06:10,580 –> 00:06:12,740
داشت که من می خواهم یک
188
00:06:12,740 –> 00:06:14,270
تغییر جزئی در این مورد ایجاد کنم زیرا کسی
189
00:06:14,270 –> 00:06:16,009