Chia sẻ 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 - Nguyễn Đức Việt
Chia sẻ 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 - Nguyễn Đức Việt
DOWNLOAD KHÓA HỌC
Mô tả khoá học
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
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
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.
PHẦN 1: GIỚI THIỆU
- Giới thiệu khóa học - Bạn sẽ học cái gì
- Giới thiệu khóa học, tại sao và làm như thế nào
- Giới thiệu các kiến thức sử dụng trong khóa học
- 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
PHẦN 2: CÀI ĐẶT
- Cài đặt wordpress bản portable
- Cài đặt woocommerce cơ bản
PHẦN 3: HỌC WOOCOMMERCE NÂNG CAO: ACTION VÀ FILTER
- Cấu trúc template của một theme bán hàng
- 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 đè
- Ý nghĩa chi tiết từng template trong woocommerce
- Các hàm và hook trong woocommerce
- 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
- Thực hành filter hook
- Sử dụng action hook xử lý giao diện
- Thay đổi giao diện trang shop bằng kiến thức đã học
- Luyện tập sửa và xóa với các hook của woocommerce
- Luyện tập với hook của woocommerce
- Tự định nghĩa action mới trong woocommerce
- Định nghĩa thêm filter trong woocommerce
- Giới thiệu về wp_filter what-why-how
- Luyện tập với wp_filter qua bài tập
- Giới thiệu công cụ điều hướng trong woocommerce hàm woocommerce_get_template_part ()
- Thực hành với hàm woocommerce_get_template_part() - Phần 2
- Thực hành với hàm woocommerce_get_template_part() - Phần 3
- Xử lý thông tin thanh toán theo ý muốn bằng filter
- Áp dụng filter hook bỏ chế độ bắt buộc điền thế nào
- Áp dụng filter sửa lại tên của trường thế nào
- Áp dụng filter hook xóa một trường trong trang checkout
- Áp dụng action filter hook thêm mới dữ liệu và sửa dữ liệu cho phần admin
- Thêm dữ liệu kiểu danh sách lựa chọn
PHẦN 4: GIỚI THIỆU VÀ CÀI ĐẶT BAN ĐẦU
- Giới thiệu project
- Cài đặt khung làm việc ban đầu
PHẦN 5: XỬ LÝ FRONTEND - PHẦN HOME PAGE
- Xử lý phần HTML top
- Xử lý font chữ và CSS cho phần menu
- Xử lý phần HTML cho khối công cụ top
- Xử lý phần CSS cho khối công cụ top
- Xử lý phần CSS chi tiết cho màn hình desktop
- Phương pháp làm giao diện responsive
- Thực hành tạo giao diện cho ipad và iphone bằng css media (Phần 1)
- Thực hành tạo giao diện cho ipad và iphone bằng css media (Phần 2)
- Tạo HTML cho phần menu 2 cấp
- Tạo CSS cho phần menu 2 cấp (Phần 1)
- Tạo CSS cho phần menu 2 cấp (Phần 2)
- Sử dụng jquery cho menu trên màn hình di động (Phần 1)
- Sử dụng jquery cho menu trên màn hình di động (Phần 2)
- Tinh chỉnh hiệu ứng và hiển thị trên các thiết bị di động
- Xử lý HTML cho phần slide
- Xử lý CSS cho phần slide
- Xử lý HTML cho phần 3 dịch vụ
- Xử lý CSS cho phần 3 dịch vụ
- Review lại phần responsive
- Tạo HTML cho khối sản phẩm nổi bật
- Xử lý phần CSS đóng gói cho tiêu đề
- Xử lý CSS hiệu quả cho khối lặp lại
- Xử lý phần HTML quảng cáo
- Xử lý phần CSS cho khối nhận quảng cáo
- Tạo HTML cho hiệu ứng lọc sản phẩm
- Tạo CSS chuẩn bị cho viết hiệu ứng jquery
- Xử lý hiệu ứng tiêu đề bằng jquery
- Hoàn thiện hiệu ứng tab bằng jquery
- Xử lý HTML cho sản phẩm chuẩn
- Xử lý CSS cho sản phẩm chuẩn
- Hoàn thiện khối sản phẩm chuẩn
- Review lại responsive với nút view all
- Xử lý HTML cho khối cảm nhận người dùng
- Xử lý CSS và hiệu ứng carousel cho khối cảm nhận người dùng
- Tạo phần HTML cơ bản cho khối tin tức mới trang chủ
- Xử lý CSS cho phần tin tức
- Xử lý HTML cho khối nhận email
- Xử lý CSS cho khối nhận email
- Tạo HTML cho phần footer
- Xử lý phần CSS cho footer - tập 1
- Xử lý phần CSS cho footer - tập 2
- Xử lý hiệu ứng cho trang chủ
- Tạo HTML cho các thuộc tính của một sản phẩm
- Xử lý vẽ hình tam giác bằng css cho giao diện sản phẩm
- Xử lý hoàn thiện giao diện trang chủ trên màn hình di động
PHẦN 6: FRONTEND - PHẦN SHOP
- Setup cho trang cửa hàng
- Công thức căn giữa theo chiều dọc trong cắt web
- Tạo HTML cho khối tiêu đề sản phẩm
- Xử lý css cho khối tiêu đề sản phẩm
- Xử lý khối sản phẩm chi tiết
- Hoàn thiện trang cửa hàng
PHẦN 7: FRONTEND - PHẦN SẢN PHẨM CHI TIẾT
- Xử lý bố cục và setup ban đầu cho trang sản phẩm chi tiết
- Tạo khung HTML cho khối ảnh
- Xử lý CSS cho khối ảnh
- Tạo khung HTML cho khối thông tin sản phẩm
- Xử lý CSS cho khối thông tin sản phẩm
- Xử lý CSS cho khối thông tin sản phẩm - Tập 2
- Hiệu ứng Tab cho sản phẩm - phần CSS
- Hiệu ứng Tab cho sản phẩm - phần HTML
- Hoàn thiện trang sản phẩm chi tiết
PHẦN 8: FRONTEND - PHẦN TIN TỨC
- Setup ban đầu và bố cục trang danh sách tin
- Xử lý một tin chuẩn
- Xử lý thanh tìm kiếm
- Tạo CSS cho thanh tìm kiếm
- Tạo HTML cho khối widget
- Tạo CSS cho khối Catalog
- Hoàn thiện trang tin tức
- Hoàn thiện trang tin chi tiết
PHẦN 9: FRONTEND - GIỎ HÀNG
- Setup ban đầu cho trang giỏ hàng
- Xử lý HTML cho phần bảng tính tiền
- Xử lý CSS cho phần bảng tính tiền
- Xử lý HTML cho mã giảm giá
- Xử lý CSS cho phần mã giảm giá
- Xử lý HTML phần tổng giá
- Hoàn thiện trang giỏ hàng
PHẦN 10: FRONTEND - PHẦN THANH TOÁN
- Setup ban đầu cho trang checkout (Phần 1)
- Setup ban đầu cho trang checkout (Phần 2)
- Xử lý giao diện khối thông tin hóa đơn
- Tạo HTML cho phần phương thức thanh toán
- Tạo giao diện cho trang thanh toán
- Đóng gói front-end
PHẦN 11: TỰ XÂY DỰNG WEB BÁN HÀNG KHÔNG CẦN CODE
- Giới thiệu web bán hàng
- Hướng dẫn cài đặt web bán hàng
- Các thông số cơ bản của web bán hàng
- Cách thêm một sản phẩm đơn giản
- Cài đặt theme và nhập dữ liệu demo
- Thiết lập cho woocommerce trong phần quản trị
- Cách chỉnh sửa cỡ ảnh theo ý muốn trong woocommerce
- Giới thiệu quy trình xử lý thanh toán trên woocommerce
- Hiểu về các thuộc tính chi tiết của sản phẩm
- Cách phát hành mã giảm giá theo yêu cầu trong woocommerce
- Cách xử lý phí ship hàng theo phương thức tỉ lệ sàn
- Cách xử lý phí ship hàng theo phương thức miễn phí giao hàng
- Cách xử lý phần thanh menu bên phải
- Xử lý giao diện trang chủ ở mức cơ bản
- Cách bán sản phẩm theo nhóm trong woocommerce
- Hướng dẫn tích hợp gmail vào web bán hàng
- Hướng dẫn tích hợp chat trực tuyến vào website bán hàng
- Tóm tắt kiến thức phần web bán hàng
PHẦN 12: CÀI ĐẶT MÔI TRƯỜNG PHÁT TRIỂN WEB BÁN HÀNG
- Review lại phương pháp chuyển đổi bootstrap sang woocommerce
- Cài đặt khung web bán hàng cơ bản
- Thêm dữ liệu cho website
- Cài đặt trang chủ và trang tin tức
- Bắt đầu cài đặt starttheme
- Kích hoạt tính năng ẩn của wordpress
- Giới thiệu 2 plugin cơ bản cho việc làm theme - phần 1
- Giới thiệu 2 plugin cơ bản cho việc làm theme - phần 2
PHẦN 13: SỬ DỤNG CODE TRICH XUẤT DỮ LIỆU TRONG WORDPRESS
- Chuyển đổi header
- Chuyển đổi menu vào dữ liệu wordpress
- Xử lý cơ sở dữ liệu cho phần slide
- Sử dụng code trích xuất dữ liệu trong wordpress
- Dữ liệu hóa hoàn chỉnh phần slide trang chủ
- Xử lý cơ sở dữ liệu cho khối 3 dịch vụ
- Thêm dữ liệu sử dụng shortcode
- Dữ liệu hóa hoàn chỉnh khối 3 dịch vụ
- Xử lý cơ sở dữ liệu cho khối 4 danh mục sản phẩm
- Dữ liệu hóa hoàn chỉnh khối 4 danh mục sản phẩm
- Tạo cơ sở dữ liệu cho khối quảng cáo
- Dữ liệu hóa hoàn chỉnh khối quảng cáo
PHẦN 14: SỬ DỤNG ACTION VÀ FILTER ĐỂ TẠO SẢN PHẨM HOÀN CHỈNH
- Giới thiệu hàm do_shortcode
- Xử lý sản phẩm chi tiết - Phần 1
- Xử lý sản phẩm chi tiết - Phần 2
- Xử lý sản phẩm chi tiết - Phần 3
- Xử lý sản phẩm chi tiết - Phần 4
- Xử lý sản phẩm chi tiết - Phần 5
- Xử lý sản phẩm chi tiết - Phần 6
- Xử lý sản phẩm chi tiết - Phần 7
- Xử lý sản phẩm chi tiết - phần nhãn sản phẩm - Phần 8
- Xử lý sản phẩm chi tiết - Phần 9
- Xử lý sản phẩm chi tiết - Phần 10
- Xử lý sản phẩm chi tiết - Phần 11
- Xử lý cơ sở dữ liệu cho khối 4 tab sản phẩm
- Xử lý dữ liệu cho tab số 1
- Xử lý hoàn chỉnh tab 1 và cách sử dụng tính năng sản phẩm nổi bật
- Hoàn chỉnh dữ liệu và giao diện 4 tab sản phẩm
PHẦN 15: PHUN DỮ LIỆU TRONG WORDPRESS
- Xử lý nút view all
- Xử lý kiểu dữ liệu cho cảm nhận người dùng
- Hoàn thiện khối cảm nhận người dùng
- Dữ liệu hóa tiêu đề và trích dẫn khối tin
- Phun dữ liệu cho phần tin tức bằng wp_query
- Hoàn chỉnh dữ liệu cho phần tin tức
PHẦN 16: TẠO FORM ĐĂNG KÝ VÀ NHẬN DỮ LIỆU VỚI GIAO DIỆN CHO TRƯỚC
- Giới thiệu plugin xử lý phần nhận email người dùng
- Ghép form đầy đủ chức năng vào giao diện
PHẦN 17: TẠO FORM BẰNG PHƯƠNG PHÁP KÉO THẢ
- Xử lý footer theo phương pháp kéo thả sidebar
- Xử lý menu kéo thả bằng dynamic sidebar
- Xử lý css cho sidebar
- Hướng dẫn backup dữ liệu
- Xử lý mạng xã hội trên footer
- Xử lý phần thẻ thanh toán và copyright
- Hoàn thiện trang web
PHẦN 18: TỔNG KẾT KHÓA HỌC
- Tổng kết
DOWNLOAD KHÓA HỌC
