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

Khóa học Thiết kế Website 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)
 

1. MỤC TIÊU ĐÀO TẠO

       Khóa 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.

2. ĐỐI TƯỢNG HỌC VIÊN

    - 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
 
3. THU HOẠCH KHÓA HỌC

        Bạn hoàn toàn có thể tự tin trong việc thiết kế 1 website hoàn thiện theo mình mong muốn: website bán hàng, website du lịch, bất động sản...

4. CƠ HỘI NGHỀ NGHIỆP

        Với kiến thức sau khi hoàn thành khóa học, học viên có thể làm việc tại các công ty thiết kế và xây dựng website hoặc các vị trí chuyên viên thiết kế quảng cáo và xây dựng ứng dụng đa truyền thông.
 

NỘI DUNG TỔNG HỢP
 

Phần 1: Học thiết kế giao diện website với Photoshop (18h)

Phần 2: Học xây dựng giao diện Web HTML5 CSS3, jQuery (36h)

Phần 3: Học lập trình Website bằng ngôn ngữ PHP &My SQL (36h)
 

Bạn hoàn toàn có thể đăng ký riêng từng phần trong khóa học theo yêu cầu công việc cần sử dụng
 

NỘI DUNG CHI TIẾT KHÓA HỌC
 

Phần 1: Thiết kế giao diện website với PHOTOSHOP

Thời lượng: 18h
 

Mục đích môn học

• Nắm được các công cụ Photoshop dành cho thiết kế giao diện website
• Vẽ được web layout Photoshop và các thành phần layout web (button, menu, text, …)
• Bóc tách, cắt thành phần layout Photoshop sử dụng cho việc dựng CSS5 - HTML3.

Nội dung đào tạo: 
 

• Nguyên lý thiết kế:
  • Typography 
  • Color Contrast – Highlight 
  • Spacing – White Space – Grid 
  • Alignment 
  • Visual Hierrachy 
  • Visual Balance – Harmony 
  • Consistency 
• 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: Xây dựng giao diện web HTML5 & CSS3, JQUERY
Thời lượng: 36h~12 buổi

Mục đích môn học

• Tự tin phân tích được giao diện web layout (Photoshop) để dựng và chọn lựa thẻ HTML phù hợp cho nội dung trang web.
• Nắm rõ nguyên tắc dựng giao diện HTML với khung DIV và các thành phần HTML chuẩn.
• Tạo được các thành phần web bằng HTML5 - CSS3 (Menu, Slide, Tab, Button, …)
• Cắt được đầy đủ giao diện HTML5 - CSS3 từ giao diện web layout Photoshop một cách dễ dàng.
• Biết giới hạn của HTML5, CSS3 và những phần việc HTML5 - CSS3 làm được khi thiết kế 1 website.    
• Hiểu bản chất jQuery là gì và sử dụng nó khi nào.
• Chuyển đổi được các giao diện tĩnh (HTML5 - CSS3) tương tác động khi bổ xung thêm jQuery.
• Tạo đầy đủ các thành phần giao diện cần phải có sự hỗ trợ của jQuery (Menu xổ, slide, gallery hình ảnh, Tag, accordition, form validation)
 

Nội dung đào tạo: 
 

• 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
  • Sử dụng thư viện jQuery
  • Tích hợp Plugin jQuery
  • Tùy biến thành phần jQuery
• Ứng dụng framework Bootstrap 4
  • Sử dụng Bootstrap dựng HTML
  • Sử dụng Bootstrap CSS Class để định dạng HTML
• Code chuyên nghiệp với SASS và Emmet
  • Sử dụng SASS
  • Sử dụng Emmet

Phần 3: Lập trình web PHP & MySQL

Thời lượng: 36h

Mục đích:

• Làm web động với PHP, hiểu các kỹ thuật web động thông dụng
• Biết cách phân tích web tĩnh (HTML5 - CSS3) xây dựng CSDL và dùng PHP làm các thành phần cập nhật dữ liệu cho PHP
• Làm những website đơn giản (tin tức, shop bán hàng, …)
 

Nội dung đào tạo
 

• PHP – MySQL cơ bản
  • Thiết lập môi trường, các loại thành phần cơ bản (biến, lệnh output, lệch điều khiển)
  • Tạo cơ sở dữ liệu, kết nối cơ sở dữ liệu, output dữ liệu bằng php ra frontend
• Lập trình hướng đối tượng.

  • Các loại biến PHP và tác dụng

    • Hàm và đối tượng
    • Biến cơ bản để lưu trữ
    • Biến phiên làm việc Session
    • Biến GET, POST truyền dữ liệu qua URL và Form
• Sử dụng xTemplate
  • Đưa dữ liệu ra Template
• Tìm hiểu cơ bản WordPress – Các thành phần code WordPress
  • Cài đặt, thiết lập môi trường
  • Theme, Plugin, Page Template, Header, Footer, Sidebar, Post Format, Archive
• Khai báo các thành phần quản trị WordPress
  • Menu, Sidebar, Widget, Post, Page, Category, Fields, Thumbnail, Customizer, PageNav, Shortcode, Block, Comment
• Xây dựng mở rộng Menu
• Xây dựng Element WordPress

Học viên sẽ tham gia trực tiếp vào các dự án thiết kế web của chúng tôi – công ty VNSKILLS SOLUTIONS - một trong những công ty chuyên thiết kế website uy tín tại Việt Nam

VĂN BẰNG - CHỨNG CHỈ

Học viên đủ điều kiên Kết thúc khóa học, học viên sẽ được cấp chứng nhận hoàn thành khóa học do VnSkills Academy cấp.

LƯU Ý:

1. Học viên muốn tham gia khóa học thiết kế giao diện Website bằng Photoshop đăng ký học: TẠI ĐÂY

2. Học viên muốn tham gia khóa học xây dựng giao diện website HTML5 CSS3, jQuery đăng ký: TẠI ĐÂY

3. Học viên có kiến thức về thiết kế giao diện Web HTML5 CSS3 và muốn tham gia khóa học Lập trình Web PHP & My SQL đăng ký học: TẠI ĐÂY


 

Lưu ý: Học viên có thể đăng ký trước để được hưởng khuyến mãi rồi bảo lưu đến khi có thể đi học được.
 

LỊCH KHAI GIẢNG KHÓA HỌC: Khai giảng liên tục hàng tuần