강의

멘토링

커뮤니티

Programming

/

Web Development

Vanilla JavaScript & Tailwind CSS

Phát triển Web UI thực chiến: Học ứng dụng AI và xây dựng UI theo hướng component, Khóa học thiết yếu cho designer + developer!

(5.0) 1 đánh giá

10 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

  • Michael Kwon
JavaScript
JavaScript
vanilla-javascript
vanilla-javascript
frontend
frontend
TailwindCSS
TailwindCSS
Web Design
Web Design
JavaScript
JavaScript
vanilla-javascript
vanilla-javascript
frontend
frontend
TailwindCSS
TailwindCSS
Web Design
Web Design

Bạn sẽ nhận được điều này sau khi học.

  • Sử dụng Vite, bạn có thể xây dựng môi trường phát triển nhanh chóng và hiệu quả.

  • Học cách thao tác DOM, xử lý sự kiện và triển khai UI động bằng Vanilla JavaScript.

  • Dùng Tailwind CSS giúp làm UI nhanh, không cần viết CSS dài.

  • Thông qua AI Code Assistant, có thể rút ngắn thời gian viết mã và nâng cao chất lượng.

  • Triển khai trực tiếp các UI thường dùng trong thực tế như modal, dropdown, accordion, toggle menu.

Bạn muốn nhanh chóng xây dựng nền tảng và học cách phát triển web hiện đại? 🚀

Khóa học này là khóa học phát triển web thực tế dành cho các nhà thiết kế và phát triển. Tìm hiểu cách tạo kiểu và triển khai hiệu quả các thành phần UI thiết yếu thường được sử dụng trong thực tế chỉ bằng JavaScript gốc và TailwindCSS, mà không cần bất kỳ khuôn khổ nào như React hoặc Vue.

Tìm hiểu về những điều này

1⃣ Cơ bản về JavaScript Vanilla

Chúng tôi sẽ đề cập đến mọi thứ từ ngữ pháp cơ bản đến thao tác DOM và xử lý sự kiện thông qua vanilla-javascript, nền tảng của phát triển web. Bạn sẽ học cách viết mã hoạt động mà không cần framework và có được hiểu biết vững chắc về các khái niệm cốt lõi của JavaScript.

2⃣ Tạo kiểu nhanh chóng với TailwindCSS

Tìm hiểu Tailwind CSS, cho phép bạn tạo ra các thiết kế web phức tạp chỉ bằng cách sử dụng các lớp mà không cần phải viết CSS phức tạp. Áp dụng nhanh các kiểu như màu nền, lề và kích thước phông chữ, đồng thời dễ dàng tạo trang web đáp ứng.

tailwindcss

3⃣ Dự án thực tế (phát triển thành phần UI)

Tập trung vào phát triển thành phần UI , chúng tôi sẽ tạo các cửa sổ modal , menu thả xuốngmenu accordion thường được sử dụng trên các trang web thực tế. Kết nối thiết kế và vận hành, xây dựng các kỹ năng có thể áp dụng trực tiếp vào công việc giao diện người dùng.

4⃣ Sử dụng AI

Bạn cũng sẽ học cách sử dụng các công cụ AI (Google Gemini) để giúp quá trình phát triển và thiết kế của bạn diễn ra nhanh hơn và thông minh hơn.

🎯 Đối tượng mục tiêu của khóa học (Ai sẽ tham gia khóa học này?)

  1. Nhà thiết kế web → Bất kỳ ai muốn học Tailwind CSS và cộng tác với các nhà phát triển

  2. Nhà phát triển Front-end mới bắt đầu → Bất kỳ ai muốn học phát triển UI bằng Vanilla JS và Tailwind

  3. Các nhà thiết kế đang cân nhắc chuyển sang làm nhà phát triển → Những người muốn sử dụng khiếu thẩm mỹ thiết kế của mình để phát triển web

  4. Nhà phát triển khởi nghiệp → Những người muốn tạo nguyên mẫu nhanh chóng

  5. Các nhà phát triển thấy CSS khó → Những người muốn dễ dàng xử lý CSS thông qua Tailwind

Những điều cần lưu ý trước khi tham gia lớp học

Môi trường thực hành

  • Hệ điều hành và Phiên bản (OS): Hỗ trợ tất cả các hệ điều hành, bao gồm Windows, macOS và Linux.

  • Công cụ sử dụng: Visual Studio Code, Node.js & npm

  • Thông số kỹ thuật của PC: PC có thông số kỹ thuật cơ bản có thể truy cập Internet

Tài liệu học tập

  • Định dạng tài liệu học tập được cung cấp: Mã nguồn GitHub, tài liệu bài giảng văn bản

  • Khối lượng và dung lượng: Tài liệu học tập được cung cấp cho từng phần

Kiến thức của người chơi

Khóa học này được thiết kế dành cho người mới bắt đầu, chưa quen với lập trình hoặc phát triển web . Tuy nhiên, nếu bạn nắm được những kiến ​​thức cơ bản dưới đây, bạn có thể thực hiện dễ dàng hơn.

  • HTML, CSS cơ bản

  • Kiến thức cơ bản về Photoshop hoặc Figma


Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Nhà phát triển muốn hiện thực UI bằng JavaScript thuần túy không dùng framework

  • Designer & Web Publisher muốn styling nhanh mà không cần CSS

  • Những ai muốn tự tay làm các UI component thường dùng trong thực tế

  • Người muốn thành thạo quy trình cộng tác giữa designer và developer

  • Người muốn học môi trường phát triển web mới nhất và phương pháp phát triển hiệu quả

Cần biết trước khi bắt đầu?

  • html, css cơ bản

Xin chào
Đây là

243

Học viên

30

Đánh giá

17

Trả lời

4.9

Xếp hạng

5

Các khóa học

Bắt đầu với vai trò là người sáng tạo nội dung đa phương tiện tại một startup, tôi không chỉ dừng lại ở một lĩnh vực mà đã dẫn dắt việc lập kế hoạch và phát triển trong các lĩnh vực trò chơi, web và đa phương tiện, đồng thời ra mắt nhiều sản phẩm thương mại đa dạng trong thực tế. Tôi tốt nghiệp chuyên ngành Truyền thông Kỹ thuật số và Điện ảnh tại trường đại học, hiện đang xây dựng các bài hướng dẫn (tutorial) đồng thời giảng dạy về thiết kế web, phát triển front-end và giáo dục truyền thông (hơn 10 năm) tại các tổ chức giáo dục lớn.

- Tác phẩm -

Sách dự án JavaScript (Hanbit Media, 2017)

Chương trình giảng dạy

Tất cả

35 bài giảng ∙ (4giờ 44phút)

Tài liệu khóa học:

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

1 đánh giá

5.0

1 đánh giá

  • ppipa20102977님의 프로필 이미지
    ppipa20102977

    Đánh giá 5

    Đánh giá trung bình 5.0

    5

    30% đã tham gia

    705.102 ₫

    Khóa học khác của Michael Kwon

    Hãy khám phá các khóa học khác của giảng viên!

    Khóa học tương tự

    Khám phá các khóa học khác trong cùng lĩnh vực!