Sơ đồ trang

HTML

1. Semantic HTML và HTML Entities
2. Các thẻ HTML không cần đóng và có ích cho SEO
3. Sử dụng file SVG cho website
4. Giới thiệu về Shadow DOM
5. Sự khác nhau giữa những điều tưởng giống nhau

---

CSS

1. Tổng hợp những CSS hay sử dụng
2. Thay đổi màu nền khi bôi đen trong CSS
3. Tạo hiệu ứng animation xoay tròn trong CSS
4. Tạo hiệu ứng loading mặt cười chỉ bằng CSS
5. Tạo hiệu ứng điện thoại ring ring bằng CSS
6. Tạo cây gia phả (Family Tree) bằng CSS3
7. Tạo đường line chéo ghép hai ảnh với nhau
8. Bootstrap 3 carousel with text animate.css
9. Tạo loading nội dung giống Facebook bằng css animation
10. Chia Sẻ Code Thư Viện Ảnh 3D Bằng CSS Cực Đẹp
11. Tổng hợp 1 số trang web tạo Spinner, Loading animation đẹp
12. Giải pháp cho HTML Email Responsive
13. Tạo hiệu ứng tuyết rơi chỉ bằng HTML - CSS
14. Xử lý hiệu ứng hình ảnh tuyệt đẹp với CSS Filter effect!
15. Ứng dụng Sass cơ bản vào dự án thực tế

---

Bootstrap

1. 10 lỗi thường gặp khi dùng Bootstrap và những điểm mạnh của bootstrap 4

---

Danh sách Font Icon

1. Tối ưu Font Awesome với IcoMoon

---

Javascript

1. Một số thủ thuật trong Javascript
2. Basic Javascript Project 1. Change Background Color
3. Basic Javascript Project 2. Create Hex Color
4. Basic Javascript Project 3. Quotes Project
5. Basic Javascript Project 4. Pass The Message
6. Basic Javascript Project 5. Counter
7. Basic Javascript Project 6. Background Image Slider
8. Basic Javascript Project 7. Calculator
9. Basic Javascript Project 8. Digital Clock
10. Basic Javascript Project 9. Countdown Timer
11. Basic Javascript Project. Build A Filterable List
12. 6 phương thức Javascript để tìm phần tử HTML
13. Javascript async và defer
14. Cách kiểm tra empty object trong JavaScript
15. Khác nhau giữa preventDefault và stopPropagation và return false
16. Phân biệt Attribute - Property trong JavaScript và HTML
17. Scripts: async, defer

---

jQuery

1. Một số thư viện jQuery hay dùng
2. Thư viện jQuery Pace.min.js
3. Một Số Plugin Front End ( Chủ Yếu Thiên về UI )
4. Animate element after jQuery append
5. Mẹo nhanh: Lưu ý khi sử dụng phiên bản Slim của jQuery

---

jQuery Plugin

1. Hiệu ứng so sánh ảnh cũ ảnh mới với jQuery Plugin twentytwenty
2. Chuyển đổi ngôn ngữ trực tiếp trên trang web không cần tải lại với plugin Internationalization i18next
3. Tạo thanh trượt slider dễ dàng với noUiSlider
4. Tạo thông báo Notification với thư viện PNotify
5. Tạo chuyển động chữ với TypedJS
6. Bản chất của Lazy Loading Images
7. Tạo slider với Swiper
8. Cắt ngắn đoạn văn bản với dotdotdotJS

---

ReactJS

1. ReactJS B1 - Tạo giao diện HTML-CSS
2. ReactJS B2 - Tạo project và copy giao diện
3. ReactJS B3 - Phân chia Component
4. ReactJS B4 - Tạo mockdata và render Item
5. ReactJS B5 - Delete Item
6. ReactJS B6 - Edit Item (P1)
7. ReactJS B6 - Edit Item (P2)
8. ReactJS B7 - Add Item
9. ReactJS B8 - Sort Item
10. ReactJS B9 - Search Item

---

Adobe Animate CC

1. P1 - Tạo banner quảng cáo đơn giản
2. P2 - Tạo hiệu ứng ánh sáng chạy qua chữ
3. P3 - Tạo hiệu ứng ánh sáng chạy qua ảnh
4. P4 - Tạo hiệu ứng chuyển động từng kí tự

---

Hướng dẫn thủ thuật

1. Hướng dẫn cài đặt phần mềm Koala
2. Hướng dẫn tìm mã bưu chính tại Việt Nam
3. Hướng dẫn chèn link iframe google map vào trang web
4. Hướng dẫn chèn bản đồ google thông qua tọa độ Latitude, Longitude
5. Thêm https cho website sử dụng Cloudflare
6. Hướng dẫn GIT

---

Đọc truyện ngắn tiếng Anh tại https://kentrung256.wordpress.com