Frontend

Tác giả: Emmanuel Ohans Tôi đã nghe không ít developer nói rằng họ ghét CSS. Với kinh nghiệm của mình, đây là kết quả cho việc không dành thời gian để học CSS . CSS không phải là “ngôn ngữ” đẹp nhất, nhưng nó đã thành công trong việc làm front-end cho các website trong hơn 20 năm nay. Tuy nhiên, khi bạn viết nhiều CSS, bạn sẽ nhận ra được thấy một nhược điểm lớn. Quá khó để developer có thể maintain CSS. Các CSS tệ sẽ nhanh chóng trở thành một cơn ác mộng đối với các lập trình viên. Dưới đây là một số quy ước tên sẽ giúp bạn giảm vô số giờ để debug. Có thể bạn muốn xem: Responsive HTML bằng một dòng CSS Roadmap Frontend Developer - "Con đường tắt" để trở thành cao thủ Frontend Developer Sử dụng dấu phân cách “-“ Nếu bạn sử dụng nhiều JavaScript var redBox = document.getElementById('...') Vấn đề là cách đặt tên này không phù hợp với CSS. Đừng bao giờ: .redBox { border: 1px solid red; } Thay vì vậy, hãy làm như thế này: .red-box { border: 1px solid red; } Đây là một tiêu chuẩn đặt tên cho CSS. Và điều này được cho là dễ đọc hơn. Ngoài ra, nó cũng phù hợp với thuộc tính của CSS. // Correct .some-class { font-weight: 10em } // Wrong .some-class { fontWeight: 10em } Qui ước đặt tên BEM Các team có cách tiếp cận khác nhau để viết CSS selector. Một số nhóm sử dụng dấu phân cách, trong khi một số khác lại thích sử dụng một cách đặt tên có cấu trúc hơn gọi là BEM. Nhìn chung, có 3 vấn đề mà qui tắc này giải quyết: Để biết 1...

Hôm nay, chúng ta sẽ học TypeScript, một ngôn ngữ được biên dịch thành JavaScript, được thiết kế để xây dựng các ứng dụng lớn và phức tạp. Nó kế thừa nhiều khái niệm từ các ngôn ngữ như C# và Java, những ngôn ngữ nghiêm ngặt và có trật tự trái ngược với sự thoải mái và free-typed của JavaScriptt. Bài viết này, hướng đến những người đã khá thành thạo JavaScript nhưng vẫn còn là beginner khi đến với TypeScript. Chúng tôi sẽ đề cập hầu hết các tính năng chính và cơ bản bao gồm nhiều ví dụ với chú thích để giúp bạn thấy cách ngôn ngữ này hoạt động. Hãy bắt đầu học TypeScript cùng Station D ngay! Lợi thế của việc sử dụng TypeScript JavaScript đã đủ tốt và bạn có thể tự hỏi: Liệu tôi có thực sự cần học TypeScript? Về mặt kỹ thuật, bạn không cần học TypeScript để trở thành một lập trình viên giỏi, hầu hết mọi người đều ổn mà không có nó. Tuy nhiên, làm việc với TypeScript có một số lợi thế sau: Với static typing, code viết bằng TypeScript dễ dự đoán hơn, và dễ debug hơn. Dễ dàng tổ chức code cho các ứng dụng cực lớn và phức tạp nhờ modules, namespaces và hỗ trợ OOP mạnh mẽ. TypeScript có một bước biên dịch thành JavaScript, sẽ bắt tất cả các loại lỗi trước khi chúng chạy và làm hỏng một vài thứ. Framework Angular 2 viết với TypeScript và nó cũng khuyến khích các lập trình viên sử dụng ngôn ngữ này trong các dự án của họ. Lợi ích cuối cùng, thực sự là lý do quan trọng nhất với nhiều người để tìm hiểu TypeScript. Angular 2 là một trong...