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

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

Part 1

Part 2

Part 3

Part 4

Mshare ( Tốc độ cao )-Full

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í