Tuy nhiên, có một vài kỹ năng mà bất kỳ công việc phát triển front-end nào cũng sẽ đòi hỏi - các kỹ năng “cốt lõi” - và một vài kỹ năng khác mà bạn nên cân nhắc nghiêm túc để bổ sung vào tiết mục của mình.
Những gì bạn cần biết
Duyệt danh sách công việc trực tuyến để tìm kiếm chìa khóa để các nhà phát triển front-end biết và hiểu; có ba điều quan trọng.
Không thể thương lượng.
Và họ là:
- HTML
- CSS
- JavaScript (jQuery)
Đây là những nguyên tắc cơ bản. May mắn thay, có rất nhiều nền tảng học tập trực tuyến miễn phí hoặc giá cả phải chăng , nơi bạn có thể học những kỹ năng này nếu bạn không biết chúng.
HTML
Ngôn ngữ đánh dấu siêu văn bản, hoặc HTML, là thành phần cấu trúc quan trọng của tất cả các trang web trên Internet. Như Jennifer Kyrnin nói,
“Đó là ngôn ngữ của các trang web — ngôn ngữ đánh dấu mà các trình duyệt đọc để hiển thị các trang web.”
Các trang web không thể tồn tại mà không có HTML.
CSS
CSS và HTML làm việc cùng nhau: CSS thêm kiểu vào HTML. Tôi thích sử dụng sự tương tự mà HTML giống như một khuôn mặt, và CSS giống như trang điểm.
Mặc dù CSS là không cần thiết để có được một trang web trực tuyến, về cơ bản mỗi trang web trực tuyến sử dụng một số loại phong cách.
Nếu không, nó sẽ khá nhàm chán. Với các phiên bản CSS mới nhất, bạn có thể làm những việc như hoạt ảnh và kiểu dáng nâng cao hơn chỉ có thể có với JavaScript hoặc Flash trong quá khứ.
JavaScript
JavaScript, hoặc JS, đã được thúc đẩy nhanh chóng trong những năm qua. Nó có nhiều mục đích ngày nay và có thể được sử dụng ở mặt trước hoặc mặt sau.
Liên quan đến phát triển front-end, JS là quan trọng bởi vì nó giúp làm cho các trang web tương tác. Bạn có thể làm những điều tuyệt vời như tạo cuộc thăm dò ý kiến, câu đố hoặc gửi biểu mẫu.
Ngày nay có rất nhiều thư viện JS trực tuyến để giúp bạn đưa các trang web của mình lên cấp độ tiếp theo.
Tuy nhiên, để trở thành một nhà phát triển front-end, bạn chỉ cần hiểu JavaScript cơ bản cũng như thư viện JS phổ biến nhất - jQuery.
Nice-to-Haves
Sau khi nhận được những điều cơ bản, đây là những kỹ năng khác rất hay. (Và rất nhiều công việc phát triển front-end tìm kiếm chúng.)
Khung MV * JavaScript
Các khung công tác JavaScript giúp bạn tổ chức và ngưng tụ mã của bạn.
Theo như các tùy chọn MV * (hoặc MVC), có ba mươi trong số đó: hai trong số các backbone.js phổ biến nhất và angular.js.
Không nghi ngờ gì nữa, việc học một khuôn khổ JS là phần khó khăn nhất để trở thành một nhà phát triển front-end thực sự, nhưng đó là cách tốt nhất để đưa kỹ năng của bạn lên cấp độ tiếp theo.
Công cụ CSS
So với các khung công tác JavaScript ở trên, các công cụ CSS dưới đây tương đối dễ học. Có ba loại để tìm kiếm:
Trình biên dịch trước : Sử dụng một trình biên dịch trước (hoặc bộ tiền xử lý) có rất nhiều lợi thế, từ việc làm sạch mã để duy trì tổ chức. Đó là một cách dễ dàng để viết CSS và thúc đẩy các nguyên tắc DRY (Don't Repeat Yourself). Các trình biên dịch trước CSS phổ biến là Sass, Less và Stylus. Nếu bạn chỉ mới bắt đầu, hãy học tập.
Khung công tác CSS: khung CSS giúp tối ưu hóa quy trình làm việc của bạn với lưới tích hợp và các thành phần CSS khác. Hai ví dụ phổ biến là Bootstrap và Foundation.
Thiết kế đáp ứng: Những ngày này, có rất nhiều loại thiết bị khác nhau mà trang web của bạn có thể thích ứng với tất cả chúng. Thiết kế đáp ứng giúp bạn tạo trang web hoạt động trên tất cả các kích thước màn hình - máy tính để bàn, máy tính bảng và điện thoại thông minh. Các khung như Bootstrap và Foundation có thiết kế đáp ứng được tích hợp sẵn, vì vậy nếu bạn học một trong số đó, bạn sẽ được thiết lập.
Công cụ xây dựng Front-End
Là một nhà phát triển, bạn sẽ có thể quản lý tối ưu hóa kích thước tệp và hiệu quả luồng công việc. Những công cụ này có thể hữu ích.
Quản lý gói: Có thể khó tổ chức tất cả các thư viện, tài sản, v.v., đặc biệt là đối với các dự án lớn hoặc các dự án mà bạn đang làm việc với một nhóm.
Sử dụng trình quản lý gói, như Bower, để sắp xếp mọi thứ và lưu nhật ký cập nhật của bạn.
Yeoman.io: Nếu đôi khi bạn gặp khó khăn khi nhận các dự án ngoài sân chơi, hãy sử dụng Yeoman để bắt đầu nhanh chóng với các dự án và luôn hoạt động hiệu quả. Nó chạy trên dòng lệnh.
Task Runners: Sử dụng Grunt hoặc Gulp, cũng chạy trên dòng lệnh, để nén các tập tin và tối ưu hóa quy trình làm việc. Chúng có thể hoạt động như các trình biên dịch cho các bộ tiền xử lý Sass hoặc Less, và cũng có một loạt các plugin tự hào với các tính năng khác.
Phần kết luận
Trong khi những điều tốt đẹp để có thể có vẻ như rất nhiều, hãy nghĩ về chúng như những kỹ năng bạn nên thêm vào theo thời gian. Những điều cốt lõi bạn cần biết là HTML, CSS và JavaScript.
Nếu bạn có bất kỳ kỹ năng web nào khác , ngay cả khi chúng không có liên quan đến giao diện người dùng, hãy đưa chúng vào bảng - như thiết kế, chỉnh sửa video, SEO, v.v. Bạn không bao giờ biết những gì một công ty có thể đang tìm kiếm .
Và đoán xem? Bạn có thể là hoàn toàn phù hợp.