Khóa học Thiết kế web chuyên nghiệp

Mã : WPM - Thời lượng: 90h ~ 3,5 tháng (tuần 2 buổi, 3 giờ/ buổi ngoài giờ hành chính)

GIỚI THIỆU CHUNG

Khóa học Thiết kế web chuyên nghiệp của chúng tôi sẽ cung cấp cho các bạn đầy đủ nhất các kỹ năng thiết kế giao diện web, thành thạo ngôn ngữ lập trình PHP&My SQL, Quản trị và tối ưu hóa website.
 

KỸ NĂNG ĐẠT ĐƯỢC SAU KHOA HỌC

Sau khi kết thúc khóa học, bạn sẽ hoàn thành tốt các công việc sau:

Xây dựng giao diện Website chuyên nghiệp, chuẩn UX, UI
Cắt Front-End HTML, CSS, JQUERRY theo chuẩn Themeforest
Nắm vững PHP-MYSQL
Xây dựng Website chuyên nghiệp trên nền tảng WordPress
Tự xây dựng Landing Page bán hàng
Tự xây dựng Website giới thiệu sản phẩm dịch vụ công ty
Tự xây dựng Website bán hàng, thương mại điện tử, tích hợp cổng thanh toán chuyên nghiệp
 

ĐỐI TƯỢNG THAM GIA

- Sinh viên ngành CNTT, Điện tử viễn thông
- Doanh nghiệp muốn tự xây dựng Website riêng
- Tất cả các đối tượng có đam mê với ngành lập trình
 

THỜI GIAN VÀ HỌC PHÍ

- Thời gian học: 40 buổi 
- Lịch học: 3 buổi 1 tuần, học 2-4-6 hoặc 3-5-7
- Ca học: Tối: 18h đến 21h

Vnskills áp dụng CHÍNH SÁCH ƯU ĐÃI HỌC PHÍ như sau:    
- Học phí gốc: 16.000.000VNĐ
- Học phí ưu đãi: 8,000,000 VNĐ

Xem chi tiết LỊCH KHAI GIẢNG tại đây 
 

CHƯƠNG TRÌNH ĐÀO TẠO

Phần 1: Thiết kế giao diện Website UX-UI bằng FIGMA

Hướng dẫn sử dụng phần mềm FIGMA và các nguyên lý thiết kế UX-UI
- Nằm vứng nguyên lý thiết kế:

Typography:Chọn được cặp font, nguyên lý Typography First hiệu quả
Color Contrast, Highlight: Biết cách chọn lựa tương phản, công cụ đo tương phản
Spacing – White Space – Grid:Sử dụng lưới, baseline, khoảng cách micro space and marcro space
Alignment:Căn gióng hiệu quả, trên dưới trái phải, giữa
Visual Hierrachy:Phân cấp trong thiết kế giao diện desktop 3, mobile 2
Visual Balance– Harmony: Cân bằng thị giác trong thiết kế
Consistency:Nhất quán - đồng nhất trong thiết kế

- Dựng các loại bố cục cơ bản Website, Mobile
- Nhóm các thành phần UI (Section, Component, Element, Media,...)
- Xây dựng hệ thống hướng dẫn UI
- Xử lý ảnh cơ bản với Photoshop, hiệu ứng cho UI, kết hợp ảnh với chữ
- Sử dụng figma thiết kế UI
- Nguyên tắc thiết kế tối ưu UX cho UI
- Design Landing Page

Phần 2: Lập trình Front-end HTML-CSS-JQUERRY
Quản lý dự án Trello
Quản lý phiên bản Github
Dựng khung và nội dung HTML5
Nhóm thẻ dựng Layout và Struct
Nhóm thẻ văn bản Typography và Cơ sở
Nhóm thẻ đa phương tiện Media
Nhóm thẻ danh sách, bảng ul li, table
Nhóm thẻ nhập dữ liệu Input, Form
Nhóm thẻ nhúng dữ liệu bên ngoài
Style HTML bằng CSS3
Định dạng bố cục Layout bằng CSS (float, overfollow)
Định dạng mô hình đồ họa Box bằng CSS (margin, …)
Định vị đối tượng trên Layout bằng CSS (position)
Hiệu chỉnh, biến dạng đối tượng bằng CSS (transformation)
Căn chỉnh đối tượng trên Layout bằng CSS (alignment)
Làm tương tác bằng CSS (hover)
Làm chuyển động bằng CSS (animation)
Responsive mobile first với CSS3
Code tương tác với jQuery
Ứng dụng framework Bootstrap 4
Code chuyên nghiệp với SASS và Emmet
Hệ thống giao diện UI với Patternlab
Nguyên lý nền tảng CSS BEM
Responsive CSS

Phần 3: Lập trình Front-end HTML-CSS-JQUERRY
Quản lý phiên bản bằng Github, Sourcetree
Quản lý dự án bằng Asana
PHP-MySQL cơ bản
Lập trình hướng đối tượng
Tìm hiểu cơ bản WordPress, thiết lập môi trường
Các thành phần code WordPress: Theme, Plugin, Page Template, Header, Footer, Sidebar, Post, Archive
Xây dựng mở rộng Menu, Mega Menu
Xây dựng Slider Banner, Max Slide Photo
Xây dựng Widget, Widget Dynamic
Xây dựng Element WordPress bằng Page Builder
Mở rộng tính năng Shortcode
Xây dựng Form Contact
Xây dựng hệ thống Email
Xây dựng Header Footer
Xây dựng thêm loại dữ liệu
Xây dựng thêm loại tùy chọn
Style tùy biến WordPress