Bạn sẽ học được những gì
- Nắm được phương pháp chuyển đổi web từ bản thiết kế giao diện dạng ảnh ban đầu.
- Thành thạo kỹ năng cắt web bằng Bootstrap và tạo hiệu ứng cho web bằng CSS3.
- Hiểu được các chức năng cơ bản của WordPress, tự tin tạo theme WordPress chuẩn.
- Làm chủ kỹ năng sử dụng WordPress để chuyển đổi web từ Bootstrap sang WordPress theme chuyên nghiệp.
- Không còn phải e ngại trước việc chuyển thiết kế của chính mình thành một website thực sự, còn trở thành một dev đầy kĩ thuật.
- Tự tin phát triển theme của chính mình và tạo thu nhập bằng việc bán theme trên thị trường thế giới.
- Học tập và rèn luyện nâng cao tay nghề từ những project thực tế, nâng cáo giá trị bản thân, có cơ hội trở thành Freelancer thiết kế web kiếm thêm thu nhập.
Nội dung
| Chủ đề | Số bài học | Tổng thời lượng | Tên bài học & Thời lượng |
| Cài đặt ban đầu | 2 | 12:20 | 1. Lựa chọn giao diện để bắt đầu vào bài
2. Cài đặt Bootstrap |
| Sử dụng Bootstrap cắt web từ thiết kế – phần “welcome” | 4 | 52:16 | 3. Các bước làm chuyển đổi từ Photoshop sang Bootstrap
4. Xử lý HTML/CSS cho phần header và slide 5. Xử lý phần hiệu ứng cho header 6. Xử lý HTML/CSS phần welcome |
| Sử dụng CSS3 animation cho hiệu ứng trên web | 5 | 41:23 | 7. Xử lý hiệu ứng CSS phần welcome
8. Xử lý hiệu ứng phần load trang web 9. Xử lý HTML/CSS phần các dự án works 10. Xử lý chi tiết giao diện và hiệu ứng phần các dự án 11. Xử lý hiệu ứng jQuery cho phần các dự án |
| Sử dụng Bootstrap cắt web toàn bộ trang chủ | 6 | 50:31 | 12. Xử lý HTML phần number
13. Xử lý CSS phần number 14. Xử lý hiệu ứng phần đếm cho phần number 15. Xử lý HTML/CSS phần The team 16. Xử lý HTML/CSS phần footer 17. Xử lý Responsive |
| Cài đặt WordPress | 2 | 16:40 | 18. Cài đặt WordPress (Cách 1)
19. Cài đặt WordPress (Cách 2) |
| Xây dựng theme chuẩn cho WordPress | 3 | 34:02 | 20. Bắt đầu với Starter theme
21. Chuyển đổi phần header Bootstrap sang giao diện WordPress 22. Xử lý phần menu Bootstrap sang giao diện WordPress |
| Chuyển đổi trang chủ thành WordPress | 5 | 52:55 | 23. Tạo mới page Home cho trang chủ
24. Sử dụng Advanced custom field cho theme 25. Chuyển đổi phần slide Bootstrap sang WordPress 26. Xử lý dữ liệu phần welcome với ACF 27. Đưa dữ liệu vào giao diện Welcome |
| Giới thiệu cách tạo kiểu dữ liệu cho WordPress | 4 | 27:14 | 28. Giới thiệu Custom Post type UI
29. Thêm một kiểu dữ liệu mới trong WordPress 30. Lấy dữ liệu từ kiểu dữ liệu mới – Phần 1 31. Lấy dữ liệu từ kiểu dữ liệu mới – Phần 2 |
| Chuyển đổi phần dự án sang WordPress sử dụng kiểu dữ liệu | 3 | 33:57 | 32. Tạo file content-work.php
33. Xử lý dữ liệu cho phần works 34. Chỉnh sửa giao diện admin cho thân thiện với người sử dụng |
| Dữ liệu hóa giao diện number | 2 | 13:31 | 35. Tạo dữ liệu cho phần number
36. Xử lý giao diện number từ Bootstrap sang WordPress |
| Dữ liệu hóa giao diện “the team” | 4 | 31:35 | 37. Chuyển đổi phần tiêu đề team sang WordPress
38. Xử lý dữ liệu phần team 39. Xử lý dữ liệu team cắt ảnh không cần Photoshop 40. Xử lý hiển thị tiêu đề & comment của trang chủ |
| Đóng gói trang Home | 4 | 39:59 | 41. Chuyển đổi phần footer sang WordPress
42. Tạo hiệu ứng phóng to ảnh trong Bootstrap 43. Chuyển đổi hiệu ứng ảnh trong WordPress 44. Tổng kết kiến thức page Home |
| Chuyển đổi trang About từ thiết kế sang Bootstrap | 6 | 49:10 | 45. Giới thiệu trang About: Lựa chọn giao diện
46. Chuyển đổi header của trang About từ thiết kế sang Bootstrap 47. Xử lý CSS cho phần header 48. Chuyển đổi phần dịch vụ của trang About từ thiết kế sang Bootstrap 49. Xử lý CSS của phần dịch vụ – phần 1 50. Xử lý CSS của phần dịch vụ – phần 2 |
| Xử lý hiệu ứng cho trang About | 4 | 43:59 | 51. Xử lý hiệu ứng phần dịch vụ
52. Chuyển đổi phần Review khách hàng 53. Xử lý CSS cho phần Review khách hàng – Phần 1 54. Xử lý CSS cho phần Review khách hàng – Phần 2 |
| Chuyển đổi trang tin tức từ thiết kế sang Bootstrap | 4 | 39:13 | 55. Xử lý HTML của trang Blog
56. Xử lý CSS của trang Blog 57. Xử lý phần phân trang của Blog 58. Chuyển đổi trang chi tiết tin tức (Blog-detail) từ thiết kế sang Bootstrap |
| Chuyển đổi trang Giới thiệu từ Bootstrap sang WordPress | 4 | 59. Tạo trang page-About.php
60. Xử lý phần header 61. Dữ liệu hóa phần background 62. Dữ liệu hóa phần 3 dịch vụ chính |




Reviews
There are no reviews yet.