Trong bài đăng này, chúng ta sẽ tìm hiểu sâu hơn về ba công nghệ giao diện người dùng chính mà bạn nên hiểu với tư cách là nhà phát triển hoặc khi tuyển dụng nhà phát triển giao diện người dùng
Công nghệ giao diện người dùng trong “Ngăn xếp” dành cho nhà phát triển
Ngăn xếp giao diện người dùng được tạo thành từ nhiều ngôn ngữ và thư viện khác nhau. Mặc dù những ngôn ngữ này khác nhau giữa các ứng dụng, nhưng chỉ có một số ngôn ngữ chung được tất cả các trình duyệt web hiểu. Ba ngôn ngữ lập trình front-end chính này là HTML, CSS và JavaScript
Cùng nhau, chúng tạo ra giàn giáo cơ bản mà các trình duyệt web sử dụng để hiển thị các trang web mà chúng ta tương tác hàng ngày. Tất cả các thư viện và kỹ thuật front-end khác đều được xây dựng dựa trên ba ngôn ngữ chính này, khiến chúng trở thành những kỹ năng bắt buộc phải có đối với bất kỳ nhà phát triển front-end nào
Trên thực tế, bạn có thể coi một trang web giống như một ngôi nhà. Thiết kế UX ban đầu là bản thiết kế. HTML là cấu trúc cơ bản của ngôi nhà. CSS là màu sơn, đồ đạc và các quyết định thẩm mỹ khác làm cho ngôi nhà trông hấp dẫn. Và cuối cùng, JavaScript là hoạt động bên trong của ngôi nhà [đèn, hệ thống sưởi, nước] mà chúng tôi, chủ sở hữu hoặc người thuê, sử dụng và tận hưởng
HTML
HTML là lớp đầu tiên của bất kỳ trang web nào và tạo phiên bản mã của wireframe trên trang web. Các wireframe này tồn tại cho các kiểu trong CSS và tất cả chuông và còi trong JavaScript.
Các chữ cái trong HTML là viết tắt của Hypertext Markup Language. Phần đánh dấu của tên là điều quan trọng nhất cần nhớ, vì đánh dấu là tên thích hợp cho các phần tử HTML, còn được gọi là thẻ HTML. Toàn bộ HTML là phần đánh dấu tạo ra các thành phần cơ bản mà chúng ta xem trên một trang web.
Tuy nhiên, điều quan trọng cần nhớ là HTML không đặc biệt thông minh. Nó không tự đưa ra quyết định hoặc nắm bắt thông tin. Nó chỉ đơn giản là kết xuất giàn giáo của các trang web
CSS
Cascading Style Sheets, hay CSS, là thứ mang lại sự hấp dẫn trực quan cho HTML của chúng tôi và thu hút người dùng. Nói một cách đơn giản, các biểu định kiểu chỉ ra cách trình bày các phần tử HTML trên một trang
CSS là thứ làm cho mọi thứ không giống như một nền trắng với một loạt các văn bản Times New Roman và các siêu liên kết màu xanh lam. Bạn đã bao giờ thử tải Amazon vào một ngày tồi tệ và không thấy gì ngoài một trang trắng với một danh sách dài các văn bản màu đen, một số liên kết màu xanh lam và không có gì khác? . Phong cách là những gì chuyển đổi các thiết kế đẹp trên một trang web.
Xu hướng mới với kiểu dáng là sử dụng cái được gọi là bộ tiền xử lý CSS. Chúng bao gồm Ít hơn, Sass và các nhà tạo mẫu. Bộ xử lý trước là ngôn ngữ kịch bản biên dịch thành CSS cho trình duyệt và rất phổ biến vì chúng đẩy nhanh quá trình phát triển. Chúng chứa một số logic lập trình.
Bộ tiền xử lý CSS hợp nhất kiểu dáng thông qua “khả năng sử dụng” và dễ dàng mở rộng quy mô để sử dụng với các trang web lớn. Hầu hết các kỹ sư front-end ở mọi cấp độ đều có kinh nghiệm với bộ xử lý trước do sức mạnh và tính linh hoạt của chúng để phù hợp với mọi tình huống, từ việc xây dựng các trang web một trang nhỏ đến các ứng dụng doanh nghiệp như Groupon hoặc NBCUniversal
JavaScript
JavaScript là ngôn ngữ thời gian chạy cho trình duyệt web. Điều này có nghĩa là khi bạn mở một trang web, trang đó sẽ tải cả JavaScript cơ bản là tiêu chuẩn của trang và bất kỳ JavaScript mới nào được thêm vào trang. JavaScript mới sẽ tải song song với nó và có thể thực hiện các hành động cũng như đưa ra quyết định
JavaScript khác biệt với các ngôn ngữ back-end như Java hoặc Ruby ở chỗ nó hiển thị với người dùng và không được biên dịch trước để chạy bí mật sau bức màn. Đó là ngôn ngữ lập trình thực sự của kỹ thuật giao diện người dùng và ngôn ngữ cơ bản gắn kết mọi thứ lại với nhau
Một ví dụ tuyệt vời về JavaScript đang hoạt động là OpenTable. Khi chúng tôi quyết định, “Tôi muốn một bàn cho hai người lúc 7 giờ. M. ở Seattle vào ngày 25 tháng 7,” một danh sách các nhà hàng có bàn để đặt trước hiện ra. Từ đây, chúng ta có thể nhìn vào một bản đồ với một danh sách bên cạnh nó
Hiểu về ngăn xếp giao diện người dùng với tư cách là nhà tuyển dụng
Thật hữu ích khi hiểu các loại tương tác giao diện người dùng này. Tại sao? . Bạn đã xây dựng chúng bằng JavaScript phải không?
Điều này thể hiện sự đáng tin cậy vì nó truyền đạt rằng bạn hiểu cách thức hoạt động của trang web, nhận ra khả năng của ứng viên và không đưa ra giả định rằng ứng viên có thể phải sửa chữa và giáo dục bạn sau này. Nó bắt đầu một cuộc trò chuyện xung quanh những công nghệ mà một kỹ sư front-end hào hứng và sử dụng trong dự án đó
Tuy nhiên, phần giới thiệu cấp cao như thế này không phải là tất cả những gì bạn cần để đi sâu vào các công nghệ ngoại vi và thu hút những tài năng hàng đầu. Hãy xem Chương trình chứng nhận dành cho nhà tuyển dụng công nghệ của chúng tôi để có được kiến thức cần thiết nhằm hỗ trợ quá trình tuyển dụng và nói chuyện với các nhà phát triển bằng ngôn ngữ của họ.
Tiếp tục việc học của bạn
Những gì chúng tôi vừa trình bày chỉ là phần nổi của tảng băng chìm. Chúng tôi đã tạo một Tech Cheat Sheet tiện dụng để làm tài nguyên bổ sung cho bạn. Tech Cheat Sheet của chúng tôi đi sâu hơn về những công cụ mà các kỹ sư đang sử dụng, các định nghĩa bạn nên biết và cách áp dụng bí quyết công nghệ mới của bạn trong các cuộc trò chuyện với ứng viên. Tải xuống Tech Cheat Sheet của chúng tôi và bắt đầu tạo ra các vị trí công nghệ tốt hơn ngay hôm nay.
TẢI XUỐNG BẢNG CÔNG NGHỆ CỦA BẠN NGAY HÔM NAY
Giới thiệu đổi mới tuyển dụng
Recruiting Innovation là một nền tảng đào tạo tuyển dụng công nghệ trực tuyến hàng đầu trong ngành. Tập trung vào việc giảng dạy các khái niệm kỹ thuật và vai trò chính trong vòng đời phát triển phần mềm cho các nhà tuyển dụng công nghệ và nhóm bán hàng, các chương trình đào tạo trực tuyến của Recruiting Innovation giúp các nhóm tuyển dụng công nghệ tốt hơn, nhanh hơn