KHÓA HỌC THIẾT KẾ WEB THƯƠNG MẠI ĐIỆN TỬ HOÀN CHỈNH VỚI BOOTSTRAP 4 VÀ WOOCOMMERCE
KHÓA HỌC THIẾT KẾ WEB THƯƠNG MẠI ĐIỆN TỬ HOÀN CHỈNH VỚI BOOTSTRAP 4 VÀ WOOCOMMERCE
Lợi ích từ khóa học
Hiểu được cách làm chi tiết từ lúc bắt đầu có bản thiết kế giao diện dạng ảnh.
Hiểu được dẫn phương pháp cắt web bằng bootstrap.
Hiểu được dẫn phương pháp tạo theme wordpress chuẩn nhất.
Hiểu được dẫn chi tiết các hàm wordpress kết hợp với các chức năng của wordpress để chuyển đổi từ bootstrap thành một wordpress theme chuyên nghiệp.
Sau thi hoàn thành khóa học đảm bảo bạn cứ có thiết kế là có thể chuyển sang website hoàn chỉnh tới tay người dùng được.
Chi phí nhỏ cho ý tưởng lớn.
Đối tượng mục tiêu
- Người thiết kế đồ họa và thiết kế web muốn nâng cao tay nghề.
- Doanh nghiệp muốn giảm chi phí thiết kế hàng năm, giảm chi phí nâng cấp, quản lý website, hoặc muốn xây dựng website cho từng sản phẩm/dịch vụ/nhãn hàng với chi phí nhỏ nhất.
- Team start-up sẵn sàng đầu tư thời gian, chịu khó tìm tòi và muốn làm chủ mọi thứ nhưng chưa biết bắt đầu từ đâu.
- Các freelancer đam mê và nhiệt huyết, muốn xây dựng trang cá nhân thật hiệu quả hoặc portfolio đầy cá tính nhằm giới thiệu bản thân với các nhà tuyển dụng và đối tác.
- Những người làm về marketing muốn giảm bớt chi phí thuê làm website và tự mình xây dựng website với đẩy đủ chức năng tương tác người dùng theo ý tưởng marketing của chính mình.
- Những người muốn bắt đầu sự nghiệp trong các công ty thiết kế web với vị trí Wordpress developer.
Tổng quát
Điểm khác biệt của khóa học:
1 - Khóa học luôn cập nhật: Những kinh nghiệm đáng giá nhất, công cụ hiệu dụng nhất, kiến thức mới nhất… sẽ được cập nhật thường xuyên trên khóa học để các bạn luôn nắm được những công nghệ mới nhất cho website của mình.
2 - Hết khóa học, các bạn chỉ mất 20 phút để hoạch định các bước làm với một giao diện cho trước để tạo ra một website mạnh mẽ. Tất cả đều dựa trên một số phương pháp và công thức đặc thù.
3 - Khi đã hoàn thành khóa học và nắm được phương pháp đặc thù rồi, bạn có thể tự tin làm web thuê, xây dựng dịch vụ thiết kế web.
4 - Giảng viên: người có kinh nghiệm 8 năm trong việc dạy thiết kế web tại FPT Arena, đã từng thiết kế hàng trăm website cho các doanh nghiệp, nội bộ trường Đại học FPT. Có kinh nghiệm lâu năm trong việc phát triển web dựa trên những mã nguồn khác nhau, theo những phương thức khác nhau cho các website khác nhau.
5 - Khung chương trình: Được mở rộng và cập nhật liên tục để cập nhật thêm nhiều phương pháp làm web cho các loại web khác nhau.
6 - Hỗ trợ tối đa: Các học viên được hỗ trợ đặc biệt, học hỏi và trao đổi lẫn nhau qua cộng đồng bí mật dành riêng, các vấn đề cấp thiết cần gấp có thể hỗ trợ qua mail. Thậm chí nếu thời gian của bạn có hạn, tôi có thể trả lời bằng cách quay video support và up lên để bạn làm theo.
Yêu cầu của khóa học
- Có kết nối internet ổn định.
Giáo trình
-
GIỚI THIỆU
Bài 1: Giới thiệu khóa học - Bạn sẽ học cái gì
Bài 2: Giới thiệu khóa học, tại sao và làm như thế nào
Bài 3: Giới thiệu các kiến thức sử dụng trong khóa học
Bài 4: Sự khác nhau cơ bản của làm theme cho web thông tin và làm theme cho web bán hàng
-
CÀI ĐẶT
Bài 5: Cài đặt wordpress bản portable
Bài 6: Cài đặt woocommerce cơ bản
-
HỌC WOOCOMMERCE NÂNG CAO: ACTION VÀ FILTER
Bài 7: Cấu trúc template của một theme bán hàng
Bài 8: Thực hành định nghĩa giỏ hàng và giao diện cửa hàng bằng phương pháp ghi đè
Bài 9: Ý nghĩa chi tiết từng template trong woocommerce
Bài 10: Các hàm và hook trong woocommerce
Bài 11: Giải thích cơ chế thực thi của một action hook bằng cách thực hành một hook đơn giản
Bài 12: Thực hành filter hook
Bài 13: Sử dụng action hook xử lý giao diện
Bài 14: Thay đổi giao diện trang shop bằng kiến thức đã học
Bài 15: Luyện tập sửa và xóa với các hook của woocommerce
Bài 16: Luyện tập với hook của woocommerce
Bài 17: Tự định nghĩa action mới trong woocommerce
Bài 18: Định nghĩa thêm filter trong woocommerce
Bài 19: Giới thiệu về wp_filter what-why-how
Bài 20: Luyện tập với wp_filter qua bài tập
Bài 21: Giới thiệu công cụ điều hướng trong woocommerce hàm woocommerce_get_template_part ()
Bài 22: Thực hành với hàm woocommerce_get_template_part() - Phần 2
Bài 23: Thực hành với hàm woocommerce_get_template_part() - Phần 3
Bài 24: Xử lý thông tin thanh toán theo ý muốn bằng filter
Bài 25: Áp dụng filter hook bỏ chế độ bắt buộc điền thế nào
Bài 26: Áp dụng filter sửa lại tên của trường thế nào
Bài 27: Áp dụng filter hook xóa một trường trong trang checkout
Bài 28: Áp dụng action filter hook thêm mới dữ liệu và sửa dữ liệu cho phần admin
Bài 29: Thêm dữ liệu kiểu danh sách lựa chọn
-
GIỚI THIỆU VÀ CÀI ĐẶT BAN ĐẦU
Bài 30: Giới thiệu project
Bài 31: Cài đặt khung làm việc ban đầu
-
XỬ LÝ FRONTEND - PHẦN HOME PAGE
Bài 32: Xử lý phần HTML top
Bài 33: Xử lý font chữ và CSS cho phần menu
Bài 34: Xử lý phần HTML cho khối công cụ top
Bài 35: Xử lý phần CSS cho khối công cụ top
Bài 36: Xử lý phần CSS chi tiết cho màn hình desktop
Bài 37: Phương pháp làm giao diện responsive
Bài 38: Thực hành tạo giao diện cho ipad và iphone bằng css media (Phần 1)
Bài 39: Thực hành tạo giao diện cho ipad và iphone bằng css media (Phần 2)
Bài 40: Tạo HTML cho phần menu 2 cấp
Bài 41: Tạo CSS cho phần menu 2 cấp (Phần 1)
Bài 42: Tạo CSS cho phần menu 2 cấp (Phần 2)
Bài 43: Sử dụng jquery cho menu trên màn hình di động (Phần 1)
Bài 44: Sử dụng jquery cho menu trên màn hình di động (Phần 2)
Bài 45: Tinh chỉnh hiệu ứng và hiển thị trên các thiết bị di động
Bài 46: Xử lý HTML cho phần slide
Bài 47: Xử lý CSS cho phần slide
Bài 48: Xử lý HTML cho phần 3 dịch vụ
Bài 49: Xử lý CSS cho phần 3 dịch vụ
Bài 50: Review lại phần responsive
Bài 51: Tạo HTML cho khối sản phẩm nổi bật
Bài 52: Xử lý phần CSS đóng gói cho tiêu đề
Bài 53: Xử lý CSS hiệu quả cho khối lặp lại
Bài 54: Xử lý phần HTML quảng cáo
Bài 55: Xử lý phần CSS cho khối nhận quảng cáo
Bài 56: Tạo HTML cho hiệu ứng lọc sản phẩm
Bài 57: Tạo CSS chuẩn bị cho viết hiệu ứng jquery
Bài 58: Xử lý hiệu ứng tiêu đề bằng jquery
Bài 59: Hoàn thiện hiệu ứng tab bằng jquery
Bài 60: Xử lý HTML cho sản phẩm chuẩn
Bài 61: Xử lý CSS cho sản phẩm chuẩn
Bài 62: Hoàn thiện khối sản phẩm chuẩn
Bài 63: Review lại responsive với nút view all
Bài 64: Xử lý HTML cho khối cảm nhận người dùng
Bài 65: Xử lý CSS và hiệu ứng carousel cho khối cảm nhận người dùng
Bài 66: Tạo phần HTML cơ bản cho khối tin tức mới trang chủ
Bài 67: Xử lý CSS cho phần tin tức
Bài 68: Xử lý HTML cho khối nhận email
Bài 69: Xử lý CSS cho khối nhận email
Bài 70: Tạo HTML cho phần footer
Bài 71: Xử lý phần CSS cho footer - tập 1
Bài 72: Xử lý phần CSS cho footer - tập 2
Bài 73: Xử lý hiệu ứng cho trang chủ
Bài 74: Tạo HTML cho các thuộc tính của một sản phẩm
Bài 75: Xử lý vẽ hình tam giác bằng css cho giao diện sản phẩm
Bài 76: Xử lý hoàn thiện giao diện trang chủ trên màn hình di động
-
FRONTEND - PHẦN SHOP
Bài 77: Setup cho trang cửa hàng
Bài 78: Công thức căn giữa theo chiều dọc trong cắt web
Bài 79: Tạo HTML cho khối tiêu đề sản phẩm
Bài 80: Xử lý css cho khối tiêu đề sản phẩm
Bài 81: Xử lý khối sản phẩm chi tiết
Bài 82: Hoàn thiện trang cửa hàng
-
FRONTEND - PHẦN SẢN PHẨM CHI TIẾT
Bài 83: Xử lý bố cục và setup ban đầu cho trang sản phẩm chi tiết
Bài 84: Tạo khung HTML cho khối ảnh
Bài 85: Xử lý CSS cho khối ảnh
Bài 86: Tạo khung HTML cho khối thông tin sản phẩm
Bài 87: Xử lý CSS cho khối thông tin sản phẩm
Bài 88: Xử lý CSS cho khối thông tin sản phẩm - Tập 2
Bài 89: Hiệu ứng Tab cho sản phẩm - phần CSS
Bài 90: Hiệu ứng Tab cho sản phẩm - phần HTML
Bài 91: Hoàn thiện trang sản phẩm chi tiết
-
FRONTEND - PHẦN TIN TỨC
Bài 92: Setup ban đầu và bố cục trang danh sách tin
Bài 93: Xử lý một tin chuẩn
Bài 94: Xử lý thanh tìm kiếm
Bài 95: Tạo CSS cho thanh tìm kiếm
Bài 96: Tạo HTML cho khối widget
Bài 97: Tạo CSS cho khối Catalog
Bài 98: Hoàn thiện trang tin tức
Bài 99: Hoàn thiện trang tin chi tiết
-
FRONTEND - GIỎ HÀNG
Bài 100: Setup ban đầu cho trang giỏ hàng
Bài 101: Xử lý HTML cho phần bảng tính tiền
Bài 102: Xử lý CSS cho phần bảng tính tiền
Bài 103: Xử lý HTML cho mã giảm giá
Bài 104: Xử lý CSS cho phần mã giảm giá
Bài 105: Xử lý HTML phần tổng giá
Bài 106: Hoàn thiện trang giỏ hàng
-
TỔNG KẾT KHÓA HỌC
Bài 182: Tổng kết
Google Driver
Pass giải nén: khosinhvien.com
Hướng dẫn getlink tại kho Sinh Viên : tại đây hoặc xem hình ảnh mịnh họa dưới
Nguồn Kho Sinh Viên - Tất cả dữ liệu chia sẽ hoàn toàn miễn phí