Khóa Học Pro xin hân hạnh chia sẻ Khóa Học Front-end cho Designer – Telos – Toàn Bùi
Xin lưu ý: Nếu bạn có điều kiện, hãy mua khóa học gốc để ủng hộ tác giả và đội ngũ làm khóa học để họ có thể mang tới nhiều hơn những khóa học chất lượng nhé!
Tóm Tắt Khóa Học:
Share khóa học "Front-end cho Designer – Telos – Toàn Bùi". Lập trình đã không còn xa lạ với nhiều người, học lập trình hiện nay không còn là một thách thức khó khăn. Thay vì phải dành nhiều thời gian và tài chính để tự học lập trình, bạn có thể tham gia khóa học của chúng tôi để tìm hiểu các công cụ cơ bản trong lập trình frontend. Chúng tôi sẽ hướng dẫn bạn, một designer cách thực hiện dự án cơ bản mà bạn có thể làm ngay.
Hơn nữa, khóa học không chỉ giúp bạn hiểu về lập trình, mà còn giúp bạn xây dựng tư duy lập trình để thấu hiểu quá trình xây dựng website. Điều này sẽ giúp bạn làm việc hiệu quả hơn với các lập trình viên trong các dự án tương lai. Kỹ năng này sẽ mang lại lợi thế cạnh tranh và giúp bạn thực hiện ý tưởng của mình.
Với khóa học này, bạn sẽ học được:
- Trong khóa học, bạn sẽ học rất nhiều kỹ năng quan trọng về thiết kế web. Ban đầu, bạn sẽ thấy các ví dụ về sản phẩm sử dụng HTML để hiểu cách HTML và CSS hoạt động.
- Bạn cũng sẽ được giới thiệu kiến thức cơ bản về JavaScript và cách nó tạo ra các hiệu ứng.
- Khóa học sẽ dạy bạn cách sử dụng CSS để tạo kiểu cho các thành phần trang web, từ đó hình thành tư duy hệ thống cho việc thiết kế.
- Cuối cùng, bạn sẽ có khả năng tạo ra trang web cá nhân dựa trên thiết kế của mình.
Với những kỹ năng và kiến thức học được từ khóa học, bạn sẽ trở thành một nhà thiết kế web chuyên nghiệp và tự tin hơn trong việc thực hiện các dự án thiết kế của riêng mình. Đừng ngần ngại, hãy đăng ký ngay khóa học để bắt đầu hành trình của bạn trong ngành thiết kế web!
Danh sách bài học:
Cảm ơn bạn vì đã chăm chỉ học tập. Khóa Học Pro xin chúc bạn học tập tốt và áp dụng hiệu quả những kiến thức đã học để tạo ra thêm nhiều giá trị cho bản thân, tổ chức, cộng đồng và xã hội nhé!BUỔI 1 HTML
• Giới thiệu tổng quan kiến trúc Frontend, thuật ngữ
• Kiểm tra code trên trình duyệt
• Layout trên web
• Cú pháp HTML
• Cài đặt phần mềm
• Thực hành
BUỔI 2 CSS
• Cú pháp CSS
• Selector (class, id)
• Thuộc tính, độ ưu tiên
• Định kiểu cho các thành phần html
• Layout đơn giản từ Figma
• Responsive
BUỔI 3 Sử dụng CSS Framework
• Giới thiệu TailwindCSS
• Cài đặt TailwindCSS
• Dàn layout
• Định kiểu theo thiết kế
BUỔI 4 CSS Framework, hiệu ứng với CSS và Javadiv
• Định kiểu theo thiết kế
• CSS animation
• Link javadiv vào HTML
• Sử dụng javadiv animation framework để tạo hiệu ứng đơn giản
BUỔI 5 Thực hành convert Figma sang HTML
• Convert thiết kế profile cá nhân (Figma) sang HTML, CSS, JS
• Convert một landing page sang HTML
BUỔI 6 Thực hành convert Figma sang HTML & Deploy lên online
• Convert một landing page sang HTML
• Tên miền và hosting
• Triển khai online
