7 Điều Lập Trình Viên Cần Biết Khi Phát Triển Website

Trở thành một nhà phát triển giỏi có nghĩa là không ngừng học hỏi, bởi vì có nhiều kỹ năng quan trọng và sự đổi mới liên tục.

Dưới đây là 7 kỹ năng quan trọng nhất mà các nhà phát triển web có thể đạt được.

SEO cơ bản

Kiến thức về SEO cơ bản là điều cần thiết cho bất kỳ nhà phát triển web giỏi nào. Mặc dù bạn có thể để khách hàng của mình nghiên cứu từ khóa, nhưng nhà phát triển phải có chiến lược phù hợp để nhắm mục tiêu các từ khóa của trang web. Điều này có nghĩa là xây dựng thương hiệu rõ ràng và sử dụng tốt title, meta, h1 và h2 trên front-end, cũng như các liên kết mạnh và cấu trúc thư mục có tổ chức ở back-end.

Các tài nguyên tốt nhất mà tôi đã tìm thấy để học SEO là Hướng dẫn cho Người mới bắt đầu về Tối ưu hóa Công cụ Tìm kiếm và Xếp hạng Yếu tố Tìm kiếm v2, cả hai đều từ SEOmoz.

Thư viện Javascript tốt

Ngay cả khi bạn không viết nhiều Javascript, biết một ngôn ngữ Javascript tốt có thể giúp bạn dễ dàng hơn. Cho dù đó là jQuery, Mootools hay bất cứ thứ gì khác, việc học thư viện Javascript sẽ giảm một nửa thời gian phát triển Javascript của bạn. Đầu tiên, các thư viện đi qua trình duyệt để dự đoán công việc của lập trình viên Javascript, vì vậy bạn có thể ngừng kiểm tra các chức năng và bắt đầu di chuyển. Ngoài ra, họ cung cấp nhiều tùy chọn hoạt ảnh nhanh chóng và giúp việc lựa chọn các nút DOM trở nên dễ dàng.

Nhiều Javascripter ưa mạo hiểm thậm chí còn muốn làm việc với ngôn ngữ giao diện người dùng Javascript. Các bổ sung thư mục được liệt kê ở trên, nhưng tôi khuyên bạn nên tập Dojo với Dijit.

Cross-trình duyệt gỡ lỗi

Để tiếp cận nhiều người xem nhất có thể, trang web của bạn phải hoạt động trên tất cả các trình duyệt (IE6, IE7, IE8, FF2, FF3, Safari 4, Opera 9). Mọi người đều ghét gỡ lỗi trên các trình duyệt, vì vậy bạn nên làm điều đó.

Gỡ lỗi tốt nhất trên các trình duyệt, sau đó ngăn chặn, bắt đầu với HTML hợp lệ và đặt lại chính xác. Để đặt lại CSS, chỉ cần sử dụng * {margin: 0; padding: 0}, nhưng bạn cũng có thể sử dụng một lựa chọn mạnh mẽ hơn.

Hơn thế nữa, nó giúp hiểu được những thiếu sót khác nhau dành riêng cho một số trình duyệt. Đứng đầu danh sách này thường là Internet Explorer và đặc biệt là IE6 (có, vẫn còn). Và trong khi hầu hết các sự cố IE đều dựa trên lỗi hasLayout nổi tiếng, bạn không cần phải dựa vào những thứ như * {zoom: 1} để khắc phục.

Xử lý và tối ưu hóa hình ảnh

Trong khi hầu hết các nhà phát triển dựa vào thiết kế web chuyên nghiệp để thiết kế sản phẩm, thì điều quan trọng là các nhà phát triển phải biết cách sử dụng Photoshop. Kiến thức tốt về xử lý hình ảnh sẽ không chỉ cho phép bạn thực hiện các thay đổi nhanh chóng mà còn giúp bạn hiểu những gì có thể xảy ra khi cần thay đổi thiết kế. Một trong những kỹ năng của Photoshop đặc biệt quan trọng đối với webdev là tối ưu hóa hình ảnh. Kích thước tệp hình ảnh có thể là mối đe dọa lớn nhất đối với băng thông và việc tối ưu hóa hình ảnh có thể gây ra hoặc rút ngắn thời gian tải trang web. Tùy chọn "Save for Web" của Photoshop và Illustrator giúp tối ưu hóa hình ảnh dễ dàng hơn: chỉ cần nhấn Ctrl-Alt-Shift-S trên màn hình nền hoặc Command-Alt-Shift-S trên máy Mac để truy cập công cụ này.

Xây dựng và bố trí HTML / CSS

Hãy đối mặt với nó: đó không phải là năm 1996, và ngay cả các nhà phát triển hậu trường cũng cần biết cách viết mã giao diện người dùng tốt, có nghĩa là HTML và CSS hợp lệ không phải là bảng thiết lập. Đánh dấu phải sạch và phải xác nhận rằng loại tài liệu và CSS phải được tách biệt khỏi HTML, có nghĩa là không có kiểu nội tuyến và đặc biệt là không có font.

Để bắt đầu học các thẻ CSS khác nhau và các mô hình chủ đề CSS. Từ đây, bạn cần biết chi tiết của W3C về cách viết mã hợp lệ.

Phải có một giá trị xHTML mỗi khi bạn viết HTML gốc; có nghĩa là các nút được lồng ghép tốt, các thẻ đóng của hình ảnh với các thuộc tính cụ thể và cơ bản khác alt. Bạn có thể tiếp tục tìm hiểu những nút có thể được đặt, xác nhận và các vấn đề phức tạp hơn khác. Cuối cùng, bạn sẽ thấy rằng việc xác thực HTML trong w3c hầu như không bao giờ mắc lỗi, đó là một cảm giác tốt.

Viết lại Apache

Chuyển ngữ Apache giúp dễ dàng lấy các URL lộn xộn hơn, đồng thời làm cho chúng sạch sẽ và dễ nhập (nếu bạn biết cụm từ thông dụng). Bạn có thể lấy một thứ gì đó xấu xí, chẳng hạn như phần index.php trên = & page = Biology, và viết lại nó để làm cho nó đẹp hơn.

Nhưng không chỉ là làm sạch URL, bạn có thể sử dụng mod_rewrite Apache để nhanh chóng chuyển đổi một trang đơn giản thành toàn bộ ứng dụng dựa trên thư mục. Chỉ cần nhập các biến khác nhau trong chuỗi truy vấn để tạo chúng thành các thư mục và bạn đã sẵn sàng.

Nhưng hãy cẩn thận: Apache viết lại vấn đề này là rất khó để gỡ lỗi. Bản thân việc viết lại không cung cấp thông tin gỡ lỗi và thường bỏ qua thông tin mà bạn thu được bằng các phương pháp khác. Vì vậy, hãy cẩn thận, viết lại có thể gây ra một giấc mơ mà bạn không thể giữ được.

Gỡ lỗi phần mềm

Một trình gỡ lỗi tốt sẽ tăng tốc độ lập trình web của bạn.

Đối với front-end, tôi thích Firebug, cho phép bạn nhấp và chia nhỏ các phần tử của trang. Bạn có thể thêm hoặc xóa dấu trang và cũng có thể chỉnh sửa chúng.

Firebug cũng giúp gỡ lỗi Javascript và cung cấp phân tích tốt hơn về các lỗi Javascript, cũng như một bảng điều khiển để chạy Javascript trong thời gian chạy và chạy console.log (). Cuối cùng, nó cung cấp thông tin NET và hiển thị thời gian sạc của các nội dung giao diện người dùng khác nhau, chẳng hạn như mỗi 404 'hoặc không sạc.

Tôi không sử dụng trình gỡ lỗi back-end, nhưng tôi nghe nói rằng xDebug rất tốt cho PHP.