&ldquo; L&agrave;m sao để tr&aacute;nh những điều n&agrave;y, v&agrave; gi&aacute; như c&oacute; thể biết những c&aacute;ch n&agrave;y sớm hơn&hellip; &ldquo;&nbsp;
&ldquo; Gần đ&acirc;y, t&ocirc;i đ&atilde; phải l&agrave;m lại dự &aacute;n đầu ti&ecirc;n của m&igrave;nh v&agrave; điều n&agrave;y đ&atilde; cho t&ocirc;i cơ hội để ph&acirc;n t&iacute;ch codebase v&agrave; t&igrave;m ra tất cả những sai lầm m&agrave; t&ocirc;i đ&atilde; mắc phải. T&ocirc;i đ&atilde; viết d&ograve;ng đầu ti&ecirc;n của ứng dụng web đ&oacute; v&agrave;o năm 2018, khi t&ocirc;i vẫn c&ograve;n l&agrave; một sinh vi&ecirc;n đại học.
V&agrave;o thời điểm đ&oacute;, t&ocirc;i đang tham gia một kh&oacute;a học ph&aacute;t triển web tại trường đại học. Để vượt qua kỳ thi, ch&uacute;ng t&ocirc;i phải ph&aacute;t triển một ứng dụng web với cả giao diện người d&ugrave;ng v&agrave; phụ trợ. Điều t&ocirc;i kh&ocirc;ng ngờ l&agrave; ứng dụng web demo của t&ocirc;i sau n&agrave;y đ&atilde; trở th&agrave;nh một trang web trực tuyến vẫn được h&agrave;ng ngh&igrave;n người d&ugrave;ng truy cập mỗi ng&agrave;y.
Kể từ đ&oacute;, nhiều thứ đ&atilde; thay đổi v&agrave; t&ocirc;i hiện l&agrave; kỹ sư phần mềm tự do với hơn 3 năm kinh nghiệm. V&igrave; vậy, kh&ocirc;ng c&oacute; g&igrave; ngạc nhi&ecirc;n khi t&ocirc;i bắt đầu xem x&eacute;t dự &aacute;n m&agrave; t&ocirc;i đ&atilde; viết trong những ng&agrave;y đầu l&agrave; một nh&agrave; ph&aacute;t triển, t&ocirc;i đ&atilde; cảm thấy kh&aacute; xấu hổ về những g&igrave; m&agrave; bản th&acirc;n đ&atilde; l&agrave;m trong qu&aacute; khứ.
H&atilde;y c&ugrave;ng nghe t&ocirc;i kể về 5 sai lầm lớn nhất m&agrave; t&ocirc;i đ&atilde; mắc phải v&agrave; c&aacute;ch tr&aacute;nh ch&uacute;ng nh&eacute;.&rdquo;&nbsp;
<h2 style="text-align: justify;">1. Viết b&igrave;nh luận vẩn vơ v&agrave; kh&ocirc;ng phải tiếng Anh</h2>
&ldquo;Một trong những vấn đề lớn của dự &aacute;n đầu ti&ecirc;n của t&ocirc;i l&agrave; tất cả c&aacute;c g&oacute;p &yacute;&nbsp; đều bằng tiếng &Yacute;. Điều n&agrave;y c&oacute; nghĩa l&agrave; chỉ c&aacute;c nh&agrave; ph&aacute;t triển &Yacute; mới c&oacute; thể thực sự hiểu được c&aacute;ch thức hoạt động của c&aacute;c phần phức tạp hơn của ứng dụng web. V&agrave; đ&oacute; l&agrave; một r&agrave;o cản rất lớn!&rdquo;&nbsp;
V&iacute; dụ về những b&igrave;nh luận kh&ocirc;ng cần thiết như:&nbsp;
<pre class="language-html"><code>// assigning myConstant
const myConstant = "FOO"</code></pre>
Điều n&agrave;y cũng ngụ &yacute; rằng việc xem x&eacute;t c&aacute;c b&igrave;nh luận để dịch tất cả ch&uacute;ng l&agrave; kh&ocirc;ng khả thi. Tr&ecirc;n thực tế, việc dịch tất cả ch&uacute;ng sẽ mất qu&aacute; nhiều thời gian, việc ph&acirc;n t&iacute;ch v&agrave; đọc ch&uacute;ng để t&igrave;m ra c&aacute;i n&agrave;o hữu &iacute;ch cũng vậy.
Mặc d&ugrave; b&acirc;y giờ việc viết c&aacute;c b&igrave;nh luận bằng tiếng Anh l&agrave; y&ecirc;u cầu cơ bản, nhưng khi l&agrave;m việc với c&aacute;c kh&aacute;ch h&agrave;ng từ khắp nơi tr&ecirc;n thế giới v&agrave; bạn sẽ nhận thấy rằng hai lỗi n&agrave;y l&agrave; một thực tế phổ biến. C&aacute;ch tiếp cận m&atilde; h&oacute;a như vậy l&agrave; n&ocirc;ng cạn v&igrave; bạn kh&ocirc;ng biết dự &aacute;n sẽ ph&aacute;t triển lớn đến mức n&agrave;o v&agrave; ai sẽ thực hiện n&oacute; trong tương lai.
N&oacute;i c&aacute;ch kh&aacute;c, bạn phải lu&ocirc;n viết c&aacute;c b&igrave;nh luận m&atilde; của bạn bằng tiếng Anh, ngay cả đối với c&aacute;c bản demo nhỏ. Ngo&agrave;i ra, h&atilde;y đảm bảo rằng bạn đang th&ecirc;m một số gi&aacute; trị v&agrave;o m&atilde; với ch&uacute;ng. Ngược lại, nếu bạn điền v&agrave;o m&atilde; của m&igrave;nh qu&aacute; nhiều nhận x&eacute;t kh&ocirc;ng cần thiết, người kh&aacute;c c&oacute; thể cho rằng tất cả ch&uacute;ng đều v&ocirc; dụng v&agrave; bắt đầu bỏ qua.
<h2 style="text-align: justify;">2. Thay đổi chu k&igrave; l&agrave;m việc&nbsp;</h2>
Đ&acirc;y l&agrave; một lỗi cơ bản m&agrave; nhiều nh&agrave; ph&aacute;t triển cơ sở kh&aacute;c từng l&agrave;m việc với t&ocirc;i thường mắc phải. Ai cũng từng như vậy. Thay v&igrave; t&igrave;m kiếm trực tuyến c&aacute;c thư viện gi&uacute;p đạt được những g&igrave; mong muốn một c&aacute;ch dễ d&agrave;ng, nhiều người lại thay đổi chu k&igrave; l&agrave;m việc mỗi lần, kh&ocirc;ng hẳn l&agrave; cố t&igrave;nh. Tr&ecirc;n thực tế, kh&ocirc;ng phải ai cũng biết kh&ocirc;ng biết về tất cả c&aacute;c thư viện c&oacute; sẵn miễn ph&iacute; trực tuyến.
N&oacute;i chung, điều chỉnh lại chu kỳ kh&ocirc;ng nhất thiết l&agrave; một điều xấu. Bạn c&oacute; thể muốn l&agrave;m điều đ&oacute; để t&igrave;m hiểu những điều cơ bản hoặc c&aacute;ch hoạt động của c&aacute;c chức năng tiện &iacute;ch. N&oacute; c&oacute; thể l&agrave; một b&agrave;i tập để luyện tập , đặc biệt l&agrave; trong những ng&agrave;y đầu của bạn với tư c&aacute;ch l&agrave; một nh&agrave; ph&aacute;t triển. Mặt kh&aacute;c, khi l&agrave;m việc trong một dự &aacute;n thực, bạn phải chọn một bộ thư viện tốt v&agrave; sử dụng ch&uacute;ng một c&aacute;ch ch&iacute;nh x&aacute;c trong m&atilde; của bạn.
Bằng c&aacute;ch ph&acirc;n t&iacute;ch tệp <code>utils.js</code> của m&igrave;nh, bạn c&oacute; thể ngay lập tức nhận thấy rằng hầu hết c&aacute;c h&agrave;m đ&atilde; x&aacute;c định hiện c&oacute; sẵn tr&ecirc;n Lodash hoặc c&aacute;c thư viện tương tự. Điều n&agrave;y c&oacute; nghĩa l&agrave; c&oacute; thể bạn đ&atilde; d&agrave;nh nhiều thời gian cho một nhiệm vụ c&oacute; thể tr&aacute;nh được. Tr&ecirc;n thực tế, c&aacute;c thư viện như <code>lodash</code> c&oacute; h&agrave;ng triệu lượt tải xuống h&agrave;ng tuần v&agrave; chắc chắn đ&aacute;ng tin cậy, an to&agrave;n v&agrave; dễ bảo tr&igrave; hơn so với m&atilde; của t&ocirc;i.
Điều n&agrave;y nghe c&oacute; vẻ hiển nhi&ecirc;n, nhưng trước khi đi s&acirc;u v&agrave;o m&atilde;, h&atilde;y t&igrave;m kiếm giải ph&aacute;p trực tuyến v&agrave; t&igrave;m hiểu về n&oacute;. Nếu bạn kh&ocirc;ng t&igrave;m thấy bất kỳ thư viện hữu &iacute;ch n&agrave;o, th&igrave; bạn được ph&eacute;p bắt đầu viết logic t&ugrave;y chỉnh của ri&ecirc;ng m&igrave;nh từ đầu.
<h2 style="text-align: justify;">3. Sử dụng thư viện &ldquo;Magic&rdquo;&nbsp;</h2>
Khi bắt đầu h&agrave;nh tr&igrave;nh với tư c&aacute;ch l&agrave; một nh&agrave; ph&aacute;t triển web, c&aacute;c thư viện với một v&agrave;i d&ograve;ng m&atilde; cho ph&eacute;p người d&ugrave;ng đạt được kết quả nhanh ch&oacute;ng lu&ocirc;n l&agrave; sự lựa chọn l&yacute; tưởng . Những thư viện như vậy giống như một ph&eacute;p thuật v&igrave; hiểu được những g&igrave; trong b&agrave;i to&aacute;n l&agrave; qu&aacute; phức tạp, v&agrave; c&ograve;n gi&uacute;p tiết kiệm rất nhiều thời gian. Điều n&agrave;y thật tuyệt vời, phải kh&ocirc;ng?
Ch&agrave;, n&oacute; phụ thuộc v&agrave;o nhiều c&aacute;i kh&aacute;c nữa&hellip;
Thư viện c&agrave;ng giống như ma thuật th&igrave; bạn c&agrave;ng c&oacute; &iacute;t quyền kiểm so&aacute;t đối với n&oacute;. Điều n&agrave;y c&oacute; nghĩa l&agrave; đạt được một nhiệm vụ m&agrave; thư viện kh&ocirc;ng hỗ trợ ban đầu c&oacute; thể trở th&agrave;nh một thử th&aacute;ch tốn sức. N&oacute;i một c&aacute;ch chi tiết, dự &aacute;n sẽ phụ thuộc rất nhiều v&agrave;o DataTables, một tr&igrave;nh th&ecirc;m v&agrave;o jQuery bổ sung một số t&iacute;nh năng cho bất kỳ bảng HTML n&agrave;o.
Thư viện n&agrave;y cho ph&eacute;p bạn triển khai một bản đầy đủ t&iacute;nh năng chỉ với một d&ograve;ng m&atilde;, như sau:
<pre class="language-html"><code>$(document).ready(function() {
 // initializing your DataTables table
 $('#my-table').DataTable();
});</code></pre>
Kết quả l&agrave;
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/0f53bbea-9ae3-4a84-9110-fe8ac323cf98" alt="1Ir4R8QDSsqyAD-T6L9payA" />
Như bạn c&oacute; thể thấy, một d&ograve;ng m&atilde; tạo ra một bảng với t&iacute;nh năng t&igrave;m kiếm, ph&acirc;n trang, sắp xếp v&agrave; nhiều t&iacute;nh năng kh&aacute;c.
Yếu tố muốn th&ecirc;m l&agrave; kh&ocirc;ng c&oacute; g&igrave; sai với DataTables. Nhưng bằng c&aacute;ch ph&acirc;n t&iacute;ch m&atilde;, bạn phải x&aacute;c định c&aacute;ch viết phức tạp v&agrave; kh&ocirc;n lỏi để thay đổi h&agrave;nh vi của n&oacute; v&agrave; điều chỉnh n&oacute; theo nhu cầu của m&igrave;nh. Điều n&agrave;y l&agrave;m cho m&atilde; qu&aacute; phụ thuộc v&agrave;o DataTables v&agrave; hầu như kh&ocirc;ng thể duy tr&igrave; hoặc ph&aacute;t triển.
V&igrave; vậy, những thư viện &ldquo;magic&rdquo; như vậy rất tốt nếu bạn đang vội. Nhưng bạn cũng n&ecirc;n kiểm so&aacute;t v&agrave; tr&aacute;nh sử dụng ch&uacute;ng trong c&aacute;c dự &aacute;n lớn hơn v&agrave; phức tạp hơn.
<h2 style="text-align: justify;">4. Tr&aacute;nh c&aacute;c framework để đạt được sự đơn giản&nbsp;</h2>
Một sai lầm kh&aacute;c l&agrave; mọi người thường quyết định tr&aacute;nh sử dụng bất kỳ framework n&agrave;o để giữ cho dự &aacute;n được đơn giản.&nbsp;
V&igrave; bạn kh&ocirc;ng thể biết trước ứng dụng của m&igrave;nh sẽ trở n&ecirc;n lớn như thế n&agrave;o v&agrave; c&oacute; bao nhi&ecirc;u người d&ugrave;ng sẽ sử dụng n&oacute;, bạn n&ecirc;n chọn một c&ocirc;ng nghệ đ&aacute;ng tin cậy v&agrave; cập nhật. Tr&aacute;nh thỏa hiệp khi n&oacute;i đến c&ocirc;ng nghệ.
&ldquo;Đ&oacute; l&agrave; một dự &aacute;n của trường đại học, v&agrave; t&ocirc;i kh&ocirc;ng ngờ n&oacute; trở th&agrave;nh một trang web c&oacute; thể truy cập c&ocirc;ng khai với h&agrave;ng ngh&igrave;n người đăng k&yacute;. Th&agrave;nh thật m&agrave; n&oacute;i, mối quan t&acirc;m duy nhất của t&ocirc;i l&agrave; vượt qua kỳ thi. Đ&acirc;y l&agrave; l&yacute; do tại sao t&ocirc;i th&iacute;ch viết ứng dụng web của m&igrave;nh bằng Vanilla PHP 5 v&agrave; jQuery, c&ocirc;ng nghệ được gi&aacute;o sư của t&ocirc;i đề xuất. N&oacute;i c&aacute;ch kh&aacute;c, dự &aacute;n của t&ocirc;i đ&atilde; lỗi thời.&nbsp;
Tuy nhi&ecirc;n, t&ocirc;i c&oacute; thể đ&atilde; chọn giữa Laravel, Spring v&agrave; React. Bất kỳ c&aacute;i n&agrave;o trong số n&agrave;y đều sẽ l&agrave; lựa chọn tốt hơn v&agrave; th&iacute;ch hợp hơn cho dự &aacute;n, nhưng t&ocirc;i muốn lựa chọn dễ d&agrave;ng hơn.&rdquo;&nbsp;
<h2 style="text-align: justify;">5. Tr&aacute;nh những thiết kế phản hồi&nbsp;</h2>
&ldquo;V&agrave;o thời điểm ph&aacute;t triển dự &aacute;n của m&igrave;nh, t&ocirc;i đ&atilde; nhận thức được c&aacute;ch tiếp cận ưu ti&ecirc;n thiết bị di động để ph&aacute;t triển web. Tuy nhi&ecirc;n, t&ocirc;i quyết định bỏ qua n&oacute;, v&agrave; ph&aacute;t triển một ứng dụng web kh&ocirc;ng phản hồi. Điều n&agrave;y l&agrave; do dự &aacute;n của t&ocirc;i li&ecirc;n quan đến nhiều bảng lớn v&agrave; t&ocirc;i nghĩ sẽ kh&ocirc;ng c&oacute; người d&ugrave;ng di động n&agrave;o quan t&acirc;m đến việc sử dụng n&oacute;. Một lần nữa, t&ocirc;i đ&atilde; sai.
Điều đ&atilde; xảy ra sau khi d&ugrave;ng trang web trực tuyến l&agrave; một số người d&ugrave;ng bắt đầu ph&agrave;n n&agrave;n về trải nghiệm k&eacute;m m&agrave; trang web của t&ocirc;i cung cấp tr&ecirc;n thiết bị di động. V&igrave; vậy, t&ocirc;i đ&atilde; phải thay đổi m&atilde; để l&agrave;m cho ứng dụng của t&ocirc;i đ&aacute;p ứng, khiến to&agrave;n bộ dự &aacute;n thậm ch&iacute; c&ograve;n lộn xộn hơn.&rdquo;
Lời khuy&ecirc;n ở đ&acirc;y l&agrave; bạn đừng bao giờ coi bất cứ điều g&igrave; l&agrave; đương nhi&ecirc;n. Ngược lại, h&atilde;y cố gắng l&agrave;m cho ứng dụng của bạn dễ tiếp cận nhất c&oacute; thể. Trải nghiệm người d&ugrave;ng phải nhất qu&aacute;n v&agrave; kh&ocirc;ng phụ thuộc v&agrave;o thiết bị đang sử dụng. Điều n&agrave;y đặc biệt đ&uacute;ng khi n&oacute;i đến thiết bị di động m&agrave; bạn n&ecirc;n ưu ti&ecirc;n.
Lời kết&nbsp;
B&agrave;i viết đ&atilde; n&ecirc;u ra 5 sai lầm quan trọng nhất c&oacute; thể mắc phải trong những ng&agrave;y đầu l&agrave;m nh&agrave; ph&aacute;t triển web v&agrave; khi ph&acirc;n t&iacute;ch cơ sở m&atilde; của ứng dụng web. Như đ&atilde; n&ecirc;u trong b&agrave;i viết n&agrave;y, hầu hết ch&uacute;ng chắc chắn đều c&oacute; thể tr&aacute;nh được.
Cảm ơn bạn đ&atilde; d&agrave;nh thời thời gian đọc b&agrave;i. Hy vọng bạn đ&atilde; c&oacute; những th&ocirc;ng tin bổ &iacute;ch!&nbsp;
&nbsp;
&nbsp;

dev1_account1

5 sai lầm dễ bị mắc phải trong những ngày đầu làm Web Developer

Cùng tác giả

dev1_account1

Có liên quan