Sử dụng ScrollTrigger của GSAP để tạo portfolio

Khóa học Full-stack từ thiết kế đến lập trình và triển khai!! [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Triển khai Vercel] Hoàn thiện thiết kế của riêng bạn bằng Vibe Coding! Cẩm nang chinh phục Full-stack giúp tăng năng suất làm việc gấp 5 lần nhờ ứng dụng AI! Bạn cũng có thể trở thành một Nhà thiết kế Full-stack có khả năng đảm nhận cả thiết kế lẫn lập trình. ✅ Hiện thực hóa ý đồ thiết kế chính xác đến từng pixel không sai lệch ✅ Thiết kế cấu trúc mà AI có thể hiểu được ✅ Xây dựng câu lệnh (prompt) để kiểm soát AI một cách chính xác ✅ Phân tích và chỉnh sửa cả những mã code do AI tự ý viết ra Bạn sẽ được học quy trình làm việc thực tế như trên. Đây là khóa học dạng dài kỳ được mở theo 2 đợt: ✅ Mở đợt 1: Ngày 22 tháng 02 năm 2026 - Figma - Thiết kế chế độ Desktop - Figma - Đăng ký Variables và cách đặt tên (naming) - Figma - Thiết kế chế độ Tablet & Mobile - Chuẩn bị cho Vibe Coding - Thực chiến! Vibe Coding - Refactoring áp dụng Tailwind - Quản lý phiên bản bằng Git và triển khai trên Github ✅ Mở đợt 2: Ngày 09 tháng 03 năm 2026 (Mở dần theo thứ tự) - Refactoring React.js và triển khai trên Vercel - Hiện thực hóa Web tương tác thông qua JavaScript

Khóa học được thiết kế theo phiên bản Figma UI3, giúp bạn hoàn thành chương trình từ cơ bản đến thực tế một cách hệ thống, dễ hiểu và nhanh chóng.

Nó củng cố những kiến ​​thức cơ bản cho người mới bắt đầu về HTML/CSS và tất nhiên, Bạn có thể tìm hiểu những cách thiết thực để tạo bố cục đáp ứng.

Trong thực tế! Tạo trang web từng bước! Đây là quá trình tạo trang chính của Phomein (https://www.phomein.com/brand/main/main.do). 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 ^^

Trong thực tế! Tạo trang web từng bước! Là một khóa học giới thiệu, Đây là khóa học nơi bạn có thể tìm hiểu rõ ràng các khái niệm về HTML và CSS trong khi tạo các bố cục cơ bản khác nhau.

Trong thực tế! Tạo trang web từng bước! Đây là quá trình tạo trang chính của Crew Alamode (https://crewalamode.com/). 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.

'Khách sạn Hyundai Lahan_Chi nhánh Mokpo' Khóa học này nói về việc tạo và triển khai một trang chính của trang web thực tế thông qua việc tạo trang web. Đối với những người có kiến ​​thức HTML/CSS cơ bản, đây là trải nghiệm thực hành sản xuất trang web sẽ giúp bạn hiểu về đánh dấu HTML và sản xuất Bố cục cũng như các kỹ năng web cần thiết như Fixheader, Image Slider, MenuOpen Bar và sản xuất Hoạt ảnh cuộn! Đây là một bài giảng.

Đây là khóa học ứng dụng sản xuất trang web hướng dẫn bạn cách tạo và triển khai trang chính của trang web thực tế. Một trang web được hoàn thiện bằng cách sửa đổi và cải thiện từng mã hóa bằng cách thêm Tiêu đề cố định, Thanh trượt hình ảnh, Điều hướng trên thiết bị di động, Hoạt ảnh cuộn, khả năng phản hồi, v.v. vào cấu trúc mã hóa đơn giản tập trung vào bố cục và hoạt ảnh của Khóa học cơ bản, một trang web được mở dưới dạng bài giảng miễn phí. Đây là một bài giảng. (Đối với khóa học này, bạn phải tham gia Khóa học Trợ giúp Cơ bản để thấy được hiệu quả học tập lớn nhất.)

[Từng bước sản xuất trang web] Khóa học cơ bản, đây là quá trình tạo trang chính của Dopda (http://dopda.co.kr/). Khóa học cơ bản này đề cập đến việc tạo và tạo hoạt ảnh bố cục CSS, sau đó là khóa học Ứng dụng bằng cách thêm các yếu tố tương tác như hiệu ứng trượt hình ảnh, sản xuất đáp ứng, hoạt ảnh cuộn và Tiêu đề sửa lỗi.

[Từng bước tạo trang web] Đây là khóa học dành cho người mới bắt đầu, trong đó bạn sẽ tạo trang chính của tạp chí web Thế hệ người tiêu dùng Hàn Quốc (hiện đã được đổi mới).

[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 ^^

[Từng bước sản xuất trang web] Đây là bài giảng gồm 3 bước và là quá trình tạo trang chính của Daebang Industries. Đây là một khóa học vừa khó vừa tuyệt vời vì đây là một quá trình tạo và triển khai trang web tương tác tuyệt đẹp có trong trang web.

Đây là khóa học Cơ bản trong chuỗi "Thực chiến! Thiết kế trang web! Step by Step!", giúp bạn hiểu rõ và vận dụng hoàn hảo việc xây dựng bố cục (layout) chế độ PC và thiết kế trang web phản hồi (responsive) thông qua quá trình thực hành tạo website (Hanwha Chemical/Solutions) bằng HTML5 và CSS3. (Có đính kèm tệp hoàn thiện của bài giảng!)

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!)

Nếu bạn đã học HTML&CSS và JavaScript, hãy sử dụng chúng để tự tạo và triển khai trang portfolio của riêng mình. Thực hành sẽ giúp bạn cải thiện kỹ năng của mình rất nhiều.

Từ giới thiệu về TailwindCSS đến đào tạo thực tế chỉ trong một bài giảng! Thiết kế đáp ứng từ bố cục bố cục cho hai dự án! Chế độ tối! Hãy học nó một cách hoàn hảo.

Khóa học này bao gồm ngữ pháp HTML cơ bản. Có rất nhiều nghiên cứu điển hình và chúng tôi thậm chí còn dạy cho bạn ngữ pháp mới nhất có thể sử dụng trong thực tế.

Chúng tôi sẽ chỉ cho bạn cách tạo một trang portfolio tuyệt vời bằng Vite, React, Vue và Next.js. Nó phù hợp cho các nhà phát triển muốn cải thiện kỹ năng phát triển front-end của họ ở mức độ thực tế bằng cách sử dụng nhiều framework khác nhau.

jQuery, thư viện javascript được sử dụng bởi hơn 75% trang web trên toàn thế giới! Nội dung khóa học được xây dựng để bạn có thể củng cố những kiến thức cơ bản, hiểu rõ nguyên lý hoạt động thay vì chỉ tập trung vào những hiệu ứng hào nhoáng. Hãy học từ cơ bản đến nâng cao về jQuery để hoàn thành portfolio của riêng bạn hoặc áp dụng ngay vào công việc thực tế.

Lý thuyết cơ bản + Thực hành thiết kế UXUI Chiến lược tìm việc trong lĩnh vực thiết kế UXUI

We'll thoroughly delve into HTML5, from the basics that frontend beginners must learn, to advanced topics!

Khóa học tất cả trong một dành cho nhà thiết kế và nhà phát triển! UI3 mới được phản ánh

Sass là ngôn ngữ mở rộng cho CSS. Nó bù đắp những thiếu sót của CSS để đảm bảo năng suất tuyệt vời, đồng thời mạnh mẽ và ngắn gọn. Tìm hiểu Sass bằng cách học cú pháp cơ bản và tận hưởng mã hóa sao chép bằng những gì bạn đã học. Vui hơn và ít căng thẳng hơn!

Bắt đầu từ một người không chuyên cho đến khi dẫn dắt các dự án UX quy mô lớn tại các tập đoàn công nghệ toàn cầu như IBM và Oracle, tôi xin chia sẻ những kiến thức UX mà mình đã tích lũy được qua vô số thử nghiệm và sai sót. Đây là khóa học nhập môn giúp bạn củng cố nền tảng thiết kế UX và tạo bước nhảy vọt cho giai đoạn chuẩn bị xin việc tiếp theo.

Vẽ hình ảnh đơn giản bằng SVG rồi áp dụng vào trang web. Nếu áp dụng vào portfolio, trang sẽ trở nên nổi bật.

Khóa học đầy đủ nhất mà ngay cả người mới bắt đầu cũng có thể học được, bao gồm web, máy chủ, ứng dụng di động và học máy!! Nếu bạn không biết nên bắt đầu phát triển từ đâu, tôi thực sự khuyên bạn nên tham gia khóa học này. Chúng ta hãy tiến hành chỉ với Javascript!

🔥 Xây dựng nền tảng học Hán tự tùy chỉnh! Với Google Gemini AI và Firestore, bạn có thể tự tạo sổ từ Hán tự, hoạt hình nét bút, và cả nhận diện chữ viết!

📌 Khóa học này bắt đầu với dự án Tic-Tac-Toe AI chiến lược, và hoàn thiện các khái niệm cốt lõi của lập trình hướng đối tượng thông qua các ví dụ thực tế. Rèn luyện tư duy thiết kế logic và chiến lược AI thông qua việc xây dựng game, sau đó trải nghiệm trực tiếp các kỹ thuật thiết kế OOP như kế thừa, composition, delegation, và encapsulation thông qua code. Khóa học được khuyến nghị cho những ai muốn phát triển thành 'nhà phát triển biết thiết kế' vượt ra ngoài cú pháp thông qua dự án thực tế.

Khóa học Full-stack từ thiết kế đến lập trình và triển khai!! [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Triển khai Vercel] Hoàn thiện thiết kế của riêng bạn bằng Vibe Coding! Cẩm nang chinh phục Full-stack giúp tăng năng suất làm việc gấp 5 lần nhờ ứng dụng AI! Bạn cũng có thể trở thành một Nhà thiết kế Full-stack có khả năng đảm nhận cả thiết kế lẫn lập trình. ✅ Hiện thực hóa ý đồ thiết kế chính xác đến từng pixel không sai lệch ✅ Thiết kế cấu trúc mà AI có thể hiểu được ✅ Xây dựng câu lệnh (prompt) để kiểm soát AI một cách chính xác ✅ Phân tích và chỉnh sửa cả những mã code do AI tự ý viết ra Bạn sẽ được học quy trình làm việc thực tế như trên. Đây là khóa học dạng dài kỳ được mở theo 2 đợt: ✅ Mở đợt 1: Ngày 22 tháng 02 năm 2026 - Figma - Thiết kế chế độ Desktop - Figma - Đăng ký Variables và cách đặt tên (naming) - Figma - Thiết kế chế độ Tablet & Mobile - Chuẩn bị cho Vibe Coding - Thực chiến! Vibe Coding - Refactoring áp dụng Tailwind - Quản lý phiên bản bằng Git và triển khai trên Github ✅ Mở đợt 2: Ngày 09 tháng 03 năm 2026 (Mở dần theo thứ tự) - Refactoring React.js và triển khai trên Vercel - Hiện thực hóa Web tương tác thông qua JavaScript

Để tìm được việc làm, bạn cần phải tham gia phỏng vấn thường xuyên. Và để có được nhiều cơ hội phỏng vấn, việc sở hữu một trang web portfolio cá nhân dành cho Publisher thật ấn tượng là điều bắt buộc. Đây là tài liệu hướng dẫn (PDF) xây dựng trang web portfolio cá nhân chất lượng, được Coding Works dành trọn tâm huyết biên soạn. Nội dung của tài liệu này không thể tìm thấy thông qua việc tìm kiếm trên Google. Đây là cuốn hướng dẫn xây dựng portfolio cá nhân dành cho Publisher duy nhất trên thế giới, đúc kết từ kinh nghiệm nhiều năm giảng dạy lý thuyết, thực hành và hướng dẫn làm portfolio cho hơn 300 học viên tại hiện trường của Coding Works, giúp các bạn nhanh chóng trúng tuyển vào công ty mong muốn.

Nó được tạo ra để bất kỳ ai cũng có thể vượt qua kỳ thi theo tiêu chí kỳ thi kỹ thuật viên thiết kế web phiên bản 2023. Hãy cùng tìm hiểu 5 loại và vượt qua nhanh chóng nhé!

Coding Works đã dồn hết tâm huyết vào việc tạo ra sản phẩm này, dựa trên kinh nghiệm hướng dẫn hồ sơ việc làm cho khoảng 200 học viên học viện ngoại tuyến với tư cách là nhà xuất bản mới. 'Trang chủ danh mục đầu tư cá nhân' của nhà xuất bản thu hút các cuộc phỏng vấn và việc làm Khóa học sản xuất là hướng dẫn toàn diện sẽ dạy bạn cách thức và nơi bắt đầu chuẩn bị trang chủ danh mục đầu tư cá nhân, điều cần thiết để có được việc làm tại một nhà xuất bản. Khóa học có hơn 19 giờ nội dung bài giảng. Những điều cần thiết để xuất bản trước khi tạo trang chủ danh mục đầu tư cá nhân, những điều cơ bản quan trọng nhất về xuất bản để làm việc và thực hành, jQuery và JavaScript để làm việc & Nhiệm vụ lập trình, cách tạo kết quả danh mục đầu tư để đưa lên trang chủ danh mục đầu tư cá nhân, bố cục nội dung và chi tiết theo từng mục của trang chủ danh mục đầu tư cá nhân, phân biệt các công ty để ứng tuyển & Tài liệu này chứa mọi thông tin bạn cần biết với tư cách là một nhà xuất bản mới, bao gồm các mẹo phỏng vấn nhà xuất bản thực tế.

Đây là khóa học chuỗi fullstack nhằm mục tiêu phát triển dịch vụ web và app ở mức độ có thể thương mại hóa thực tế cho người mới bắt đầu, dựa trên kinh nghiệm phát triển dịch vụ web thực tế trong công việc. Đây là khóa học Part2 để đạt được mục tiêu này, là khóa học tổng hợp vững chắc và toàn diện về HTML5, CSS3 hiện đại, Javascript thuần (Vanilla Javascript) + ES6 có xem xét đến tính responsive và tương thích trong các công nghệ frontend đa dạng.

Dữ liệu có thể được xử lý và thể hiện dưới dạng bảng, nhưng điều quan trọng nhất là phải thể hiện dữ liệu sao cho con người chỉ nhìn thoáng qua là có thể hiểu được.