Site reliability engineer (viết tắt là SRE), chức danh này thường lạ lẫm với đa số anh em làm việc bên ngành lập trình, bài viết này sẽ cung cấp cho anh em cái nhìn rõ ràng SRE và phỏng vấn Site reliability engineer như thế nào? Công việc của SRE là đảm bảo hệ thống hoạt động ổn định. Chưa có uptime thì thôi làm gì có downtime bao giờ? Viết tới đây chắc một số anh em vẫn còn chưa nắm rõ SRE cụ thể là gì? Xin anh em đừng vội, cùng bắt đầu với câu hỏi phỏng vấn Site reliability engineer nha. 1. Vị trí site reliability engineer (SRE) là gì? Câu hỏi phỏng vấn Site reliability engineer đầu tiên lạị hỏi vị trí đó là gì thì hơi kì. Tuy nhiên đối với vị trí SRE thì câu hỏi này không có gì là lạ. Vị trí SRE có đôi điểm khác biệt so với các vị trí khác. Dẫn tới việc hiểu rõ công việc mà mình sẽ làm, nếu [...]

Bài viết được sự cho phép của tác giả Lưu Bình An 1. Origin origin = scheme + host name + port Ví dụ nếu có URL là: https:///www.example.com:443/foo thì origin của nó là https://www.example.com:443 [irp posts="13086" name=".NET core vs ASP.NET core: Phân biệt .NET Framework, .NET Core và Mono"] [irp posts="40461" name="10 lý do kiểm thử phần mềm trở thành một nghề thời thượng"] Vậy same-origin tức là những url có cùng scheme, host name, port, ngược lại thì gọi là cross-origin Origin A Origin B https://www.example.com:443 https://example.com:443 cross-origin: khác subdomain https://www.evil.com:443 cross-origin: khác domain https://login.example.com:443 cross-origin: khác subdomain http://www.example.com:443 cross-origin: khác scheme https://www.example.com:80 cross-origin: khác port https://www.example.com same-origin: ngầm hiểu cùng port 443 (port mặc định của web) 2. Site Top-level domains (TLDs) như .com, .org được liệt kê trong trang này site =TLD + phần ngay phía trước domain Với ví dụ trên, thì site = example.com Tuy nhiên với những tên miền kiểu .com.vn, github.io, cách xác định site này không còn đúng, nên người ta tạ [...]

Bài viết được sự cho phép của tác giả Lưu Bình An Chúng ta cùng nhau điểm qua cái hay, cái dở của từng thằng để nghiền ngẫm xem nó phù hợp trong trường hợp nào. [irp posts="284" name="11 cách tăng tốc nhanh cho WordPress bằng file wp-conig.php"] [irp posts="3881" name="Gatsby.js: Cách thiết lập và sử dụng React Static Site Generator"] Sếp cũ hôm rồi liên lạc hỏi “em có biết công ty nào nhận làm Gatsby không, anh muốn làm một cái static site cho công ty”, cái blog này bạn đang đọc cũng được viết bằng Gatsby, một static site generator, với developer thì static site không xa lạ, nhưng để trả lời có công ty nào nhận làm static site thì mình ko biết, đa phần người ta sẽ dùng một CMS nào đó như Wordpress, để đảm bảo có admin cho bạn vào quản lý. Wordpress không có gì sai, mình làm wordpress khoảng hơn 3 năm, cũng tự viết theme, tự viết plugin, mình vẫ [...]

Accessible là một thuật ngữ ít bạn làm web quan tâm, không có nghĩa là nó không tồn tại, cùng tham khảo những aria nào cần bổ sung cho trang ecommerce aria là gì ARIA (Accessible Rich Internet Applications) là một attribute trên thẻ HTML, chúng ta gắn thẻ nào cũng được, nội dung này thông tin và tác dụng của thẻ element đó. Với user bình thường thì nó sẽ không có ý nghĩa mấy, nhưng với người sử dụng web thông qua một thiết bị đọc màn hình (cho những người khiếm khuyết) thì nó vô cùng quan trọng. <div aria-label="button click me">Click Me</div> Một vài aria phổ biến aria-label và aria-labelledby Chức năng tương tự như attribute alt của thẻ <img/>, nhưng có thể gắn cho bất kỳ element nào. <button aria-label="menu" class="hamburger" > </button> Thay vì thêm aria-label trực tiếp, aria-labelledby trỏ đến id một element khác để làm label <span id="rg-label"> Drink options </span> <div role="radiogroup" aria-labelledby="rg-label" > ... </div> [...]

Redis là cái gì? Hỏi hơi dư thừa vì có đầy trên mạng, nhưng tóm gọn lại cho bạn khỏi phải đi đâu lòng vòng nhé. Redis là hệ thống lưu trữ key-value với rất nhiều tính năng và được sử dụng rộng rãi. Redis nổi bật bởi việc hỗ trợ nhiều cấu trúc dữ liệu cơ bản (hash, list, set, sorted set, string. Bên cạnh lưu trữ key-value trên RAM với hiệu năng cao, redis còn hỗ trợ lưu trữ dữ liệu trên đĩa cứng (persistent redis) cho phép phục hồi dữ liệu khi gặp sự cố. Túm tụm lại là mình có thể lưu trữ dữ liệu với Mysql và dùng Redis để caching trên Ram nên nó sẽ ít truy vấn đến DB, chạy trên ram nữa nên truy suất dữ liệu cũng nhanh hơn bình thường. Trong tuts này mình sẽ hướng dẫn cấu hình cache với Redis để giảm các truy vấn dư thừa và tốn thời gian để render 1 page của [...]

Gatsby là một static site generator cho React đã phát hành phiên bản chính đầu tiên vào tháng trước. Đó là một công cụ không chỉ giúp bạn xây dựng các dự án (hoặc trang web) mà còn tuyên bố rằng các trang web đó nhanh chóng hoạt động. Nếu bạn quyết định sử dụng Gatsby, bạn sẽ được tận hưởng sức mạnh của các công nghệ web mới nhất như React.js, Webpack,... Có rất nhiều mô hình hiện đại mà Gatsby quan tâm đến developer của nó đằng sau hậu trường để bắt đầu xây dựng và chạy dự án của họ. Một điều thú vị khác về Gatsby mà tôi thích là hệ sinh thái data plugin ngày càng phát triển. Nó cho phép một nhà phát triển lấy dữ liệu trực tiếp vào một ứng dụng được tạo ra bằng Gatsby. Tuyển dụng lập trình viên React lương cao Dưới đây là một số lợi ích của việc sử dụng Gatsby: HTML code đượ [...]