ZendVN - Học lập trình online

Ở bài viết trước, ZendVN đã chia sẻ cho các bạn một số cheatsheet hữu ích dành cho lập trình viên. Trong bài viết này, chúng tôi xin tổng hợp và gửi đến các bạn danh sách các cheatsheet dành cho frontend developer. Nào chúng ta cùng tìm hiểu nhé.

HTML Cheat Sheet - The best interactive cheat sheet

• Đây là một trang web cung cấp một số HTML Cheat Sheet hữu ích cho các bạn mới học HTML. Đặc biệt bạn còn có thể thực hiện demo và xem kết quả trực tiếp trên trang web.

• Link: https://htmlcheatsheet.com/

HTML5 Canvas For Dummies Cheat Sheet

• Đến với trang web này, bạn sẽ được cung cấp tài liệu về HTML5 Canvas Cheat Sheet để có thể sử dụng canvas bằng HTML5 một cách dễ dàng hơn. 

• Link: https://www.dummies.com/web-design-development/site-development/html5-canvas-for-dummies-cheat-sheet/

CSS Cheat Sheet - Interactive, not a PDF

• Trang web này cung cấp các thủ thuật về CSS để các bạn có thể thao tác dễ dàng hơn mà không cần phải ghi nhớ quá nhiều.

• Link: https://htmlcheatsheet.com/css/

Online Interactive JavaScript (JS) Cheat Sheet

• Trang web này cung cấp các kiến thức cơ bản về JS như biến, kiểu dữ liệu, hàm, vòng lặp,....

• Link: https://htmlcheatsheet.com/js/

jQuery Cheat Sheet

• Đây là một trang web cung cấp bảng các kiến thức cơ bản của jQuery để các bạn có thể dễ dàng tìm kiếm. Chỉ bằng một cú nhấp chuột bạn sẽ được đưa đến trang chủ của jQuery để học.

• Link: https://oscarotero.com/jquery/

Bootstrap 3 All Classes List Cheat Sheet Reference PDF

• Ngoài cung cấp tài liệu dạng PDF, trang web này còn thống kê cho các bạn tên các class trong bootstrap 3 và preview để các bạn xem và sử dụng một cách nhanh hơn.

• Link: https://bootstrapcreative.com/resources/bootstrap-3-css-classes-index/

Bootstrap 4 Cheat Sheet - All Classes List with Descriptions

• Ngoài cung cấp tài liệu dạng PDF, trang web này còn thống kê cho các bạn tên các class trong bootstrap 4 và preview để các bạn xem và sử dụng một cách nhanh hơn.

• Link: https://bootstrapcreative.com/resources/bootstrap-4-css-classes-index/

ES2015+ cheatsheet

• Trang web thống kế tất cả các kiến thức cơ bản về ES cho các bạn dễ dàng tham khảo và học tập.

• Link: https://devhints.io/es6

JavaScript Regex Cheatsheet

• Trang web thống kế tất cả các vấn đề liên quan đền Regular Expression giúp các bạn có thể làm chủ Regex một cách dễ dàng hơn.

• Link: https://www.debuggex.com/cheatsheet/regex/javascript

React.js cheatsheet

• Trang web thống kế tất cả các kiến thức cơ bản về framework ReactJS cho các bạn dễ dàng tham khảo và học tập.

• Link: https://devhints.io/react

Stylus cheatsheet

• Trang web này cung cấp các cú pháp về Stylus và cả CSS giúp các bạn có thể tối ưu CSS của mình một cách nhanh cóng và thuận tiện.

• Link: https://devhints.io/stylus

Angular cheatsheet

• Đây là cheatsheet từ trang chủ của Angular giúp các bạn dễ dàng học framework này hơn.

• Link: https://angular.io/guide/cheatsheet

VueJS cheatsheet

• Trang web này sẽ cung cấp cho các bạn các kiến thức của VueJS như config, API, Asset, ...

• Link: https://marozed.ma/vue-cheatsheet/

Trên đây là một số trang web cung cấp cheat sheet có thể sẽ hữu ích cho các bạn frontend developer. Nếu các bạn có biết thêm trang web nào thì hãy đừng ngại mà cùng comment bên dưới để chia sẻ cho mọi người cùng sử dụng nha.