Thành thạo Bootstrap qua 10 website

Tạo Chủ đề Bootstrap 4 nâng cao của riêng bạn từ đầu! Khóa học này sẽ chỉ cho bạn cách tạo một Mẫu Bootstrap 4 hoàn chỉnh từ đầu bắt đầu với các tệp HTML, CSS và JavaScript trống! Chúng tôi sẽ di chuyển nhanh chóng để cung cấp cho bạn trải nghiệm xây dựng trang web Bootstrap nhanh nhất nhưng triệt để nhất có thể. Sau khi hoàn thành khóa học, bạn sẽ có thể thiết kế và phát triển các mẫu và chủ đề Bootstrap 4 của riêng bạn. Mã nguồn cho chủ đề đã hoàn thành mà chúng tôi phát triển được bao gồm cùng với: Tải xuống chủ đề Animated Bootstrap 4 đã hoàn thành với hình ảnh gốc và biểu mẫu liên hệ email đầy đủ chức năng . Chủ đề đã hoàn thành với hình ảnh giữ chỗ bao gồm kích thước của chúng (giúp dễ dàng tùy chỉnh chủ đề Bootstrap). 7 phiên bản khác của chủ đề bao gồm các phiên bản sau: Thanh trượt hình ảnh toàn màn hình, Trang đích video cố định, Menu thả xuống đa cấp với Bootstrap Navbar, Phiên bản HTML & PHP 5 trang, Phiên bản tắt hoạt hình và Phiên bản biểu mẫu liên hệ thay thế để gửi email với một địa chỉ khác ngoài tên miền của trang web của bạn. Tiến trình tải mã nguồn cho từng phần của chủ đề trong khi xây dựng trang web của bạn để kiểm tra lỗi mã của bạn. Một số tài nguyên cho hình ảnh chứng khoán chuyên nghiệp miễn phí không giới hạn, trình soạn thảo văn bản miễn phí, hoạt hình trang web, phông chữ trang web không giới hạn, v.v. Tìm hiểu tại sao Bootstrap là khung phản hồi tốt nhất và tìm hiểu cách tạo chủ đề trang web tuyệt vời của riêng bạn!!! Tôi ở đây để giúp bạn trên đường đi trong khi bạn thành thạo Bootstrap và tôi sẵn sàng trả lời bất kỳ câu hỏi nào bạn có thể có.

 

Bạn sẽ học được những gì

  • Áp dụng cho những dự án đồ họa vector
  • Minh họa và biên tập được các ấn phẩm sách báo
  • Sáng tạo logo và bộ nhận dạng thương hiệu
  • Thiết kế được các sản phẩm tờ rơi, card visit, broucher, profile, banner website…
  • Vẽ hoạt hình và tích hợp chuyển động cho flash…
  • Trở nên sáng tạo hơn cùng với Adobe Illustrator CC

Nội dung

15 chương ⋅ 74 bài học

Chương học (Module) Số Bài học Tổng thời lượng Bài học chi tiết (Lesson) Thời lượng
GIỚI THIỆU VỀ BOOTSTRAP 6 53 phút 25 giây 1. Giới thiệu về Bootstrap 17:03
2. Cài đặt Sublime Text 04:49
3. Giới thiệu về HTML/CSS 06:40
4. Giới thiệu phương pháp Chrome 07:13
5. Áp dụng phương pháp Chrome với kenh14.vn 07:44
6. Ví dụ khác về phương pháp Chrome 09:56
TRƯỚC KHI BẮT ĐẦU VỚI BOOTSTRAP 3 30 phút 05 giây 7. Học Bootstrap thế nào? 11:41
8. Hệ thống lưới và căn chỉnh – Phần 1 10:05
9. Hệ thống lưới và căn chỉnh – Phần 2 08:19
WEBSITE SỐ 1 VỚI BOOTSTRAP 4 32 phút 36 giây 10. Tóm tắt kiến thức sẽ học 07:01
11. Làm menu trong 5 phút 06:04
12. Giới thiệu class liên quan đến button 09:22
13. Giới thiệu class liên quan đến ảnh. Hoàn thiện website 10:09
WEBSITE SỐ 2 VỚI BOOTSTRAP 4 25 phút 48 giây 14. Giới thiệu class list group 06:44
15. Giới thiệu thêm class dành cho Slide ảnh 10:31
16. Giới thiệu class dành cho icon 04:45
17. Hoàn thiện website 03:48
WEBSITE SỐ 3 VỚI BOOTSTRAP 2 27 phút 55 giây 18. Phần 1 – Tổng quan 07:26
19. Phần 2 – Xây dựng website số 3 20:29
WEBSITE SỐ 4 VỚI BOOTSTRAP 5 28 phút 15 giây 20. Tổng hợp các kiến thức sẽ học và các phần mềm sử dụng 03:43
21. Phần mã HTML 03:46
22. Xử lý CSS phần header 07:02
23. Xử lý CSS phần Slide 06:38
24. Viết hiệu ứng cho nút menu. Mở đầu về jQuery 07:06
WEBSITE SỐ 5 VỚI BOOTSTRAP 9 81 phút 56 giây 25. Giới thiệu về website số 5 11:01
26. Giới thiệu về website responsive 04:01
27. jQuery là gì? Giới thiệu các hàm jQuery sẽ sử dụng 05:01
28. Viết mã HTML theo Bootstrap – Phần 1 10:03
29. Viết mã HTML theo Bootstrap – Phần 2 10:21
30. Phần css giao diện 13:35
31. Sử dụng jQuery resize cho responsive 05:15
32. Hàm jQuery xử lý click chuột 10:33
33. Hàm jquery xử lý cuộn chuột 12:06
WEBSITE SỐ 6 VỚI BOOTSTRAP 14 114 phút 30 giây 34. Giới thiệu website số 6 với Bootstrap 05:43
35. Các bước làm bài cắt web 05:29
36. Xử lý phần Menu 09:40
37. Xử lý phần Slide 09:32
38. Xử lý phần Porfolio 16:35
39. Xử lý phần About 04:16
40. Xử lý phần Contact 10:01
41. Xử lý phần Footer 09:18
42. Hiệu ứng Scroll Spy 08:05
43. Hàm jQuery mới liên quan đến cuộn chuột – Phần 1 09:36
44. Hàm jQuery mới liên quan đến cuộn chuột – Phần 2 07:40
45. Hiệu ứng click di chuyển phần tử 05:42
46. Hàm jQuery xử lý gia tốc chuyển động 02:22
47. Tổng kết kiến thức trong website số 7 10:31
WEBSITE SỐ 7 VỚI BOOTSTRAP 3 25 phút 48 giây 48. Vận dụng các kiến thức về jQuery 12:01
49. Chữa bài: Tóm tắt phần HTML 05:14
50. Chữa bài: Tóm tắt phần CSS 08:33
KHÁI NIỆM VÀ ỨNG DỤNG SNIPPET 2 21 phút 51 giây 51. Khái niệm và ứng dụng Snippet 11:40
52. Cách tạo Snippet 10:11
HIỆU ỨNG BOOTSTRAP – WEBSITE SỐ 8 6 56 phút 20 giây 53. Hiệu ứng Bootstrap Affix và cách sử dụng 10:38
54. Bài tập: Phân tích kenh14.vn và áp dụng hiệu ứng affix với phần Menu và logo 08:09
55. Hiệu ứng Bootstrap Popover 11:11
56. Hiệu ứng Bootstrap Tooltip 09:44
57. Hiệu ứng Bootstrap Dropdown và Collaps 10:12
58. Hiệu ứng Bootstrap Modal và Carousel 06:26
CẮT WEB BẰNG BOOTSTRAP VÀ KIẾM TIỀN BẰNG CÔNG VIỆC FREELANCER 2 18 phút 50 giây 59. Tại sao cắt web bằng Bootstrap 14:14
60. Làm thế nào để kiếm tiền bằng công việc Freelance? 04:36
CẮT WEB TỪ 1 FILE THIẾT KẾ TRÊN THEMEFOREST – WEBSITE SỐ 9 6 50 phút 30 giây 61. Viết mã HTML phần menu 05:58
62. Xử lý CSS phần menu 06:52
63. Viết mã HTML phần nội dung 09:28
64. Xử lý CSS phần nội dung 09:55
65. Viết hiệu ứng phần nội dung 12:07
66. Phần footer 06:10
KẾT HỢP BOOTSTRAP VỚI WORDPRESS LÀM WEB CÓ PHẦN QUẢN LÝ NỘI DUNG – WEBSITE SỐ 10 6 50 phút 56 giây 67. Giới thiệu WordPress 05:41
68. Hướng dẫn cài đặt WordPress 13:26
69. Sử dụng WordPress để tạo dữ liệu 16:26
70. Sử dụng WordPress để tạo theme 07:03
71. Các hàm cơ bản của WordPress 03:47
72. Hoàn thiện giao diện 04:33
TỔNG KẾT KHÓA HỌC 2 16 phút 56 giây 73. Tổng kết khóa học 07:37
74. Hướng dẫn cách đưa file đính kèm chạy trên máy 09:19

Reviews

There are no reviews yet.

Be the first to review “Thành thạo Bootstrap qua 10 website”

299.000 

74 Bài học