Thiết kế giao diện người dùng XD + Mã hóa bản sao Danh mục web đáp ứng tương tác!

Bạn đã bao giờ có những lo lắng như thế này chưa? Bạn đã học React nhưng không biết nên tạo ra cái gì. Bạn muốn làm portfolio nhưng ngoài ứng dụng Todo ra thì không nghĩ ra được gì khác. Các API bản đồ hay API công cộng trông có vẻ khó nên bạn thậm chí còn chưa dám thử. Bạn chưa từng thử triển khai (deploy) nên dự án luôn chỉ dừng lại ở mức "dự án local". Code ngày càng trở nên phức tạp và bạn không biết phải thiết kế cấu trúc như thế nào. 🎯 Vấn đề mà khóa học này sẽ giải quyết Khóa học này không đơn thuần chỉ dạy bạn cách hiển thị bản đồ. ✔ Cách kết nối API công cộng vào dịch vụ thực tế ✔ Cách thiết kế SDK bản đồ một cách ổn định trong cấu trúc React ✔ Tối ưu hóa Marker và cấu trúc tái sử dụng InfoWindow ✔ Thiết kế quản lý trạng thái bằng Context ✔ Ứng dụng thực tiễn Tailwind + SCSS ✔ Sắp xếp GitHub và triển khai lên Vercel Tôi sẽ hướng dẫn bạn cách thiết kế theo cấu trúc dịch vụ thực tế chứ không chỉ là "triển khai tính năng". 💡 Đây không phải là khóa học chỉ để gõ theo một cách máy móc Tại sao lại dùng useRef? Tại sao không được tạo mới Marker mỗi lần? Tại sao phải tách biệt các trạng thái (state)? Tại sao phải quản lý biến môi trường riêng biệt trong môi trường triển khai? Mọi lựa chọn đều có lý do của nó. Khóa học này sẽ giải thích những "lý do" đó. 🚀 Sau khi học xong, bạn sẽ đạt được: Hoàn thành 1 dự án portfolio dựa trên bản đồ Có kinh nghiệm kết nối API công cộng Hiểu cấu trúc gắn các SDK bên ngoài vào React Có kinh nghiệm thiết kế cấu trúc dự án kiểu thực tế Sở hữu kinh nghiệm triển khai dự án Và trong buổi phỏng vấn, bạn có thể tự tin nói rằng: “Tôi đã trực tiếp thiết kế và triển khai dịch vụ bản đồ dựa trên API công cộng.” Chỉ một câu nói này thôi cũng tạo nên sự khác biệt lớn. 👩‍💻 Khuyên dùng cho những đối tượng sau: Những người đã biết cú pháp React cơ bản nhưng thiếu kinh nghiệm làm dự án Những người muốn tạo portfolio để xin việc Những người muốn thử làm dự án về Bản đồ/API công cộng Những người muốn học cách thiết kế gần với thực tế công việc 🔥 Mục tiêu của khóa học này Khóa học này không phải là học "cách tạo bản đồ", mà là học "tư duy thiết kế một dịch vụ".

Cơ bản

React, REST API, Web API

Hoàn thiện Portfolio React thực tế – Tạo dịch vụ bản đồ + API công cộng (đến bước triển khai)

lizb

792.215 ₫

Cơ bản / React, REST API, Web API, GitHub, vercel

5.0

(2)

Khái niệm cơ bản về HTML5 CSS3 và tạo mẫu web đáp ứng!

lizb

762.874 ₫

Nhập môn / HTML/CSS, Responsive Web

5.0

(9)

200+

Bài giảng trên web đáp ứng dành cho người mới bắt đầu được tạo ra chỉ với những phần trích xuất thiết yếu cần thiết để sử dụng thực tế cho người mới bắt đầu tìm hiểu các tiêu chuẩn web!

Nhập môn

HTML/CSS, Responsive Web

Khái niệm cơ bản về HTML5 CSS3 và tạo mẫu web đáp ứng!

lizb

762.874 ₫

Nhập môn / HTML/CSS, Responsive Web

5.0

(9)

200+

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!

Trong thực tế! Tạo trang web! Từng bước một! (Mudesign_Web đáp ứng)

jyoung

Cơ bản / HTML/CSS, jQuery, Interactive Web, Responsive Web

4.8

(20)

[Từng bước tạo trang web] Đây là bài giảng gồm ba bước và là quá trình tạo trang chính của Musign (https://musign.net). Thông qua quá trình tạo và triển khai trang web tương tác tuyệt đẹp có trong trang web, chúng tôi sẽ dạy cho bạn bí quyết thực tế cốt lõi để tạo các bố cục phức tạp một cách dễ dàng và nhanh chóng ^^

Cơ bản

HTML/CSS, jQuery, Interactive Web

Trong thực tế! Tạo trang web! Từng bước một! (Mudesign_Web đáp ứng)

jyoung

Cơ bản / HTML/CSS, jQuery, Interactive Web, Responsive Web

4.8

(20)

Tạo portfolio tương tác bằng R3F (React + Three.js / Typescript)

taejaehan

3.697.004 ₫

Cơ bản / Interactive Web, Three.js, TypeScript, React, webgl, gsap

5.0

(5)

React và Three.js cùng một lúc! Bạn có thể học từ Vector, nền tảng của web tương tác, đến GSAP. Mẹo và bí quyết để tích hợp 3 ví dụ vào một portfolio!

Cơ bản

Interactive Web, Three.js, TypeScript

Tạo portfolio tương tác bằng R3F (React + Three.js / Typescript)

taejaehan

3.697.004 ₫

Cơ bản / Interactive Web, Three.js, TypeScript, React, webgl, gsap

5.0

(5)

Thực chiến! Làm trang web! Từng bước một! (Y Studio_Web thích ứng)

jyoung

Cơ bản / HTML/CSS, jQuery, Interactive Web, Responsive Web

4.9

(16)

Thực chiến! Thiết kế website! Với khóa học ứng dụng Step By Step, đây là quá trình sử dụng HTML/CSS/jQuery và plug-in để xây dựng lại y hệt trang chủ của Y Studio (http://www.ystudio.co.kr/). (Có đính kèm file hoàn thiện của bài giảng!)

Cơ bản

HTML/CSS, jQuery, Interactive Web

Thực chiến! Làm trang web! Từng bước một! (Y Studio_Web thích ứng)

jyoung

Cơ bản / HTML/CSS, jQuery, Interactive Web, Responsive Web

4.9

(16)

Three.js 3D tương tác bắt đầu ngay

coding11

2.259.280 ₫

Cơ bản / Interactive Web, Three.js

4.5

(30)

400+

Chương trình học được xây dựng để dùng Three.js ngay vào thực tế!

Cơ bản

Interactive Web, Three.js

Three.js 3D tương tác bắt đầu ngay

coding11

2.259.280 ₫

Cơ bản / Interactive Web, Three.js

4.5

(30)

400+

Tạo kiểu UI web tuyệt vời với Tailwind CSS

codingworks

1.584.430 ₫

Cơ bản / TailwindCSS, Responsive Web, HTML/CSS

5.0

(32)

Khóa học [Tạo UI Web tuyệt đẹp với Tailwind CSS] bao gồm 19 giờ học kỹ lưỡng về Tailwind CSS v3.4.1 - framework hot nhất hiện nay, từ lý thuyết đến thực hành xây dựng website responsive thực tế. Thời lượng học dài không đồng nghĩa với một khóa học tốt. Tuy nhiên, tôi tự tin khẳng định đây là một khóa học vừa có thời lượng dài vừa có chất lượng tốt. Đặc biệt, vì khóa học đi sâu vào chi tiết toàn bộ lý thuyết Tailwind CSS trong suốt 8 giờ 30 phút, nên ngay cả những người còn thiếu kiến thức nền tảng về CSS cũng có thể học tập một cách đầy đủ. Khóa học này được xây dựng tập trung vào kỹ năng styling Tailwind CSS dành cho cả nhà phát triển (Developer) và người thiết kế giao diện (Publisher).

Cơ bản

TailwindCSS, Responsive Web, HTML/CSS

Tạo kiểu UI web tuyệt vời với Tailwind CSS

codingworks

1.584.430 ₫

Cơ bản / TailwindCSS, Responsive Web, HTML/CSS

5.0

(32)

Tạo UX di động hiệu quả (thiết kế + mã hóa)

usefulit

Cơ bản / HTML/CSS, jQuery, XD

4.5

(46)

106,900+

Sau khi thiết kế bố cục web và ứng dụng cho nhiều thiết bị khác nhau bằng chương trình Photoshop và Adobe XD, bạn sẽ có thể học các kỹ năng viết mã đơn giản và tự mình triển khai chúng.

Cơ bản

HTML/CSS, jQuery, XD

Tạo UX di động hiệu quả (thiết kế + mã hóa)

usefulit

Cơ bản / HTML/CSS, jQuery, XD

4.5

(46)

106,900+

Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] Bootcamp

youngcodikimssam

25%

Cơ bản / HTML/CSS, Responsive Web, Interactive Web

5.0

(4)

Đây là buổi học thực hành của khóa học tạo trang web responsive có thể triển khai nhiều layout khác nhau cho từng thiết bị chỉ bằng html/css/js thuần túy mà không cần sử dụng BOOTSTRAP (phiên bản mới nhất năm 2024).

Cơ bản

HTML/CSS, Responsive Web, Interactive Web

Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] Bootcamp

youngcodikimssam

25%

Cơ bản / HTML/CSS, Responsive Web, Interactive Web

5.0

(4)

Lớp học thiết kế UI Figma từ cơ bản đến thực tế

bolduxlab

Nhập môn / Web Design, Prototyping, Figma, Responsive Web, product design

4.9

(32)

Phản hồi thường xuyên

Từ cơ bản đến thực chiến, khóa học UI Design toàn diện hoàn thành mọi thứ chỉ với Figma! Làm chủ hoàn hảo các kỹ năng thực chiến từ tính năng cốt lõi Auto Layout·Component đến thiết kế responsive, handoff hiệu quả và làm việc nhóm. Bắt đầu ngay hôm nay để nâng cấp năng lực thiết kế của bạn lên một tầm cao mới!

Nhập môn

Web Design, Prototyping, Figma

Lớp học thiết kế UI Figma từ cơ bản đến thực tế

bolduxlab

Nhập môn / Web Design, Prototyping, Figma, Responsive Web, product design

4.9

(32)

Phản hồi thường xuyên

Tạo trang web phản hồi bằng BOOTSTRAP3

usefulit

Cơ bản / Bootstrap, Responsive Web

4.9

(83)

99,900+

Đây là bài giảng về cách sử dụng Bootstrap để tạo một trang web phản hồi có bố cục thay đổi tùy theo thiết bị.

Cơ bản

Bootstrap, Responsive Web

Tạo trang web phản hồi bằng BOOTSTRAP3

usefulit

Cơ bản / Bootstrap, Responsive Web

4.9

(83)

99,900+

Tìm hiểu web tương tác bằng cách tạo trò chơi trên web! JAVASCRIPT

ggangcoding162118

1.819.161 ₫

24%

1.379.041 ₫

Cơ bản / Interactive Web, JavaScript, HTML/CSS

4.7

(26)

Một lớp học nơi bạn có thể tạo trò chơi web và học các kỹ năng phát triển web front-end! Chúng tôi đã tạo một lớp về cách tạo trò chơi bằng JavaScript, CSS và HTML bằng ý tưởng của riêng mình!

Cơ bản

Interactive Web, JavaScript, HTML/CSS

Tìm hiểu web tương tác bằng cách tạo trò chơi trên web! JAVASCRIPT

ggangcoding162118

1.819.161 ₫

24%

1.379.041 ₫

Cơ bản / Interactive Web, JavaScript, HTML/CSS

4.7

(26)

Bootcamp thực hành: Thiết kế web responsive với Bootstrap

youngcodikimssam

25%

Cơ bản / Bootstrap, Responsive Web, Web Design, HTML/CSS

5.0

(4)

Trong buổi học thực hành của khóa học "Xây dựng trang web phản hồi bằng BOOTSTRAP [Ấn bản sửa đổi năm 2024]", chúng ta sẽ trực tiếp xây dựng một trang web thực tế có bố cục thay đổi theo thiết bị, sử dụng Bootstrap 4.

Cơ bản

Bootstrap, Responsive Web, Web Design

Bootcamp thực hành: Thiết kế web responsive với Bootstrap

youngcodikimssam

25%