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

admin

Jan 10, 2019 - 08:01

1 737

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