inflearn logo

Trong thực tế! Tạo trang web! Từng bước một! ('Hỗ trợ' Tạo Trang web_Khóa học Cơ bản)

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

(4.8) 34 đánh giá

1,077 học viên

Độ khó Cơ bản

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

HTML/CSS
HTML/CSS
jQuery
jQuery
Interactive Web
Interactive Web
Clone Coding
Clone Coding
HTML/CSS
HTML/CSS
jQuery
jQuery
Interactive Web
Interactive Web
Clone Coding
Clone Coding

Tin tức

3 bài viết

  • jyoung님의 프로필 이미지

    Xin chào?
    Tôi là J.Young, giảng viên với 25 năm kinh nghiệm thực tế và giảng dạy.
    Dạo này mọi người đều đang tận dụng tốt AI chứ?

    Dành cho những ai có khả năng thiết kế nhưng luôn gặp khó khăn vì vấn đề coding,
    hoặc những ai đã từng thử sử dụng AI nhưng vẫn còn băn khoăn liệu "làm thế này có đúng không?",
    tôi xin giới thiệu một bài giảng thực sự hữu ích.

    ────────────────────
    🎯Hoàn thành Web Portfolio phản hồi trong 4 giờ với Figma MCP x AI
    ────────────────────

    Khóa học này không chỉ đơn thuần là hướng dẫn sử dụng công cụ mà còn
    👉đề cập đến quy trình làm việc thực tế hoàn thiện từ Thiết kế → Phát triển → Triển khai trong một lần.


    💎Nội dung cốt lõi bạn sẽ học trong khóa học này

    Cách thiết kế Figma mà AI có thể hiểu được
    Vibe Coding giúp hiện thực hóa chính xác thiết kế của bạn
    Tạo web tương tác dựa trên React
    Trải nghiệm triển khai thực tế với Git, GitHub, Vercel

    👉 Bạn sẽ không chỉ nhận được kết quả mà là học được
    “chính cách làm việc cùng với AI”.


    🚀Thay đổi sau khóa học

    Từ giai đoạn chỉ biết thiết kế → Phát triển thành nhân tài có khả năng lập trình
    Tốc độ làm việc → Cải thiện hơn 3~5 lần
    Hoàn thiện portfolio chất lượng cao có thể sử dụng ngay để xin việc hoặc chuyển việc


    🎯Đề xuất cho những đối tượng sau

    • Nhà thiết kế từng từ bỏ việc thiết kế web vì lập trình

    • Những ai muốn tận dụng AI một cách hiệu quả

    • Những ai muốn hoàn thành portfolio một cách nhanh chóng

    • Những ai muốn sở hữu cả năng lực thiết kế lẫn phát triển sản phẩm


    🔥Bây giờ là thời điểm tốt nhất

    👉Hiện đang giảm giá 30%!
    📅Thời gian: 17 tháng 3 ~ 26 tháng 3 năm 2026

    Sau thời gian này, giá sẽ quay trở lại mức bình thường nên
    nếu bạn đang quan tâm thì đây chính là cơ hội tốt nhất.


    Khóa học này
    không chỉ đơn thuần là tạo ra một sản phẩm duy nhất,

    👉 Đây là quá trình giúp bạn nắm vững
    “phương pháp sản xuất dựa trên AI” mà bạn có thể tiếp tục áp dụng mãi về sau.

    Một khi đã nắm vững,
    tốc độ và chất lượng công việc của bạn sẽ hoàn toàn thay đổi trong tương lai.


    Hãy thoải mái xem qua nhé,
    chúc bạn nâng cao năng lực thực chiến và năng suất với tư cách là một nhà thiết kế Full-stack nhé^^

    Cảm ơn bạn!

    Bạn có thể truy cập vào địa chỉ bên dưới để xem bài giảng.
    https://inf.run/QLDGi

    0
  • jyoung님의 프로필 이미지

    Xin chào 😊
    Tôi là giảng viên J.Young.

    Cuối cùng tôi cũng có thể gửi lời chào đến các bạn thông qua một bài giảng mới.


    🚀 [Hoàn thành Web Portfolio phản hồi trong 4 giờ với Figma MCP × AI]

    Khóa học lần này không đơn thuần là một "khóa học lập trình".

    Từ thiết kế mà AI có thể hiểu được,
    đến Vibe Coding sử dụng AI,
    và quy trình hoàn thiện Full-stack dẫn đến việc triển khai thực tế
    .


    🎯 Nội dung cốt lõi bạn sẽ học trong khóa học này

    Thiết kế hệ thống sử dụng Figma AutoLayout
    Phương pháp thiết kế cấu trúc đáp ứng (Responsive)
    Đăng ký Variable → Token hóa → Tạo cấu trúc thiết kế mà AI có thể hiểu được
    AI Vibe Coding thông qua liên kết máy chủ Figma MCP
    Cách hiện thực hóa thiết kế chính xác đến từng pixel
    Quy trình thực tế dẫn đến việc triển khai (Deployment)

    Không chỉ đơn thuần là "AI viết code thay cho bạn".

    Chúng ta sẽ cùng nhau rèn luyện khả năng tự phát hiện lỗi của AI, thấu hiểu cấu trúc,
    và thậm chí là tái cấu trúc (refactoring) thành một trang web phản hồi tối ưu.


    👩‍💻 Đề xuất cho những đối tượng sau đây

    • 🎨 Những ai muốn hiện thực hóa thiết kế của mình bằng Vibe Coding một cách trọn vẹn nhất

    • 🧠 Những người muốn trở thành nhà thiết kế full-stack có khả năng làm mọi việc từ thiết kế đến phát triển và triển khai.

    • 🔥 Những ai muốn học bài bản các tính năng nâng cao của Figma

    • 💻 Người mới bắt đầu học Front-end muốn tìm hiểu từ HTML / CSS / JavaScript / Tailwind cho đến React

    • Những ai muốn tạo một danh mục sản phẩm (portfolio) web phản hồi có tính tương tác và độ hoàn thiện cao

    • Những người muốn sử dụng AI để nâng cao năng suất công việc lên gấp 5 lần trở lên


    📘 Phương pháp học tập

    Tất cả quá trình đều được sắp xếp một cách hệ thống trên Notion.
    Từ thiết kế → thực hiện → chỉnh sửa → đến triển khai,
    nội dung được cấu trúc để bạn có thể tự ôn tập và học đi học lại nhiều lần.


    Trong thời đại AI,
    giờ đây người có năng lực cạnh tranh không phải là "người giỏi lập trình"
    mà là người tạo ra kết quả nhanh nhất cùng với AI.

    Trong vòng 4 giờ,
    hãy nâng tầm danh mục hồ sơ năng lực (portfolio) của bạn lên một bước mới.

    Hẹn gặp lại bạn trong khóa học.

    Cảm ơn bạn.
    Thân ái, Giảng viên J.Young

    0
  • jyoung님의 프로필 이미지

    Xin chào? Đây là J.young.

    Khóa học này miễn phí trong một thời gian giới hạn cho đến ngày 31 tháng 5 năm 2021.
    Chúng tôi xin thông báo với bạn rằng từ ngày 1 tháng 6 năm 2021, dịch vụ sẽ được chuyển đổi sang dịch vụ trả phí do hết thời hạn.
    Dành cho những người đăng ký trước ngày 31 tháng 5 năm 2021
    Bạn có thể tham gia khóa học miễn phí như bình thường.

    Hiện tại... khóa học tạm thời ngừng hoạt động do công việc khôi phục liên quan đến cài đặt...
    Chúng tôi xin lỗi vì bất kỳ sự bất tiện nào gây ra cho việc học của bạn.
    Chúng tôi sẽ tiến hành phục hồi nhanh chóng để các em có thể học tập bình thường từ ngày 1/6/2021.
    Tôi sẽ cố gắng hết sức.

    Cảm ơn

    J.youngGiấc mơ

    0

476.440 ₫