1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
|
---
title: Learning and getting help
slug: Learn/Learning_and_getting_help
tags:
- Bắt đầu
- Học tập
- Phát triển Web
- Tìm kiếm trợ giúp
translation_of: Learn/Learning_and_getting_help
---
<h5 id="learnsidebar">{{learnsidebar}}</h5>
<p>Thật tuyệt khi bạn dành thời gian để học thêm một loạt những kỹ năng mới, nhưng có những phương pháp hay để sử dụng sẽ giúp việc học của bạn hiệu quả hơn. Cũng sẽ có những lúc bạn gặp phải khó khăn và cảm thấy thất vọng - ngay cả những nhà phát triển web chuyên nghiệp cũng thường xuyên cảm thấy điều này - và phải trả giá để biết được những cách hiệu quả nhất để thử và nhận trợ giúp để bạn có thể tiến bộ trong công việc của mình. Bài viết này cung cấp một số gợi ý và mẹo trong cả hai lĩnh vực này sẽ giúp bạn hiểu thêm về phát triển web, cũng như đọc thêm để bạn có thể tìm hiểu thêm thông tin về tùng chủ đề phụ nếu bạn muốn ...</p>
<h2 id="Học_tập_hiệu_quả">Học tập hiệu quả</h2>
<p>Cùng nhau đi thẳng tới và nghĩ về cách học hiệu quả.</p>
<h3 id="Các_phương_pháp_học_khác_nhau">Các phương pháp học khác nhau</h3>
<p>Một điều thú vị để cân nhắc đó là có 2 cách chính mà bộ não của bạn học hỏi mọi thứ — học tập trung và học lan tỏa:</p>
<ul>
<li>Học tập trung là cách học truyền thống với các môn học. Bạn tập trung sâu vào một chủ đề cấp thấp và giải quyết các vấn đề cụ thể mà nó mang lại. Bạn tập trung vào một phạm vi hẹp.</li>
<li>Học tập lan tỏa liên quan nhiều hơn đến tư duy cao cấp bao quanh một phạm vi rộng lớn hơn. Bạn để tâm trí mình lang thang rộng rãi hơn, và dường như tạo ra những kết nối ngẫu nhiên giữa những thứ khác nhau. Đât là kiểu suy nghĩ bạn thường làm khi bạn đang tắm hay trong giờ giải lao.</li>
</ul>
<p>Từ những nghiên cứu mà nhiều nhà thần kinh học đã thực hiện về hoạt động của não, chúng tôi đã phát hiện ra rằng bạn không thể thực sự tham gia vào cùng lúc cả hai cách học - hoặc suy nghĩ.</p>
<p>Suy nghĩ tập trung rất tốt cho việc tập trung cao độ vào các chủ đề cụ thể, đi sâu vào giải quyết vấn đề, và nâng cao khả năng thông thạo các kỹ thuật cần thiết - củng cố các đường dẫn thần kinh trong não của bạn nơi mà thông tin được lưu trữ. Tuy nhiên, việc hiểu "bức tranh toàn cảnh" và mở khóa các đường đẫn thần kinh mới không phải là rất tốt khi bạn đang cố gắng tìm hiểu một vấn đề mới hay giải quyết một vấn đề mới mà bạn chưa gặp phải trước đây. </p>
<p>Để làm được điều đó, bạn cần có tư duy lan tỏa. Điều này trái ngược với sự tập trung - bạn để cho bộ não của mình lang thang quanh một khung cảnh rộng lớn, tìm kiếm những kết nối mà trước đây bạn chưa có, chạm vào những thứ mới (hoặc những sự kết hợp mới) mà bạn có thể tập trung vào nó sau này, để củng cố chúng và bắt đầu thực sự hiểu ý nghĩa của chúng.</p>
<p>Đây là lý do tại sao bạn nên đọc một số tài liệu giới thiệu trước để hiểu rõ hơn về một lĩnh vực trước khi đi sâu vào các chi tiết cụ thể.</p>
<p>Đó cũng là lý do tại sao đôi khi bạn có thể gặp khó khăn ở một vấn đề, nhưng sau đó tìm ra câu trả lời khi bạn giải lao (hoặc đi dạo). Bạn có thể:</p>
<ol>
<li>Biết cách khắc phục sự cố A bằng công cụ A.</li>
<li>Biết cách khắc phục sự cố B bằng công cụ B.</li>
<li>Không biết cách khắc phục sự cố C.</li>
</ol>
<p>Giả sử bạn tập trung vào vấn đề C trong một thời gian và cảm thấy thất vọng bởi vì bạn không nghĩ ra cách giải quyết nó. Nhưng rồi sau khi đi dạo để tận hưởng không khí trong lành, bạn có thấy rằng khi tâm trí bạn đang lang thang, bạn đột nhiên tạo ra một mối liên hệ giữa công cụ A và công cụ B, và nhận ra rằng bạn có thể sử dụng chúng cùng nhau để khắc phục vấn đề C! Không phải lúc nào cũng đơn giản như vậy, nhưng cũng đáng ngạc nhiên là điều này xảy ra nhiều lần. Điều này cũng nhấn mạnh tầm quan trọng của việc nghỉ giải lao khi bạn học tập và nghiên cứu trước máy tính.</p>
<h3 id="Các_tài_liệu_học_tập_khác_nhau">Các tài liệu học tập khác nhau</h3>
<p>Bạn cũng nên xem xét các loại tài liệu học tập khác nhau hiện có, để xem bạn học tập với loại nào hiệu quả nhất.</p>
<h4 id="Các_bài_báo_dạng_văn_bản">Các bài báo dạng văn bản</h4>
<p>Bạn sẽ tìm thấy nhiều bài báo trên web dạy bạn về thiết kế web. Tương tự như khóa học này. Một vài bài báo sẽ hướng dẫn, dạy bạn một kỹ thuật nhất định hoặc một khái niệm quan trọng ( chẳng hạn như "làm thế nào để tạo ra một trình phát video" hoặc "tìm hiểu mô hình hộp CSS" ), và một số bài viết sẽ là tài liệu tham khảo, cho phép bạn tìm kiếm các chi tiết mà bạn có thể đã quên ( chẳng hạn như "cú pháp của thuộc tính nền CSS là gì?").</p>
<p>MDN Web Docs thực sự tốt cho cả hai loại - những phần hiện tại bạn đang theo dõi rất tốt cho việc học các kỹ thuật và khái niệm, chúng tôi cũng có một số phần tham khảo khổng lồ cho phép bạn tìm kiếm bất kỳ cú pháp nào mà bạn không thể nhớ.</p>
<p>Ngoài ra còn có một số tài nguyên tuyệt vời trên web, một số trong đó được chúng tôi đề cập đến ở dưới.</p>
<div class="blockIndicator note">
<p><strong>Lưu ý</strong>: Những dòng trên mang đến cho bạn một thực tế quan trọng - bạn không cần thiết phải ghi nhớ mọi thứ! Các nhà phát triển web chuyên nghiệp sử dụng các công cụ như MDN Web Docs để tìm kiếm những thứ họ đã quên mọi lúc. Bạn sẽ khám phá ra rằng học phát triển web thiên về giải quyết vấn đề và học các mẫu hơn là học rất nhiều về cú pháp.</p>
</div>
<h4 id="Videos">Videos</h4>
<p>Ngoài ra cũng có một số trang web có nội dung học qua video. Youtube là một trang điển hình, với những kênh như <a href="https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag">Mozilla Layout Land</a>, <a href="https://www.youtube.com/MozillaDeveloper">MozillaDeveloper</a>, và <a href="https://www.youtube.com/user/ChromeDevelopers/">Google ChromeDevelopers</a> cung cấp rất nhiều video hữu ích. Nhiều người thích các bài viết để có tài liệu tham khảo và học sâu hơn, và các video để giải thích nhanh về các khái niệm và tính năng mới, nhưng bạn thực sự muốn học điều gì tùy thuộc vào bạn. Không có câu trả lời đúng sai ở đây.</p>
<h4 id="Sân_chơi_code_tương_tác">Sân chơi code tương tác</h4>
<p>Bạn có thể là loại người thích sự hướng dẫn tối thiểu và muốn nhảy thẳng vào và bắt đầu chiến với code. Đây cũng là một cách tiếp cận hợp lý, và một số trang web học tập có xu hướng ưa chuộng nó. <a href="https://www.codecademy.com/">Codecademy</a> là một ví dụ cho một trang web học tập nơi mà các hướng dẫn chủ yếu bao gồm các trình soạn thỏa tương tác, nơi mà bạn phải trực tiếp viết code và xem liệu có đạt được kết quả như mong muốn hay không.</p>
<p>Nhiều trang tham chiếu tài liệu MDN Web docs cũng cung cấp các ví dụ tương tác, nơi bạn có thể thay đổi code và xem kết quả trực tiếp thay đổi như thế nào. Và cũng không có gì sai khi tạo ra các ví dụ code của riêng bạn trên máy tính, hoặc trên các trình soạn thảo code trực tuyến như <a href="https://jsbin.com/?html,css,js,output">JSBin</a>, <a href="https://codepen.io/">Codepen</a>, hay <a href="https://glitch.com/">Glitch</a>. Trên thực tế, bạn sẽ được yêu cầu làm như vậy như một phần của khóa học này khi bạn đang học!</p>
<div class="blockIndicator note">
<p><strong>Lưu ý</strong>: Các trình soạn thảo code trực tuyến cũng thực sự hữu dụng để chia sẻ code của bạn đã viết, ví dụ, nếu bạn cùng học với một ai khác ở xa, hoặc gửi chugns cho một ai đó đê xin được giúp đỡ. Bạn có thể chia sẻ địa chỉ web của ví dụ đó cho họ xem.</p>
</div>
<div class="blockIndicator note">
<p><strong>Lưu ý</strong>: Bạn có thể ưa thích phương pháp học này hơn phương pháp khác, nhưng trên thực tế, một phương pháp kết hợp có thể là điều bạn sẽ gặp phải. Và có thể bạn sẽ nghĩ ra các phương pháp khác ngoài ba phương pháp ngoài ba phương pháp mà chúng tôi đã trình bày ở trên.</p>
</div>
<h3 id="Lập_kế_hoạch">Lập kế hoạch</h3>
<p>Bạn nên lập một kế hoạch để giúp bạn đạt được những gì bạn muốn đạt được thông qua quá trình học tập của mình.</p>
<h4 id="Tuyên_bố_mục_tiêu">Tuyên bố mục tiêu</h4>
<p>Nghe có vẻ ngu ngốc, nhưng tại sao không bắt đầu với một câu nói thể hiện bạn muốn đạt được cái gì? Những điều sau có các phạm vi khác nhau, nhưng chúng đều thực tế và có thể đạt được:</p>
<ul>
<li>Tôi muốn trở thành một nhà phát triển web chuyên nghiệp trong vòng 2 năm.</li>
<li>Tôi muốn học đủ để xây dựng một trang web cho câu lạc bộ tennnis địa phương.</li>
<li>Tôi muốn học HTML và CSS để có thể mở rộng vai trò công việc của mình để đảm nhận việc cập nhật nội dung trên trang web của công ty chúng tôi.</li>
</ul>
<p>Những điều sau thì không hợp lý lắm:</p>
<ul>
<li>Tôi muốn từ một người hoàn toàn mới bắt đầu trở thành một nhà phát triển web trong 3 tháng.</li>
<li>Tôi muốn thành lập công ty riêng của mình và xây dựng một mạng xã hội sẽ vượt qua Facebook trong vòng 2 năm.</li>
</ul>
<h4 id="Bạn_cần_gì_để_đạt_được_điều_đó">Bạn cần gì để đạt được điều đó?</h4>
<p>Một khi bạn đã vạch ta được mục tiêu của mình, bạn nên nghiên cứu nhứng gì bạn cần để đạt được mục tiêu. Ví dụ:</p>
<p>Vật liệu tôi cần:</p>
<ul>
<li>Một máy tính</li>
<li>Đường truyền internet</li>
<li>Giấy và bút</li>
</ul>
<p>Kiến thức tôi cần:</p>
<ul>
<li>Cách sử dụng HTML, CSS, JavaScript, các công cụ liên quan và các bài tập tốt nhất để xây dựng các trang web (chúng tôi chắc chắn có thể giúp bạn những điều này)</li>
<li>Cách lấy tên miền, lưu trữ và sử dụng chúng để đưa một trang web hoặc ứng dụng lên mạng internet.</li>
<li>Cách điều hành một doanh nghiệp nhỏ.</li>
<li>Cách để quảng cáo doanh nghiệp và thu hút khách hàng.</li>
</ul>
<h4 id="Tôi_cần_bỏ_ra_bao_nhiêu_thời_gian_và_tiền_bạc">Tôi cần bỏ ra bao nhiêu thời gian và tiền bạc?</h4>
<p>Ước tính thời gian và chi phí để có được những thứ bạn cần. Nếu bạn cần phải làm việc để kiếm tiền mua các vật liệu cần thiết, thì thời gian làm việc đó cần phải được tính vào. Khi đã ước tính được thời gian, bạn có thể bắt đầu xây dựng kế hoạch cho cuộc đời mình.</p>
<h4 id="Tôi_cần_làm_bao_nhiêu_tiếng_mỗi_tuần">Tôi cần làm bao nhiêu tiếng mỗi tuần?</h4>
<p>Một khi bạn đã biết bạn cần làm gì, và thời gian cần phải tiêu tốn là bao nhiêu, bạn có thể bắt đầu lập một kế hoạch để thực hiện theo, để đạt được mục tiêu của mình. Nó có thể đơn giản như:</p>
<p>"Tôi cần phải mất 500 giờ để học những thứ tôi cần biết, và tôi có 1 năm để thực hiện, vì vậy nếu tôi giả sử kỳ nghỉ là 2 tuần, tôi sẽ cần làm việc này 10 giờ mỗi tuần. Tôi rảnh vào các buổi tối và cuối tuần, nên tôi sẽ lên kế hoạch cho thời gian của mình xung quanh các thứ đó. "</p>
<p>Bạn cần tiêu tốn bao nhiêu thời gian cho khóa học này tùy thuộc vào bạn đang ở trong hoàn cảnh nào. Nếu bạn còn là học sinh, bạn sẽ có nhiều thời gian rảnh hơn khi bạn đi làm hoặc có con cái cần chu cấp. Bạn vẫn có thể đạt được các mục tiêu, nhưng bạn cần phải thực tế về việc bạn đạt được chúng nhanh như thế nào.</p>
<p>Nếu bạn đang thực hiện một khóa học về phát triển web tại đại học hay cao đẳng, thì hầu hết kế hoạch này bạn đã thực hiện xong - bạn thật may mắn!</p>
<p>Khi bạn đã lên lịch trình hàng tuần, thì bạn nên ghi lại những gì bạn quản lý để làm mỗi tuần trong một bảng tính đơn giản hoặc thậm chí trong một cuốn sổ!</p>
<p>Ngoài ra, có thể là một ý tưởng hay nếu bạn thực hiện một số mục tiêu phụ để cho phép bạn theo dõi vị trí của mình dễ dàng hơn:</p>
<ul>
<li>HTML và CSS cơ bản học vào mùa hè.</li>
<li>JavaScript cơ bản học trong tháng 12.</li>
<li>Dự án trang web ví dụ xây dựng vào tháng tư tới.</li>
<li>v.v.</li>
</ul>
<p>Liên tục suy nghĩ về mức độ tiến bộ của bạn đạt được và điều chỉnh kế hoạch của bạn nếu cần.</p>
<h3 id="Duy_trì_động_lực">Duy trì động lực</h3>
<p>Rất khó để duy trì động lực, đặc biệt nếu bạn đang cố gắng để học một kỹ năng phức tạp như lập trình hay phát triển web. Những điều sau là một vài mẹo để duy trì động lực và tiếp tục làm việc:</p>
<ul>
<li><strong>Cố gắng làm cho môi trường làm việc của bạn hiệu quả nhất có thể</strong>. Cố gắng tìm một bộ bàn ghê làm việc thoải mái, đảm bảo có đủ ánh sáng và cố gắng sắp đặt các thứ giúp bạn tập trung (chẳng hạn như âm nhạc êm dịu, nước hoa hay bất cứ thứ gì bạn cần). Đừng cố gắng làm việc trong một căn phòng có nhiều phiền nhiễu - ví dụ như một người bạn đang xem bóng đá trên tivi! Ngoài ra, hay để điện thoại di động của bạn ở ngoài phòng - hầu hết mọi người đều bị sao nhãng nhiều bởi điện thoại của họ, do đó bạn nên để nó ở chỗ khác. Làm việc quá lâu mà không nghỉ ngơi cũng không tốt cho bạn về mặt thể chất - nhìn vào màn hình máy tính quá lâu có thể gây hại cho mắt, và ngồi yên một chỗ quá lâu có thể gây hại cho lưng hoặc chân của bạn. Chúng tôi khuyên bạn nên dành 15 phút giải lao mỗi 1 giờ hay 90 phút làm việc.</li>
<li><strong>Nghỉ giải lao thường xuyên</strong>. Không tốt cho tinh thần của bạn khi làm việc liên tục trong nhiều giờ mà không nghỉ giải lao, đặc biệt là khi bạn thẩy bị mắc kẹt tại một vấn đề. Điều đó dẫn đến sự chán nản - tốt hơn là bạn nên nghỉ ngơi, di chuyển xung quanh một chút, sau đó thư giãn với đồ uống trước khi trở lại làm việc, và như chúng tôi đã nói từ trước, cách học tập lan tỏa mà bạn thực hiện trong thời gian đó thường giúp bạn tìm ra giải pháp cho vấn đề bạn đang gặp phải.</li>
<li><strong>Ăn, tập thể dục và ngủ</strong>. Ăn uống lành mạnh, tập thể dục thường xuyên và ngủ đủ giấc . Điều này nghe có vẻ hiển nhiên, nhưng cũng dễ quên khi bạn thực sự bắt đầu viết code. Đưa những thành phần thiết yếu vào lịch trình của bạn, và đảm bảo rằng bạn không dành thời gian học tập mà bỏ qua những thứ này.</li>
<li><strong>Tự thưởng cho bản thân</strong>. Một sự thật là chỉ làm mà không chơi đùa khiến sẽ khiến người ta trở nên buồn tẻ. Bạn nên sắp xếp làm những điều thú vị sau mỗi buổi học, điều mà bạn sẽ chỉ có khi quá trình học kết thúc và hoàn thành. Ví dụ, nếu bạn thực sự đam mê chơi game, hãy đặt ra mục tiêu như "không chơi game tối nay trừ khi tôi vượt qua 5 giờ học tập". Bây giờ tất cả những gì bạn cần là ý chí. Chúc may mắn! </li>
<li><strong>Đồng học và demo</strong>. Đây không phải là lựa chọn cho tất cả mọi người, nhưng nếu có thể, hãy cố gắng học cùng những người khác. Một lần nữa, sẽ dễ dàng hơn nếu bạn tham gia một khóa học đại học về phát triển web, nhưng có lẽ bạn nên thuyết phục một người bạn học cùng với mình, hoặc tìm một nhóm gặp mặt, chia sẻ kỹ năng tại đại phương. Việc có ai đó để thảo luận các ý tưởng và yêu cầu giúp đỡ thực sự rất hữu ích và tạo động lực, bạn cũng nên dành thời gian để demo công việc của mình. Những lời tán thưởng sẽ tạo thêm động lực cho bạn.</li>
</ul>
<h3 id="Giải_quyết_vấn_đề_hiệu_quả">Giải quyết vấn đề hiệu quả</h3>
<p>Không có một cách giải quyết hiệu quả cho tất cả mọi vấn đề (hay để học mọi thứ) liên quan đến thiết kế và phát triển web, nhưng có một số lời khuyên chung sẽ phục vụ bạn tốt trong hầu hết mọi trường hợp.</p>
<h4 id="Chia_nhỏ_mọi_thứ_thành_nhiều_phần">Chia nhỏ mọi thứ thành nhiều phần</h4>
<p>Để bắt đầu, khi bạn đang cố gắng thực hiện một điều gì đó cụ thẻ và có vẻ như rất khó để làm được điều đó, bạn nên thử chia nó thành nhiều vấn đề nhỏ hơn hoặc thành nhiều phần.</p>
<p>Ví dụ như, nếu bạn đang xem nhiệm vụ "Xây dựng một trang web 2 cột đơn giản", bạn có thể chia nhỏ nó như sau:</p>
<ul>
<li>Tạo một cấu trúc HTML</li>
<li>Tạo kiểu chữ cơ bản cho trang</li>
<li>Lập bảng màu cơ bản</li>
<li>Triển khai bố cục cấp cao - tiêu đề, menu điều hướng ngang, khu vực nội dung chính với các cột chính và phụ, và chân trang.</li>
<li>Triển khai menu điều hướng ngang.</li>
<li>v.v.</li>
</ul>
<p>Sau đó bạn có thể chia nhỏ thêm, ví dụ như, "Triển khải menu điều hướng ngang" có thể được viết thành:</p>
<ul>
<li>Tạo một danh sách các mục nằm ngang trên một dòng.</li>
<li>Xóa các giá trị mặc định không cần thiết, như khoảng trống hay đấu đầu dòng.</li>
<li>Tạo các kiểu di chuột/ tiêu điểm / trạng thái hoạt động của các mục menu một cách thích hợp.</li>
<li>Tạo các mục menu cách đều trên một hàng.</li>
<li>Cấp đủ khoảng cách dọc cho các mục menu.</li>
<li>Đảm bảo các dòng chữ nằm ở chính giữa mỗi mục.</li>
<li>v.v.</li>
</ul>
<p>Mỗi một vấn đề trên dường như không khó giải quyết bằng một vấn đề lớn mà bạn gặp phải lúc đầu. Bây giờ bạn chỉ cần đi qua và giải quyết tất cả!</p>
<h4 id="Tìm_hiểu_và_nhận_ra_các_mẫu">Tìm hiểu và nhận ra các mẫu</h4>
<p>Như chúng tôi đã nói từ trước, thiết kê / lập trình web đa phần là về việc giải quyết vấn đề và các mẫu. Một khi bạn đã viết ra những gì bạn cần là để giải quyết một vấn đề cụ thể nào đó, bạn có thể bắt đầu tìm ra những công nghệ cần sử dụng để giải quyết vấn đề đó. Ví dụ như, một nhà phát triển web chuyên nghiệp đã tạo ra rất nhiều menu điều hướng ngang, nên họ có thể ngay lập tức bắt đầu nghĩ về giải pháp như:</p>
<p>Một menu điều hướng thường được tạo ra từ danh sách các liên kết, giống như:</p>
<pre class="brush: html notranslate"><ul>
<li>First menu item</li>
<li>Second menu item</li>
<li>Third menu item</li>
<li>etc.</li>
</ul>
</pre>
<p>Để làm cho tất cả các mục xếp thẳng hàng ngang, các hiện đại dễ nhất là sử dụng flexbox:</p>
<pre class="brush: css notranslate">ul {
display: flex;
}</pre>
<p>Để xóa những khoảng trống và dấu đầu dòng không cần thiết, ta có thể làm như sau:</p>
<pre class="brush: css notranslate">ul {
list-style-type: none;
padding: 0;
}</pre>
<p>v.v.</p>
<p>Nếu bạn là một người hoàn toàn mới bắt đầu phát triển web, bạn sẽ phải thực hiện một số nghiên cứu và tìm kiếm trên web cũng như tra cứu các giải pháp cho những vấn đề như vậy. Nếu bạn là một nhà phát triển web chuyên nghiệp, bạn có thể nhớ lần cuối bạn giải quyết một vấn đề tương tự như vậy, và chỉ cần tra cứu một chút cú pháp mà bạn đã quên.</p>
<p>Khi bạn tìm thấy những giải pháp để giải quyết các vấn đề như vậy, bạn nên ghi lại những gì bạn đã làm và giữu một số code ví dụ tối thiểu trong một thư mục ở đâu đó để bạn có thể nhìn lại các công việc trước đó.</p>
<p>Ngoài ra, trang web có <a href="/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools">developer tools </a>cho phép bạn xem code được sử dụng để xây dựng bất kỳ trang web nào - nếu bạn không có một giải pháp nào trong tay, một phương pháp tốt là tìm các trang web với các tính năng tương tự, và tìm hiểu cách họ làm điều đó.</p>
<div class="blockIndicator note">
<p><strong>Chú ý</strong>: Hãy chú ý các chúng tôi nói về việc cố gắng tím cách giải quyết vấn đề đầu tiên, sau đó là công nghệ sử dụng để giải quyết vấn đề. Đây luôn là cách tốt nhất để làm điều đó - đừng bắt đầu với một công nghệ mới thú vị mà bạn muốn sử dụng mà cố gằng đưa nó và trường hợp sử dụng cụ thể.</p>
</div>
<div class="blockIndicator note">
<p><strong>Chú ý</strong>: Cách giải quyế đơn giản nhất luôn luôn là tốt nhất.</p>
</div>
<h3 id="Thực_hành">Thực hành</h3>
<p>Bạn càng thực hành giải quyết vấn đề nhiều, các đường dẫn thần kinh trong não bạn về lĩnh vực đó càng mạnh hơn, việc nhớ lại các chi tiết và logic của vấn đề cụ thể nào đó càng trở nên dễ dàng hơn.</p>
<p>Tiếp tục mày mò với code và thực hành nhiều hơn. Nếu bạn không còn vấn đề gì để giải quyết, hãy tìm một số bài kiểm tra trực tuyến, thực hiện thêm một số khóa học, hoặc hỏi bạn bè và gia đình (hoặc trường học hay nhà thờ địa phương) xem có điều gì họ muốn bạn xây dựng cho họ không.</p>
<h2 dir="ltr" id="Tìm_sự_giúp_đỡ">Tìm sự giúp đỡ</h2>
<p dir="ltr">Phát triển web yêu cầu bạn phải học một bộ kỹ năng phức tạp - bạn nhất định gặp phải khó khăn tại một số thời điểm và cần sự giúp đỡ. Như chúng tôi đã nói từ trước, ngay cả nhà phát triển chuyên nghiệp cũng thường xuyên cần sự trợ giúp để giải quyết các vấn đề.</p>
<p dir="ltr">Có nhiều cách để nhận trợ giúp và sau đây là một số mẹo để làm làm vậy được hiệu quả hơn.</p>
<h3 dir="ltr" id="Tìm_kiếm_hiệu_quả_trên_web">Tìm kiếm hiệu quả trên web</h3>
<p dir="ltr">Một kỹ năng quan trọng cần học là nghệ thuật tìm kiếm hiệu quả trên web - bạn cần sử dụng cụm từ tìm kiếm nào trên công cụ tìm kiếm yêu thích của mình để tìm được các bài viết bạn cần.</p>
<p dir="ltr">Việc tìm kiếm thường khá rõ ràn. Ví dụ như:</p>
<ul dir="ltr">
<li>Nếu bạn muốn tìm hiểu về thiết kế web phản hồi, bạn có thể tìm kiếm cụm từ "thiết kế web phản hồi".</li>
<li>Nếu bạn muốn tìm hiểu thêm về một tính năng công nghệ cụ thể, chẳng hạn như phần tử HTML <code><video> </code>hoặc các thuộc tính <code>background-color</code> hay <code>opacity</code> của CSS, hoặc phương thức JavaScript <code>Date.setTime() </code>bạn nên tìm kiếm chỉ tên tính năng.</li>
<li>Nếu bạn đang tìm kiếm một số thông tin cụ thể hơn, bạn có thể thêm các từ khóa khác làm công cụ sửa đổi, ví dụ: "thuộc tính tự động phát phần tử <video>" hoặc "tham số Date.setTime".</li>
</ul>
<p dir="ltr">Nếu bạn muốn tìm kiếm thứ gì đó có từ khóa ít rõ ràng hơn, bạn cần phải suy nghĩ về những gì có nhiều khả năng trả lại những gì bạn muốn nhất..</p>
<ul dir="ltr">
<li>Chạy code sau một vài lời hứa được thực hiện</li>
<li>Phát một video stream từ một webcam trong trình duyệt</li>
<li>Tạo một gradient tuyến tính trong nền phần tử của bạn</li>
</ul>
<h4 id="Thông_báo_lỗi">Thông báo lỗi</h4>
<p>Nếu bạn đang gặp vấn đề mới một số code và một thông báo lỗi cụ thể hiện ra, bạn thường chỉ cần copy thông báo lỗi đó vào công cụ tìm kiếm và sử dụng nó làm cụm từ tìm kiếm. Nếu người khác đã gặp phải vấn đề như vậy, có thể sẽ có một số bài báo hoặc bài đăng trên blog về vấn đề này ở những nơi như MDN hay Stack Overflow.</p>
<div class="blockIndicator note">
<p><strong>Chú ý</strong>: <a href="https://stackoverflow.com/">Stack Overflow </a>là một trang web thực sự hữu ích - nó cơ bản là một cơ sở dữ liệu khổng lồ gồm các câu hỏi và câu trả lời về các công nghệ và kỹ thuật liên quan khác nhau. Bạn có thể sẽ tìm thấy câu trả lời cho câu hỏi của bạn. Nếu không, bạn có thể đặt câu hỏi và xem liệu có ai có thể giúp bạn không.</p>
</div>
<h4 id="Kiểm_tra_trình_duyệt">Kiểm tra trình duyệt</h4>
<p dir="ltr"></p>
<p dir="ltr">Thông thường, bạn nêu xem liệu sự cố của bạn có ảnh hưởng đến tất cả các trình duyệt hay chỉ xảy ra ở một hay một số ít trình duyệt. Ví dụ, nếu nó chỉ ảnh hưởng đến một trình duyệt, bạn có thể sử dụng trình duyệt đó để thu hẹp việc tìm kiếm. Các mẫu tìm kiếm có thể giống như sau:</p>
<ul dir="ltr">
<li>Trình phát <video> không làm việc trên trình duyệt iOS</li>
<li>Firefox có vẻ không hỗ trợ Beetlejuice API.</li>
</ul>
<h3 dir="ltr" id="Sử_dụng_MDN">Sử dụng MDN</h3>
<p dir="ltr">Trang web bạn đang truy cập có rất nhiều thông tin có sẵn dành cho bạn - cả tài kiệ tham khảo để tra cứu cú pháp code và các hướng dẫn để học các kỹ thuật.</p>
<p dir="ltr">Chúng tôi cung cấp hầu hết câu trả lời cho các câu hỏi bạn sẽ có về các nguyên tắc cơ bản để phát triển web trong phần này của MDN. Nếu bạn đang gặp khó khăn, thì tốt hơn là đọc lại các bài báo liên quan để xem bạn có bỏ sót điều gì không.</p>
<p dir="ltr">Nếu bạn không chắc chắn nên đọc bài báo nào, hãy thử tìm kiếm trên MDN cho một số từ khóa tiên quan (như được chỉ ra ở trên) hoặc thử tìm kiếm trên trang web chung. Để tìm kiếm trên MDN, bạn có thể sử dụng chức năng tìm kiếm tích hợp sẵn trên trang web hoặc tốt hơn nữa, sử dụng công cụ tìm kiếm yêu thích của bạn và đặt "MDN" trước các cụm từ tìm kiếm, ví dụ như "MDN background-color".</p>
<h3 dir="ltr" id="Các_nguồn_tài_nguyên_trực_tuyến_khác">Các nguồn tài nguyên trực tuyến khác</h3>
<p>Chúng tôi đã đề cập đến Stack Overflow, nhưng ngoài ra còn nhiều nguồn tài nguyên trục tuyến khác có thể trợ giúp.</p>
<p>Thật tốt khi tìm được một cộng đồng để tham gia và bạn sẽ nhật được rất nhiều sự tôn trọng nếu bạn cố gắng giúp đỡ các người khác trả lời các câu hỏi của họ cũng như câu hỏi của chính bạn. Một số ví dụ điển hình như:</p>
<ul dir="ltr">
<li><a href="https://discourse.mozilla.org/c/mdn">MDN Discourse</a></li>
<li><a href="https://www.sitepoint.com/community/">Sitepoint Forums</a></li>
<li><a href="https://www.webdeveloper.com/">webdeveloper.com Forums</a></li>
</ul>
<p dir="ltr">Tuy nhiên, việc tìm các nhóm hữu ích trên các trang mạng xã hội như Twitter hay Facebook cũng rất hợp lý. Tìm các nhóm thảo luận về các chủ đề phát triển web mà bạn quan tâm và tham gia. Theo dõi những người trênTwitter mà bạn biết là có ảnh hưởng, thông minh hay chỉ đơn giản là chia sẻ nhiều mẹo hữu ích.</p>
<h3 dir="ltr" id="Các_buổi_gặp_mặt">Các buổi gặp mặt</h3>
<p dir="ltr">Cuối cùng, bạn nên tham dự một và buổi gặp mặt để gặp gỡ những người có cùng chí hướng, đặc biệt là những ai mới bắt đầu. <a href="https://www.meetup.com/find/tech/">meetup.com</a> là một nơi tốt để tìm các buổi gặp mặt thực tế tại địa phương và bạn cũng có thẻ thử báo chí địa phương / nội dung trên các trang web.</p>
<p dir="ltr">Bạn cũng có thể thử tham dự các hội nghị web chính thức. Mặc dù những thứ này có thể đắt đỏ, bạn có thể thử làm tình nguyện viên và nhiều hội nghị cung cấp các vé giảm giá, ví dụ như cho sinh viên.</p>
<h2 dir="ltr" id="See_also">See also</h2>
<ul dir="ltr">
<li><a href="https://www.coursera.org/learn/learning-how-to-learn">Coursera: Learning to learn</a></li>
<li><a href="https://www.freecodecamp.org/">Freecodecamp</a></li>
<li><a href="https://www.codecademy.com/">Codecademy</a></li>
</ul>
|