slide orientation

Định hướng chuyên ngành thiết kế web Định nghĩa thiết kế Tương lai Web Design Thị trường cấu nghề thay đổi nhanh chóng Các cơng việc lĩnh vực website ● Web Designer: o o ● ● ● ● ● Thiết kế giao diện trang web Photoshop, Ai, Cắt web (UI, UX): Chuyển giao diện PSD thành HTML+CSS+JS để xem trình duyệt (tạo mẫu) Coder: Lập trình web động Webmaster: Quản trị web Seoer: Các công việc liên quan đến SEO Tester: Bộ phận kiểm thử Freelancer, Full-stack Qui trình Thiết kế website Qui trình Thiết kế Website ● Discover o Thu thập thông tin o Làm rõ yêu cầu khách hàng ● Plan (lên kế hoạch) o Chiến lược Marketing, SEO o Domain, Hosting o Chuẩn bị nhân sự: Designer, Coder, Quản trị… o Chuẩn bị nội dung, hình ảnh, Qui trình Thiết kế Website ● Design o o o o o Xây dựng cấu trúc thông tin (Sitemap) Xây dựng vẽ phác thảo giao diện Hoàn thiện giao diện Photoshop, Ai, Phân tích thiết kế hệ thống (Chức năng, CSDL ) Qui trình Thiết kế website ● Create (Triển khai, code): o o o o o Xây dựng mẫu (web tĩnh): HTML/CSS/JS/jQuery Lập trình web động (biến mẫu > web thật): PHP Upload lên Server Quản trị web SEO ● Deliver: o o Training (tài liệu, hướng dẫn cách quản trị web) Bàn giao sản phẩm Chương trình học WD FAN Tập trung vào phần chính: Design & (½) Create Chương trình học WD FAN ● Design ○ Xây dựng cấu trúc thông tin (Sitemap) ○ Xây dựng vẽ phác thảo giao diện ○ Hoàn thiện thiết kế phần mềm Photoshop, Ai, ● Create (Triển khai, code): ○ ○ ○ Xây dựng mẫu từ file thiết kế (web tĩnh, UI, UX): Cắt HTML/CSS/JS/jQuery/HTML5 Animation Lập trình web động (biến mẫu > web thật) (*) Quản trị web (**), SEO (***) Chương trình học WD FAN ● Hậu kỳ: Domain, Hosting (Đưa web lên server) (*), (**), (***): Optional - Các Short Course (Open Course) FAN, yêu cầu học viên có kiến thức lập trình có niềm đam mê với SEO (*): Xây dựng trang web động việc sử dụng OpenSource (VD WordPress) Framework (VD Laravel) có sẵn Rào cản - Hiểu nhầm: Học xong làm gì? - Thu nhập: Làm trang web có 20tr? Giá website (Khoảng) ● ● ● ● Định giá website dựa tính (yêu cầu) 1.5tr-3tr = website dựng sẵn 3tr-5tr = website theo mẫu khách tự đưa 5tr-10tr = website gồm thiết kế riêng cắt + hiệu ứng + quản trị ● >10tr = website thương mại điện tử ● Quản lý bệnh viện, trường học, hệ thống lớn, phức tạp: 300tr - 3tỉ! (hoặc hơn) Tổng kết ● Front-end Dev (Web tĩnh): Công việc Web Designer - XD Sitemap, Vẽ phác thảo giao diện, Hoàn thiện thiết kế sử dụng phần mềm PTS AI - Code UI: HTML5, CSS3 - Code UX: JS, jQuery - Hoạt hình: CSS3, jQuery, Adobe Animate CC 2015+ Front-end: Hoạt động phía máy khách (Trình duyệt) ● Back-end Dev (Web động): Công việc Web Coder - PHP, ASP.NET, JSP, MySQL, Oracle, NoteJS, Laravel, Back-end: Hoạt động phía máy chủ (Server) ● Full-stack