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

Thông qua khóa học này, sinh viên sẽ có thể tạo một dịch vụ web tương tự như Instagram bằng cách sử dụng HTML, CSS và JS. (Chỉ triển khai front-end! Việc xây dựng máy chủ back-end sẽ được quay trong bài giảng sau.)

Bootstrap và UIkit là một trong những CSS Frameworks tiêu biểu, bạn sẽ được học cách sử dụng từ cơ bản đến nâng cao. Để có thể xin việc làm nhà xuất bản, bạn cần có một trang web cá nhân portfolio được thiết kế đẹp mắt. Để có thể trình bày các kết quả portfolio một cách tinh tế trên trang web cá nhân portfolio, bạn sẽ được học cách sử dụng chi tiết các thành phần UIkit như Slideshow, Slider, Lightbox, Full Screen Modal, Filter và các kỹ năng và bí quyết xuất bản để thực hành.

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

Danh mục thực hành web đáp ứng được thực hiện dễ dàng! Danh mục #Sulwhasoo

“GSAP có khả thi không?” Chúng tôi sẽ phá bỏ định kiến ​​hiện có rằng hoạt hình là phức tạp và khó khăn.

Khóa học này nói về cách tạo trang web danh mục đầu tư của riêng bạn chỉ bằng HTML, CSS và JS. Vì nó được phát triển bằng HTML, CSS và JS thuần túy mà không dựa vào thư viện nên bạn có thể nâng cao hiểu biết của mình về việc tạo trang web.

Đây là khóa học lập bản đồ nhà hàng đầy đủ, nơi bạn có thể tìm hiểu về front-end, back-end, cách sử dụng Kakao Map API và cách phân phối cùng lúc trong khi tạo bản đồ nhà hàng cho YouTuber yêu thích của bạn.

[Tailwind CSS thực tế portfolio publishing] là quá trình tạo ra hơn 26 ví dụ thực tế khác nhau bằng cách sử dụng Tailwind CSS. Chúng tôi sẽ nhanh chóng tạo ra nhiều ví dụ thực tế và giải thích các lý thuyết cần thiết trong đó. Khóa học này được tạo ra dựa trên phong cách Tailwind CSS do các nhà phát triển và nhà xuất bản tạo ra.

Khóa học bắt buộc dành cho những ai muốn trở thành Product Designer hoặc đang chuẩn bị xin việc/nhảy việc trong lĩnh vực UX! Tôi sẽ hướng dẫn dựa trên kinh nghiệm thực tế từ khâu lựa chọn dự án đến lập kế hoạch và thiết kế từng trang slide để tạo ra một portfolio có khả năng giải quyết vấn đề.

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ế.

Để 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.

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ế.

Khóa học "Hoàn thiện Portfolio dành cho người chuẩn bị xin việc ngành IT" là một khóa học thực chiến giúp biến các dự án bạn đã thực hiện trong lớp học không chỉ đơn thuần là sản phẩm đầu ra, mà trở thành một bộ hồ sơ năng lực và tài liệu phỏng vấn có sức thuyết phục đối với nhà tuyển dụng. Khóa học sẽ hướng dẫn từng bước cách sắp xếp dự án, thiết kế trang đầu tiên, mở rộng cấu trúc Case Study, và từ đó kết nối chúng với các câu trả lời phỏng vấn, lộ trình ứng tuyển, cũng như cách ghi lại quá trình vận hành và cải thiện dự án. Đây là khóa học đặc biệt phù hợp cho những sinh viên mới tốt nghiệp hoặc lập trình viên mới vào nghề đã tạo xong Portfolio nhưng chưa tự tin, hoặc còn đang mông lung không biết phải làm gì tiếp theo sau khi hoàn thành. Thông qua khóa học này, người học sẽ không dừng lại ở việc "đã từng làm" dự án, mà sẽ học được cách tái cấu trúc chúng thành "tài liệu và bằng chứng có thể sử dụng để xin việc".

Cuốn sách điện tử (PDF) hướng dẫn thực tế để tìm việc làm Publisher sẽ cung cấp cho bạn chi tiết các kỹ năng cơ bản về HTML+CSS+JQUERY cần thiết để tuyển dụng, bao gồm: phương pháp học publishing hiệu quả, cách chọn khóa học và giảng viên giỏi, bí quyết làm việc như người có kinh nghiệm dù là người mới, thói quen và nguyên tắc coding đúng đắn, cách tạo website portfolio cá nhân, kỹ năng phối hợp với thiết kế và lập trình viên, các trang web thiết yếu mà một Publisher cần biết, và cách nâng cao kỹ năng thiết kế UI bằng Photoshop. Ngoài ra, cuốn sách cũng giải thích chi tiết về các khóa đào tạo Publisher được chính phủ hỗ trợ học phí.

Bạn muốn thử triển khai một dự án cá nhân thành dịch vụ thực tế và muốn học về Kubernetes, nhưng các dịch vụ quản lý của AWS / GCP (như EKS, GKE,...) lại quá đắt đỏ. Tuy nhiên, nếu chỉ chạy trên máy tính cá nhân (local) thì rất khó để trải nghiệm các thiết lập mạng hay môi trường triển khai thực tế. Chúng ta sẽ tận dụng gói "Always Free" của Oracle Cloud (OCI) - dịch vụ có ưu đãi miễn phí mạnh mẽ nhất trong số các nền tảng đám mây công cộng hiện nay. Bằng cách cài đặt k3s nhẹ nhàng nhưng mạnh mẽ, bạn sẽ được hướng dẫn trực tiếp xây dựng từ đầu đến cuối một môi trường Kubernetes và máy chủ Linux có khả năng vận hành dịch vụ thực tế với chi phí 0 đồng. Sau khi hoàn thành khóa học, bạn sẽ có được sự hiểu biết tổng quan về mạng đám mây, đồng thời sở hữu nền tảng hạ tầng cụm Kubernetes của riêng mình để triển khai và vận hành miễn phí các ứng dụng do chính bạn tạo ra.

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!

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.

Tỷ lệ đậu toàn quốc 60%, lớp ta đậu 90%! Chỉ cần nắm rõ yêu cầu bài thi là được. Sách thực hành khó lắm, đừng mua.

Đây là khóa học cơ bản vững chắc nhất dành cho người mới bắt đầu muốn học JavaScript đúng cách. Khóa học này sẽ đóng vai trò là điểm khởi đầu để hiểu ngôn ngữ được gọi là JavaScript và bạn sẽ có thể chuẩn bị hoàn hảo những điều cơ bản để trở thành nhà phát triển front-end (Vue, React, Angular) và nhà phát triển máy chủ (Node.js).