How to

Đây là series hướng dẫn các bạn tạo ra những ứng dụng nhỏ thường được sử dụng trong front-end, những ví dụ này sẽ giúp kỹ năng của xử lý frontend của bạn được nâng cao thêm.

Series how to có sử dụng kiến thức HTML, HTML5, CSS, CSS3 và jQuery mà bạn đã được học ở series khác, nội dung của nó chủ yếu xoay quanh những hàm xử lý căn bản, nó sẽ giúp ích cho bạn sau này khi đi làm thực tế.

khóa học được biên dịch tại W3SCHOOL, một trang web công nghệ lập trình rất nổi tiếng mà hầu như lập trình viên nào cũng biết. Trong quá trình biên dịch nếu có lỗi gì thì rất mong các bạn bỏ qua.

Menus
Hướng dẫn tạo Menu Icon với HTML và CSS
Hướng dẫn tạo Tab Header bằng CSS và Javascript
Hướng dẫn tạo thanh top navigation bằng HTML và CSS
Hướng tạo thanh search bar bằng CSS
Hướng dẫn tạo right aligned menu và centered menu bằng CSS
Hướng dẫn tạo Thumbnail Image
Hướng dẫn tạo Pagination với CSS
Hướng dẫn tạo Hoverable Sidenav
Hướng dẫn tạo Animated Side Navigation
Hướng dẫn tạo Responsive navbar
Hướng dẫn tạo Icon Bar với HTML, CSS và Javascript
Hướng dẫn tạo Click Dropdown với HTML, CSS và JAVASCRIPT
Hướng dẫn tạo accordion với HTML, CSS và Javascript
Hướng dẫn tạo Modal Box với HTML, CSS và Javascript
Hướng dẫn tạo tabs bằng HTML, CSS và Javascript
Hướng dẫn tạo Fixed Menu
Hướng dẫn tạo Vertical Tabs với HTML, CSS và Javascript
Images
Hướng dẫn tạo Hero Image với CSS
Hướng dẫn thêm Image Effects với CSS
Hướng dẫn tạo Image Hover Overlay Slide với CSS
Hướng dẫn tạo Slideshow với HTML, CSS và Javascript
Buttons
Hướng dẫn tạo hiệu ứng cho Animate Buttons
Hướng dẫn tạo các nút liên kết mạng xã hội bằng HTML và CSS
Hướng dẫn tạo loading buttons với CSS
Hướng dẫn tạo Scroll To Top Button
Forms
Hướng dẫn tạo Toggle ẩn/hiện một phần tử
Hướng dẫn tạo contact form đơn giản với CSS
Filters
Hướng dẫn xây dựng chức năng sắp xếp dữ liệu
Hướng dẫn tạo filter list với Javascript
Tables
Hướng dẫn tạo Filter table với Javascript
Hướng dẫn tạo Responsive Tables đơn giản với CSS
More
Hướng dẫn tạo hiệu ứng animations với javascript
Hướng dẫn tạo một To Do List với CSS và Javascript
Hướng dẫn xây dựng đồng hồ đếm ngược với Javascript
Hướng dẫn tạo Animate Icon với CSS và Javascript
Hướng dẫn tạo Testimonials với CSS
Tìm hiểu về Aspect Ratio với CSS
Hướng dẫn tạo hiệu ứng Parallax Scrolling Effect với CSS
Hướng dẫn tạo các dấu mũi tên với CSS
Hướng dẫn tạo Profile Card với CSS
Hướng dẫn tạo Coming Soon Page
Hướng dẫn tạo Responsive Pricing Table bằng CSS
Hướng dẫn tạo Progress Bar với Javascript
Hướng dẫn tạo thanh Skill Bar với HTML và CSS
Hướng dẫn tạo Tooltip với CSS
Hướng dẫn tạo Toggle Like and Dislike
Hướng dẫn tạo Calendar Layout với HTML và CSS
Hướng dẫn tạo equal height columns với HTML và CSS
Website
Grid
Google Map
Hướng dẫn tích hợp google map vào website
Hướng dẫn tích hợp Google Translate button
Converters