در این مطلب، ویدئو [STREAM] ساخت میکرو بلاگ وب با Flask و Python (توسعهدهنده وب، آموزشی)! با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 2:24:59
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:00,060 –> 00:00:09,020
ما زنده هستیم من فکر می کنم می توانید من را بشنوید
2
00:00:11,120 –> 00:00:13,230
زیرا او اینجا زنده بود بنابراین
3
00:00:13,230 –> 00:00:18,810
امیدوارم همه چیز خوب باشد به من اطلاع دهید وقتی
4
00:00:18,810 –> 00:00:25,109
شما بچه ها می توانید صدای من را بشنوید اگر می توانید ما نمی توانیم
5
00:00:25,109 –> 00:00:28,349
این خوب است ممنون بچه ها ممنون از حضور شما
6
00:00:28,349 –> 00:00:30,449
متشکرم برای تنظیم در
7
00:00:30,449 –> 00:00:33,630
این استریم زنده، ما در
8
00:00:33,630 –> 00:00:36,649
واقع چند روز پیش این پخش زنده را برنامه ریزی کردیم،
9
00:00:36,649 –> 00:00:38,730
اممممم، خیلی از شما بچه ها می
10
00:00:38,730 –> 00:00:42,239
خواستید نوعی
11
00:00:42,239 –> 00:00:46,020
برنامه تعاملی برای کاربران خود ایجاد کنید و برخی از افراد
12
00:00:46,020 –> 00:00:47,640
از TK inter استفاده می کردند که یک
13
00:00:47,640 –> 00:00:50,430
چارچوب رابط کاربری گرافیکی است. سایرین پایتون
14
00:00:50,430 –> 00:00:52,680
از برنامههای کنسولی مانند برنامههای متنی استفاده میکردند
15
00:00:52,680 –> 00:00:56,010
و ما برنامههای وب میسازیم و
16
00:00:56,010 –> 00:00:57,899
توسعه برنامههای وب زیادی را انجام میدهیم، بنابراین
17
00:00:57,899 –> 00:00:59,430
متوجه شدیم که این میتواند کارگاه خوبی
18
00:00:59,430 –> 00:01:03,899
برای ما باشد و بنابراین از شما
19
00:01:03,899 –> 00:01:06,450
برای تنظیم کردن تشکر میکنم. به این
20
00:01:06,450 –> 00:01:07,650
دلیل است که من به چت نگاه می
21
00:01:07,650 –> 00:01:09,990
کنم و بنابراین ما چیزهای زیادی را
22
00:01:09,990 –> 00:01:11,970
برنامه ریزی کرده ایم، اما آنچه شما در
23
00:01:11,970 –> 00:01:16,380
حال حاضر در مقابل شما و همچنین من می بینید،
24
00:01:16,380 –> 00:01:18,479
طراحی پروژه ای است که ما
25
00:01:18,479 –> 00:01:22,530
قرار است ساخت و بنابراین این پروژه ect یک
26
00:01:22,530 –> 00:01:25,920
پروژه ساده است و اما با این وجود
27
00:01:25,920 –> 00:01:29,310
و چیزهای زیادی برای پوشش دادن است، بنابراین آنچه
28
00:01:29,310 –> 00:01:31,590
ما داریم این است که این یک وب سایت خواهد بود
29
00:01:31,590 –> 00:01:34,110
و به هر حال آنها اینجا هستند، من در یک ابزار طراحی هستم،
30
00:01:34,110 –> 00:01:37,439
بنابراین سایت ما قرار نیست
31
00:01:37,439 –> 00:01:38,610
به نظر میرسد که اینجا فقط
32
00:01:38,610 –> 00:01:41,909
شبیه این جعبه خواهد بود و عصر بخیر
33
00:01:41,909 –> 00:01:42,659
اندی
34
00:01:42,659 –> 00:01:44,520
از شما برای تنظیم کردن تشکر میکنم. بچهها
35
00:01:44,520 –> 00:01:46,740
بابت تنظیم کردن تشکر میکنیم و آنچه ما اینجا
36
00:01:46,740 –> 00:01:50,310
داریم وبسایت ما است و چند
37
00:01:50,310 –> 00:01:52,530
قسمت دارد، بنابراین بخش اصلی این است.
38
00:01:52,530 –> 00:01:55,619
وبسایت سربرگ است که این تکههای
39
00:01:55,619 –> 00:01:58,229
متن در اینجا و این نماد هستند، سپس
40
00:01:58,229 –> 00:02:00,930
بدنه اصلی برنامه را داریم که به ما امکان میدهد گزارشی
41
00:02:00,930 –> 00:02:02,969
بنویسیم، این یک
42
00:02:02,969 –> 00:02:05,850
نوع برنامهنویسی از وبلاگ یا برنامه ژورنالی خواهد بود
43
00:02:05,850 –> 00:02:08,399
تا بتوانید برنامه خود را بنویسید.
44
00:02:08,399 –> 00:02:10,440
در اینجا وارد شوید، میتوانید پس از ارسال آن، آن را ارسال
45
00:02:10,440 –> 00:02:12,840
کنید، یک ورودی جدید ایجاد میشود و
46
00:02:12,840 –> 00:02:13,120
47
00:02:13,120 –> 00:02:16,090
در اینجا نشان داده میشود و ورودیها دارای
48
00:02:16,090 –> 00:02:17,769
چند قسمت هستند که نوعی
49
00:02:17,769 –> 00:02:20,709
عنوان دارند و سپس تاریخی که در آن
50
00:02:20,709 –> 00:02:23,409
دکمه فشار داده شده است و سپس
51
00:02:23,409 –> 00:02:25,569
آنها متن ورودی را دارند که ما
52
00:02:25,569 –> 00:02:28,629
اینجا نوشتیم و همینطور که شما می نویسید
53
00:02:28,629 –> 00:02:30,519
ورودیهای بیشتری ذخیره میشوند و اکنون
54
00:02:30,519 –> 00:02:32,190
در این صفحه نشان داده میشوند
55
00:02:32,190 –> 00:02:34,690
که قسمت آخر این پاورقی
56
00:02:34,690 –> 00:02:37,150
در اینجا است که فقط برای لایک کردن
57
00:02:37,150 –> 00:02:39,519
پروژههای دیگر و شاید نمونه کارها شما
58
00:02:39,519 –> 00:02:43,989
پیوند داده میشود و چند پیوند و موارد دیگر دارد. و
59
00:02:43,989 –> 00:02:46,299
بنابراین من گفته ام که از چه طرفی می توانیم دنبال کنیم
60
00:02:46,299 –> 00:02:49,510
و
61
00:02:49,510 –> 00:02:52,480
شما نمی توانید فی نفسه کد نویسی را دنبال کنید، ما
62
00:02:52,480 –> 00:02:54,819
کد را در اینجا روی رایانه من می نویسیم و شما
63
00:02:54,819 –> 00:02:56,920
می توانید تماشا کنید و سپس من کد نهایی را به اشتراک می گذارم.
64
00:02:56,920 –> 00:02:58,659
من یک مخزن github
65
00:02:58,659 –> 00:03:00,790
با کد نهایی دارم که
66
00:03:00,790 –> 00:03:05,519
بعد و زمانی که به آن قسمت
67
00:03:05,730 –> 00:03:09,909
رسیدیم آن را ارسال خواهم کرد و بنابراین در واقع با این شروع می کنیم که
68
00:03:09,909 –> 00:03:14,079
چگونه باید با چیزی شبیه به
69
00:03:14,079 –> 00:03:16,359
این شروع کنید و بنابراین من ادامه می دهم و
70
00:03:16,359 –> 00:03:19,329
یک پروژه جدید ایجاد کنید و من
71
00:03:19,329 –> 00:03:22,450
آن را میکرو بلاگ می نامم و باز می
72
00:03:22,450 –> 00:03:24,900
کنم که از کد ویژوال استودیو در اینجا استفاده می کنم و
73
00:03:24,900 –> 00:03:26,950
فقط در صورتی که شما متعجب هستید که
74
00:03:26,950 –> 00:03:28,900
ما کمی بزرگنمایی می کنیم تا شما
75
00:03:28,900 –> 00:03:32,139
بتوانید ببینید و چیزی که با آن شروع می کنیم این
76
00:03:32,139 –> 00:03:37,030
است که یک app py ایجاد کنیم، بنابراین در app
77
00:03:37,030 –> 00:03:38,470
top py خواهیم نوشت بسیاری از
78
00:03:38,470 –> 00:03:41,169
کدهای ما و شما همیشه باید یکی
79
00:03:41,169 –> 00:03:42,760
از این برنامه ها را با فکر کردن به
80
00:03:42,760 –> 00:03:45,280
آنچه می خواهید کاربران بتوانند انجام دهند شروع کنید
81
00:03:45,280 –> 00:03:48,280
و زمانی که چیزی مانند یک برنامه فلاسک ایجاد می کنید کمک می کند
82
00:03:48,280 –> 00:03:52,239
83
00:03:52,239 –> 00:03:54,609
لزوماً شروع به ایجاد وب سایت
84
00:03:54,609 –> 00:03:57,760
نکنید و سبک طراحی را بلد باشید. آن و برخورد با
85
00:03:57,760 –> 00:03:59,560
فلاسک و همه چیز برای شروع، بنابراین
86
00:03:59,560 –> 00:04:01,239
ما با ایجاد یک
87
00:04:01,239 –> 00:04:04,569
برنامه کنسول ساده شروع می کنیم و سپس آن
88
00:04:04,569 –> 00:04:06,459
برنامه کنسول را به یک برنامه وب تبدیل می کنیم
89
00:04:06,459 –> 00:04:09,069
و این فرآیند به ما نشان می دهد که
90
00:04:09,069 –> 00:04:11,680
واقعاً چه فلاسکی برای است و بنابراین ما
91
00:04:11,680 –> 00:04:13,030
با ایجاد در
92
00:04:13,030 –> 00:04:14,079
برنامه کنسول شروع می کنیم که واقعاً
93
00:04:14,079 –> 00:04:15,790
ساده است، مجموعه ای
94
00:04:15,790 –> 00:04:17,680
از ورودی ها خواهیم داشت که این یک لیست خواهد بود
95
00:04:17,680 –> 00:04:19,988
و در اینجا محتوا
96
00:04:19,988 –> 00:04:23,830
و تاریخ هر ورودی، سپس
97
00:04:23,830 –> 00:04:25,990
ما به نوعی از
98
00:04:25,990 –> 00:04:27,970
کاربر میپرسیم که آیا میخواهد
99
00:04:27,970 –> 00:04:30,400
ورودی جدیدی وارد کند، بنابراین کاری انجام میدهیم مانند
100
00:04:30,400 –> 00:04:32,729
انتخاب کاربر، این یک ورودی
101
00:04:32,729 –> 00:04:37,710
برای افزودن یک ورودی یا نشانه خروج
102
00:04:37,710 –> 00:04:40,419
برای بسیاری خواهد بود. از شما این چیز جدیدی نخواهد بود
103
00:04:40,419 –> 00:04:42,099
ما فقط از ورودی استفاده می کنیم تابع ut برای
104
00:04:42,099 –> 00:04:44,349
دریافت مقداری ورودی کاربر و سپس ما
105
00:04:44,349 –> 00:04:46,569
یک رشته را از کاربر دریافت می کنیم و
106
00:04:46,569 –> 00:04:48,490
آن به متغیر
107
00:04:48,490 –> 00:04:51,940
ما می رود تا زمانی که انتخاب کاربر Q نیست این کار را انجام دهیم
108
00:04:51,940 –> 00:04:54,430
سپس از آنها می خواهیم که یک
109
00:04:54,430 –> 00:04:57,160
ورودی جدید وارد کنند و بعد از آن آنها ورودی را وارد کردهاند،
110
00:04:57,160 –> 00:04:58,569
ما دوباره از آنها
111
00:04:58,569 –> 00:04:59,830
میخواهیم ورودی بیشتری داشته باشند تا بتوانیم تصمیم بگیریم که آیا
112
00:04:59,830 –> 00:05:06,130
حلقه را تکرار کنیم یا نه،
113
00:05:06,130 –> 00:05:08,319
جریان حدوداً سه ساعت طول میکشد، ممکن است
114
00:05:08,319 –> 00:05:11,139
کمی زودتر به پایان برسانیم، اما بله
115
00:05:11,139 –> 00:05:12,849
، این چیزی است که ما انجام میدهیم. حداقل برنامه ریزی شده است
116
00:05:12,849 –> 00:05:15,220
و بنابراین در اینجا ما منوی خود را دریافت کرده ایم
117
00:05:15,220 –> 00:05:16,750
و سپس تنها کاری که باید انجام دهیم این است که بگوییم اگر
118
00:05:16,750 –> 00:05:19,690
انتخاب کاربر برابر با a است،
119
00:05:19,690 –> 00:05:21,370
یک ورودی جدید اضافه می کنیم و
120
00:05:21,370 –> 00:05:23,560
زمانی که بخواهیم چه کاری انجام خواهیم داد. برای افزودن یک ورودی جدید،
121
00:05:23,560 –> 00:05:25,539
اساساً از کاربر
122
00:05:25,539 –> 00:05:28,690
123
00:05:28,690 –> 00:05:31,330
محتوای ورودی را میخواهیم، زیرا محتوای ورودی ورودی است و چیزی شبیه به آنچه ام
124
00:05:31,330 –> 00:05:35,229
وز یاد گرفتید و ما ورودیها را انجام میدهیم، ام
125
00:05:35,229 –> 00:05:40,000
محتوای ورودی را اضافه میکنیم، سپس وقتی که
126
00:05:40,000 –> 00:05:42,070
را فشار داد خروج از حلقه
127
00:05:42,070 –> 00:05:43,330
خاتمه می یابد و ما اینجا را انجام می دهیم تا
128
00:05:43,330 –> 00:05:45,219
ببینیم چه کار می کنیم. این کار را انجام
129
00:05:45,219 –> 00:05:47,710
دادیم این است که ورودی ها را چاپ می کنیم، بنابراین
130
00:05:47,710 –> 00:05:49,240
این محتویات لیستی است که
131
00:05:49,240 –> 00:05:53,770
بارها و بارها به آن ضمیمه کرده ایم، خوب
132
00:05:53,770 –> 00:05:55,210
حالا من فقط یک ترمینال
133
00:05:55,210 –> 00:05:58,449
را در اینجا باز می کنم و کاری که می خواهم انجام دهم این است که من
134
00:05:58,449 –> 00:05:59,620
قرار است یک محیط مجازی برای این پروژه ایجاد کنم، یک محیط
135
00:05:59,620 –> 00:06:01,479
136
00:06:01,479 –> 00:06:05,289
مجازی فقط یک کپی از پایتون است و میتوانیم
137
00:06:05,289 –> 00:06:07,630
کتابخانهها و چیزهای جدیدی را
138
00:06:07,630 –> 00:06:09,789
بدون نصب آنها در سایر
139
00:06:09,789 –> 00:06:11,590
نصبهای پایتون که در
140
00:06:11,590 –> 00:06:15,090
رایانهمان داریم نصب کنیم و بنابراین این کار را انجام خواهیم داد. Pippin
141
00:06:15,090 –> 00:06:17,349
نصب کنید و ما میخواهیم فلاسک را بررسی کنیم و نصب کنیم و
142
00:06:17,349 –> 00:06:20,530
143
00:06:20,530 –> 00:06:22,419
اگر افراد داشته باشید و این را نصب کنید چه کاری انجام میدهید
144
00:06:22,419 –> 00:06:23,409
یک محیط مجازی ایجاد میکند
145
00:06:23,409 –> 00:06:25,120
و فلاسک را در آن نصب میکند، ما
146
00:06:25,120 –> 00:06:26,830
فقط این کار را انجام میدهیم زیرا به آن نیاز داریم.
147
00:06:26,830 –> 00:06:29,250
بعداً
148
00:06:35,570 –> 00:06:36,900
و
149
00:06:36,900 –> 00:06:42,360
itachi ما در حال ساخت یک میکروبلاگ هستیم زیرا
150
00:06:42,360 –> 00:06:44,430
این راه آسان برای شروع است، اما
151
00:06:44,430 –> 00:06:47,280
در واقع بعداً صفحه کمی
152
00:06:47,280 –> 00:06:50,340
جالبتر
153
00:06:50,340 –> 00:06:52,710
داریم که در این آموزش به آن نخواهیم رسید، اما
154
00:06:52,710 –> 00:06:54,900
بخشی از دوره کامل وب پایتون ما خواهد بود.
155
00:06:54,900 –> 00:06:56,430
که کار می کردند در حال حاضر
156
00:06:56,430 –> 00:06:57,720
این باید کمی جالبتر باشد،
157
00:06:57,720 –> 00:07:00,330
اما بله فیل کاملاً درست میگوید،
158
00:07:00,330 –> 00:07:02,220
کمتر در مورد ساخت یک سایت و بیشتر در مورد
159
00:07:02,220 –> 00:07:03,600
یادگیری در مورد بخشهای مختلف
160
00:07:03,600 –> 00:07:12,330
مربوط به آن است، بنابراین با انجام Pippin که
161
00:07:12,330 –> 00:07:14,940
نصب میکنیم، در نهایت به محیط مجازی ما
162
00:07:14,940 –> 00:07:16,710
ساخته شده است. چند
163
00:07:16,710 –> 00:07:18,030
فایل در پروژه ما ایجاد شده است
164
00:07:18,030 –> 00:07:20,580
و این کاملاً طبیعی است و چیزی که این
165
00:07:20,580 –> 00:07:22,410
فایل ها دارند این است که ما فلاسک را نصب کرده ایم
166
00:07:22,410 –> 00:07:25,050
و هر زمان که بخواهیم
167
00:07:25,050 –> 00:07:27,510
چیزهایی را برای پروژه خود دوباره نصب کنیم فقط
168
00:07:27,510 –> 00:07:29,190
مواردی را که در این فایل تعریف شده است
169
00:07:29,190 –> 00:07:32,760
و افراد را نصب می کنیم. میدانید که شما به فلاسک نیاز دارید
170
00:07:32,760 –> 00:07:35,100
و اکنون که یک
171
00:07:35,100 –> 00:07:36,419
محیط مجازی داریم، تنها کاری که باید در
172
00:07:36,419 –> 00:07:40,110
کنسول خود انجام دهیم این است که به اجرای برنامه پایتون dot
173
00:07:40,110 –> 00:07:42,540
py وابسته باشیم و از محیط مجازی
174
00:07:42,540 –> 00:07:44,190
که ما ایجاد کردهایم استفاده کنیم.
175
00:07:44,190 –> 00:07:46,740
این دستور را برای اجرای این
176
00:07:46,740 –> 00:07:49,200
دستور انجام می دهد، بنابراین برنامه پایتون dot py و
177
00:07:49,200 –> 00:07:51,810
برنامه ما را اجرا می کند، بنابراین می توانید ببینید
178
00:07:51,810 –> 00:07:54,630
که برنامه ما خیلی ساده از ما می خواهد
179
00:07:54,630 –> 00:07:56,610
اضافه کنیم یا از آن خارج شویم و ما یک
180
00:07:56,610 –> 00:07:59,479
تایپ می کنیم سپس می توانیم آنچه را که می خواهیم تایپ کنیم. امروز به دست
181
00:07:59,479 –> 00:08:03,390
آوردم و امروز یاد گرفتم که چگونه یک پخش زنده یوتیوب را برنامه ریزی کنم
182
00:08:03,390 –> 00:08:08,100
که درست است و
183
00:08:08,100 –> 00:08:12,450
بنابراین ما یاد گرفتیم که اگر بخواهید می توانید موارد بیشتری اضافه
184
00:08:12,450 –> 00:08:13,919
کنید و همانطور که می بینید
185
00:08:13,919 –> 00:08:14,970
حلقه فقط تکرار و
186
00:08:14,970 –> 00:08:17,430
تکرار می شود تا زمانی که انتخاب کاربر
187
00:08:17,430 –> 00:08:20,250
برابر شود به Q و سپس به پایان می رسد و
188
00:08:20,250 –> 00:08:21,870
می توانید ببینید که ما یک لیست
189
00:08:21,870 –> 00:08:24,440
در اینجا داریم، این چاپی است که
190
00:08:24,440 –> 00:08:27,390
یک رشته در داخل آن قرار دارد و این
191
00:08:27,390 –> 00:08:31,200
ورودی است، پس چرا ما این کار را انجام می دهیم به
192
00:08:31,200 –> 00:08:32,400
جای اینکه مستقیماً به داخل فلاسک
193
00:08:32,400 –> 00:08:34,589
مانند بپریم من قبلاً گفتم زیرا اکنون می دانیم که قبلاً با
194
00:08:34,589 –> 00:08:36,539
چه نوع تاریخ هایی
195
00:08:36,539 –> 00:08:39,900
در برنامه flask خود سروکار
196
00:08:39,900 –> 00:08:41,700
داریم، همچنین اشاره کردیم که برنامه flask
197
00:08:41,700 –> 00:08:44,400
قرار است تاریخ داشته باشد و بنابراین ما با
198
00:08:44,400 –> 00:08:45,810
آن کار خواهیم کرد.
199
00:08:45,810 –> 00:08:48,810
همچنین در اینجا در حالی که ساده است به
200
00:08:48,810 –> 00:08:51,690
جای پریدن در دو فلاسک مستقیم،
201
00:08:51,690 –> 00:08:53,340
بنابراین برای کار با تاریخ ها در
202
00:08:53,340 –> 00:08:55,680
پایتون ساده ترین راه این است که
203
00:08:55,680 –> 00:09:00,090
ماژول تاریخ/زمان را وارد کنید و در اینجا در ورودی هایی
204
00:09:00,090 –> 00:09:01,950
که ضمیمه می شوند، فقط رشته را اضافه نمی کنیم.
205
00:09:01,950 –> 00:09:04,020
از آنچه
206
00:09:04,020 –> 00:09:06,540
امروز آموختند اکنون می خواهیم فرهنگ لغتی را اضافه کنیم
207
00:09:06,540 –> 00:09:11,400
که محتوای مرتبط
208
00:09:11,400 –> 00:09:14,640
با محتوای ورودی دارد و سپس
209
00:09:14,640 –> 00:09:17,010
تاریخی که با تاریخ امروز مرتبط است،
210
00:09:17,010 –> 00:09:17,610
211
00:09:17,610 –> 00:09:20,900
به طوری که نقطه روز در طول روز باشد نه امروز
212
00:09:20,900 –> 00:09:24,390
زمان SDRF و
213
00:09:24,390 –> 00:09:30,120
درصد درصد خواهد بود و تمام.
214
00:09:30,120 –> 00:09:33,810
بنابراین چند چیز در اینجا در حال انجام است
215
00:09:33,810 –> 00:09:38,220
، ما در طول روز داریم این دسترسی
216
00:09:38,220 –> 00:09:40,860
شیء تاریخ در ماژول تاریخ/زمان است
217
00:09:40,860 –> 00:09:43,200
و آن شی دارای متدی
218
00:09:43,200 –> 00:09:46,850
به نام امروز است که تاریخ امروز را به ما می دهد،
219
00:09:46,850 –> 00:09:49,800
سپس با انجام زمان strf ما در حال انجام
220
00:09:49,800 –> 00:09:52,589
قالب رشته ای هستیم. زمان و ما
221
00:09:52,589 –> 00:09:56,430
این تاریخ را که داریم با استفاده از
222
00:09:56,430 –> 00:09:59,580
این قالب رشته ای قالب بندی می کنیم و معنی آن این
223
00:09:59,580 –> 00:10:01,770
است که در واقع
224
00:10:01,770 –> 00:10:02,220
برعکس عمل
225
00:10:02,220 –> 00:10:06,150
می کنیم b% d ما امروز یا روز را
226
00:10:06,150 –> 00:10:11,190
به عنوان مثال انجام می دهیم. 5 و سپس %
227
00:10:11,190 –> 00:10:13,589
d ماه به صورت 3 حرف است، بنابراین این می
228
00:10:13,589 –> 00:10:17,040
تواند به عنوان مثال 5 اکتبر یا 5 acht
229
00:10:17,040 –> 00:10:20,640
باشد و بنابراین اکنون هر زمان که یک ورودی جدید اضافه
230
00:10:20,640 –> 00:10:23,250
می کنیم، محتوایی را که
231
00:10:23,250 –> 00:10:25,950
کاربر تایپ کرده است قرار می دهیم و ما نیز در امروز قرار می دهیم.
232
00:10:25,950 –> 00:10:29,880
تاریخ به عنوان یک رشته، پس اجازه دهید آن را ذخیره کنم و
233
00:10:29,880 –> 00:10:32,610
آن را اجرا کنید تا ببینید به نظر می رسد
234
00:10:32,610 –> 00:10:35,040
که ما یک ورودی جدید اضافه می کنیم و
235
00:10:35,040 –> 00:10:40,140
من در مورد ارسال شده B و % D یاد گرفتم و سپس از آن
236
00:10:40,140 –> 00:10:41,850
خارج می شویم و سپس می توانید ببینید
237
00:10:41,850 –> 00:10:45,270
که در اینجا ما محتوا را داریم و سپس
238
00:10:45,270 –> 00:10:47,670
ما تاریخ قرار گرفتن این دو مورد
239
00:10:47,670 –> 00:10:49,529
در یک فرهنگ لغت که در
240
00:10:49,529 –> 00:10:54,930
فهرست ورودیها قرار دارد کاملاً درست است، بنابراین این چیزی است که
241
00:10:54,930 –> 00:10:58,480
برنامه فلاسک ما با آن مقابله خواهد کرد،
242
00:10:58,480 –> 00:11:04,040
بنابراین تا به حال ما دو بخش
243
00:11:04,040 –> 00:11:07,310
اصلی برنامه خود را داشتهایم که یک قسمت وجود دارد. که
244
00:11:07,310 –> 00:11:10,700
پردازش دادهها را انجام میدهد و
245
00:11:10,700 –> 00:11:13,760
بخشی وجود دارد که پردازش کاربر یا
246
00:11:13,760 –> 00:11:17,240
تعامل با کاربر را انجام میدهد، بنابراین بخشی که
247
00:11:17,240 –> 00:11:19,490
پردازش دادهها را انجام میدهد بسیار ساده
248
00:11:19,490 –> 00:11:21,710
است، بیشتر اینجا همین مقدار است و
249
00:11:21,710 –> 00:11:23,000
همچنین مقداری ورودی کاربر در آنجا دارد و
250
00:11:23,000 –> 00:11:25,520
اساساً کاری که انجام میدهد ورودی کاربر را می گیرد
251
00:11:25,520 –> 00:11:28,460
و آن را در نوعی
252
00:11:28,460 –> 00:11:31,180
ذخیره سازی داده ای که برنامه ما دارد قرار
253
00:11:31,180 –> 00:11:33,290
می دهد، می توانید آن را به عنوان یک پایگاه داده در نظر
254
00:11:33,290 –> 00:11:35,450
بگیرید، اگرچه وقتی
255
00:11:35,450 –> 00:11:37,310
برنامه را ببندید ناپدید می شود، می توانید آن
256
00:11:37,310 –> 00:11:39,950
را در یک فایل یا پایگاه داده مناسب ذخیره کنید.
257
00:11:39,950 –> 00:11:42,680
یاد بگیرید که چگونه این کار را بعدا انجام دهید تا
258
00:11:42,680 –> 00:11:45,830
این داده ها باشد سمت پردازش چیزها
259
00:11:45,830 –> 00:11:47,900
بقیه برنامه ما با
260
00:11:47,900 –> 00:11:51,430
ورودی و خروجی کاربر درگیر است، بنابراین ما
261
00:11:51,430 –> 00:11:54,230
توانایی تایپ کردن چیزها و
262
00:11:54,230 –> 00:11:56,900
دادن اطلاعات به ما را برای کاربر داریم و سپس
263
00:11:56,900 –> 00:11:58,400
به کاربر داخل برنامه خود میرویم و
264
00:11:58,400 –> 00:11:59,990
در پایان نیز نمایش برخی از
265
00:11:59,990 –> 00:12:05,150
اطلاعات به کاربر، بنابراین آنچه ما
266
00:12:05,150 –> 00:12:09,050
در آنجا داریم، این نوع ساده از کلاینت است
267
00:12:09,050 –> 00:12:13,040
– برنامه اگر بخواهید یک رابطه ایجاد می کند
268
00:12:13,040 –> 00:12:15,440
، کاربر در حال ارسال برخی اطلاعات برای ما است
269
00:12:15,440 –> 00:12:19,610
و برنامه در این مورد برنامه پایتون ما
270
00:12:19,610 –> 00:12:20,780
آن را دریافت می کند و انجام می دهد.
271
00:12:20,780 –> 00:12:23,230
272
00:12:30,770 –> 00:12:33,600
اگر PIP ندارید و کاملاً
273
00:12:33,600 –> 00:12:36,690
خوب است، میتوانید از پایان مجازی استفاده کنید و اگر
274
00:12:36,690 –> 00:12:38,130
میدانید چگونه از آن استفاده کنید یا فقط
275
00:12:38,130 –> 00:12:39,960
میتوانید فلاسک را مستقیماً روی نصب پایتون خود
276
00:12:39,960 –> 00:12:41,130
نصب کنید، این کاملاً خوب است
277
00:12:41,130 –> 00:12:43,680
و با استفاده از pay هیچ مشکلی وجود ندارد. قلم، بنابراین
278
00:12:43,680 –> 00:12:44,910
جدا نگه داشتن چیزها کمی راحت تر است،
279
00:12:44,910 –> 00:12:53,280
بنابراین ما برنامه خود را داریم، اکنون
280
00:12:53,280 –> 00:12:56,840
می خواهیم ادامه دهیم و در
281
00:12:56,840 –> 00:13:01,140
مورد تفاوت یک برنامه وب با
282
00:13:01,140 –> 00:13:03,510
این برنامه که در اینجا داریم یاد بگیریم، بنابراین
283
00:13:03,510 –> 00:13:08,280
من فقط می خواهم آوردن این موضوع را
284
00:13:08,280 –> 00:13:15,180
اینجا مطرح کنید، پس بیایید در مورد جریان
285
00:13:15,180 –> 00:13:18,120
داده بین سرورها و کلاینتها صحبت کنیم، من
286
00:13:18,120 –> 00:13:21,600
خودم را کنار میگذارم تا بتوانید
287
00:13:21,600 –> 00:13:24,420
کمی بهتر ببینید و بنابراین چیزی که من الان در مورد آن صحبت
288
00:13:24,420 –> 00:13:28,890
کردم این است که کاربر چگونه
289
00:13:28,890 –> 00:13:30,690
اطلاعات و برنامههای ما را به ما میدهد.
290
00:13:30,690 –> 00:13:33,330
آن را دریافت می کند و در حال پردازش است و بنابراین
291
00:13:33,330 –> 00:13:35,370
وقتی در مورد توسعه برنامه وب صحبت
292
00:13:35,370 –> 00:13:36,750
می کنید، رابطه بسیار مشابهی
293
00:13:36,750 –> 00:13:40,220
بین سرورها و کلاینت ها
294
00:13:40,220 –> 00:13:42,660
در برنامه ما دارید، مشتری
295
00:13:42,660 –> 00:13:44,100
کاربر بود زیرا آنها مستقیماً در برنامه ما تایپ می کردند،
296
00:13:44,100 –> 00:13:46,560
اما در یک برنامه وب
297
00:13:46,560 –> 00:13:48,570
کمی متفاوت خواهد بود. بنابراین
298
00:13:48,570 –> 00:13:52,260
سرور چیست، سرور بسیار ساده است،
299
00:13:52,260 –> 00:13:57,480
برنامهای است که دادهها را میپذیرد و سپس آنها
300
00:13:57,480 –> 00:13:59,520
را پردازش میکند، میتواند محاسبات را انجام دهد، ما میتوانیم
301
00:13:59,520 –> 00:14:01,380
چیزها را در یک پایگاه داده ذخیره کنیم، میتواند ایمیل
302
00:14:01,380 –> 00:14:03,060
یا توییت ارسال کند یا میدانید من میتوانم هر کاری انجام دهم،
303
00:14:03,060 –> 00:14:05,220
اما دادهها را دریافت میکند و سپس می تواند آن را
304
00:14:05,220 –> 00:14:06,990
پردازش کند و در نهایت
305
00:14:06,990 –> 00:14:08,970
چیزی را برمی گرداند، به طوری که یک
306
00:14:08,970 –> 00:14:12,390
برنامه کاربردی سرور است، شما می توانید برنامه ای را که
307
00:14:12,390 –> 00:14:14,880
ما نوشتیم تا حدودی به عنوان یک سرور در نظر
308
00:14:14,880 –> 00:14:17,370
بگیرید که این کارها را انجام می دهد و
309
00:14:17,370 –> 00:14:18,990
به طور معمول شما درباره سرورها در
310
00:14:18,990 –> 00:14:22,170
زمینه تعاملات وب و نه از
311
00:14:22,170 –> 00:14:24,780
تعاملات عادی برنامه پایتون صحبت کنید، بنابراین من
312
00:14:24,780 –> 00:14:26,400
برنامه را که ما به تازگی توسعه داده ایم
313
00:14:26,400 –> 00:14:28,710
سرور نمی نامم، اما یک سرور فقط این
314
00:14:28,710 –> 00:14:31,680
سه کار را انجام می دهد، بنابراین اگر یک سرور
315
00:14:31,680 –> 00:14:34,140
باشد، کلاینت یک برنامه است. که
316
00:14:34,140 –> 00:14:37,440
داده ها را به یک سرور می فرستد و بنابراین در این
317
00:14:37,440 –> 00:14:40,110
مورد، کاربر برنامه ما همین لحظه
318
00:14:40,110 –> 00:14:42,300
قبل یک کلاینت نبود، زیرا
319
00:14:42,300 –> 00:14:43,530
آنها داده ها را به سرور ارسال نمی کردند،
320
00:14:43,530 –> 00:14:46,200
زیرا برنامه ما یک سرور نبود، اما وقتی
321
00:14:46,200 –> 00:14:48,180
در مورد برنامه های کاربردی وب صحبت می کنیم،
322
00:14:48,180 –> 00:14:49,710
مشتری
323
00:14:49,710 –> 00:14:52,050
برنامه دیگری است که دادهها را به
324
00:14:52,050 –> 00:14:55,020
سرور ارسال میکند و مشتری انتظار دارد
325
00:14:55,020 –> 00:14:58,440
سرور پاسخ دهد و معمولاً کلاینتها کاری بیش
326
00:14:58,440 –> 00:15:00,120
از ارسال داده انجام میدهند تا بتوانند ورودی کاربر را دریافت کنند.
327
00:15:00,120 –> 00:15:01,530
328
00:15:01,530 –> 00:15:04,140
329
00:15:04,140 –> 00:15:07,260
برای انجام این کار، کلاینت شما
330
00:15:07,260 –> 00:15:09,710
همان چیزی است که کاربر با آن تعامل دارد و
331
00:15:09,710 –> 00:15:12,150
سپس برنامه جداگانه دیگری خواهید داشت
332
00:15:12,150 –> 00:15:15,360
که داده ها را دریافت می کند و
333
00:15:15,360 –> 00:15:19,830
با آن سروکار دارد، بنابراین چگونه این دو
334
00:15:19,830 –> 00:15:21,810
معمولاً از طریق
335
00:15:21,810 –> 00:15:25,710
اینترنت با هم تعامل دارند. nt مقداری از داده ها را به
336
00:15:25,710 –> 00:15:28,680
رایانه ای که کد سرور را اجرا می کند ارسال می کند، بنابراین
337
00:15:28,680 –> 00:15:30,360
از برنامه مشتری خود
338
00:15:30,360 –> 00:15:31,830
می خواهید که کاربران شما با مشتری تعامل داشته باشند و
339
00:15:31,830 –> 00:15:33,900
سپس مشتری داده ها را
340
00:15:33,900 –> 00:15:35,700
به سروری ارسال می کند که سرور پردازش می کند و
341
00:15:35,700 –> 00:15:38,550
قرار است مقداری ارسال کند. داده ها را برگرداند
342
00:15:38,550 –> 00:15:41,040
تا کامپیوتری که کد سرور را اجرا می کند
343
00:15:41,040 –> 00:15:44,010
به گونه ای پیکربندی شود که وقتی
344
00:15:44,010 –> 00:15:46,890
داده ها را دریافت می کند آنها را تغییر مسیر دهد
345
00:15:46,890 –> 00:15:50,040
یا آن داده ها را به کد سروری که
346
00:15:50,040 –> 00:15:54,240
شما نوشته اید ارسال می کند و بنابراین این اتفاق از طریق اینترنت می افتد
347
00:15:54,240 –> 00:15:56,310
و به ارسال داده
348
00:15:56,310 –> 00:15:59,640
ها درخواست می گویند. بنابراین مشتری از
349
00:15:59,640 –> 00:16:01,440
سرور میخواهد کاری انجام دهد، بنابراین درخواست
350
00:16:01,440 –> 00:16:04,830
برخی اقدامات را میکند و زمانی که سرور دادهها را پس میفرستد
351
00:16:04,830 –> 00:16:06,890
، به آن پاسخ میگویند و
352
00:16:06,890 –> 00:16:09,150
چون از طریق اینترنت اتفاق میافتد،
353
00:16:09,150 –> 00:16:12,720
اغلب از پروتکل انتقال ابرمتن استفاده میکند
354
00:16:12,720 –> 00:16:15,030
که فقط مجموعهای از قوانین است که
355
00:16:15,030 –> 00:16:17,070
نحوه عملکرد دادهها را تعیین میکند. ارسال میشود اما لازم
356
00:16:17,070 –> 00:16:21,030
نیست نگران آن باشید، بنابراین رایانهای
357
00:16:21,030 –> 00:16:24,330
که سرور را اجرا میکند،
358
00:16:24,330 –> 00:16:26,250
رایانه شما خواهد بود در حالی که برنامه flask را مینویسید
359
00:16:26,250 –> 00:16:30,660
و هر زمان که برنامه flask را اجرا میکنید که قرار
360
00:16:30,660 –> 00:16:32,580
است خودکار شود. رایانه خود را بطور اتکایی پیکربندی کنید
361
00:16:32,580 –> 00:16:35,250
تا هر درخواستی که
362
00:16:35,250 –> 00:16:38,430
به رایانه شما ارسال می شود به
363
00:16:38,430 –> 00:16:41,040
کد فلاسک شما ارسال شود. آدرس وب رایانه شما
364
00:16:41,040 –> 00:16:44,030
همیشه HTTP کولون اسلش
365
00:16:44,030 –> 00:16:47,730
127.0.0.1 است
366
00:16:47,730 –> 00:16:50,550
. دوباره
367
00:16:50,550 –> 00:16:53,010
یک برنامه flask می نویسم و من به شما نشان می دهم که
368
00:16:53,010 –> 00:16:55,649
گونه آن را اجرا می کنید و س
369
00:16:55,649 –> 00:16:57,149
س رایانه شما می تو
370
00:16:57,149 –> 00:16:59,999
ند داده های دریافتی از یک کلاینت را بپذیرد و س
371
00:16:59,999 –> 00:17:03,540
س کد پایتون شما که در دا
372
00:17:03,540 –> 00:17:05,159
ل آن برنامه فلاسک است قادر خواهد بود. بر
373
00:17:05,159 –> 00:17:09,529
مقابله با آن دادهها، بنابراین مشتری چه کسی است، در
374
00:17:09,529 –> 00:17:12,659
اینجا چیزی است که کاربران هنگام
375
00:17:12,659 –> 00:17:14,880
تعامل
376
00:17:14,880 –> 00:17:17,490
با وبسایتها مستقیماً با وبسایتها تعامل نمیکنند، آنها از یک مرورگر استفاده میکنند،
377
00:17:17,490 –> 00:17:20,760
بنابراین مشتری در برنامههای ما
378
00:17:20,760 –> 00:17:23,429
بهویژه در وبسایتها تقریباً همیشه
379
00:17:23,429 –> 00:17:25,369
380
00:17:25,369 –> 00:17:27,539
هر زمان که به هر آدرسی میروید، مرورگر کاربران هستند.
381
00:17:27,539 –> 00:17:29,549
با استفاده از مرورگری که در واقع
382
00:17:29,549 –> 00:17:32,309
درخواستی را به سرور ارسال میکند، از
383
00:17:32,309 –> 00:17:36,179
سرور مقداری داده میخواهد، بنابراین کاربر
384
00:17:36,179 –> 00:17:39,240
ما به آدرس وب ما
385
00:17:39,240 –> 00:17:43,980
که 127.0.0.1 است حرکت میکند، مرورگر
386
00:17:43,980 –> 00:17:45,570
درخواست میکند و سرور میخواهد
387
00:17:45,570 –> 00:17:47,309
پاسخ میدهد تا سرور
388
00:17:47,309 –> 00:17:50,220
درخواستهایی را برای یک نقطه پایانی خاص یا
389
00:17:50,220 –> 00:17:52,049
بخشی از یک آدرس وب دریافت کند، مطمئن هستم که
390
00:17:52,049 –> 00:17:55,470
قبلاً مواردی از این قبیل را در وبسایتها دیدهاید
391
00:17:55,470 –> 00:18:00,630
و مثلاً facebook.com را بهطور مثال بریده بریدهای به خانه
392
00:18:00,630 –> 00:18:03,390
میدهید و این یک پایان خاص است.
393
00:18:03,390 –> 00:18:06,390
در داخل facebook.com و در
394
00:18:06,390 –> 00:18:09,090
سرور خود ما میتوانیم
395
00:18:09,090 –> 00:18:12,029
مسیرها یا نقاط پایانی خاصی را تعریف کنیم و میتوانیم
396
00:18:12,029 –> 00:18:15,659
کد پایتون را بنویسیم که به
397
00:18:15,659 –> 00:18:19,380
درخواستی در هر یک از آنها پاسخ میدهد، بنابراین
398
00:18:19,380 –> 00:18:20,700
در پایان آن چه اتفاقی میافتد – فقط
399
00:18:20,700 –> 00:18:23,070
Clarify مرورگر حرکت می کند تا
400
00:18:23,070 –> 00:18:26,779
فرض کنیم 1 تا 7 نقطه 0.0 نقطه 1 اسلش خانه،
401
00:18:26,779 –> 00:18:29,370
بنابراین آنچه اتفاق می افتد این است که مرورگر
402
00:18:29,370 –> 00:18:32,429
با استفاده از پروتکل انتقال ابرمتن درخواستی را به 1 تا 7 نقطه 0.01 ارسال می کند
403
00:18:32,429 –> 00:18:35,730
و بخشی
404
00:18:35,730 –> 00:18:38,190
از داده های موجود در آن درخواست
405
00:18:38,190 –> 00:18:40,490
اسلش خانه است، این چیزی است که ما انجام می دهیم. در واقع
406
00:18:40,490 –> 00:18:44,220
درخواست کردهایم که دادهها به
407
00:18:44,220 –> 00:18:48,360
کد فلاسک ما برسند و فلاسک یک
408
00:18:48,360 –> 00:18:50,429
تابع خاص پایتون را اجرا میکند وقتی
409
00:18:50,429 –> 00:18:54,000
آن درخواست را دریافت کردیم، میتوانیم هر
410
00:18:54,000 –> 00:18:55,679
پردازشی را که میخواهیم انجام دهیم،
411
00:18:55,679 –> 00:18:57,929
در این مرحله فقط در حال نوشتن کد پایتون هستیم. می تواند
412
00:18:57,929 –> 00:18:59,520
اجرا کند توابع مختلف برای
413
00:18:59,520 –> 00:19:01,200
نقاط پایانی مختلف و در نهایت ما
414
00:19:01,200 –> 00:19:03,809
برخی از دادهها را به مرورگر برمیگردانیم و
415
00:19:03,809 –> 00:19:05,370
مرورگر آنها را پردازش میکند و
416
00:19:05,370 –> 00:19:07,039
تصمیم میگیرد با آن چه کاری انجام دهد،
417
00:19:07,039 –> 00:19:10,080
بنابراین
418
00:19:10,080 –> 00:19:12,269
زمانی که ما وبسایتهایی را میسازیم چه دادههایی برگردانده میشوند.
419
00:19:12,269 –> 00:19:13,919
HTML را برمی گرداند
420
00:19:13,919 –> 00:19:16,860
تا زبان دیگری باشد و وقتی
421
00:19:16,860 –> 00:19:19,860
مرورگر HTML را دریافت می کند می تواند آن را پردازش کند
422
00:19:19,860 –> 00:19:21,570
و می تواند آن را به چیزهایی تبدیل کند که
423
00:19:21,570 –> 00:19:24,570
کاربران می خواهند ببینند مانند جعبه یا متن و
424
00:19:24,570 –> 00:19:28,590
غیره یک کد HTML همچنین می تواند حاوی CSS باشد
425
00:19:28,590 –> 00:19:31,080
و از CSS جاوا اسکریپت برای تغییر استفاده می شود.
426
00:19:31,080 –> 00:19:33,360
سبک عناصر HTML جاوا اسکریپت
427
00:19:33,360 –> 00:19:36,149
برای اجرای کد در مرورگر استفاده می شود به یاد داشته باشید
428
00:19:36,149 –> 00:19:38,070
که کد پایتون ما که برنامه فلاسک ما است
429
00:19:38,070 –> 00:19:41,240
در رایانه سرور اجرا می شود و
430
00:19:41,240 –> 00:19:43,980
کد جاوا اسکریپت در صورت استفاده از هر گونه
431
00:19:43,980 –> 00:19:47,580
اجرا در کلاینت و در مرورگر،
432
00:19:47,580 –> 00:19:49,470
بنابراین فقط یک چیزی است. به یاد داشته باشید، اما
433
00:19:49,470 –> 00:19:51,120
بیایید با ساخت این برنامه ماسک شروع
434
00:19:51,120 –> 00:19:52,529
کنیم و همه چیز کمی
435
00:19:52,529 –> 00:20:05,730
واضحتر خواهد شد، بنابراین اندی مکس میپرسد
436
00:20:05,730 –> 00:20:08,429
فلاسک یک API است یا فلاسک زبان کد جدید
437
00:20:08,429 –> 00:20:13,769
کتابخانهای است که به شما اجازه میدهد برای
438
00:20:13,769 –> 00:20:17,760
تعریف توابعی که در هنگام دریافت داده اجرا می شوند،
439
00:20:17,760 –> 00:20:22,559
بنابراین می خواهم نام این را به عنوان یک
440
00:20:22,559 –> 00:20:26,070
شراب بلوکی فقط به چیزی شبیه به
441
00:20:26,070 –> 00:20:27,750
برنامه قدیمی که شما پاک می کنید تغییر دهم و یک
442
00:20:27,750 –> 00:20:31,590
برنامه جدید top eye و در این برنامه جدید dot
443
00:20:31,590 –> 00:20:35,130
py ایجاد می کنم. ما می خواهیم از فلاسک واردات
444
00:20:35,130 –> 00:20:38,190
فلاسک انجام دهیم، مهم است که در
445
00:20:38,190 –> 00:20:41,100
ابتدا از F کوچک استفاده کنیم زیرا آن
446
00:20:41,100 –> 00:20:44,279
بسته است و بعداً از F بزرگ استفاده کنیم، زیرا
447
00:20:44,279 –> 00:20:47,510
این کلاسی است که اکنون وارد می
448
00:20:47,510 –> 00:20:49,649
کنیم اولین کاری که باید هنگام
449
00:20:49,649 –> 00:20:51,450
ایجاد یک فلاسک انجام دهیم. برنامه در واقع
450
00:20:51,450 –> 00:20:54,840
ایجاد یک برنامه است، بنابراین ما فلاسک را انجام می دهیم و سپس
451
00:20:54,840 –> 00:21:00,059
نام زیرخط دیگری را انجام می دهیم که
452
00:21:00,059 –> 00:21:03,120
این کار این است که از کد
453
00:21:03,120 –> 00:21:05,700
فلاسکی که شخص دیگری نوشته است استفاده می کند و چیزی ایجاد می
454
00:21:05,700 –> 00:21:08,159
کند که ما می توانیم از آن برای تعریف
455
00:21:08,159 –> 00:21:10,740
آن توابع استفاده کنیم که زمانی اجرا می شوند. ما
456
00:21:10,740 –> 00:21:13,049
دادهها را دریافت میکنیم، بنابراین این برنامه در اینجا
457
00:21:13,049 –> 00:21:14,490
میتوانید آن را به عنوان چیزی که کد سرور است در نظر
458
00:21:14,490 –> 00:21:18,600
بگیرید، سپس ما میخواهیم
459
00:21:18,600 –> 00:21:21,330
کاری مانند def home انجام دهیم و این فقط
460
00:21:21,330 –> 00:21:23,520
یک تابع سنتی پایتون است،
461
00:21:23,520 –> 00:21:24,600
کاری که این تابع انجام میدهد این است
462
00:21:24,600 –> 00:21:30,780
که رشته را برگرداند. سلام دنیا حالا اینجا
463
00:21:30,780 –> 00:21:32,640
ما انجام دادیم چیزهایی با کلاس import شده
464
00:21:32,640 –> 00:21:34,350
ما برنامه flask را ایجاد کردهایم و
465
00:21:34,350 –> 00:21:37,410
یک تابع قدیمی و خوب پایتون را تعریف کردهایم
466
00:21:37,410 –> 00:21:39,300
که یک رشته را برمیگرداند، بنابراین
467
00:21:39,300 –> 00:21:43,460
هیچ چیز جادویی در اینجا اتفاق نمیافتد، اما
468
00:21:45,230 –> 00:21:48,750
باید کاری انجام دهیم که به
469
00:21:48,750 –> 00:21:53,240
برنامه بگوییم سپس این تابع باید زمانی اجرا شود
470
00:21:53,240 –> 00:21:56,550
که برنامه دادهها را از
471
00:21:56,550 –> 00:21:59,130
مشتری دریافت میکند و روشی که ما در فلاسک این کار را انجام میدهیم
472
00:21:59,130 –> 00:22:00,660
با دکوراتور است و اگر
473
00:22:00,660 –> 00:22:02,880
مطمئن نیستید که اینها چیست، زیاد
474
00:22:02,880 –> 00:22:06,720
نگران نباشید، اما ما
475
00:22:06,720 –> 00:22:10,140
در برنامه نماد apt مسیر نقطه و سپس در
476
00:22:10,140 –> 00:22:13,260
پرانتز، رشته را بهمیزان بریده بریده به خانه میاندازد، بنابراین از
477
00:22:13,260 –> 00:22:15,060
قبل آشنا به نظر میرسد این
478
00:22:15,060 –> 00:22:16,980
نقطه پایانی است و ما
479
00:22:16,980 –> 00:22:20,630
از طریق مرورگر به آن درخواست میدهیم،
480
00:22:20,630 –> 00:22:22,800
بنابراین میخواهم بگویم که آیا
481
00:22:22,800 –> 00:22:25,080
ترمینال را برمیگرداند. و من قصد دارم
482
00:22:25,080 –> 00:22:27,510
دوباره برنامه را اجرا کنم، اما اکنون به یاد داشته باشید که
483
00:22:27,510 –> 00:22:31,470
Abdul py این برنامه جدید فلاسک است، اگر
484
00:22:31,470 –> 00:22:34,230
برنامه Python dot py را اجرا کنم، خواهید دید که
485
00:22:34,230 –> 00:22:37,350
بلافاصله پایان می یابد، زیرا
486
00:22:37,350 –> 00:22:40,770
این برنامه همانطور که می بینید فقط یک تابع را تعریف می کند
487
00:22:40,770 –> 00:22:42,030
و واقعاً کار
488
00:22:42,030 –> 00:22:43,770
دیگری انجام نمی دهد که ما از آن استفاده نمی کنیم
489
00:22:43,770 –> 00:22:44,940
تابعی که هیچ جا آن را صدا نمی زنیم،
490
00:22:44,940 –> 00:22:47,910
بنابراین طبیعتاً هیچ خروجی برای درخواست
491
00:22:47,910 –> 00:22:52,110
وجود ندارد، اگرچه با ابزاری به نام
492
00:22:52,110 –> 00:22:55,260
رابط خط فرمان flask ارسال می شود،
493
00:22:55,260 –> 00:22:57,450
نام آن کمی طولانی است، اما کاری که می توانید انجام دهید این است
494
00:22:57,450 –> 00:22:59,280
که می توانید بگویید pip و اجرا کنید و این بدان معناست که
495
00:22:59,280 –> 00:23:01,500
ما دستور بعدی را در
496
00:23:01,500 –> 00:23:03,960
محیط مجازی اجرا می کنیم و سپس می توانید
497
00:23:03,960 –> 00:23:06,540
flask run را تایپ
498
00:23:06,540 –> 00:23:09,030
کنید و برنامه شما را اجرا می کند، بنابراین کاری که انجام
499
00:23:09,030 –> 00:23:11,460
می دهد پیکربندی است که به رایانه شما اجازه می دهد
500
00:23:11,460 –> 00:23:14,190
درخواست ها را دریافت کند و
501
00:23:14,190 –> 00:23:18,390
آن داده ها را به کد ما ارسال کند.
502
00:23:18,390 –> 00:23:22,080
قسمت اینجاست که ما این آدرس را در اینجا دریافت می کنیم که
503
00:23:22,080 –> 00:23:24,900
در حال اجرا بر روی HTTP کولون اسلش اسلش
504
00:23:24,900 –> 00:23:29,250
1/2 7.0 نقطه 1 کولون 5 هزار و بنابراین
505
00:23:29,250 –> 00:23:30,810
قبلاً گفتم که آدرس رایانه شما
506
00:23:30,810 –> 00:23:32,160
قرار است یک تا هفت
507
00:23:32,160 –> 00:23:34,710
نقطه 0.0 نقطه یک فلاسک باشد که اکنون به ما می گوید
508
00:23:34,710 –> 00:23:36,300
که یک تا هفت نقطه o است –
509
00:23:36,300 –> 00:23:37,020
نقطه دو نقطه یک
510
00:23:37,020 –> 00:23:40,320
: 5000 بنابراین ما به کل چیز در
511
00:23:40,320 –> 00:23:41,790
آنجا نیاز داریم و کاری که میخواهیم انجام دهیم این است که
512
00:23:41,790 –> 00:23:45,510
آن را کپی میکنیم سپس
513
00:23:45,510 –> 00:23:50,670
به مرورگر خود و اینجا میرویم ما میخواهیم
514
00:23:50,670 –> 00:23:55,970
اسلش را انجام
515
00:23:55,970 –> 00:23:59,510
دهیم در آنجا متوجه شدیم که hello world ما
516
00:23:59,510 –> 00:24:02,280
به یک نقطه 27.0 نقطه
517
00:24:02,280 –> 00:24:05,130
یک کولون 5000 اسلش خانه دسترسی پیدا کردهام زیرا
518
00:24:05,130 –> 00:24:08,070
این آدرسی است که در
519
00:24:08,070 –> 00:24:10,860
کد فلاسک خود تعریف کردهایم و گفتیم که آن
520
00:24:10,860 –> 00:24:13,080
تابع باید hello world را برگرداند و
521
00:24:13,080 –> 00:24:15,750
فلاسک بخشی است که مسئول
522
00:24:15,750 –> 00:24:20,150
رسیدگی است. که به مرورگر برگشت، بنابراین
523
00:24:20,150 –> 00:24:22,320
هر چیزی که تابع ما برمی گرداند
524
00:24:22,320 –> 00:24:24,260
به مرورگر باز می گردد و
525
00:24:24,260 –> 00:24:26,280
اینگونه است که ما در اینجا با hello world مواجه می
526
00:24:26,280 –> 00:24:37,460
شویم، بنابراین امیدوارم که این منطقی باشد و
527
00:24:37,460 –> 00:24:41,730
همانطور که می بینید آیا من این کد
528
00:24:41,730 –> 00:24:46,260
را همان طور که می بینید بازیابی می کنم
529
00:24:46,260 –> 00:24:47,460
530
00:24:47,460 –> 00:24:49,980
هنگامی که مفاهیم مختلف
531
00:24:49,980 –> 00:24:53,809
مربوط به یکی از این برنامه ها را درک کنید، هیچ چیز خیلی پیچیده ای در اینجا اتفاق نمی افتد،
532
00:24:53,809 –> 00:24:57,360
هر چیزی که این نقطه پایانی برمی گرداند
533
00:24:57,360 –> 00:25:00,030
به مرورگر ارسال می شود، بنابراین
534
00:25:00,030 –> 00:25:04,170
اگر مقداری HTML را برگردانیم، مرورگر
535
00:25:04,170 –> 00:25:05,940
قادر به تفسیر و
536
00:25:05,940 –> 00:25:09,330
نمایش آن خواهد بود. اکنون کد HTML ما اگر
537
00:25:09,330 –> 00:25:11,040
با کد HTML یا کد CSS آشنا
538
00:25:11,040 –> 00:25:13,230
نیستید نگران نباشید ما
539
00:25:13,230 –> 00:25:19,170
آنها را بررسی می کنیم بنابراین اولین کاری که می خواهیم
540
00:25:19,170 –> 00:25:22,710
انجام دهیم این است که می خواهیم ایجاد کنیم. یک پوشه جدید
541
00:25:22,710 –> 00:25:24,870
در برنامه ما است و من آن را
542
00:25:24,870 –> 00:25:27,480
قالب می نامم و در فلاسک بسیار مهم است
543
00:25:27,480 –> 00:25:29,540
که این پوشه قالب نامیده شود
544
00:25:29,540 –> 00:25:33,150
و در داخل
545
00:25:33,150 –> 00:25:34,679
پوشه templates من چیزی به نام home dot HTML ایجاد می کنم به
546
00:25:34,679 –> 00:25:38,220
کد ویژوال استودیو
547
00:25:38,220 –> 00:25:39,750
و احتمالاً شما ویرایشگر انتخابی
548
00:25:39,750 –> 00:25:41,700
نیز از قبل میدانست که این
549
00:25:41,700 –> 00:25:44,610
یک فایل HTML است و بنابراین میتواند
550
00:25:44,610 –> 00:25:47,160
نحو و مواردی از این قبیل را برجسته کند
551
00:25:47,160 –> 00:25:48,900
، بهطوریکه متوجه شدم گم شدهام،
552
00:25:48,900 –> 00:25:50,490
553
00:25:50,490 –> 00:25:52,980
بنابراین اکنون برگشتهام خانه DeRussy mail ما قصد داریم
554
00:25:52,980 –> 00:25:55,110
مقداری کد HTML بنویسیم، اما کاری که
555
00:25:55,110 –> 00:26:00,210
میتوانیم انجام دهیم این است که میتوانیم HTML خود را باز کرده
556
00:26:00,210 –> 00:26:04,050
و در اکسپلورر آشکار کنیم و
557
00:26:04,050 –> 00:26:06,870
این فقط صفحه را در اینجا
558
00:26:06,870 –> 00:26:08,820
باز میکند و شما میتوانید آن را با مرورگر خود باز کنید.
559
00:26:08,820 –> 00:26:12,360
در اینجا ما
560
00:26:12,360 –> 00:26:14,190
فایل HTML home dot را داریم که در مرورگر باز کرده ایم
561
00:26:14,190 –> 00:26:16,620
و می توانید ببینید که در
562
00:26:16,620 –> 00:26:17,280
حال حاضر خالی است
563
00:26:17,280 –> 00:26:19,680
بنابراین چیزی داخل آن نیست اما اگر
564
00:26:19,680 –> 00:26:22,320
اینجا سلام بنویسید و سپس برگردید
565
00:26:22,320 –> 00:26:24,300
و رفرش کنید می توانید ببینید که سلام
566
00:26:24,300 –> 00:26:26,670
در آنجا ظاهر می شود، بنابراین ما خواهیم بود نوشتن
567
00:26:26,670 –> 00:26:29,340
مقداری محتوا در داخل EML مستقیم خانگی و
568
00:26:29,340 –> 00:26:30,540
سپس ما مطمئن می شویم
569
00:26:30,540 –> 00:26:34,080
که قبل از استفاده از flask در مرورگر ما کار می
570
00:26:34,080 –> 00:26:36,900
کند زیرا در حال حاضر
571
00:26:36,900 –> 00:26:40,290
flask اصلاً از home dot HTML استفاده نمی کند در
572
00:26:40,290 –> 00:26:42,150
واقع اگر بخواهید می توانیم برنامه flask را متوقف
573
00:26:42,150 –> 00:26:45,500
کنیم. و این کاملاً خوب است،
574
00:26:45,500 –> 00:26:51,000
بنابراین مرورگرها می توانند کد HTML را تفسیر کنند،
575
00:26:51,000 –> 00:26:53,040
اگر یک فایل HTML را با مرورگر خود باز
576
00:26:53,040 –> 00:26:55,860
کنید، می تواند آن را بخواند و به
577
00:26:55,860 –> 00:26:57,570
شما بگوید چه چیزی در آن است و
578
00:26:57,570 –> 00:27:01,260
محتویات آن را به شما نشان دهد تا بتوانید انواع
579
00:27:01,260 –> 00:27:03,150
کارها را در اینجا انجام دهید، اما به طور معمول شما یک
580
00:27:03,150 –> 00:27:06,480
فایل HTML را با یک doctype شروع کنید که به
581
00:27:06,480 –> 00:27:08,820
مرورگر میگوید چه نوع کد HTML داریم به
582
00:27:08,820 –> 00:27:11,610
طوری که کمتر از doctype علامت تعجب باشد
583
00:27:11,610 –> 00:27:15,240
و سپس یک HTML فاصله و سپس یک
584
00:27:15,240 –> 00:27:20,340
کلیپ کروکودیل در حال بسته شدن، سپس ما
585
00:27:20,340 –> 00:27:24,240
تگ HTML را خواهیم داشت و اکنون شما در
586
00:27:24,240 –> 00:27:26,610
حال مشاهده ساختار اصلی
587
00:27:26,610 –> 00:27:29,730
588
00:27:29,730 –> 00:27:33,000
589
00:27:33,000 –> 00:27:35,550
590
00:27:35,550 –> 00:27:37,200
591
00:27:37,200 –> 00:27:41,910
592
00:27:41,910 –> 00:27:46,320
اسناد HTML هستید. ما بازی می کنیم ce چیزهای درون تگ ها
593
00:27:46,320 –> 00:27:48,570
تگ HTML تگ اصلی در یک
594
00:27:48,570 –> 00:27:49,950
سند HTML است و ما فقط همه چیز را
595
00:27:49,950 –> 00:27:53,040
در داخل آن قرار می دهیم و سپس یک
596
00:27:53,040 –> 00:27:55,890
تگ بدنه داریم که در آن چیزهایی را
597
00:27:55,890 –> 00:28:01,050
که کاربر می تواند ببیند قرار می دهیم، بنابراین در اینجا
598
00:28:01,050 –> 00:28:02,820
برای به عنوان مثال میتوانیم چیزی
599
00:28:02,820 –> 00:28:03,810
مانند
600
00:28:03,810 –> 00:28:06,990
متن میکروبلاگ را که متن اصلی برنامه ما بود، قرار دهیم
601
00:28:06,990 –> 00:28:09,780
و سپس اگر آن را ذخیره
602
00:28:09,780 –> 00:28:11,940
کنیم و صفحه را تازهسازی کنیم،
603
00:28:11,940 –> 00:28:14,070
میکروبلاگها را در آنجا میبینید و اکنون تنها
604
00:28:14,070 –> 00:28:16,470
کاری که باید انجام دهیم آسانتر از انجام دادن این است که
605
00:28:16,470 –> 00:28:20,430
باید یک HTML بسازیم. سندی که
606
00:28:20,430 –> 00:28:24,930
به سایت ما اجازه میدهد شبیه به این باشد
607
00:28:24,930 –> 00:28:29,820
اسناد HTML آنچه را در صفحه
608
00:28:29,820 –> 00:28:32,130
است تعریف میکنند، به عنوان مثال یک سند XML ممکن است تعریف کند
609
00:28:32,130 –> 00:28:34,410
که این قطعه متن در
610
00:28:34,410 –> 00:28:36,210
صفحه باشد، این قطعه متن در
611
00:28:36,210 –> 00:28:37,890
صفحه باشد و به همین ترتیب با این قطعه و بنابراین با
612
00:28:37,890 –> 00:28:39,870
این جعبه متن و این دکمه و غیره،
613
00:28:39,870 –> 00:28:42,300
اما رنگ
614
00:28:42,300 –> 00:28:45,510
دکمه یا اندازه متن یا
615
00:28:45,510 –> 00:28:47,880
شفافیت این متن و غیره را مشخص نمی کند
616
00:28:47,880 –> 00:28:51,240
و آن چیزها برای CSS یا
617
00:28:51,240 –> 00:28:59,870
شیوه نامه ها باقی می مانند، پس بیایید شروع کنید و
618
00:28:59,870 –> 00:29:04,050
t را باز کنید بنابراین اکنون می خواهیم این کار را
619
00:29:04,050 –> 00:29:08,030
انجام دهیم این است که با تعریف
620
00:29:08,030 –> 00:29:11,190
نوع خاصی از تگ HTML که
621
00:29:11,190 –> 00:29:17,970
تگ div است شروع می کنیم، بنابراین تگ div چیزی است که به
622
00:29:17,970 –> 00:29:23,970
عنوان بلوکی از محتوای HTML شناخته می شود اگر این را به
623
00:29:23,970 –> 00:29:25,980
خوبی در اینجا ذخیره کنم.
624
00:29:25,980 –> 00:29:28,800
اگر این تگ را در اینجا ذخیره کنم، مقداری محتوا را در داخل آن مخزن قرار خواهم داد
625
00:29:28,800 –> 00:29:30,480
و سپس
626
00:29:30,480 –> 00:29:33,390
دوباره به مرورگرم می روم، اما تازه می کنم و
627
00:29:33,390 –> 00:29:34,560
می بینید که مطلقاً هیچ چیز
628
00:29:34,560 –> 00:29:37,350
تغییر نکرده است، اما اکنون آنچه می توانیم در مرورگرها انجام دهیم
629
00:29:37,350 –> 00:29:39,240
این است واقعا جالب است که می توانید
630
00:29:39,240 –> 00:29:41,760
روی آن کلیک راست کنید و بررسی کنید که آیا
631
00:29:41,760 –> 00:29:44,640
از کروم استفاده می کنید که من توصیه می کنم
632
00:29:44,640 –> 00:29:48,390
و سپس می توانید ببینید که این برچسب در اینجا
633
00:29:48,390 –> 00:29:50,670
که می دانم کمی کوچک است و شاید
634
00:29:50,670 –> 00:29:52,230
نتوانید آن را به خوبی آنجا ببینید
635
00:29:52,230 –> 00:29:55,140
سپس این ساختار سند HTML ما
636
00:29:55,140 –> 00:29:57,690
است، بنابراین ما doctype را در
637
00:29:57,690 –> 00:30:01,170
بالا داریم، سپس تگ HTML را دریافت می کنیم و وقتی
638
00:30:01,170 –> 00:30:02,760
آن را انتخاب می کنید یا زمانی که ماوس را روی آن می
639
00:30:02,760 –> 00:30:06,600
گذارید، کروم به طور خودکار فضایی را به شما نشان می دهد
640
00:30:06,600 –> 00:30:09,870
که این تگ در
641
00:30:09,870 –> 00:30:12,900
صفحه اشغال شده است، بنابراین تگ HTML
642
00:30:12,900 –> 00:30:15,510
تمام نوار آبی را اشغال می کند، سپس ما
643
00:30:15,510 –> 00:30:17,760
تگ head را داریم که به طور خودکار اضافه شد
644
00:30:17,760 –> 00:30:20,370
و ما تگ بدنه را داریم و تگ بدنه
645
00:30:20,370 –> 00:30:22,470
که میتوانید ببینید که اشغال میکند
646
00:30:22,470 –> 00:30:24,810
کمابیش همان مقدار اتاق است، اما
647
00:30:24,810 –> 00:30:26,370
اکنون دو رنگ در آن وجود دارد که ما میخواهیم
648
00:30:26,370 –> 00:30:28,290
معنی آنها را در یک لحظه بررسی کنیم. سپس
649
00:30:28,290 –> 00:30:29,970
شما تگ div را در داخل آن دارید که
650
00:30:29,970 –> 00:30:32,550
فضای کمتری را اشغال می کند، اما
651
00:30:32,550 –> 00:30:35,640
652
00:30:35,640 –> 00:30:39,960
اگر به کد خود برگردیم و
653
00:30:39,960 –> 00:30:43,530
تگ div را برای چیزی به نام
654
00:30:43,530 –> 00:30:47,370
تگ span تغییر دهیم، همچنان کل عرض صفحه را اشغال می کند. با انجام این کار به
655
00:30:47,370 –> 00:30:51,450
شما نشان میدهیم که این تگها اکنون چه کار میکنند، متوجه میشوید که
656
00:30:51,450 –> 00:30:55,260
اگر اکنون بازخوانی کنم، یک span داریم و
657
00:30:55,260 –> 00:30:57,990
تگ span تمام
658
00:30:57,990 –> 00:31:00,450
عرض صفحه را اشغال نمیکند، تنها به
659
00:31:00,450 –> 00:31:02,640
اندازهای که متن داخل آن فضای
660
00:31:02,640 –> 00:31:05,970
لازم را اشغال میکند، به این دلیل است که divها هستند.
661
00:31:05,970 –> 00:31:08,760
عناصر بلوک و دهانه ها عناصر درون خطی هستند،
662
00:31:08,760 –> 00:31:11,130
اما قبل از اینکه به آن مسیر ادامه دهیم،
663
00:31:11,130 –> 00:31:16,200
چیز بیشتری به شما نشان خواهم داد، بنابراین اکنون
664
00:31:16,200 –> 00:31:20,730
باید در مورد مدل جعبه CSS در
665
00:31:20,730 –> 00:31:24,030
CSS صحبت کنیم، چند ویژگی وجود دارد که
666
00:31:24,030 –> 00:31:26,790
باید در مورد اولی بدانید.
667
00:31:26,790 –> 00:31:30,630
محتوا محتوا اساساً
668
00:31:30,630 –> 00:31:33,390
تمام متن یا تصاویر یا چیزهای
669
00:31:33,390 –> 00:31:36,150
دیگری که در داخل یک تگ دارید، در مورد ما
670
00:31:36,150 –> 00:31:38,880
، متن میکروبلاگ محتوای
671
00:31:38,880 –> 00:31:43,140
هر دو و div و span بود، سپس
672
00:31:43,140 –> 00:31:46,230
شما مقداری بالشتک دارید که می تواند
673
00:31:46,230 –> 00:31:48,870
در اطراف محتوا باشد و می توانید به
674
00:31:48,870 –> 00:31:50,520
همان اندازه یا به همان اندازه padding قرار دهید. همانطور که می خواهید
675
00:31:50,520 –> 00:31:53,460
این فقط می توانید کمی فضا در
676
00:31:53,460 –> 00:31:57,390
اطراف محتوا اضافه کنید سپس بعد از padding می
677
00:31:57,390 –> 00:31:59,700
توانید یک حاشیه داشته باشید به عنوان مثال می
678
00:31:59,700 –> 00:32:01,590
توانید یک حاشیه سیاه ضخیم داشته باشید مانند وقتی
679
00:32:01,590 –> 00:32:03,210
اینجا را می بینید می توانید یک حاشیه نامرئی داشته
680
00:32:03,210 –> 00:32:05,550
باشید می توانید یک حاشیه بسیار نازک داشته باشید.
681
00:32:05,550 –> 00:32:07,230
اگر بخواهید نمی توانید اصلاً حاشیه ای نداشته
682
00:32:07,230 –> 00:32:09,090
باشید و دوباره فضای اضافی به
683
00:32:09,090 –> 00:32:11,600
طور بالقوه با مقداری رنگ
684
00:32:11,600 –> 00:32:15,480
در خارج از بالشتک اضافه می کند و در نهایت بعد
685
00:32:15,480 –> 00:32:18,210
از حاشیه شما یک حاشیه دارید که می تواند
686
00:32:18,210 –> 00:32:20,760
دوباره فضای بیشتری اضافه کند و می توانید از
687
00:32:20,760 –> 00:32:23,250
حاشیه حاشیه برای جداسازی
688
00:32:23,250 –> 00:32:28,560
عناصر استفاده کنید. در داخل یک صفحه، به طوری که
689
00:32:28,560 –> 00:32:30,630
قسمت های مختلف وجود دارد، محتوا،
690
00:32:30,630 –> 00:32:31,290
لایه بندی
691
00:32:31,290 –> 00:32:34,350
حاشیه و حاشیه و بنابراین
692
00:32:34,350 –> 00:32:36,270
شما دو نوع عنصر دارید،
693
00:32:36,270 –> 00:32:38,820
عناصر بلوکی دارید که تمام عرض موجود را پر می کنند،
694
00:32:38,820 –> 00:32:40,590
بنابراین این چیزی است که ما دیدیم.
695
00:32:40,590 –> 00:32:44,250
قبلاً زمانی که ما div خود را داشتیم و
696
00:32:44,250 –> 00:32:46,800
اگر عرض آنها از عرض موجود بیشتر شود به یک خط جدید تبدیل می شوند
697
00:32:46,800 –> 00:32:49,890
، بنابراین
698
00:32:49,890 –> 00:32:52,740
اگر متن زیادی در آن div یا در
699
00:32:52,740 –> 00:32:55,050
آن div داشته باشیم، آن متن به
700
00:32:55,050 –> 00:32:58,230
خط بعدی و یک مزیت دیگر تبدیل می شود. از
701
00:32:58,230 –> 00:32:59,610
عناصر بلوک این است که اگر بخواهید می توانید اندازه آنها را به صورت دستی
702
00:32:59,610 –> 00:33:02,820
تنظیم کنید، سپس می توانید
703
00:33:02,820 –> 00:33:05,130
عناصر درون خطی را تنظیم کنید که به
704
00:33:05,130 –> 00:33:08,100
خطوط جدید تقسیم نمی شوند و نمی توانید به صورت
705
00:33:08,100 –> 00:33:10,920
دستی عرض و ارتفاع را تنظیم کنید، به این
706
00:33:10,920 –> 00:33:12,930
دلیل که عناصر زیادی در
707
00:33:12,930 –> 00:33:16,170
HTML وجود دارد و و فقط باید آنها را امتحان کنید و به آنها
708
00:33:16,170 –> 00:33:18,690
نگاه کنید و یاد بگیرید
709
00:33:18,690 –> 00:33:19,860
که عناصر زیادی وجود دارد که من نمی
710
00:33:19,860 –> 00:33:23,520
توانم همه آنها را به شما بگویم، اما بله عناصر بلوک
711
00:33:23,520 –> 00:33:25,080
712
00:33:25,080 –> 00:33:27,060
چیزهایی مانند سرفصل های divs پاراگراف هایی هستند که
713
00:33:27,060 –> 00:33:29,820
شما معمولاً می خواهید آنها را اشغال کنید.
714
00:33:29,820 –> 00:33:33,090
اگر بخواهید فضای خود را داشته باشید و عناصر درون خطی
715
00:33:33,090 –> 00:33:35,220
چیزهایی مانند پیوندهایی هستند که یک
716
00:33:35,220 –> 00:33:38,490
لنگر یک دهانه تاکید بر چیزهای قوی هستند
717
00:33:38,490 –> 00:33:40,650
که معمولاً شما فکر میکنید در
718
00:33:40,650 –> 00:33:43,470
داخل چیز دیگری قرار میگیرید، به طوری که
719
00:33:43,470 –> 00:33:45,120
نوعی تفاوت مفهومی بین این
720
00:33:45,120 –> 00:33:46,620
دو جایگزین اگرچه همانطور که می دانید
721
00:33:46,620 –> 00:33:50,940
تفاوت های دیگری نیز وجود دارد در نهایت
722
00:33:50,940 –> 00:33:54,450
وقتی عرض و ارتفاع دارید به
723
00:33:54,450 –> 00:33:57,750
عرض و ارتفاع می رسیم و معمولاً
724
00:33:57,750 –> 00:33:59,790
عناصر CSS بر اساس محتوای آنها اندازه می شوند
725
00:33:59,790 –> 00:34:02,790
بنابراین اگر عنصری دارید و
726
00:34:02,790 –> 00:34:05,070
می گویید که یک عنصر را می خواهید 200
727
00:34:05,070 –> 00:34:09,000
پیکسل عرض و 150 پیکسل ارتفاع داشته
728
00:34:09,000 –> 00:34:11,129
باشید آنچه را که به عنوان خورشید تنظیم می کنید،
729
00:34:11,129 –> 00:34:14,040
محتوا است و سپس اگر لایه
730
00:34:14,040 –> 00:34:16,469
یا حاشیه اضافه کنید، این موارد اضافی خواهند بود
731
00:34:16,469 –> 00:34:20,909
و همچنین راه دیگری برای
732
00:34:20,909 –> 00:34:24,149
اندازه گیری عناصر دارید که عبارت است از جعبه مرزی
733
00:34:24,149 –> 00:34:25,168
و ما بعداً در مورد آن صحبت خواهیم کرد
734
00:34:25,168 –> 00:34:26,940
که این است که وقتی اندازه یک عنصر را تعریف می کنید،
735
00:34:26,940 –> 00:34:29,280
آن اندازه
736
00:34:29,280 –> 00:34:32,280
شامل حاشیه روی پانل می شود، من به
737
00:34:32,280 –> 00:34:33,750
شما نشان خواهم داد
738
00:34:33,750 –> 00:34:36,000
که وقتی به توسعه می رسیم اینها چگونه هستند، اما من
739
00:34:36,000 –> 00:34:38,489
فکر میکردم قبل از شروع همه چیز دانستن این موضوع مهم است،
740
00:34:38,489 –> 00:34:41,178
741
00:34:55,570 –> 00:35:01,210
بنابراین بیایید ادامه دهیم و
742
00:35:01,210 –> 00:35:04,330
ساختار HTML را بسازیم که
743
00:35:04,330 –> 00:35:13,870
برای صفحه خود استفاده خواهیم کرد و شنیدن برخی از کارهایی که اکنون انجام میدهیم
744
00:35:13,870 –> 00:35:20,410
احساس میکنم چیزی را در چت از دست دادهام.
745
00:35:20,410 –> 00:35:24,910
ما در حال حاضر ما قصد داریم
746
00:35:24,910 –> 00:35:27,760
به ساخت ساختار HTML و بنابراین
747
00:35:27,760 –> 00:35:31,450
امیدوارم منظور شما این باشد و بله،
748
00:35:31,450 –> 00:35:34,660
بنابراین ما متن میکروبلاگ خود را در اینجا
749
00:35:34,660 –> 00:35:38,680
داریم، می خواهیم آن را برای برخی از div ها جایگزین کنیم،
750
00:35:38,680 –> 00:35:41,200
بنابراین ما یک div
751
00:35:41,200 –> 00:35:43,480
خواهیم داشت که لوگوی آن خواهد بود، بنابراین من من فقط
752
00:35:43,480 –> 00:35:45,100
آرم را در اینجا تایپ می کنم و
753
00:35:45,100 –> 00:35:47,950
در یک لحظه نحوه قرار دادن یک تصویر در آن صفحه را بررسی می
754
00:35:47,950 –> 00:35:49,930
کنیم و سپس
755
00:35:49,930 –> 00:35:52,000
یک div دیگری خواهیم داشت که برای
756
00:35:52,000 –> 00:35:56,740
آیتم های منو خواهد بود، به طوری که اخیرا و
757
00:35:56,740 –> 00:36:00,610
تقویم، بنابراین اگر به اینجا برگردیم
758
00:36:00,610 –> 00:36:02,980
، یک div دیگری در داخل آن برای
759
00:36:02,980 –> 00:36:06,580
اخیر و یک div دیگری در داخل آن برای
760
00:36:06,580 –> 00:36:10,180
تقویم و در اینجا ما لوگو خواهیم داشت
761
00:36:10,180 –> 00:36:13,530
و سپس
762
00:36:13,530 –> 00:36:17,920
میکروبلاگ خواهیم داشت، بنابراین ما اکنون یک ساختار داریم. برای
763
00:36:17,920 –> 00:36:19,300
HTML خود
764
00:36:19,300 –> 00:36:21,850
ما نداریم، من از شر این
765
00:36:21,850 –> 00:36:24,820
بازه خلاص میشوم، در واقع نه نه،
766
00:36:24,820 –> 00:36:29,680
آن را برای یک div تغییر میدهم، بنابراین در
767
00:36:29,680 –> 00:36:33,300
HTML خود یک ظرف یا یک div یک بلوک از
768
00:36:33,300 –> 00:36:36,880
HTML داریم و در داخل آن بلوک ما
769
00:36:36,880 –> 00:36:39,490
چند بلوک دیگر داریم که اولی حاوی
770
00:36:39,490 –> 00:36:42,880
متن لوگو و میکروبلاگ است
771
00:36:42,880 –> 00:36:45,340
که عنوان سایت ما است و سپس یک بلوک داریم.
772
00:36:45,340 –> 00:36:47,140
بلوک دیگر و در داخل آن
773
00:36:47,140 –> 00:36:49,240
چند بلوک دیگر وجود دارد که
774
00:36:49,240 –> 00:36:52,630
آیتم های منوی اخیر و تقویم را دارند، بنابراین اگر آن را
775
00:36:52,630 –> 00:36:55,720
ذخیره کنیم و برویم و آن را باز کنیم، می
776
00:36:55,720 –> 00:36:58,060
بینیم که هیچ شباهتی به آنچه می
777
00:36:58,060 –> 00:37:02,020
خواستیم ندارد و دلیل آن این است
778
00:37:02,020 –> 00:37:05,770
که اینها همه عناصر بلوکی هستند، بنابراین
779
00:37:05,770 –> 00:37:08,990
همه آنها 100٪ از عرض شما را خارج می کنند،
780
00:37:08,990 –> 00:37:12,050
بنابراین توسعه میکروبلاگ
781
00:37:12,050 –> 00:37:13,940
لوگو 100٪ از عرض موجود را اشغال می کند و
782
00:37:13,940 –> 00:37:16,369
بنابراین عنصر بعدی در صفحه
783
00:37:16,369 –> 00:37:18,590
باید زیر آن باشد زیرا هیچ
784
00:37:18,590 –> 00:37:20,390
فضایی در کنار آن وجود ندارد زیرا
785
00:37:20,390 –> 00:37:24,020
قبلاً تمام عرض را گرفته است بنابراین این div
786
00:37:24,020 –> 00:37:26,960
نیز تمام عرض موجود را می گیرد و در
787
00:37:26,960 –> 00:37:29,690
داخل div ما دیب های دیگری داریم و آنها
788
00:37:29,690 –> 00:37:31,670
نیز 1/2 درصد از عرض موجود را اشغال می کنند
789
00:37:31,670 –> 00:37:35,000
و بنابراین دوباره همه اینها از بالا به پایین ظاهر می شوند
790
00:37:35,000 –> 00:37:43,220
اما این یک مشکل کوچک
791
00:37:43,220 –> 00:37:46,070
که بعداً با استفاده از CSS آن را حل خواهیم کرد،
792
00:37:46,070 –> 00:37:49,369
بنابراین در حال حاضر ما سربرگ
793
00:37:49,369 –> 00:37:50,690
برنامه خود را داریم و می دانم که این
794
00:37:50,690 –> 00:37:52,730
خیلی چشمگیر به نظر نمی رسد و فقط
795
00:37:52,730 –> 00:37:56,060
چند لحظه قسمت بعدی را تحمل کنید.
796
00:37:56,060 –> 00:38:00,310
برنامه ما قرار است اصلی باشد
797
00:38:00,310 –> 00:38:02,210
منطقه، بنابراین ما می خواهیم یک div دیگری برای فرم تعریف کنیم
798
00:38:02,210 –> 00:38:06,350
و در اینجا
799
00:38:06,350 –> 00:38:10,130
یک تگ فرم قرار می دهیم، یک تگ form یک تگ دیگر
800
00:38:10,130 –> 00:38:12,260
مانند آن div است، اما معنی آن این است
801
00:38:12,260 –> 00:38:15,080
که می توانید دکمه ها و
802
00:38:15,080 –> 00:38:16,070
فیلدهای ورودی و مواردی مانند آن را داشته باشید. که
803
00:38:16,070 –> 00:38:19,400
در داخل فرم ها قرار می گیرد، بنابراین در داخل فرم
804
00:38:19,400 –> 00:38:24,740
، یک ناحیه متنی خواهیم داشت و در زیر
805
00:38:24,740 –> 00:38:26,720
ناحیه متن، یک ورودی خواهیم داشت
806
00:38:26,720 –> 00:38:28,880
و در اینجا می خواهیم در مورد
807
00:38:28,880 –> 00:38:33,320
اولین ویژگی HTML خود یاد بگیریم، این تگ های HTML می توانند
808
00:38:33,320 –> 00:38:37,760
حاوی داده های اضافی باشند و
809
00:38:37,760 –> 00:38:41,630
نحوه رفتار آنها را تغییر میدهد تا تگ ورودی
810
00:38:41,630 –> 00:38:44,359
برای کاربر استفاده شود که مقداری ورودی را وارد میکند یا
811
00:38:44,359 –> 00:38:47,000
روی چیزی کلیک میکند و تگهای ورودی
812
00:38:47,000 –> 00:38:49,790
اغلب یک نوع دارند، بنابراین شما میتوانید ورودی را انجام دهید و سپس
813
00:38:49,790 –> 00:38:53,150
نوع فاصله برابر است و ما
814
00:38:53,150 –> 00:38:56,510
اکنون تگ ورودی را ارسال میکنیم. از
815
00:38:56,510 –> 00:38:59,510
معدود تگ هایی که خود به خود بسته می شوند یا
816
00:38:59,510 –> 00:39:04,010
بعد از آن یک تگ بسته نمی گذارید، این
817
00:39:04,010 –> 00:39:05,510
کار را با تگ های ورودی انجام نمی دهید زیرا
818
00:39:05,510 –> 00:39:08,690
هرگز نمی توانید چیزی بین
819
00:39:08,690 –> 00:39:11,000
تگ ها قرار دهید، فقط HTML معتبر نیست، بنابراین کاری
820
00:39:11,000 –> 00:39:13,760
که انجام می دهید این است که انجام می دهید. یک تگ خود بسته شدن
821
00:39:13,760 –> 00:39:15,320
که در آن علامت اسلش جلو و D
822
00:39:15,320 –> 00:39:17,750
و t بزرگتر را قرار می دهید نماد han در انتها وجود دارد
823
00:39:17,750 –> 00:39:20,600
و این یک تگ است که خودش بسته میشود،
824
00:39:20,600 –> 00:39:22,360
825
00:39:22,360 –> 00:39:23,800
بنابراین من اکنون ذخیره را فشار میدهم و
826
00:39:23,800 –> 00:39:25,450
به مرورگر باز میگردم تا بتوانید ببینید که چه شکلی است و
827
00:39:25,450 –> 00:39:27,970
میتوانید ببینید که اکنون
828
00:39:27,970 –> 00:39:29,170
کمی به آن نزدیکتر میشویم. برنامه ما
829
00:39:29,170 –> 00:39:32,500
واقعاً چگونه به نظر می رسد و
830
00:39:32,500 –> 00:39:34,990
حداقل محتوای آن
831
00:39:34,990 –> 00:39:38,080
ما ناحیه متنی خود را داریم و می توانید ببینید که
832
00:39:38,080 –> 00:39:40,030
می توانید اندازه این قسمت متن را تغییر دهید و
833
00:39:40,030 –> 00:39:41,830
این بخشی از عملکرد مرورگر است
834
00:39:41,830 –> 00:39:43,090
بنابراین چیزی نیست که ما کدگذاری کرده ایم.
835
00:39:43,090 –> 00:39:45,790
خودمان و سپس ما دکمه ارسال شما را دریافت کرده ایم
836
00:39:45,790 –> 00:39:48,310
و وقتی روی آن کلیک می کنید، می بینید
837
00:39:48,310 –> 00:39:50,890
که اتفاقی افتاده است و اگرچه
838
00:39:50,890 –> 00:39:53,320
چیزی در صفحه ما تغییر نکرده است
839
00:39:53,320 –> 00:39:57,160
، اگر
840
00:39:57,160 –> 00:40:01,240
چیزی در این قسمت متنی وجود داشته باشد، به عنوان مثال
841
00:40:01,240 –> 00:40:06,640
سلام، در واقع صفحه را بازخوانی کردیم. محتوا می تواند
842
00:40:06,640 –> 00:40:12,360
به سرور ارسال شود و این به درستی پیوند داده شده است،
843
00:40:19,660 –> 00:40:23,210
بنابراین برای اینکه بتوانیم از
844
00:40:23,210 –> 00:40:26,150
ناحیه متن استفاده کنیم باید نامی برای آن بگذاریم،
845
00:40:26,150 –> 00:40:28,730
بنابراین این یکی دیگر از ویژگی های ناحیه متن
846
00:40:28,730 –> 00:40:32,600
است و من آن را محتوا خوب می نامم.
847
00:40:32,600 –> 00:40:35,660
حالا وقتی به مرورگر خود برمی گردیم و
848
00:40:35,660 –> 00:40:40,820
اگر سلام را در اینجا وارد کنیم، اکنون صفحه را تازه می کنیم
849
00:40:40,820 –> 00:40:41,780
،
850
00:40:41,780 –> 00:40:44,000
می بینید که وقتی نامی برای آن می گذاریم
851
00:40:44,000 –> 00:40:48,410
، آدرس کمی تغییر می کند و می
852
00:40:48,410 –> 00:40:50,630
فهمم که این کمی
853
00:40:50,630 –> 00:40:52,280
کوچک است، اما آنچه شما اینجا دارید
854
00:40:52,280 –> 00:40:55,490
علامت سوال است. محتوا برابر با سلام است، به
855
00:40:55,490 –> 00:40:57,500
این معنی که وقتی
856
00:40:57,500 –> 00:41:00,890
دکمه ارسال را فشار میدهید، محتویات این
857
00:41:00,890 –> 00:41:04,550
قسمت متن در واقع به آدرس اینترنتی ارسال شده است
858
00:41:04,550 –> 00:41:10,100
که شما در حال حاضر در آن هستید، بله،
859
00:41:10,100 –> 00:41:12,140
میتوانید چت را مخفی کنید،
860
00:41:12,140 –> 00:41:14,780
اگر دوست دارید ویدیو را به صورت تمام صفحه پنهان کنید، ممکن است تمرکز کردن آسانتر باشد.
861
00:41:14,780 –> 00:41:17,030
از آنجا که ما امروز موارد زیادی را پوشش خواهیم داد،
862
00:41:17,030 –> 00:41:21,650
بنابراین اکنون فرم ما در
863
00:41:21,650 –> 00:41:23,480
واقع ارسال
864
00:41:23,480 –> 00:41:26,150
داده ها را مدیریت می کند و داده ها به
865
00:41:26,150 –> 00:41:27,530
آدرسی که شما در حال حاضر در آن هستید ارسال شده است، این
866
00:41:27,530 –> 00:41:30,620
فقط رفتار پیش فرض فرم ها است، بنابراین
867
00:41:30,620 –> 00:41:31,940
زمانی که ما در حال بارگیری هستیم این صفحه در
868
00:41:31,940 –> 00:41:33,680
برنامه فلاسک ما برنامه فلاسک ما
869
00:41:33,680 –> 00:41:36,590
می تواند آن داده ها را به نحوی دریافت کند و
870
00:41:36,590 –> 00:41:41,180
ما می خواهیم ببینیم که چگونه
871
00:41:41,180 –> 00:41:43,520
از کیمیاگری دنباله فلاسک در این
872
00:41:43,520 –> 00:41:45,620
ویدیو استفاده نمی کنیم،
873
00:41:45,620 –> 00:41:49,040
فعلاً کمی پیشرفته است، بسیار خوب است. ما
874
00:41:49,040 –> 00:41:51,170
فرم خود را در مرحله بعدی وجود دارد کاری که
875
00:41:51,170 –> 00:41:57,080
میخواهیم انجام دهیم این است که به
876
00:41:57,080 –> 00:41:59,360
جلو برویم و به برخی از این
877
00:41:59,360 –> 00:42:03,440
چیزها کمی سبک میدهیم و بنابراین یکی از
878
00:42:03,440 –> 00:42:07,100
بهترین راهها برای دادن استایل به عناصر در
879
00:42:07,100 –> 00:42:09,950
HTML یکی از روشهای
880
00:42:09,950 –> 00:42:11,660
قبل از اینکه بتوانید به عناصر
881
00:42:11,660 –> 00:42:13,610
در HTML استایل بدهید این است که باید بتوانید
882
00:42:13,610 –> 00:42:16,700
عنصری را که می خواهید تغییر دهید شناسایی کنید، به
883
00:42:16,700 –> 00:42:23,390
عنوان مثال، ما
884
00:42:23,390 –> 00:42:25,160
به این عمق می رویم که دارای لوگو و
885
00:42:25,160 –> 00:42:27,080
متن میکروبلاگ است و می رویم. برای انجام
886
00:42:27,080 –> 00:42:30,390
کلاس برابر عنوان
887
00:42:30,390 –> 00:42:33,910
و بنابراین ما یک ویژگی به
888
00:42:33,910 –> 00:42:36,489
این div اضافه کردهایم و ویژگی کلاس
889
00:42:36,489 –> 00:42:41,529
برابر عنوان است، حالا وقتی مقداری
890
00:42:41,529 –> 00:42:43,569
کد CSS مینویسیم، کد CSS که
891
00:42:43,569 –> 00:42:46,650
مسئول تغییر سبک این
892
00:42:46,650 –> 00:42:50,259
HTML است میتواند بگوید عنصر
893
00:42:50,259 –> 00:42:53,140
با عنوان کلاس و تغییر
894
00:42:53,140 –> 00:42:59,229
آن رنگ یا اندازه فونت و غیره را تغییر
895
00:42:59,229 –> 00:43:01,839
دهید، پس بیایید ادامه دهیم و این کار را انجام دهیم
896
00:43:01,839 –> 00:43:04,719
تا بتوانیم مقداری CSS بنویسیم، به
897
00:43:04,719 –> 00:43:08,019
چند چیز نیاز داریم، اولین مورد این است
898
00:43:08,019 –> 00:43:11,019
که ما به یک عنصر سر نیاز داریم
899
00:43:11,019 –> 00:43:13,119
این همتای عنصر بدنه است و
900
00:43:13,119 –> 00:43:15,729
اما عنصر head در صفحه نمایش داده نمی شود
901
00:43:15,729 –> 00:43:20,170
بله، بنابراین در اینجا ما می خواهیم
902
00:43:20,170 –> 00:43:23,890
سبکی بنویسیم و این یک تگ دیگر است و
903
00:43:23,890 –> 00:43:26,380
در داخل این تگ می توانید کدی بنویسید
904
00:43:26,380 –> 00:43:30,279
که HTML زیر آن را تغییر می دهد، بنابراین
905
00:43:30,279 –> 00:43:31,660
ما مقداری کد CSS را می نویسیم. ‘re
906
00:43:31,660 –> 00:43:36,880
gonna dot title و کاری که این کار انجام می دهد این است
907
00:43:36,880 –> 00:43:39,910
که به CSS می گوید عناصری را
908
00:43:39,910 –> 00:43:42,160
که دارای یک کلاس عنوان هستند پیدا کند
909
00:43:42,160 –> 00:43:44,079
که نقطه مقابل آن به معنای آن
910
00:43:44,079 –> 00:43:48,789
با یک کلاس عنوان است و در اینجا در داخل
911
00:43:48,789 –> 00:43:52,239
این براکت ها می توانیم بنویسیم. قوانین CSS یا
912
00:43:52,239 –> 00:43:55,049
برخی چیزهایی که تغییر خواهند کرد، به عنوان مثال
913
00:43:55,049 –> 00:43:59,709
فونت – اندازه ما می توانیم 24 پیکسل بنویسیم،
914
00:43:59,709 –> 00:44:02,619
بنابراین در اینجا عناصر ما با یک
915
00:44:02,619 –> 00:44:05,769
کلاس عنوان دارای اندازه فونت
916
00:44:05,769 –> 00:44:10,749
24 پیکسل هستند، خوب، بنابراین اجازه دهید آن را ذخیره
917
00:44:10,749 –> 00:44:14,859
کنیم و به مرورگر خود برگردیم. و اکنون
918
00:44:14,859 –> 00:44:16,779
میتوانید ببینید که اندازه لوگو و
919
00:44:16,779 –> 00:44:21,369
میکروبلاگ افزایش یافته است، کاری که میخواهید در حین
920
00:44:21,369 –> 00:44:22,420
توسعه برنامههای کاربردی وب انجام دهید، به
921
00:44:22,420 –> 00:44:24,369
خصوص اگر طرحی از
922
00:44:24,369 –> 00:44:25,539
قبل ساختهاید، میخواهید مطمئن شوید که
923
00:44:25,539 –> 00:44:28,359
از فونت و فونت درست استفاده میکنید. و
924
00:44:28,359 –> 00:44:31,449
رنگ ها برای برنامه شما، بنابراین در اینجا می توانم
925
00:44:31,449 –> 00:44:34,479
آن 24 پی را ببینم xels درست است، بله، به
926
00:44:34,479 –> 00:44:37,259
همین دلیل است که من این کار را انجام میدهم،
927
00:44:41,920 –> 00:44:47,510
بنابراین ما در مورد چند
928
00:44:47,510 –> 00:44:50,090
بخش مختلف درگیر در توسعه وب یاد
929
00:44:50,090 –> 00:44:54,020
گرفتیم.
930
00:44:54,020 –> 00:44:57,860
931
00:44:57,860 –> 00:44:59,960
932
00:44:59,960 –> 00:45:01,670
عناصری را که در
933
00:45:01,670 –> 00:45:03,320
حین حرکت به آنها نیاز
934
00:45:03,320 –> 00:45:05,869
داریم و در مورد فرم ها
935
00:45:05,869 –> 00:45:09,560
و اینکه آنها با فشار دادن دکمه ارسال و ما داده ها را به سایت
936
00:45:09,560 –> 00:45:11,360
هایی که شما در حال حاضر در آنها هستید ارسال می کنند، یاد می
937
00:45:11,360 –> 00:45:13,580
گیریم.
938
00:45:13,580 –> 00:45:15,260
همچنین کمی در مورد CSS و نوع
939
00:45:15,260 –> 00:45:15,800
کارکرد آن یاد
940
00:45:15,800 –> 00:45:17,420
گرفتید، کلاس خود را دارید و
941
00:45:17,420 –> 00:45:19,250
عناصر را مشخص می کند و سپس در داخل
942
00:45:19,250 –> 00:45:21,320
براکت ها می توانید قوانینی را قرار دهید و ما نمی
943
00:45:21,320 –> 00:45:23,360
دانیم چه قوانینی در دسترس ما هستند
944
00:45:23,360 –> 00:45:26,600
و این فقط بخشی از CSS
945
00:45:26,600 –> 00:45:28,550
یاد می گیرد که باید انجام دهید، اما
946
00:45:28,550 –> 00:45:29,869
قوانین مختلفی وجود دارد و شما
947
00:45:29,869 –> 00:45:31,430
می توانید تقریباً همه چیز را در مورد
948
00:45:31,430 –> 00:45:36,680
یک عنصر با استفاده از CSS تغییر دهید،
949
00:45:36,680 –> 00:45:39,350
بنابراین اکنون که این را در اینجا دریافت کرده ایم،
950
00:45:39,350 –> 00:45:42,410
به فلاسک برمی گردیم و به جای
951
00:45:42,410 –> 00:45:45,920
بارگیری این فایل EML مستقیم خانگی برای ما در
952
00:45:45,920 –> 00:45:48,770
مرورگر خود، به
953
00:45:48,770 –> 00:45:52,220
کاربر درخواست کننده نقطه پایانی خانه
954
00:45:52,220 –> 00:45:54,310
، فایل HTML را به آنها می دهیم و به
955
00:45:54,310 –> 00:45:58,520
این ترتیب می توانیم از کد پایتون خود
956
00:45:58,520 –> 00:46:03,590
در حین ارسال آن داده ها برای آنها استفاده کنیم، بنابراین
957
00:46:03,590 –> 00:46:05,150
کاری که باید انجام دهیم این است که برویم. در جلو و از
958
00:46:05,150 –> 00:46:09,800
flask import flask و همچنین رندر
959
00:46:09,800 –> 00:46:13,550
قالب اجرا شده، قالب قرار است
960
00:46:13,550 –> 00:46:17,210
نام قالب را بگیرد و
961
00:46:17,210 –> 00:46:18,980
آن را به کاربر ارائه
962
00:46:18,980 –> 00:46:21,680
دهد، بنابراین ما در اینجا خانه HTML را قرار می دهیم، متوجه شدم
963
00:46:21,680 –> 00:46:24,170
که در هیچ کجا از
964
00:46:24,170 –> 00:46:27,170
پوشه templates که پیش فرض است استفاده نمی کنیم. نام پوشه
965
00:46:27,170 –> 00:46:28,940
برای templates در flask به همین دلیل
966
00:46:28,940 –> 00:46:30,619
بسیار مهم است که آن را templates می نامند
967
00:46:30,619 –> 00:46:33,200
و flask به طور خودکار
968
00:46:33,200 –> 00:46:35,030
در هنگام رندر قالب به دنبال پوشه home directory ml در داخل
969
00:46:35,030 –> 00:46:36,830
پوشه templates می شود،
970
00:46:36,830 –> 00:46:40,100
بنابراین اکنون می توانیم ذخیره کنیم تا بتوانیم
971
00:46:40,100 –> 00:46:42,980
یک ترمینال را باز کنیم و می توانیم برنامه flask خود را اجرا کنید
972
00:46:42,980 –> 00:46:46,220
سپس میتوانیم به مرورگر خود برگردیم
973
00:46:46,220 –> 00:46:49,460
و اکنون میتوانیم این برگه را
974
00:46:49,460 –> 00:46:52,250
که فایل باز است را ببندیم و
975
00:46:52,250 –> 00:46:55,010
میتوانیم برنامه flask خود را که
976
00:46:55,010 –> 00:46:58,940
یک 27.0 pune point 1: 5000 /home است را دوباره تکمیل کنیم و
977
00:46:58,940 –> 00:47:00,860
اکنون میتوانید ببینید که بارگیری میشود.
978
00:47:00,860 –> 00:47:02,180
همه چیز را بالا ببرد g کمی بزرگتر به نظر می رسد زیرا
979
00:47:02,180 –> 00:47:04,910
من فقط برای اینکه شما
980
00:47:04,910 –> 00:47:06,260
بچه ها ببینید روی کروم زوم کرده ام اما واقعاً
981
00:47:06,260 –> 00:47:08,560
مانند قبل به نظر
982
00:47:18,290 –> 00:47:19,940
983
00:47:19,940 –> 00:47:21,980
984
00:47:21,980 –> 00:47:24,369
985
00:47:38,330 –> 00:47:43,390
می رسد. آموزش
986
00:47:43,390 –> 00:47:46,040
این مقدار کمی باقی مانده است که
987
00:47:46,040 –> 00:47:49,630
باید بگویم من به جنگو علاقه مند
988
00:47:49,630 –> 00:47:53,630
هستم اما قبلاً از آن استفاده نکرده بودم، بنابراین اکنون
989
00:47:53,630 –> 00:47:55,790
می توانیم با محتوای HTML به کاربران خود خدمات ارائه دهیم،
990
00:47:55,790 –> 00:47:59,570
بنابراین مرحله بعدی این
991
00:47:59,570 –> 00:48:02,420
است که خوب، من فعلاً از شر این CSS خلاص میشوم،
992
00:48:02,420 –> 00:48:04,760
زیرا ما
993
00:48:04,760 –> 00:48:06,590
در واقع برای هیچ چیز به آن نیاز نداریم
994
00:48:06,590 –> 00:48:08,630
، اما قدم بعدی این است که
995
00:48:08,630 –> 00:48:10,760
فرم خود را که در حال حاضر بسیار وحشتناک به نظر میرسد متصل
996
00:48:10,760 –> 00:48:11,960
کنیم، اما ما میخواهیم
997
00:48:11,960 –> 00:48:13,760
بعداً آن را سبک کنید، ما آن را
998
00:48:13,760 –> 00:48:16,820
با کد پایتون خود وصل می کنیم تا وقتی کاربر
999
00:48:16,820 –> 00:48:22,180
دکمه ارسال را فشار می دهد و سپس
1000
00:48:28,500 –> 00:48:31,090
بازی rj، شما را زمان بندی می کنیم رفیق
1001
00:48:31,090 –> 00:48:36,280
، کانال خود را در
1002
00:48:36,280 –> 00:48:37,510
اینجا تبلیغ نکنید، مکان مناسبی نیست.
1003
00:48:37,510 –> 00:48:39,880
خوب است، بنابراین ما تالار گفتمان
1004
00:48:39,880 –> 00:48:42,970
را وصل می کنیم تا زمانی که اطلاعاتی دریافت کنیم، چه زمانی ارسال شود
1005
00:48:42,970 –> 00:48:44,950
کاربر دکمه ارسال را فشار میدهد
1006
00:48:44,950 –> 00:48:46,600
برنامه پایتون ما میتواند آن دادهها را ببیند
1007
00:48:46,600 –> 00:48:50,230
و آنها را ذخیره کند، بنابراین اولین
1008
00:48:50,230 –> 00:48:52,030
کاری که باید در اینجا در انجمن انجام دهیم این
1009
00:48:52,030 –> 00:48:53,650
است که ویژگی دیگری به آن بدهیم که
1010
00:48:53,650 –> 00:49:00,360
متد برابر است با پست، پس چه چیزی پست میکند. معنی
1011
00:49:00,360 –> 00:49:03,070
و Vash این است که آیا ابزار خوبی
1012
00:49:03,070 –> 00:49:06,970
برای ساختن HTML mmm وجود دارد نه هیچ ابزار خوبی
1013
00:49:06,970 –> 00:49:09,370
وجود ندارد، فکر نمیکنم شما مجبور باشید این کار را
1014
00:49:09,370 –> 00:49:14,520
با دست انجام دهید، بنابراین دو نوع درخواست اصلی وجود دارد
1015
00:49:14,520 –> 00:49:18,010
و در واقع این واقعاً
1016
00:49:18,010 –> 00:49:21,160
درست نیست و وجود دارد. دو چیز اصلی هستند
1017
00:49:21,160 –> 00:49:24,550
که همراه با درخواست ها،
1018
00:49:24,550 –> 00:49:27,340
محتوای درخواست ها و
1019
00:49:27,340 –> 00:49:31,240
روش درخواست ارسال می شوند، بنابراین محتوا می تواند
1020
00:49:31,240 –> 00:49:33,220
داده هایی باشد که در انجمن گنجانده شده است
1021
00:49:33,220 –> 00:49:35,920
یا می تواند اطلاعات دیگری باشد
1022
00:49:35,920 –> 00:49:38,560
که مشتری می خواهد ارسال کند و مشتری.
1023
00:49:38,560 –> 00:49:40,870
همچنین میتواند تصمیم بگیرد که درخواستها را با داده
1024
00:49:40,870 –> 00:49:44,500
دیگری که متد نامیده میشود، ارسال کند
1025
00:49:44,500 –> 00:49:48,550
، بنابراین دو روش متداول دریافت
1026
00:49:48,550 –> 00:49:52,540
و ارسال هستند و اینها فقط تکههایی از
1027
00:49:52,540 –> 00:49:54,340
دادهها هستند که در درخواست گنجانده شده است، بنابراین
1028
00:49:54,340 –> 00:49:56,590
هیچ معنایی ذاتی
1029
00:49:56,590 –> 00:49:59,620
ندارند، اما سرورها معمولاً ساخته میشوند تا
1030
00:49:59,620 –> 00:50:01,300
1031
00:50:01,300 –> 00:50:02,410
معنی این انواع مختلف درخواستها را درک کنید،
1032
00:50:02,410 –> 00:50:05,470
بنابراین معمولاً سرورها از درخواست دریافت
1033
00:50:05,470 –> 00:50:08,500
برای بازگرداندن برخی اطلاعات یا برخی از دادهها
1034
00:50:08,500 –> 00:50:11,980
و سرورها معمولاً از درخواستهای پست
1035
00:50:11,980 –> 00:50:14,700
برای دریافت برخی دادهها از مشتری استفاده میکنند و
1036
00:50:14,700 –> 00:50:18,430
سپس ممکن است چیزی در کد سرور ایجاد کنند،
1037
00:50:18,430 –> 00:50:20,470
بنابراین ما میخواهیم
1038
00:50:20,470 –> 00:50:22,660
این قرارداد را در اینجا دنبال کنید و
1039
00:50:22,660 –> 00:50:25,420
ما وارد برنامه تزئین مسیر نقطه برنامه خود می
1040
00:50:25,420 –> 00:50:28,150
شویم و می گوییم روش ها برابر هستند و سپس
1041
00:50:28,150 –> 00:50:32,080
لیستی از دریافت و ارسال اکنون به این معنی
1042
00:50:32,080 –> 00:50:34,810
است که این نقطه پایانی می تواند
1043
00:50:34,810 –> 00:50:38,760
درخواست های دریافت و ارسال کند. درخواستهایی
1044
00:50:38,760 –> 00:50:40,960
که وقتی دریافت
1045
00:50:40,960 –> 00:50:43,090
میکنیم، الگو را به کاربر میدهیم
1046
00:50:43,090 –> 00:50:46,000
زیرا آنها صریحاً برخی از
1047
00:50:46,000 –> 00:50:48,070
دادهها را درخواست کردهاند، این همان معنای درخواست دریافت است،
1048
00:50:48,070 –> 00:50:50,430
اما زمانی که آنها یک درخواست پست برای ما ارسال
1049
00:50:50,430 –> 00:50:53,320
میکنند، فرض میکنیم که آنها
1050
00:50:53,320 –> 00:50:55,600
روی دکمه ارسال کلیک کردهاند. فرم
1051
00:50:55,600 –> 00:50:58,390
و بنابراین سعی می کنیم
1052
00:50:58,390 –> 00:51:09,070
با داده هایی که این فرم برای ما ارسال کرده است سروکار داشته باشیم، بنابراین کاری
1053
00:51:09,070 –> 00:51:11,320
که باید انجام دهیم این است که در اینجا از فلاسک
1054
00:51:11,320 –> 00:51:13,650
، درخواست ها را نیز وارد کنیم و
1055
00:51:13,650 –> 00:51:16,810
اگر روش نقطه درخواست ها
1056
00:51:16,810 –> 00:51:20,140
برابر با t باشد، این کار را انجام می دهیم. o پست کنید، سپس ما به
1057
00:51:20,140 –> 00:51:23,680
نوعی با دادههایی که به ما ارسال شده است برخورد
1058
00:51:23,680 –> 00:51:27,520
میکنیم و اگر نه،
1059
00:51:27,520 –> 00:51:29,530
پس این الگوی رندر شده را برمیگردانیم، بنابراین
1060
00:51:29,530 –> 00:51:35,140
اگر الگوی خود را ببندیم، اکنون الگوی رندر را باز میگردانیم.
1061
00:51:35,140 –> 00:51:37,690
برنامه و
1062
00:51:37,690 –> 00:51:41,650
دوباره آن را شروع کنید، می بینید که این
1063
00:51:41,650 –> 00:51:43,090
دقیقاً همان کار قبلی را انجام می دهد، بنابراین ما
1064
00:51:43,090 –> 00:51:44,830
می توانیم تازه سازی کنیم، ما واقعاً
1065
00:51:44,830 –> 00:51:46,180
چیزی را از دست نداده ایم به جز برخی از استایل،
1066
00:51:46,180 –> 00:51:48,370
زیرا از شر آن خلاص شده ایم، اما
1067
00:51:48,370 –> 00:51:51,310
می بینید که مرورگر در حال پیشرفت است.
1068
00:51:51,310 –> 00:51:54,220
1069
00:51:54,220 –> 00:51:56,470
هر زمان که به وبسایتی دسترسی پیدا میکنید، این کار را بهطور خودکار برای شما انجام میدهد، بنابراین
1070
00:51:56,470 –> 00:51:57,610
هر زمان که وبسایتی را در
1071
00:51:57,610 –> 00:52:00,100
نوار آدرس تایپ میکنید، مرورگر قبل از
1072
00:52:00,100 –> 00:52:02,050
اینکه محتوا را به شما نشان دهد
1073
00:52:02,050 –> 00:52:04,810
، برای این نقطه پایانی خاص از سرور درخواست دریافت میکند
1074
00:52:04,810 –> 00:52:06,790
و سرور معمولاً به
1075
00:52:06,790 –> 00:52:09,310
شما پاسخ میدهد. با مقداری HTML،
1076
00:52:09,310 –> 00:52:11,250
مرورگر HTML را رندر می کند یا
1077
00:52:11,250 –> 00:52:13,750
آن را به چیزهای قابل مشاهده تبدیل می کند و
1078
00:52:13,750 –> 00:52:19,170
سپس شما آن را می بینید، اما هر زمان که
1079
00:52:19,170 –> 00:52:22,060
محتوایی مانند Hello را در اینجا ارسال
1080
00:52:22,060 –> 00:52:25,480
می کنیم، خواهید دید که یک خطای سرور داخلی دریافت می کنیم
1081
00:52:25,480 –> 00:52:28,420
و این به این دلیل است که ما
1082
00:52:28,420 –> 00:52:31,510
هنگامی که
1083
00:52:31,510 –> 00:52:34,170
درخواست پست دریافت کردیم، نقطه پایانی چیزی برنمیگرداند، بنابراین با بازگشت به
1084
00:52:34,170 –> 00:52:38,410
اینجا، فرم درخواست ارسال میکند، بنابراین این
1085
00:52:38,410 –> 00:52:40,630
نقطه پایانی در حال دریافت درخواست پست است و
1086
00:52:40,630 –> 00:52:42,070
ما در اینجا یک عبارت if داریم که میگوید
1087
00:52:42,070 –> 00:52:44,920
اگر روش درخواست پست است،
1088
00:52:44,920 –> 00:52:48,040
در غیر این صورت هیچ کاری انجام ندهید اگر روش درخواست
1089
00:52:48,040 –> 00:52:50,110
پست نبود، سپس ما یک
1090
00:52:50,110 –> 00:52:51,670
الگو را برمیگردانیم و میتوانید ببینید که در اینجا
1091
00:52:51,670 –> 00:52:53,500
با خطایی مواجه میشویم که میگوید تابع view
1092
00:52:53,500 –> 00:52:54,580
پاسخ معتبری را نشان نداد،
1093
00:52:54,580 –> 00:53:00,880
بله، بنابراین
1094
00:53:00,880 –> 00:53:03,400
اگر میخواهیم چیزی را از اینجا برگردانیم.
1095
00:53:03,400 –> 00:53:07,330
از درخواست پست استفاده کنید کاری که
1096
00:53:07,330 –> 00:53:09,790
میتوانیم انجام دهیم این است که میتوانیم با
1097
00:53:09,790 –> 00:53:13,270
دسترسی به محتوای فرم شروع به کار کنیم، بنابراین این کار را انجام میدهیم که
1098
00:53:13,270 –> 00:53:15,640
محتوای ورودی که قرار است تبدیل شود،
1099
00:53:15,640 –> 00:53:20,740
فرم درخواست محتوا را دریافت نکند، بنابراین فرم نقطه درخواست
1100
00:53:20,740 –> 00:53:24,190
به بارگذاری فرم یا دادهها دسترسی پیدا میکند.
1101
00:53:24,190 –> 00:53:26,950
این بخشی از فرم موجود
1102
00:53:26,950 –> 00:53:28,570
در درخواستی است که در حال حاضر
1103
00:53:28,570 –> 00:53:31,210
دریافت میکنیم و سعی
1104
00:53:31,210 –> 00:53:35,400
میکنیم فیلد محتوا را از فرم بازیابی کنیم،
1105
00:53:35,400 –> 00:53:39,790
بنابراین آنچه در HTML اتفاق میافتد این است که
1106
00:53:39,790 –> 00:53:43,030
مرورگر دادههایی را میسازد که قرار است
1107
00:53:43,030 –> 00:53:44,590
به سرور ما ارسال شود. آ و در این
1108
00:53:44,590 –> 00:53:46,960
داده ها اساساً این
1109
00:53:46,960 –> 00:53:49,600
محتوا خواهد بود که نام ناحیه متنی
1110
00:53:49,600 –> 00:53:51,580
است و
1111
00:53:51,580 –> 00:53:53,950
با هر چیزی که تایپ کرده ایم مرتبط است، بنابراین وقتی ارسال را فشار می
1112
00:53:53,950 –> 00:53:56,020
دهیم محتوا
1113
00:53:56,020 –> 00:53:58,090
با آنچه کاربر تایپ کرده است مرتبط
1114
00:53:58,090 –> 00:53:59,710
می شود. برای اینکه بتوانیم آن را در
1115
00:53:59,710 –> 00:54:04,960
رابط کاربری برنامه دریافت کنیم و از آن استفاده کنیم و سپس
1116
00:54:04,960 –> 00:54:07,810
آن را به لیست ورودیها اضافه
1117
00:54:07,810 –> 00:54:09,490
میکنیم تا در اینجا یک سیستم ورودی داشته باشیم
1118
00:54:09,490 –> 00:54:11,650
، همانطور که قبلاً انجام دادیم، ورودیها را انجام میدهیم.
1119
00:54:11,650 –> 00:54:16,750
محتوای ورودی را ضمیمه
1120
00:54:16,750 –> 00:54:17,950
نکنید، بنابراین توجه داشته باشید که
1121
00:54:17,950 –> 00:54:20,650
در حال حاضر با تاریخ سروکار نداریم و فقط محتوای ورودی را اکنون انجام دهید،
1122
00:54:20,650 –> 00:54:24,310
در اینجا کاری است که ما
1123
00:54:24,310 –> 00:54:26,740
می خواهیم پس از دریافت
1124
00:54:26,740 –> 00:54:29,800
محتوایی انجام دهیم و اساساً می خواهیم
1125
00:54:29,800 –> 00:54:31,990
کاربران را به صفحه بازگردانیم. به طوری که آنها
1126
00:54:31,990 –> 00:54:33,580
می توانند محتوای بیشتری را تایپ کنند یا حداقل
1127
00:54:33,580 –> 00:54:37,270
ورودی های خود را ببینند، به همین دلیل است که پس از
1128
00:54:37,270 –> 00:54:39,820
ضمیمه کردن، می توانیم
1129
00:54:39,820 –> 00:54:43,570
الگوی render home dot HTML را بازگردانیم، بنابراین اکنون می توانید
1130
00:54:43,570 –> 00:54:46,090
ببینید که هم پست و هم
1131
00:54:46,090 –> 00:54:48,490
درخواست های دریافت، قرار است
1132
00:54:48,490 –> 00:54:50,650
الگوی دستورهای خانه را اجرا کنند. EML به این معنی است
1133
00:54:50,650 –> 00:54:52,030
که ما می توانیم essent کنیم در واقع فقط از شر
1134
00:54:52,030 –> 00:54:55,900
این دو خط خلاص شوید و عملکرد ما را
1135
00:54:55,900 –> 00:54:59,710
همیشه الگوی رندر را برگرداند، خوب،
1136
00:54:59,710 –> 00:55:02,370
بیایید برنامه را متوقف کنیم و آن را مجدداً راه اندازی کنیم و
1137
00:55:02,370 –> 00:55:05,280
سپس به سرور خود برمی گردیم
1138
00:55:05,280 –> 00:55:08,370
اگر همین الان refresh را فشار دهید
1139
00:55:08,370 –> 00:55:11,080
Chrome حداقل ما این را باور خواهیم کرد.
1140
00:55:11,080 –> 00:55:14,590
میخواهید فرمی را
1141
00:55:14,590 –> 00:55:16,120
که آخرین بار ارسال کردهاید و باعث شد که
1142
00:55:16,120 –> 00:55:17,620
شما در این حالت قرار بگیرید، دوباره ارسال کنید، بنابراین ما
1143
00:55:17,620 –> 00:55:18,730
نمیخواهیم کاری که میخواهید انجام دهید این است
1144
00:55:18,730 –> 00:55:20,380
که به URL بروید و Enter را فشار دهید
1145
00:55:20,380 –> 00:55:22,150
تا در غیر این صورت درخواست دریافت دیگری ارسال کنید.
1146
00:55:22,150 –> 00:55:25,740
شما میخواهید یک درخواست پست ارسال کنید،
1147
00:55:25,740 –> 00:55:28,030
بنابراین ما hello world را در اینجا تایپ میکنیم
1148
00:55:28,030 –> 00:55:30,340
و اکنون وقتی ارسال را فشار میدهیم، میبینید
1149
00:55:30,340 –> 00:55:33,160
که ظاهراً هیچ اتفاقی نمیافتد،
1150
00:55:33,160 –> 00:55:35,650
اما وقتی میگویم
1151
00:55:35,650 –> 00:55:38,560
لیست ورودیها اکنون محتوایی را دارد که شما تایپ کردهاید، باور کنید
1152
00:55:38,560 –> 00:55:43,870
. بنابراین کاری که میتوانیم انجام دهیم این است که
1153
00:55:43,870 –> 00:55:45,670
اگر میخواهید به آن نگاهی بیندازید، میتوانیم ورودیها را در اینجا چاپ
1154
00:55:45,670 –> 00:55:47,440
کنیم، اما وقتی کد را تغییر میدهید،
1155
00:55:47,440 –> 00:55:48,520
مسلماً باید برنامه را متوقف
1156
00:55:48,520 –> 00:55:50,740
کنید و آن را مجدداً راهاندازی کنید، به
1157
00:55:50,740 –> 00:55:52,570
این معنی که اکنون فهرست ورودیها خالی خواهد بود.
1158
00:55:52,570 –> 00:55:56,160
باید به عقب برگردید و o دیگری را تایپ کنید ne
1159
00:55:56,160 –> 00:55:59,200
و اکنون ارسال را فشار می دهیم، می توانید ببینید
1160
00:55:59,200 –> 00:56:01,450
که لیست ورودی ها در اینجا حاوی
1161
00:56:01,450 –> 00:56:06,040
رشته ای است که کاربر تایپ
1162
00:56:06,040 –> 00:56:07,570
1163
00:56:07,570 –> 00:56:10,030
1164
00:56:10,030 –> 00:56:12,340
کرده است.
1165
00:56:12,340 –> 00:56:15,370
اینکه آنها بین اجرای برنامه و اسکن vasa با شما می مانند،
1166
00:56:15,370 –> 00:56:20,410
ما از یک کلاس برای
1167
00:56:20,410 –> 00:56:25,060
دسترسی به فرم استفاده می کنیم و نه، فکر نمی کنم،
1168
00:56:25,060 –> 00:56:25,450
بنابراین
1169
00:56:25,450 –> 00:56:28,900
راه های دیگری برای تعریف فرم ها
1170
00:56:28,900 –> 00:56:31,930
و تعامل با آنها وجود دارد، اما آنها از پسوند فلاسک استفاده می کنند
1171
00:56:31,930 –> 00:56:33,760
و ما قرار نیست به
1172
00:56:33,760 –> 00:56:37,110
مواردی که در اینجا هستند نگاه کنیم،
1173
00:56:45,250 –> 00:56:48,980
خوب، بنابراین ما اکنون ورودی های خود را دریافت کرده ایم، کار
1174
00:56:48,980 –> 00:56:50,480
بعدی که باید انجام دهیم این است که
1175
00:56:50,480 –> 00:56:53,119
آنها را در قالب نشان دهیم
1176
00:56:53,119 –> 00:56:56,740
تا به صفحه اصلی مشتق CML برویم و در اینجا
1177
00:56:56,740 –> 00:56:59,480
من می خواهم برنامه را در اینجا متوقف کنید،
1178
00:56:59,480 –> 00:57:04,250
ما می خواهیم یک div دیگری
1179
00:57:04,250 –> 00:57:06,049
برای ورودی ها ایجاد کنیم، بنابراین می بینید که اغلب
1180
00:57:06,049 –> 00:57:08,299
من برای هر
1181
00:57:08,299 –> 00:57:10,760
بخش جداگانه از صفحه خود دیب ایجاد می کنم که یک
1182
00:57:10,760 –> 00:57:12,230
رویکرد نسبتاً رایج است که می خواهید
1183
00:57:12,230 –> 00:57:14,599
قسمت های مختلف را از هم جدا کنید تا سپس
1184
00:57:14,599 –> 00:57:16,640
CSS شما قادر خواهد بود
1185
00:57:16,640 –> 00:57:18,710
بخش های مختلف را بیشتر هدف قرار دهد عملاً ما
1186
00:57:18,710 –> 00:57:20,480
در یک لحظه بیشتر در مورد آن یاد میگیریم،
1187
00:57:20,480 –> 00:57:23,059
بنابراین من میخواهم در اینجا یک div داشته
1188
00:57:23,059 –> 00:57:25,010
باشم و فقط برای صرفهجویی در وقت بعداً
1189
00:57:25,010 –> 00:57:27,109
آن را ورودی مینامم، بنابراین
1190
00:57:27,109 –> 00:57:29,210
دوباره یک کلاس ورودی به آن میدهم بنابراین، بعداً
1191
00:57:29,210 –> 00:57:31,700
CSS میتواند این را هدف قرار دهد و این سبک را تغییر دهد،
1192
00:57:31,700 –> 00:57:35,270
اکنون ما میخواهیم کاری کمی جادوییتر انجام دهیم،
1193
00:57:35,270 –> 00:57:37,839
این است که
1194
00:57:37,839 –> 00:57:41,930
این قالب HTML را قبلاً
1195
00:57:41,930 –> 00:57:44,450
در مرورگر باز کردیم و دیدیم که
1196
00:57:44,450 –> 00:57:46,549
مرورگر میتواند محتویات را ارائه کند
1197
00:57:46,549 –> 00:57:49,069
. قالب HTML و تبدیل آنها
1198
00:57:49,069 –> 00:57:52,960
به چیزهای قابل مشاهده توسط کاربر، اما اکنون ما
1199
00:57:52,960 –> 00:57:56,329
این تابع الگوی رندر را فراخوانی می کنیم
1200
00:57:56,329 –> 00:57:59,390
و نتیجه فراخوانی آن را برای کاربر ارسال می کنیم،
1201
00:57:59,390 –> 00:58:02,240
بنابراین این به چه معناست آیا
1202
00:58:02,240 –> 00:58:04,010
این به این معنی است که HTML قبلاً رندر شده
1203
00:58:04,010 –> 00:58:06,950
و آماده است تا کاربر قبلاً ببیند و
1204
00:58:06,950 –> 00:58:09,380
آنها آن را در مرورگر خود دریافت میکنند
1205
00:58:09,380 –> 00:58:12,049
، نه اصلاً اینطور نیست، واقعاً
1206
00:58:12,049 –> 00:58:14,390
آنچه در اینجا میگذرد این است که الگوی رندر به ما اجازه میدهد
1207
00:58:14,390 –> 00:58:17,990
تا مقداری کد اضافی را در داخل
1208
00:58:17,990 –> 00:58:21,410
قالبی که Jinja نامیدهاند برای کدنویسی بنویسیم و
1209
00:58:21,410 –> 00:58:25,700
آن کد میتواند کارهایی را انجام دهد، بنابراین
1210
00:58:25,700 –> 00:58:28,910
آنچه این کد میتواند انجام دهد. انجام دهید برای به عنوان مثال انجام دهید
1211
00:58:28,910 –> 00:58:34,609
برای ورود در ورودی ها و سپس پایان برای
1212
00:58:34,609 –> 00:58:38,900
و اکنون این کد در اینجا Jinja برای کد نامیده می شود
1213
00:58:38,900 –> 00:58:42,290
اگر این فایل را
1214
00:58:42,290 –> 00:58:45,200
مستقیماً با مرورگر خود باز کنید، این را به عنوان
1215
00:58:45,200 –> 00:58:48,589
متن عادی HTML خواهید دید و من به شما نشان خواهم داد
1216
00:58:48,589 –> 00:58:50,890
که
1217
00:58:55,450 –> 00:58:59,119
دقیقاً شبیه به چه چیزی است. بنابراین هیچ چیز جادویی وجود
1218
00:58:59,119 –> 00:59:01,880
ندارد، فقط یک متن است، اما وقتی
1219
00:59:01,880 –> 00:59:05,390
این کد را به flask flask میدهید، میتوانیم
1220
00:59:05,390 –> 00:59:07,640
معنی این کد را بفهمیم و
1221
00:59:07,640 –> 00:59:09,499
این بدان معنی است که ما میتوانیم
1222
00:59:09,499 –> 00:59:12,890
روی هر ورودی در
1223
00:59:12,890 –> 00:59:15,859
متغیر ورودیها تکرار کنیم. متغیر ورودی را
1224
00:59:15,859 –> 00:59:18,349
نیز باید
1225
00:59:18,349 –> 00:59:20,749
برای رندر کردن الگو ارسال کنیم، بنابراین میگوییم ورودیها
1226
00:59:20,749 –> 00:59:23,450
برابر با ورودیها هستند و کاری که انجام میدهد این است که
1227
00:59:23,450 –> 00:59:25,819
متغیر ورودی را در قالب ما تعریف میکند
1228
00:59:25,819 –> 00:59:28,309
و به آن مقدار
1229
00:59:28,309 –> 00:59:32,990
فهرست ورودیها را میدهد، بنابراین آن را ذخیره میکنیم و میرویم.
1230
00:59:32,990 –> 00:59:37,130
اکنون میتوانیم از
1231
00:59:37,130 –> 00:59:40,670
دادههای هر ورودی برای نمایش آن استفاده
1232
00:59:40,670 –> 00:59:43,910
کنیم، بنابراین P را برای تگ
1233
00:59:43,910 –> 00:59:45,799
پاراگراف انجام میدهیم و در داخل تگ پاراگراف،
1234
00:59:45,799 –> 00:59:49,789
ورودی
1235
00:59:49,789 –> 00:59:52,160
پرانتز فرفری را انجام میدهیم. طرف این
1236
00:59:52,160 –> 00:59:54,799
چنین است کد زنجبیلی بیشتر به ما امکان می دهد
1237
00:59:54,799 –> 00:59:58,029
مقداری محتوا را در HTML قرار دهیم و
1238
00:59:58,029 –> 01:00:01,910
حالا چیزی که اتفاق می افتد این است که flask
1239
01:00:01,910 –> 01:00:04,670
ابتدا خروجی این کد زنجبیلی را محاسبه می کند
1240
01:00:04,670 –> 01:00:08,119
و سپس آن
1241
01:00:08,119 –> 01:00:11,390
خروجی محاسبه شده را به مرورگر ارسال می
1242
01:00:11,390 –> 01:00:12,829
کند تا فلاسک باشد. مسئول
1243
01:00:12,829 –> 01:00:15,499
تبدیل کد زنجبیل به HTML است،
1244
01:00:15,499 –> 01:00:17,029
سپس مرورگر HTML را می گیرد
1245
01:00:17,029 –> 01:00:18,499
و کاربر می تواند آن را ببیند،
1246
01:00:18,499 –> 01:00:22,039
بنابراین من دوباره برنامه را اجرا می کنم و
1247
01:00:22,039 –> 01:00:24,799
اکنون به آن اینجا می روم.
1248
01:00:24,799 –> 01:00:26,960
ببینید که ما اینجا چیزی نمی بینیم، اما
1249
01:00:26,960 –> 01:00:29,170
اگر hello world را تایپ کنم و ارسال را فشار
1250
01:00:29,170 –> 01:00:35,089
دهم، می بینید که ما آن را در آنجا ذخیره کرده ایم و
1251
01:00:35,089 –> 01:00:38,200
می توانیم موارد بیشتری را نیز تایپ کنیم،
1252
01:00:42,749 –> 01:00:46,920
بنابراین فقط می خواهم به چت نگاه کنم
1253
01:01:04,210 –> 01:01:07,670
تا India 2050 و من کاملاً مطمئن نیستم
1254
01:01:07,670 –> 01:01:09,799
که شما چیست؟ یعنی اگر میتوانید در سرور اختلاف بپرسید،
1255
01:01:09,799 –> 01:01:14,599
میتوانیم با آنها مقابله کنیم،
1256
01:01:14,599 –> 01:01:16,700
فقط به این دلیل که فکر میکنم ممکن است
1257
01:01:16,700 –> 01:01:21,559
کمی طولانیتر باشد نام چینی که
1258
01:01:21,559 –> 01:01:23,059
نمیتوانم آن را تلفظ کنم، میتوانید
1259
01:01:23,059 –> 01:01:24,799
به جای نور CQ که از دادههای JSON استفاده میکند از DB کوچک استفاده
1260
01:01:24,799 –> 01:01:29,270
کنید. احتمالاً می توانم
1261
01:01:29,270 –> 01:01:32,000
قبل از اینکه Archer Lee ممکن است از DB کوچک استفاده نکرده باشم برای
1262
01:01:32,000 –> 01:01:34,880
استفاده از SPF با فلاسک و می توانید از
1263
01:01:34,880 –> 01:01:37,160
SP a با فلاسک استفاده کنید، اما من معمولاً این کار را
1264
01:01:37,160 –> 01:01:41,270
نمی کنم، از flask به عنوان یک API
1265
01:01:41,270 –> 01:01:47,630
و SP a به عنوان برنامه خودش استفاده می کنم، ممنون باب،
1266
01:01:47,630 –> 01:01:49,220
بعداً شما را می بینم، اما قطعاً این
1267
01:01:49,220 –> 01:01:50,599
در حین ضبط ضبط
1268
01:01:50,599 –> 01:01:52,869
خواهد شد و بعداً در هند در کانال قرار خواهد گرفت.
1269
01:01:52,869 –> 01:01:55,910
2050 یادگیری
1270
01:01:55,910 –> 01:01:58,010
پایتون با HTML برای توسعه وب اجباری است بله
1271
01:01:58,010 –> 01:01:59,930
برای توسعه وب به HTML نیاز
1272
01:01:59,930 –> 01:02:01,700
دارید شما به پایتون نیاز ندارید می توانید از
1273
01:02:01,700 –> 01:02:09,890
چیز دیگری استفاده کنید. بله خوب است، بنابراین ما
1274
01:02:09,890 –> 01:02:13,250
می توانیم ادامه دهیم، بنابراین اکنون بیشتر
1275
01:02:13,250 –> 01:02:14,569
بخش اصلی برنامه خود را داریم
1276
01:02:14,569 –> 01:02:17,990
و می توانیم با
1277
01:02:17,990 –> 01:02:20,420
محتوای HTML به کاربران خدمات ارائه دهیم، می توانیم ورودی کاربر را دریافت
1278
01:02:20,420 –> 01:02:23,240
کنیم و می توانیم آن را در لیستی ذخیره کنیم که می توانید آن را در یک لیست
1279
01:02:23,240 –> 01:02:25,210
ذخیره کنید. به جای آن پایگاه داده نور مخفی یا
1280
01:02:25,210 –> 01:02:27,530
MongoDB یا مکث فشار دهید یا هر چیزی که می
1281
01:02:27,530 –> 01:02:30,440
خواهید و سپس می توانید
1282
01:02:30,440 –> 01:02:33,650
آنها را به کاربران خود نمایش دهید،
1283
01:02:33,650 –> 01:02:36,500
بنابراین فعلاً کار بعدی
1284
01:02:36,500 –> 01:02:38,210
ما این است که به برنامه قدیمی dot dy برویم.
1285
01:02:38,210 –> 01:02:42,980
و ما اساساً
1286
01:02:42,980 –> 01:02:44,660
ورودی های پیوست شده در آنجا را با تاریخ کپی می کنیم و
1287
01:02:44,660 –> 01:02:47,329
ما آن را در آنجا جایگذاری میکنیم و
1288
01:02:47,329 –> 01:02:50,109
البته باید
1289
01:02:50,109 –> 01:02:53,650
از طریق وارد کردن
1290
01:02:53,650 –> 01:02:56,599
کتابخانه استاندارد یا ماژولهای موجود
1291
01:02:56,599 –> 01:02:59,180
در بالا و سپس کتابخانههایی
1292
01:02:59,180 –> 01:03:00,680
که خودتان فقط یک
1293
01:03:00,680 –> 01:03:03,140
نکته کوچک در آنجا نصب کردهاید، روش مناسب تاریخ زمان را وارد کنیم. و اکنون میخواهیم
1294
01:03:03,140 –> 01:03:05,450
1295
01:03:05,450 –> 01:03:07,579
محتوای ورودی و همچنین
1296
01:03:07,579 –> 01:03:10,030
تاریخها
1297
01:03:10,510 –> 01:03:14,230
را در ورودیهای خود ذخیره کنیم، بنابراین این بیشتر
1298
01:03:14,230 –> 01:03:17,200
کد پایتون است که میخواهیم
1299
01:03:17,200 –> 01:03:21,040
بنویسیم قسمت بعدی این کارگاه در
1300
01:03:21,040 –> 01:03:23,950
حال انجام است. برای ارتباط با HTML و کد CSS
1301
01:03:23,950 –> 01:03:28,630
، به طور کلی تمرین بدی است که
1302
01:03:28,630 –> 01:03:31,510
کد CSS را در سر خود قرار دهید، فقط به این دلیل که می
1303
01:03:31,510 –> 01:03:33,310
تواند بسیار طولانی شود و سپس نمی توانید
1304
01:03:33,310 –> 01:03:35,140
HTML خود را ببینید، ایده خوبی
1305
01:03:35,140 –> 01:03:37,660
است که آنها را از هم جدا نگه دارید تا در فلاسک ما
1306
01:03:37,660 –> 01:03:39,180
معمولاً پوشه دیگری را خارج از قالب ها ایجاد می کنیم،
1307
01:03:39,180 –> 01:03:42,010
بنابراین فقط در
1308
01:03:42,010 –> 01:03:45,340
سطح بالایی به نام static و در داخل static،
1309
01:03:45,340 –> 01:03:47,470
من قصد دارم CSS ایجاد کنم و CSS داخل CSS،
1310
01:03:47,470 –> 01:03:49,300
من قصد دارم سبک نقطه CSS ایجاد کنم و
1311
01:03:49,300 –> 01:03:52,420
اکنون در home dot HTML ما می خواهیم به
1312
01:03:52,420 –> 01:03:55,540
این فایل بگویید که آن فایل را باز کند تا چه
1313
01:03:55,540 –> 01:03:57,190
شود ppen این است که مرورگر
1314
01:03:57,190 –> 01:04:00,310
این فایل HTML را دریافت می کند و سپس
1315
01:04:00,310 –> 01:04:02,680
مرورگر می بیند که شما این
1316
01:04:02,680 –> 01:04:04,810
فایل ESS را می خواهید و
1317
01:04:04,810 –> 01:04:07,630
درخواست دیگری برای باز کردن آن می کند و روشی
1318
01:04:07,630 –> 01:04:10,180
که ما انجام می دهیم این است که پیوند می دهیم و این یک تگ دیگر است
1319
01:04:10,180 –> 01:04:12,880
ویژگی rel یک شیوه
1320
01:04:12,880 –> 01:04:16,510
نامه است و ویژگی href
1321
01:04:16,510 –> 01:04:21,190
فایل استاتیک خواهد بود، بنابراین در اینجا می توانید
1322
01:04:21,190 –> 01:04:24,609
کاری مانند اسلش استاتیک اسلش اسلش به
1323
01:04:24,609 –> 01:04:27,580
سبک CSS یا CSS انجام دهید و سپس این نیز
1324
01:04:27,580 –> 01:04:31,480
یک تگ بسته شدنی است، بنابراین ما تگ خود را داریم
1325
01:04:31,480 –> 01:04:34,660
که فقط یک لینک برای یک شیوه نامه
1326
01:04:34,660 –> 01:04:38,500
و پیوندهای مسیر فایل CSS
1327
01:04:38,500 –> 01:04:41,920
از کجا بدانم که این یک
1328
01:04:41,920 –> 01:04:44,950
مسیر معتبر است که می توانید آن را کپی کنید و خوب می
1329
01:04:44,950 –> 01:04:49,750
توانید چیزی مانند اندازه فونت عنوان
1330
01:04:49,750 –> 01:04:52,000
24 پیکسل است که قبلاً داشتیم حالا
1331
01:04:52,000 –> 01:04:54,580
من این مسیر را کپی می کنم و به
1332
01:04:54,580 –> 01:04:56,859
مرورگر می روم و اکنون آن را در اینجا پیست می
1333
01:04:56,859 –> 01:05:00,400
کنم و می بینید که فایل CSS
1334
01:05:00,400 –> 01:05:02,950
برمی گردد تا بدانیم که
1335
01:05:02,950 –> 01:05:04,510
به فایل مناسب دسترسی پیدا کرده ایم
1336
01:05:04,510 –> 01:05:07,600
. به عقب برگردید و اکنون میتوانیم
1337
01:05:07,600 –> 01:05:10,960
این صفحه
1338
01:05:10,960 –> 01:05:13,660
را بازخوانی کنیم در مطلقاً هیچ
1339
01:05:13,660 –> 01:05:15,820
چیز تغییر نکرده است و دلیل آن این است
1340
01:05:15,820 –> 01:05:20,830
که CSS در حافظه پنهان ذخیره می شود، بنابراین در اینجا
1341
01:05:20,830 –> 01:05:23,650
آنچه در حال انجام است، ما فایل HTML خود را
1342
01:05:23,650 –> 01:05:24,260
1343
01:05:24,260 –> 01:05:26,480
داریم که به این فایل CSS پیوند داده شده است، مگر اینکه
1344
01:05:26,480 –> 01:05:30,140
پانل اندازه شما دارای محتوایی باشد، اما هر زمان
1345
01:05:30,140 –> 01:05:35,450
که فایل CSS را باز می کنیم. اگر به درستی بتوانم
1346
01:05:35,450 –> 01:05:38,030
بررسی کنم، می بینید که قبلاً تغییر نکرده است
1347
01:05:38,030 –> 01:05:43,369
و ما می توانیم در اینجا به این تب شبکه برویم
1348
01:05:43,369 –> 01:05:46,490
و ببینیم که آیا فایل CSS در
1349
01:05:46,490 –> 01:05:49,430
حال جمع آوری است یا خیر، می توانید ببینید که
1350
01:05:49,430 –> 01:05:53,090
هد وجود دارد که حاوی لینک نیست
1351
01:05:53,090 –> 01:05:57,020
و چه چیزی وجود دارد. ما باید این کار را انجام دهیم این است که به
1352
01:05:57,020 –> 01:06:01,940
برنامه فلاسک خود برویم آن را متوقف کرده و آن را مجدداً راه اندازی کنیم،
1353
01:06:01,940 –> 01:06:04,490
اگر رفرش کنیم، می بینید که
1354
01:06:04,490 –> 01:06:07,970
اکنون آنجا تغییر می کند، من
1355
01:06:07,970 –> 01:06:10,070
بازرس را در آنجا می بندم و ابزارهای توسعه دهنده
1356
01:06:10,070 –> 01:06:12,140
را می بندم و می رویم و تغییر دیگری در آن ایجاد می
1357
01:06:12,140 –> 01:06:16,850
کنیم. به عنوان مثال، فایل CSS
1358
01:06:16,850 –> 01:06:22,040
را انجام می دهیم مانند آیتم منو
1359
01:06:22,040 –> 01:06:23,300
نه در واقع ما این کلاس را
1360
01:06:23,300 –> 01:06:27,200
نداریم، اما چیزی شبیه به این HTML انجام می دهیم
1361
01:06:27,200 –> 01:06:30,530
و این تگ HTML را هدف قرار می دهد که این تگ
1362
01:06:30,530 –> 01:06:32,810
است که اکنون ما
1363
01:06:32,810 –> 01:06:35,900
خانواده فونت bash را انجام خواهیم داد و ما از
1364
01:06:35,900 –> 01:06:38,420
دومی برای این حرفه ای استفاده خواهیم کرد
1365
01:06:38,420 –> 01:06:39,770
این فقط یک فونت است و
1366
01:06:39,770 –> 01:06:42,109
1367
01:06:42,109 –> 01:06:44,270
اگر به سایت برگردم و
1368
01:06:44,270 –> 01:06:45,109
آن
1369
01:06:45,109 –> 01:06:46,670
را رفرش کنم، در یک لحظه در مورد فونت ها صحبت خواهیم کرد، اما می بینید که
1370
01:06:46,670 –> 01:06:49,700
هیچ چیز تغییر نمی کند، اما اگر
1371
01:06:49,700 –> 01:06:52,460
باز کنم بازرس و من آن را رفرش میکنم، سپس
1372
01:06:52,460 –> 01:06:54,380
چیزی تغییر میکند، این یک مشکل بزرگ
1373
01:06:54,380 –> 01:06:57,410
برای دانشجویان جدید است که فلاسک کنند و
1374
01:06:57,410 –> 01:06:59,930
مشکل اینجاست که در تب شبکه
1375
01:06:59,930 –> 01:07:03,710
باید روی Disable cache کلیک کنید، در غیر این صورت
1376
01:07:03,710 –> 01:07:06,200
فایل CSS که قبلاً بارگذاری کردهاید
1377
01:07:06,200 –> 01:07:09,530
اساساً توسط مرورگر شما به خاطر
1378
01:07:09,530 –> 01:07:11,359
سپرده میشود. حتی اگر آن را تغییر دهید
1379
01:07:11,359 –> 01:07:13,100
، باز هم از نسخه قدیمی استفاده میکند، این کار را بهطور
1380
01:07:13,100 –> 01:07:15,800
خودکار انجام میدهد تا اساساً در زمان صرفهجویی شود،
1381
01:07:15,800 –> 01:07:19,580
بنابراین باید کش را غیرفعال کنید و
1382
01:07:19,580 –> 01:07:23,510
ابزارهای توسعهدهنده را باز نگه دارید
1383
01:07:23,510 –> 01:07:26,859
تا هیچگونه ذخیرهسازی به
1384
01:07:37,780 –> 01:07:43,690
درستی انجام نشود، بنابراین اکنون میتوانیم برویم و چیزهایی اضافه کنیم.
1385
01:07:43,690 –> 01:07:48,380
به CSS ما، بنابراین تا اینجا
1386
01:07:48,380 –> 01:07:51,980
خانواده فونتها را دریافت کردهایم و این عنوان را در
1387
01:07:51,980 –> 01:07:54,650
آنجا داریم، اما اکنون میخواهیم این کار را انجام دهیم این است
1388
01:07:54,650 –> 01:07:58,040
که شروع به کار روی این ترکیب HTML و
1389
01:07:58,040 –> 01:08:03,589
CSS میکنیم، بنابراین یک قدم خوب در ابتدا
1390
01:08:03,589 –> 01:08:06,680
این است که برویم. جلو و بخش های مختلف برنامه را به شما می دهد
1391
01:08:06,680 –> 01:08:08,750
نامهای کلاس lication تا
1392
01:08:08,750 –> 01:08:11,869
CSS شما بتواند آنها را هدف قرار دهد، بنابراین برای مثال
1393
01:08:11,869 –> 01:08:13,910
در اینجا عمیق که حاوی
1394
01:08:13,910 –> 01:08:17,779
آیتمهای منوی من است، یک کلاس از منو به آن میدهم
1395
01:08:17,779 –> 01:08:20,719
و این موارد را که آیتمهای منو هستند،
1396
01:08:20,719 –> 01:08:22,759
یک کلاس از منو به آنها میدهم –
1397
01:08:22,759 –> 01:08:25,609
آیتم و من همین کار را برای این مورد در آنجا انجام خواهم داد،
1398
01:08:25,609 –> 01:08:28,670
سپس یک
1399
01:08:28,670 –> 01:08:31,250
کانتینر برنامه اصلی داریم،
1400
01:08:31,250 –> 01:08:33,830
بنابراین یک کلاس از کانتینر به آن می دهم تا
1401
01:08:33,830 –> 01:08:35,120
CSS ما بتواند بعداً آن را هدف قرار دهد
1402
01:08:35,120 –> 01:08:40,729
. ورودیهای کلاس div خود
1403
01:08:40,729 –> 01:08:44,238
را دریافت کردهایم، ما در داخل حلقه for هستیم،
1404
01:08:44,238 –> 01:08:46,609
برای هر ورودی
1405
01:08:46,609 –> 01:08:49,060
یک div ایجاد میکنیم، بنابراین یک ورودی کلاس div ایجاد میکنیم و
1406
01:08:49,060 –> 01:08:52,729
در داخل این ورودی، یک
1407
01:08:52,729 –> 01:08:58,759
div با عنوان کلاسی از ورودی خواهیم داشت. و
1408
01:08:58,759 –> 01:09:01,219
اینجا اساساً
1409
01:09:01,219 –> 01:09:05,330
عنوان ورودی را خواهد داشت و سپس
1410
01:09:05,330 –> 01:09:09,469
پاراگراف را برای محتوای ورودی در اینجا خواهد داشت،
1411
01:09:09,469 –> 01:09:15,319
بنابراین می توانید ببینید که اکنون
1412
01:09:15,319 –> 01:09:17,149
ما چند چیز دیگر
1413
01:09:17,149 –> 01:09:19,219
در کد HTML خود داریم اما هدف از این
1414
01:09:19,219 –> 01:09:22,609
چیزها این است که اساساً یک
1415
01:09:22,609 –> 01:09:25,189
نامگذاری برای چیزها ایجاد کنیم تا بتوانیم
1416
01:09:25,189 –> 01:09:29,450
آنها را تغییر دهیم بعداً در حال حاضر چیزی به نام HTML معنایی نیز وجود دارد
1417
01:09:29,450 –> 01:09:31,609
1418
01:09:31,609 –> 01:09:33,738
که ما با جزئیات زیادی وارد آن
1419
01:09:33,738 –> 01:09:37,910
نمیشویم، اما عناصر div بلوکهایی
1420
01:09:37,910 –> 01:09:39,319
هستند که اساساً محفظههایی برای
1421
01:09:39,319 –> 01:09:41,540
چیزهای دیگر هستند و در
1422
01:09:41,540 –> 01:09:44,719
صورت مشاهده یک بلوک، معنایی ندارند.
1423
01:09:44,719 –> 01:09:46,819
به شما نمی گوید که آیا این یک فوتون هدر است
1424
01:09:46,819 –> 01:09:49,130
یا نوعی محتوای دیگر
1425
01:09:49,130 –> 01:09:51,350
در داخل وب سایت و بنابراین وقتی
1426
01:09:51,350 –> 01:09:53,299
از نرم افزارهای دسترسی مانند صفحه
1427
01:09:53,299 –> 01:09:54,860
خوان ها استفاده می کنید، ممکن است کمی
1428
01:09:54,860 –> 01:09:57,860
گیج کننده باشد، بهتر است تا
1429
01:09:57,860 –> 01:10:00,200
حد امکان از HTML معنایی استفاده کنید، بنابراین به جای Dave
1430
01:10:00,200 –> 01:10:02,060
ما از تگ هدر استفاده خواهیم کرد که
1431
01:10:02,060 –> 01:10:04,010
نوع خاصی بسیار شبیه به div است،
1432
01:10:04,010 –> 01:10:06,080
اما
1433
01:10:06,080 –> 01:10:07,930
زمانی که از ابزار دسترسی استفاده میکنید اطلاعات بیشتری را به شما میدهد
1434
01:10:07,930 –> 01:10:16,930
و توصیه میکنم
1435
01:10:16,930 –> 01:10:19,430
بعداً وقتی در مورد HTML معنایی
1436
01:10:19,430 –> 01:10:20,960
بیشتر بدانید، اطلاعات بیشتری کسب کنید.
1437
01:10:20,960 –> 01:10:23,660
توسعه وب خوب است، چیز دیگری که
1438
01:10:23,660 –> 01:10:26,270
ما می خواهیم انجام دهیم این است که در پوشه استاتیک ما
1439
01:10:26,270 –> 01:10:27,740
یک پوشه جدید به نام
1440
01:10:27,740 –> 01:10:31,630
assets ایجاد می کنم و در این پوشه
1441
01:10:31,630 –> 01:10:36,650
اساساً لوگو را کپی می کنیم اکنون
1442
01:10:36,650 –> 01:10:40,040
لوگوی دقیقاً همان چیزی که قبلاً در طراحی مشاهده
1443
01:10:40,040 –> 01:10:42,980
کردید در اینجا، بنابراین این چیز
1444
01:10:42,980 –> 01:10:45,920
در اینجا است و ما از آن به جای متن لوگو در سایت خود استفاده می کنیم
1445
01:10:45,920 –> 01:10:48,770
، بنابراین بیایید
1446
01:10:48,770 –> 01:10:51,620
ببینیم چگونه می توانید یک تصویر
1447
01:10:51,620 –> 01:10:58,280
را در عنوان خود در آنجا قرار دهید که می خواهید انجام دهید.
1448
01:10:58,280 –> 01:11:02,150
آیا شما می خواهید از تگ IMG استفاده کنید و
1449
01:11:02,150 –> 01:11:04,160
ما به آن یک کلاس آرم
1450
01:11:04,160 –> 01:11:06,590
می دهیم البته زیرا شما در کلاس می خواهید و
1451
01:11:06,590 –> 01:11:09,350
سپس یک ویژگی SRC خواهد داشت
1452
01:11:09,350 –> 01:11:12,200
این ویژگی منبع
1453
01:11:12,200 –> 01:11:14,240
چیزی است که می خواهید بارگیری کنید و
1454
01:11:14,240 –> 01:11:17,030
در داخل این تصویر نشان دهید و منبع
1455
01:11:17,030 –> 01:11:19,610
قطعاً بریده بریده
1456
01:11:19,610 –> 01:11:24,860
دارایی های اسلش استاتیک اسلش آرم SVG نباشید اکنون
1457
01:11:24,860 –> 01:11:28,220
تگ تصویر نیز یک برچسب بسته شدنی است، بنابراین اگر به آن
1458
01:11:28,220 –> 01:11:30,910
برگردیم، آن را به همان حالت
1459
01:11:31,420 –> 01:11:35,780
خوب رها می کنیم. سایت
1460
01:11:35,780 –> 01:11:37,940
را رفرش می کنیم و می بینید که هیچ چیز تغییر نمی کند
1461
01:11:37,940 –> 01:11:40,310
زیرا ما باید برنامه خود را به همین ترتیب شروع و متوقف کنیم
1462
01:11:40,310 –> 01:11:45,730
1463
01:11:46,119 –> 01:11:49,750
و اکنون لوگوی خود را به آنجا رسانده ایم و توجه کنید
1464
01:11:49,750 –> 01:11:53,199
که لوگو در اندازه
1465
01:11:53,199 –> 01:11:56,380
کامل تصویری که من اضافه کردم نشان داده شده است اما شما می توانید
1466
01:11:56,380 –> 01:11:59,710
تغییر دهید اندازه با استفاده از CSS پس بیایید برویم
1467
01:11:59,710 –> 01:12:01,630
و حالا که داریم CSS بنویسیم
1468
01:12:01,630 –> 01:12:05,080
بسیاری از HTML ما از مسیر خود خارج شده است که می
1469
01:12:05,080 –> 01:12:06,219
خواهیم به CSS برویم و
1470
01:12:06,219 –> 01:12:06,969
اولین کاری که می خواهیم انجام دهیم این است
1471
01:12:06,969 –> 01:12:09,940
که روی هدر خود کار می کنیم و بنابراین
1472
01:12:09,940 –> 01:12:13,480
همانطور که می بینید سربرگ دارای چند مورد است.
1473
01:12:13,480 –> 01:12:15,429
ویژگی هایی که
1474
01:12:15,429 –> 01:12:17,530
هنگام طراحی پروژه خود باید به آنها توجه کنید
1475
01:12:17,530 –> 01:12:20,860
، هدر در سمت
1476
01:12:20,860 –> 01:12:23,770
چپ صفحه نیست، هدر نیز
1477
01:12:23,770 –> 01:12:26,349
بین آن و بالای صفحه فاصله دارد، در
1478
01:12:26,349 –> 01:12:30,099
واقع 50 پیکسل دارد و هدر
1479
01:12:30,099 –> 01:12:33,400
دارای فضایی است. عرض 640 پیکسل است و
1480
01:12:33,400 –> 01:12:36,849
در مرکز پنجره قرار دارد، بنابراین بیایید
1481
01:12:36,849 –> 01:12:41,110
با آن چیزها شروع کنیم